/*------------------------------------------------------------------ [Styles] Project: Houzez html5 Template Version: 1.1 Last change: Primary use: Real estate -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Table of contents] 1. Body 2. Header 3. Navigation 4. Content 5. Widgets 6. Modules 7. Typography 8. Buttons 9. Footer #usercat .field-group input::before -------------------------------------------------------------------*/ .request-a-tour-block h4 {font-family: Post Grotesk Medium;font-size: 25px;} .calltonext .btn {background-color: #2ebe67;} .pros-right-form #combopack::placeholder {color: #959595;opacity:0.5;} .pros-right-form #combopack {border-radius: 0px;} .pros-right-form .chooseuser {padding: 8px 0px;} .infoBox{min-height: 268px;max-height: 268px;left: -140.4px !important;bottom: -48.457px !important;} .infoBox .amenities {min-height: 20px !important;} .infoBox .item-body {padding: 5px 12px 5px !important;} .infoBox .item-body .property-title a{color:#474747;} .map_search_up .input-group-btn .btn {border-left: 0px !important;} .save_Pro_SER {float: right;padding: 10px;} .save_Pro_SER .btn {background: transparent;text-transform: capitalize;font-family: Post Grotesk Book;} .save_Pro_SER .btn:hover {background: #2ebe67;color: #fff;border: 0px;} .UL-actions{width:100%;height:35px;} .right-heart{float:right;} .ago_label p {color:#2EBE67;font-family: Post Grotesk Book;} .ago_label{float: left;margin-left: 20px;top: -8px;} .my-select_style { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat; background-position-x: 0%; background-position-y: 0%; background-repeat: no-repeat; background-size: auto; background-size: 10px;background-position: calc(100% - 6px) center;background-repeat: no-repeat;width: 100%; border: 1px solid #ddd;border-radius: 5px;padding: 0px 5px; } .maplisting_sorter_blk .form-control {border: 1px solid #ddd !important;} .map-listing-search-bar .form-control {border: 1px solid #ddd !important;} .add_prop-blk .form-group{border:0px !important;} .add_prop-blk .form-group input {border: 1px solid #ddd !important;} .add_prop-blk .form-group textarea{border: 1px solid #ddd !important;} #frmSignupPros .form-group {border: 0px;} #frmSignupPros {padding: 5px 0px 15px 0px;} .registerfrom .chooseuser label {padding: 0px 10px;} .registerfrom .chooseuser label sup {top: -1px !important;} .login-block .input-email input {border-top: 0px !important;} #slider_tab .form-control{border-top: 0px !important;} #slider_tab .form-group {border: 0px solid #ddd;} .login-block .field-group{margin: 0 auto;margin-bottom: 20px;} .login-block .pull-left {margin-left: 1px !important;margin-top: -3px;border: 0px !important;} .login-block .pull-right {margin-right: 1px !important;border: 0px !important;} .registerfrom input::placeholder {font-family: Post Grotesk Light;} .info-row span { font-family: Post Grotesk light;color: #474747;margin-right: 10px;} .static_page_titlebar{padding-top: 35px !important;padding-left: 40px !important;} .logo_upload_blk p{font-size: 13px;} .similar-prop-border{border-bottom: 1px solid #c5bebe;} .property-title-black a { color: #474747;} .prop_Bdetail span .fa {font-size: 17px;padding-left: 5px;font-weight: 100 !important;color: #A8A8A8;} .prop_Bdetail span {margin-right: 10px !important;font-size: 16px;color: #aaa; font-family: Post Grotesk Book;} .prop_Bdetail {padding-top: 10px;} .cmpnylogo_ongallery img{width:100px;} .cmpnylogo_ongallery{ position: absolute; left: 5px; top: 345px; } .color_blue {color: #16ade6;cursor: pointer;} .footer {display: none;} .accblk_mar_o{margin-top:0px !important;} #hidden_number { padding: 1px 0; font-size: 15px;} #btnid1_rgtdiv { padding: 4px; font-size: 11px; background: red; } #btnid2_rgtdiv { padding: 3px; font-size: 11px; margin-top: 8px; background: gray; } .bottom-ratings1 {color: #1EBE50 !important;} #left_div {width: 72%;float: left;} .Specialist1 {padding: 0px !important;} .pro_review1 {background: #00A650 !important;margin-left: 0px !important;} .rating1 {padding-top: 10px;} .Specialist1 b {font-weight: 700;} #email-notify { margin-left: 8px; background-color: red; padding: 2px 6px; border-radius: 30px; color: #fff; } #listingimg_agent img{min-height: 120px; max-height: 120px;} #clm_agent_list h3{margin-bottom: 5px;} #clm_agent_list{border-bottom: 1px solid #9b9b9b;} .cell-table1 .info-row{margin-top: 10%;} .cell-table2 .amenities{margin-top: 25%;} .cell-table3 .price{margin-top: 16%;} .cell-table1 .figure-block { width: 35% !important;float: left;margin-right: 9px;height: 100px !important; } .agent_prprty {padding: 0px 10px;margin-bottom: 50px !important;} .cell-table1{padding:0px !important;} .cell-table2{padding:0px 10px;width: 21%;} .cell-table3{padding:0px 10px;} /*--------------akshey css end-----------------*/ /*----------Maplisting START--- -------------------------*/ .hmap_label_red img {width: 85%;margin-top: -5px;} .grid-view .property-item .half-map_body { border-radius: 0px 0px 7px 7px;} .map-listing-search-bar .btn-save:hover {background: #00aeef;} .heart_share{ position: absolute;top: 12px;left: 12px;z-index: 3;} .maplisting_title {padding-top: 130px;} .maplisting_sorter_blk span {font-size: 21px;color: #fff;font-weight: 500;} .maplisting_sorter_blk{padding-left:30px !important;} .maplisting_sorter_blk .btn{background: transparent;color: #fff;height: 32px;padding: 0px 16px 0px 16px;} .map_listingimg img{min-height: 190px !important;max-height: 190px !important; border-top-left-radius: 7px; border-top-right-radius: 7px;} .half-map_body .property-title a{color: #333;font-size: 22px;font-weight: 400;} .hmap_label_red {background: #fff !important;border-radius: 0 !important;padding: 0px !important;float: right !important;} .map_price{margin-bottom: 0 !important;font-weight: 100 !important;} .hmap_label1{top: 18px !important;left: 0px !important;padding: 3px !important; background: #33333378 !important;border-radius: 0px;} .hmap_label{top: 1px !important;left: 0px !important;padding: 3px !important;border-radius: 0px; background: rgba(45,190,103,0.6) !important; border-top-left-radius: 7px;} .map_search_up .btn-default {background: #fff !important; border: 1px solid #cccccc !important;color: #cccccc !important;padding: 6px 10px !important; } .map_search_up .form-control{height: 33px !important;} .map_search_up .input-group{padding: 6px;} .mapcol_padding{padding:5px !important;} .map_search_up .input-icon::before { color: #fff !important;display: none; background: #FB2D35 !important; } .map_search_up .input-icon::after { color: #fff !important; background: #FB2D35 !important;content: "\f002" !important; content: "\f002" !important; text-align: center; font-family: "FontAwesome"; height: 43px; width: 40px; line-height: 43px; float: right; margin-top: -42px; position: inherit; } .map_search_up .input-icon::before { color: #fff !important; background: #FB2D35 !important; } .maplisting_no {font-size: 17px;color: #4cc6f4;font-weight: bold;} .maplisting_place_estate {font-size: 30px;margin-bottom: 5px;} .maplisting_title{} .maplisting_title h3{font-size: 45px;color: #fff;font-weight: 800;padding-left: 35px;padding-top: 30px;top:100px;} .map-listing-search-bar .btn-group {border-right: 0px solid;} .bg_maplisting{ background: url("http://hirewebpro.com/staging/clickkenya/Storage/property_images/13BG.jpg"); min-height: 250px;background-size: cover;max-height: 250px !important; } .bg_maplisting img {max-height: 350px;min-width: 747px;} .map_diffdisplay .bootstrap-select.open .dropdown-menu {display: block !important;padding: 10px;} .map-listing-search-bar .bootstrap-select.open .dropdown-menu {display: -webkit-inline-flex;padding: 10px;} .map-listing-search-bar .bootstrap-select .btn.btn-default {height: 34px;} .map-listing-search-bar .col-sm-6, .map-listing-search-bar .col-sm-7, .map-listing-search-bar .col-sm-5, .map-listing-search-bar .col-sm-3, .map-listing-search-bar .col-sm-2 {padding: 0px;} .map-listing-search-bar .searchbox {float:left;width:85%;} .map-listing-search-bar .btn-find:focus {color: #a1a1a1;} .map-listing-search-bar .btn-find {color: #a1a1a1;background: #fff !important;width: 15%;float: left;} .map-listing-search-bar .pull-left {font-size: 16px;} .map-listing-search-bar .dropdown-toggle {color: #333 !important;border-radius: 5px;padding: 1px 25px 0px 15px !important;} .map-listing-search-bar {} .map-listing-search-bar .input-icon input {padding-left: 10px !important;border-radius: 0;height: 57px;border: 0 !important;} .map-listing-search-bar .btn-find {border-radius: 0px;padding: 11.5px;font-size: 24px;} .map-listing-search-bar .btn-save {padding: 6px 15px;width: 100%;border: 0px solid #ccc !important;background: #2ebe67;} /*----------Maplisting END--- -------------------------*/ .place-fontawesome{font-family: FontAwesome;} .stepwizard-step .btn-primary {background: #00aeef !important;} .stepwizard-step .btn-default {background-color:#00a355;} .yard-browse-title {color: #e09f37;font-weight: 700;font-size: 25px;} .yard-browse-sub-title {font-size: 16px;font-weight: 600;padding-top: 10px;} #hide_btn #hidden_number {font-size: 11px;font-weight: 100;} #hide_btn .btn {font-size: 16px;color: #fff;font-weight: 600;} #hide_btn {background: #00aeef;border-radius: 5px;margin-top: 5px;padding: 6px 10px; text-align: center;} #resrv_btn {background: #630460; color: #fff; width: 100%;font-weight: 600;padding: 12px 10px; font-size: 16px;} .lender-amountbox { background: #fff !important; border: 0 !important; border-radius: 0 !important; color: #fff !important; height: 42px !important; padding-left: 0 !important; border-left: 1px solid #333 !important; } .searchbar-text { background: transparent !important; border: 0 !important; border-radius: 0 !important; height: 57px !important; color: #fff !important; } /*----------Yard Sale START--- -------------------------*/ .search_bar_padding .col-sm-6{border-right: 1px solid;} .Yard-sale-block .yard_block1search{padding:0px;} .Yard-sale-block .yard-banner img{min-height: 242px;max-height: 242px;width: 100%;} .Yard-sale-block .yard_block2search .btn-learn { color: #fff; padding:5px 10px; border: 1px solid; border-radius: 5px; font-size: 15px; float: right;} .Yard-sale-block .yard_block2search{background: #630460;color:#fff;min-height: 300px;max-height: 300px;} .Yard-sale-block .yard_block2search .content {text-align: center;padding:0px 25px 0px 15px;top: 1%; position: absolute;} .Yard-sale-block .yard_block2search h2{color:#fff;font-size: 40px; font-weight: 700; line-height: 50px;} .Yard-sale-block .yard_block2search p{text-align: left;margin-bottom: 10px;} .Yard-sale-search-bar .bootstrap-select .btn.btn-default {height: 57px;} .search_bar_padding{padding:0 10px !important;} .Yard-sale-search-bar .col-sm-6, .Yard-sale-search-bar .col-sm-7, .Yard-sale-search-bar .col-sm-5, .Yard-sale-search-bar .col-sm-3, .Yard-sale-search-bar .col-sm-2 {padding: 0px;} .Yard-sale-search-bar .searchbox {float:left;width:85%;} .Yard-sale-search-bar .btn-find:focus {color: #a1a1a1;} .Yard-sale-search-bar .btn-find {color: #a1a1a1;background: #fff !important;width: 15%;float: left;} .Yard-sale-search-bar .pull-left {font-size: 16px;} .Yard-sale-search-bar .dropdown-toggle {color: #fff !important;background: transparent !important; border: 0 !important; border-radius: 0;} .Yard-sale-search-bar {background: #555555;color: #fff;} .Yard-sale-search-bar .input-icon input { padding-left: 10px !important; border-radius: 0; height: 57px; border: 0 !important;} .Yard-sale-search-bar .btn-find { border-radius: 0px;padding: 11.5px;font-size: 24px;} .Yard-sale-search-bar .btn-save { padding: 17px 15px; color: #fff !important; background: transparent; border: 0; width: 100%;} /*------Yard Sale RESULT SEARCH BAR -- ---------------*/ .yard-review span {margin-right: 1px !important;} .yard-review .fa {margin: 0 1px !important;} .yard-review {padding-top: 4px;} .yard-ads-get {background: #fff;margin-top: 5px;padding: 8px 0px;} .yard_item_text {font-size: 14px;} .num_item {color: #30943e;font-size: 14px;font-weight: 600;} .ad_blk1 {padding: 5px 20px 5px 20px;} .ad_blk2 {padding: 5px 20px 5px 20px;text-align: right;border-right: 1px solid #d4d4d4;} .ad_blk3 {padding: 5px 20px 5px 20px;} .yard_owner {font-size: 14px;margin-bottom: 0px;} .ad_name {font-size: 14px;padding-left: 10px;} .ad_id {font-size: 14px;color: #e68000;} /*-----------------------Yard Sale END--------------------------------------------*/ /*------------------------ agent Lending Page Css ---------------------------*/ .agent-lending-header .block1banner{ background: url(http://hirewebpro.com/staging/clickkenya/images/agent-lending-banner.png) no-repeat; min-height: 500px; max-height: 500px; background-size: cover;} .agent-lending-header .block1banner::before{ background: url(http://localhost/clickkenya/images/agent-lending-banner.png) no-repeat; background-size: cover;} .agent-lending-header .block1banner h2{ color: #fff; text-align: right; font-size: 30px; margin: 12px 0; font-weight: 700; margin: 0; } .agent-lending-header .block1banner p{color: #fff; text-align: right; font-size: 18px; margin: 10px 0; } .agent-lending-header .block1banner .location-searchbox{ height: 50px; float: left; width: 87%; border: 0; border-radius: 0; padding: 10px !important;} .agent-lending-header .block1banner .location-finder { border-radius: 0px;padding: 7px;font-size: 20px;background: #FB2D35 !important; height: 50px; width: 10%; float: left;} .agent-form {margin-left: 4%;} .agent-lending-header .bannerdes p { font-size: 16px; line-height: 18px; padding-top: 20%; text-align: left; letter-spacing: .5px;} .find-a-agent{ padding-top: 7%;} .benefitstitle { text-align: left; border-bottom: 2px solid #333; padding-bottom: 10px; font-size: 21px; padding-top: 5px; margin-bottom: 10px; line-height: 22px; color: #D80000;} .agent-lending-block2 .content .title{ text-align: center; border-bottom: 2px solid #D80000; padding-bottom: 10px; font-size: 27px; padding-top: 5px; margin-bottom: 10px; line-height:27px;} .agent-lending-block2 .content p {font-size: 14px; line-height: 18px; margin-bottom: 10px; } .agent-lending-block2 .content h3{ padding-top: 5px; margin-bottom: 10px; color:#D80000 ; font-weight: 600;} .agent-lending-block2 .content { border: 1px solid #ddd; padding: 10px; margin-top: 20px;} .fet-title { text-align: left; padding-bottom: 10px; font-size: 20px; padding-top: 5px; margin-bottom: 0; font-weight: 500; color: #D80000;} .agent-lending-block2 { padding-left: 0;} .agent-lending-block2 .img-box { padding: 10px; margin-top: 10px;} .agent-lending-block2 .content .row { margin-top: 10px;} /*------------------------ agent Lending Page Css End ---------------------------*/ /*------------------------ Agent Search Page Css ---------------------------*/ .agent-search-header-block .block1search{ background: url(http://hirewebpro.com/staging/clickkenya/images/agent-search-banner.png) no-repeat; min-height: 300px; max-height: 300px; background-size: cover;} .agent-search-header-block .block1search .btn-learn { color: #fff; padding: 10px; border: 1px solid; border-radius: 5px; font-size: 19px; position: absolute; bottom: 10%; text-decoration: none;} .agent-search-header-block .block2search{ background: #00A650; color:#fff; min-height: 300px; max-height: 300px;} .agent-search-header-block .block2search .content { padding: 35px 25px; top: 10%; position: absolute;} .agent-search-header-block .block2search h2{color:#fff;} .get-agent-clients .star-left-text { background: #00A650; padding: 5px 7px; color: #fff; border-radius: 5px; float: left; margin-right: 5px;} .get-agent-clients .rating {padding-top:5px} .get-agent-clients .top-ratings , .get-agent-clients .bottom-ratings{ color: #00A650; font-size: 14px;} .get-agent-clients h2{color:#00A650; margin-bottom: 5px; padding-top: 5px;} .get-agent-clients { margin-top: 10px; padding: 5px; background: #fff; margin-top: 10px;} .get-agent-clients li { padding-top: 5px; margin: 0 !important;} .get-agent-clients p { margin-bottom: 3px !important; font-size: 14px;} .Prefered_agent { padding: 5px; border: 1px solid #bbb; border-radius: 3px; width: 70px; text-align: center; font-size: 12px; line-height: 13px; float: right; margin-left: 10px; color: #333; text-transform: capitalize;} .premier-agent { margin: 0 !important;} .agent-contect-det { margin: 0; margin-top: 0px !important; line-height: 10px !important;} .agent-contect-det li { line-height: 20px !important;} .agent-specialization { color: #00A650; font-size: 20px !important; text-align: center; font-weight: 700; padding-top: 20px;} .agent_des{ font-size: 16px !important; line-height: 18px; padding: 10px 10px 20px;} .agent_txt { font-size: 20px !important; font-weight: 700; padding-left: 10%; color: #888;} .agent_txt span { color: #00A650;} .agent_review-pro { padding: 40px 0;} .date-review-agent{ color: #00A650; font-size: 15px !important; text-align: center; font-weight: 700; padding-top: 20px;margin-bottom: 10px;} .search-result-block .result-agent{ margin: 0 !important; font-weight: 600; color: #00A650; padding-top: 10px;} .get-agent-clients .col-md-3 , .get-agent-clients .col-md-4, .get-agent-clients .col-md-5 {min-height: 236px;padding: 0;} .pro_img_bl { float: left; padding-right: 20px; text-align: center;} .div1pro{ border-right: 1px solid #aaa ; padding-left: 0;} .div2pro { border-right: 1px solid #aaa; padding-left: 2%;} .pro-terms {text-align: right; padding: 5% 10% 0;} .agent-contect-det a { color: #333;} .terms_dese{padding-left: 10px;} .terms_dese b { font-weight: 900 !important; font-size: 20px;} .terms_desepro{ display: -webkit-inline-box;float: right; margin-top: 5px; } .terms_desepro span b{ color: #666; font-size: 20px;font-weight: 900 !important;} @media only screen and (max-width: 480px){ .maplisting_title {padding-bottom: 10px;} .maplisting_title h3 {line-height: 40px;} .maplisting_sorter_blk {display: flex;} .financed_text{width:100% !important;} .rightsidedet {margin-top: -16px;} .my-avatar .btn-block {padding: 4px;} .page-title .page-title-right {float: left !important;margin-left: 50px;} .page-title .page-title-left {margin-left: 50px !important;} .pro-lending-header .block1banner { background: #D80000 !important; } .agent-lending-header .block1banner { background: #D80000 !important; min-height: auto; max-height: auto; background-size: cover; padding-bottom: 40px;} .agent-search-header-block .block2search .content { padding: 20px !important; top: 2% !important;} .pro-search-header-block .block2search .content { padding: 22px 12px !important; top: 0 !important;position: relative !important; } .pro-search-header-block .block1search { background: #00A8E7 !important; min-height: auto !important; max-height: auto !important;} .get-pro-clients .col-md-3, .get-pro-clients .col-md-4, .get-pro-clients .col-md-5 { min-height: auto !important; text-align: center;} .client_review-pro {padding: 20px 0px !important;} .get-pro-clients .star-left-text { margin-left: 10%;} } @media only screen and (max-width: 767px) and (min-width: 480px) { .get-pro-clients .div1pro {border-bottom: 1px solid #f1f1f1 !important;} .date-review-pro { border-top: 1px solid #f1f1f1;} .client_review-pro { padding: 0px 0px 20px !important;} .pro-search-header-block .block2search { min-height: auto !important;} .pro-search-header-block .block2search .content { padding: 13px 25px !important;top: 0%; position: relative !important;} .get-pro-clients .star-left-text { margin-left: 10%;} .get-pro-clients .col-md-3, .get-pro-clients .col-md-4, .get-pro-clients .col-md-5 { min-height: auto !important; text-align: center;} .client_review-pro {padding: 20px 0px !important;} .get-pro-clients .div2pro { border-style: solid !important; border-color: #F1F1F1; border-width: 1px 0px !important; padding-bottom: 10px !important;} .get-agent-clients .rating { text-align: center;} .get-agent-clients .star-left-text { position: absolute; left: 10%;} .agent-search-header-block .block2search { min-height: 200px; max-height: 200px; } .agent-search-header-block .block2search .content { padding: 20px !important; top: 0% !important; } } @media only screen and (max-width: 768px) and (min-width: 320px) { .property-get .star-left-text{position: absolute;left: 25%;} .property-get {text-align: center !important;} .lender-search-header-block .block2search { min-height: auto !important; } .lender-search-header-block .block2search .content { padding: 13px 25px !important;top: 0%; position: relative !important;} .pro-lending-header .block1banner { min-height: 700px !important; max-height: 700px !important;} .profile-contact.agent-contect-det { text-align: center;} .get-agent-clients h2, .get-agent-clients p { text-align: center !important } .property-get .smagcol {border-width: 1px 0px !important;border-style: solid !important;border-color: #ddd !important;} .div2pro { border: 1px solid #f1f1f1; border-width: 1px 0; padding-bottom: 10px !important;} .lender-search-bar .searchbox { z-index: 999; width: 85% !important;} .agent-lending-header .block1banner .location-finder { width: 13% !important;} .lender-search-bar .btn-find { width: 15% !important;} .pro_img_bl { float: none !important;text:center;} .get-agent-clients .col-md-3, .get-agent-clients .col-md-4, .get-agent-clients .col-md-5 { min-height: auto !important;} .agent_review-pro { padding: 0 0 10px 0px !important;} .div1pro { border-right: 0 !important; padding-left: 0px;} .div1pro, .div2pro { border-right: 0 !important; padding-left: 0px;} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .property-get .smagcol {border-width: 1px 0px !important;border-style: solid !important;border-color: #ddd !important;} .client_review-pro { padding: 0 !important;} .get-pro-clients .col-md-3, .get-pro-clients .col-md-4, .get-pro-clients .col-md-5 { min-height: auto !important;} .pro-search-header-block .block2search { min-height: auto !important;} .pro-search-header-block .block2search .content { padding: 13px 25px !important;top: 0%; position: relative !important;} .lender-search-bar .input-icon input { height: 64px !important !important ;} .lender-lending-header .block1banner .location-searchbox , .lender-lending-header .block1banner .lender-amount .btn-default{ height: 43px;} .lender-search-bar .searchbox { z-index: 999; width: 85% !important;} .lender-search-bar .btn-find { width: 15% !important;padding: 15px !importqant;} .pro_img_bl { float: none !important;text:center;} .get-agent-clients .col-md-3, .get-agent-clients .col-md-4, .get-agent-clients .col-md-5 { min-height: auto !important;} .agent_review-pro { padding: 0 0 10px 0px !important;} .div1pro { border-right: 0 !important; padding-left: 0px;} .div1pro, .div2pro { border-right: 0 !important; padding-left: 0px;} .property-get, .get-pro-clients, .get-agent-clients { width: 48%; margin: 1%; float: left;padding:10px !important;} } @media only screen and (min-device-width : 800px) and (max-device-width : 1280px) and (orientation : portrait) { .property-get .col-md-3 {min-height: auto !important;} .result-btns { padding-top: 5% !important;} .property-get .star-left-text { position: absolute; left: 25%;} .property-get {text-align: center !important;} .property-get .smagcol {border-width: 1px 0px !important;border-style: solid !important;border-color: #ddd !important;} .lender-search-header-block .block2search { min-height: auto !important; } .lender-search-header-block .block2search .content { padding: 13px 25px !important;top: 0%; position: relative !important;} .pro-search-header-block .block2search { min-height: auto !important;} .pro-search-header-block .block2search .content { padding: 13px 25px !important;top: 0%; position: relative !important;} .profile-contact.agent-contect-det { text-align: center;} .get-agent-clients h2, .get-agent-clients p { text-align: center !important } .div2pro { border: 1px solid #f1f1f1; border-width: 1px 0; padding-bottom: 10px !important;} .lender-lending-header .block1banner .location-searchbox , .lender-lending-header .block1banner .lender-amount .btn-default{ height: 41px;} } @media only screen and (min-device-width : 980px) and (max-device-width : 1280px) and (orientation : portrait) { .property-get .col-md-3 { min-height: auto !important;} .result-btns { padding-top: 5% !important;} .property-get .star-left-text { position: absolute; left: 25%;} .property-get {text-align: center !important;} .property-get .smagcol {border-width: 1px 0px !important;border-style: solid !important;border-color: #ddd !important;} .lender-search-header-block .block2search { min-height: auto !important; } .lender-search-header-block .block2search .content { padding: 13px 25px !important;top: 0%; position: relative !important;} .pro-search-header-block .block2search { min-height: auto !important;} .pro-search-header-block .block2search .content { padding: 13px 25px !important;top: 0%; position: relative !important;} .profile-contact.agent-contect-det { text-align: center;} .get-agent-clients h2, .get-agent-clients p { text-align: center !important } .div2pro { border: 1px solid #f1f1f1; border-width: 1px 0; padding-bottom: 10px !important;} .lender-lending-header .block1banner .location-searchbox , .lender-lending-header .block1banner .lender-amount .btn-default{ height: 41px;} } /*------------------------ Agent Search Page Css End ------------------------*/ /*------------------------ Pro Search Page Css ---------------------------*/ .pro-search-header-block .block1search{ background: url(http://hirewebpro.com/staging/clickkenya/images/pro-search-banner.png) no-repeat; min-height: 275px; max-height: 275px; background-size: cover;} .pro-search-header-block .block1search .btn-learn { color: #fff; padding: 10px; border: 1px solid; border-radius: 5px; font-size: 19px; position: absolute; bottom: 10%; text-decoration: none;} .pro-search-header-block .block2search{ background: #00A8E7; color:#fff; min-height: 275px; max-height: 275px;} .pro-search-header-block .block2search .content { padding: 35px 25px; top: 10%; position: absolute;} .pro-search-header-block .block2search h2{color:#fff;} .get-pro-clients .star-left-text { background: #F77D0D; padding: 5px 7px; color: #fff; border-radius: 5px; float: left; margin-right: 5px;} .get-pro-clients .rating {padding-top:5px} .get-pro-clients .top-ratings , .get-pro-clients .bottom-ratings{ color: #F77D0D; font-size: 14px;} .get-pro-clients h2{color:#00A8E7; margin-bottom: 5px; padding-top: 5px;} .get-pro-clients { margin-top: 10px; padding: 5px; background: #fff; margin-top: 10px;} .get-pro-clients li { padding-top: 5px; margin: 0 !important;} .get-pro-clients p { margin-bottom: 3px !important; font-size: 14px;} .Prefered_pro { padding: 8px; margin-left: 7%; border: 1px solid #bbb; border-radius: 3px;} .pro-contect-det { margin: 0; margin-top: -60px !important; line-height: 10px !important;} .pro-contect-det li { line-height: 20px !important;} .pro-specialization { color: #00A8E7; font-size: 20px !important; text-align: center; font-weight: 700; padding-top: 20px;} .pro_des{ font-size: 16px !important; line-height: 18px; padding: 10px 0 20px;} .pro_txt { font-size: 20px !important; font-weight: 700; padding-left: 10%; color: #888;} .pro_txt span { color: #00A8E7;} .client_review-pro { padding: 40px 0;} .date-review-pro{ color: #00A8E7; font-size: 15px !important; text-align: center; font-weight: 700; padding-top: 20px;margin-bottom: 10px;} .txt-review-pro { line-height: 17px;} .search-result-block .result-pro { margin: 0 !important; font-weight: 600; color: #00A8E7; padding-top: 10px;} .get-pro-clients .col-md-3 , .get-pro-clients .col-md-4, .get-pro-clients .col-md-5 {min-height: 236px;} .pro_img_bl { float: left; padding-right: 20px;} .div1pro{ border-right: 1px solid #aaa ; padding-left: 0;} .div2pro { border-right: 1px solid #aaa; padding-left: 2%;} .pro-terms {text-align: right; padding: 5% 10% 0;} .terms_des{font-size: 20px; font-weight: 900;} /*------------------------ Pro Search Page Css End ------------------------*/ /*------------------------ Pro Lending Page Css ---------------------------*/ .pro-lending-header .block1banner{ background: url(http://hirewebpro.com/staging/clickkenya/images/pro-lending-banner.png) no-repeat; min-height: 600px; max-height: 600px; background-size: cover; margin-bottom: 40px;} .pro-lending-header .block1banner h2{ color: #fff; text-align: left; font-size: 36px; margin: 12px 0; font-weight: 700; margin: 0; } .pro-lending-header .block1banner p{color: #fff; text-align: left; font-size: 24px; margin: 10px 0; } .pro-lending-header .block1banner .location-searchbox{ height: 50px; float: left; width: 70%; border: 0; border-radius: 0; padding: 10px !important;} .pro-lending-header .block1banner .location-finder { border-radius: 0px;padding: 7px;font-size: 20px;background: #FB2D35 !important; height: 50px; width: 10%!important; float: left;} .pro-form {margin-left: 2.5%;} .pro-lending-header .bannerdes p { font-size: 16px; line-height: 18px; padding-top: 20%; text-align: left; letter-spacing: .5px;} .find-a-pro{ padding-top: 11%;} /*------------------------ Pro Lending Page Css End ---------------------------*/ /*------------------------ Lender Lending Page Css ---------------------------*/ .lender-lending-header .block1banner{ background: url(http://hirewebpro.com/staging/clickkenya/images/lender-lenging-banner.png) no-repeat; min-height: 450px; max-height: 450px; background-size: cover;} .lender-lending-header .block1banner h2{ color: #fff; text-align: right; font-size: 24px; margin: 0; } .lender-lending-header .block1banner p{color: #fff; text-align: right; font-size: 16px; } .lender-lending-header .block1banner .location-searchbox{ float: left; width: 65%; border: 0; border-radius: 0; padding: 10px !important;} .lender-lending-header .block1banner .lender-amount {float: left;width: 100px !important;color: #777 !important;padding-left: 10px !important;} .lender-lending-header .block1banner .lender-amount .btn-default { border: 0; border-radius: 0;padding:0} .lender-lending-header .block1banner .location-finder { border-radius: 0px;padding: 7px;font-size: 20px;background: #FB2D35 !important; width: 10%!important; float: left;} .nopadding{ padding: 0;} .lender-amount .pull-left{ border-left: 1px solid #aaa; font-size: 16px; padding-left: 10px !important; padding: 7px;} .lender-lending-header .bannerdes p { font-size: 14px; line-height: 18px; padding-top: 30%; text-align: left;} .find-a-lender{ padding-top: 9%;} .lender-lending-block2 { margin-top: 20px; border: 1px solid#e1e1e1; padding: 5px;} .lender-lending-block2 .title{ text-align: center; border-bottom: 2px solid red; padding-bottom: 10px; font-size: 27px; padding-top: 5px; margin-bottom: 10px; line-height:27px;} .lender-lending-block2 p {font-size: 14px; line-height: 18px; margin-bottom: 10px; } .lender-lending-block2 h3{ padding-top: 5px; margin-bottom: 10px; color:red ; font-weight: 600;} .more-about-pre-approved { color: red; font-style: italic; font-weight: 600; font-size: 14px;} @media only screen and (max-width: 767px) { .lender-lending-header .block1banner .location-searchbox { width: 100% !important; } .lender-lending-header .block1banner .lender-amount {width: 50% !important;height: 49px !important;} .lender-lending-header .block1banner .location-finder { padding: 10px !important;width: 50% !important;} } @media only screen and (max-width: 1024px) and (min-width: 767px) {.lender-lending-header .block1banner .location-searchbox { width: 60% !important; }} /*------------------------ Lender Lending Page Css End -----------------------*/ /*------------------------ Lender Serch Page Css ---------------------------*/ .lender-search-header-block .block1search{ background: url(http://hirewebpro.com/staging/clickkenya/images/lender-search-banner.png) no-repeat; min-height: 280px; max-height: 280px; background-size: cover;} .lender-search-header-block .block1search .btn-learn { color: #fff; padding: 10px; border: 1px solid; border-radius: 5px; font-size: 19px; position: absolute; bottom: 10%; text-decoration: none;} .lender-search-header-block .block2search{ background: #0072BC; color:#fff; min-height: 280px; max-height: 280px;} .lender-search-header-block .block2search .content { padding: 35px 25px; top: 10%; position: absolute;} .lender-search-header-block .block2search h2{color:#fff;} .lender-search-bar .col-sm-3{padding:0 !important;} .lender-search-bar .col-sm-5, .lender-search-bar .col-sm-3, .lender-search-bar .col-sm-2 { padding: 0 !important; border: 1px solid; border-right: 0; border-width: 1px 0px 0px 1px !important;} .lender-search-bar .searchbox { float: left; width: 90% ;} .lender-search-bar .btn-find { background: #FB2D35 !important; width: 10%; float: left;} .lender-search-bar .pull-left { font-size: 16px;} .lender-search-bar .dropdown-toggle { color: #fff !important; background: transparent !important; border: 0 !important; border-radius: 0;} .lender-search-bar { background: #555555; color: #fff;} .lender-search-bar .input-icon input { padding-left: 10px !important; border-radius: 0; height: 57px; border: 0 !important;} .lender-search-bar .btn-find { border-radius: 0px;padding: 11.5px;font-size: 24px;} .lender-search-bar .btn-save { padding: 17px 15px; color: #fff !important; background: transparent; border: 0; width: 100%;} .btn-save .fa{ font-size: 18px;} .lender-search-bar .bootstrap-select { padding: 7px;} .search-result-block {padding-top: 25px;padding-bottom: 10px;} .search-result-block .result-places { margin: 0 !important;} .search-result-block .result-lender { margin: 0 !important; font-weight: 600; color: #38B54A; padding-top: 10px;} .btn-result-pro-app { background: red; padding: 12px; color: #fff !important; border: 0;margin-bottom: 10px;} .btn-lender-contact{ background: #aaa; padding: 13px 21px;color: #fff !important;border: 0;margin-bottom: 10px;} .property-get .star-left-text { background: #38B54A; padding: 5px 7px; color: #fff; border-radius: 5px; float: left; margin-right: 5px;} .property-get .rating {padding-top:5px} .property-get .top-ratings , .property-get .bottom-ratings{ color: #38B54A; font-size: 14px;} .property-get h2{color:#38B54A; margin-bottom: 5px; padding-top: 5px;} .property-get { padding: 20px 0; background: #fff; margin-top: 10px;} .property-get.active { background:#FEF0E0;} .property-get li { padding-top: 5px; margin: 0 !important;} .property-get p { margin-bottom: 3px !important; font-size: 14px;} .result-btns { padding-top: 20%;} .finacing-option { color: #38B54A; font-size: 18px !important;} .property-get .col-md-3 {min-height: 200px;} @media only screen and (max-width: 768px) { .property-get .col-md-3 { min-height: auto !important;} .property-get .col-md-3 { min-height: auto !important; border-right: 0 !important;} .result-btns { padding-top: 5% !important;} } /*------------------------ Lender Serch Page Css End ---------------------------*/ /*------------------------ Get Pre Approved popup window css ---------------------------*/ /*--------------------------------- Popup Window 1------------------------------------------*/ .window_popup { background: rgba(20, 20, 20, 0.1) url("http://localhost/clickkenya/images/Picture32.png") repeat scroll 0% 0%; margin: 0px auto !important; padding: 10px; width: 100%; } .popupwindow { padding: 20px 5px 30px;} .popupstyel{color:#333;} .popupstyel p {font-size: 12px;text-align: center; padding: 0px;font-weight: 400;color: #000;} .popupstyel h2 {font-size: 18px; text-align: center; padding: 4px;line-height: 10px;} .popupstyel-yesno { width: 25%; float: left;} .main-yesno{ padding: 10px;} .popupstyel-yesno .fa-question-circle::before{font-size: 67px;} .popupstyel-yesno .fa-circle-thin::before{font-size: 67px;} .popupstyel-yesno .fa-check-circle::before {font-size: 67px;} .popupstyel-yesno .fa-times-circle-o::before {font-size: 67px;} .yesno-text{ text-align: center;font-size: 24px;margin-top: -20px;} .popupstyel-prev{background: transparent; border: 0;color:#00aeef;} .popupstyel-next{background: transparent; border: 0;float: right;color:#555;} .popup-step{width: 50%;float: left; } .popup-steps{float: left;} /*--------------------------------- Popup Window END------------------------------------------*/ /*--------------------------------- Popup Window 2------------------------------------------*/ .popupstyel-20-yesno{width:20% !important;} .popupwindow1 { margin: 0 auto !important; margin: 0 auto !important; padding: 20px 0 40px;} .bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;} .bs-wizard > .bs-wizard-step {padding: 0; position: relative;} .bs-wizard > .bs-wizard-step + .bs-wizard-step {} .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #4cc6f4; font-size: 16px; margin-bottom: 5px;} .bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;} .bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fff; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;border: 1px solid;} .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: "\f058"; width: 14px; height: 14px; border-radius: 50px; position: absolute; top: -3px; left: 0px; font: normal normal normal 14px/1 FontAwesome; font-size: 34px; } .bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 0px; box-shadow: none; margin: 20px 0;} .bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: transparent;} .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;} .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;} .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;} .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;} .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #fff;} .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;} .bs-wizard > .bs-wizard-step:first-child > .progress {left: 50%; width: 50%;} .bs-wizard > .bs-wizard-step:last-child > .progress {width: 50%;} .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: visible; } /*--------------------------------- Popup Window 2 END------------------------------------------*/ /*--------------------------------- Popup Window 3------------------------------------------*/ .popupwindow3 { padding: 20px 0 40px;} .popupstyel3 p { font-size: 14px;text-align: center;} .popupstyel3 h2 { font-size: 18px; text-align: center; padding: 4px;margin-bottom: 0;} .forminput{width: 27%;margin: 0 auto;display: flex;} /*--------------------------------- Popup Window 3 END------------------------------------------*/ /*--------------------------------- Popup Window 6------------------------------------------*/ .full-creditscore { margin: 0 auto; margin-top: -30px;} .credit-score { margin-right: 30px; } .credit-score .active { background: #00aeef ; color:#fff} .credit-score a{ background: transparent; border-radius: 41px; border: 1px solid #00aeef;} .creditscore a { padding: 30px 20px; } .creditscore1 a { padding: 30px 7px; } .creditscore2 a { padding: 30px 25px; } .creditscore3 a { padding: 30px 23px; } .creditscore4 a { padding: 30px 24px; } .score-affects {padding: 0px 10px; margin: 50px 0;} /*--------------------------------- Popup Window 6-End-----------------------------------------*/ /*--------------------------------- Popup Window 7------------------------------------------*/ .popupwindow7 { padding: 20px 0 40px;} /*--------------------------------- Popup Window 7-End-----------------------------------------*/ /*--------------------------------- Popup Window 12------------------------------------------*/ .popupwindow12 { margin: 0 auto !important;line-height: 25px; padding: 20px 0px;} .popupstyel12 p { font-size: 18px; padding: 0 8px; } .popupstyel12 h1 { font-size: 17px;padding: 0px 8px 20px;line-height: 20px;} .widget-info h3 { margin: 0 0 10px 0;} .widget-info li { list-style-type: none;font-size: 13px;} /*--------------------------------- Popup Window 12 END------------------------------------------*/ /*--------------------------Get Pre Approved popup window css End -------------------------------*/ /*-----min-height: 189px !important; max-height: 189px !important;----------------Pro Single CSs SATRT----------------------------------------------*/ @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){ .sidebarleft { width: 100% !important; clear: both !important; float: left !important; min-height: auto !important ; max-height: auto !important ; } } @media screen and (max-width: 480px) { .localrating { width: 100% !important;} .profilter > ul > li { display: inline !important;} } .sidebarleft{width: 50%; min-height: 189px ; max-height: 189px ;} .sidebarthumbs{width: 100% !important;} .sidebarimage{width: 100% !important;} .allboards{color:#444 !important; margin-top: 20px !important;background:#DDDDDD !important;} .boards_heading {font-size: 18px; padding: 0 10px;} .localrating{float: left; padding-top: 4px; padding-right: 10px;width: 25%;} .prostarsfea{line-height: 20px;} .prostarsfea label.star {font-size: 18px !important;} .proauther{float: left;width: 450px;padding-top: 10px;} div.prostars { width: 165px; display: inline-block; float: left; } .proflag{float: left;width: 100px;padding-top: 10px;} .prostars input.star { display: none; } .prostars label.star { float: left; padding: 2px; font-size: 26px; color: #74C006; transition: all .2s; } .prostars input.star:checked ~ label.star:before { content: '\f005'; color: #74C006; transition: all .25s; } .propagination{} .propagination a { color: black; float: left; padding: 8px 15px; text-decoration: none; } .propagination a.active { background-color: #666; color: white; border-radius: 20px; } .prostars label.star:before { content: '\f005'; color: #74C006; transition: all .25s; font-family: FontAwesome; } .profilter-wrap { padding: 0 !important; border-bottom: 1px solid #ccc; padding-bottom: 20px !important; } .profilter > ul > li { display: table-cell; padding-right: 10px; text-align: right; } .profilter { width:100%;} .profilter ul { width:100%;} .profilter .property-filter-wrap .bootstrap-select { width: 230px !important;} .profilter .bootstrap-select .btn.btn-default { height: 30px ;} .prowritereview{float: right;margin-bottom: 14px;border: 1px solid #4cc6f4; padding: 5px 10px; border-radius: 5px;} .pro_service { list-style-type: none; clear: both; } .pro_service li { float: left; padding-bottom: 25px; } .pro_service li a { display: inline-block; text-align: center; padding: 14px 50px; text-decoration: none; } .protag{font-size: 20px; font-weight: 600; color: #888; padding: 3px 3px; border: 1px solid #888; border-radius: 3px;display: inline-block;} .pro-profile-description h3{ font-size: 28px; line-height: 24px; margin: 0; font-weight: 600; text-transform: inherit; text-align: inherit;} .pro-profile-description .position{font-size: 14px; color: #4cc6f4; line-height: 20px; margin: 0 0 23px; font-weight: 300; text-transform: inherit; text-align: inherit;} .pro_review{background: #FF6E03; padding: 4px; font-size: 14px; color: #fff; border-radius: 3px; margin-left: 10px;} .businesscard {background: #666; padding: 5px; font-size: 16px; line-height: 20px; color: #fff; padding-left: 10px;} .prorating {margin-bottom: 10px !important;} .Specialist{padding-left: 10px; margin-top: 10px; color: #333; font-size: 14px; line-height: 20px; padding-right: 10px; padding-bottom: 5px;} .specialin{color: #fff; background: #888; border-radius: ; padding: 0 0 0 2px;} div.clear { clear:both; padding-top: 20px; } .desspec{margin-bottom: 20px !important;font-size: 15px;} .des-title { margin-bottom: 15px; font-weight: 600; } /*----------------PRO SECTION END----------------------*/ /*----------------Vikas Custom Css Start For Add new property ---------------*/ .add_prop-blk .form-group{font-family: Post Grotesk Book;font-size: 17px;} #add_property_sidebar .add-title-tab h3{font-family: Post Grotesk Medium;font-size: 30px;text-align: center;} .chooselisting #div1{margin-top: 5px !important;} .chooselisting #div2{margin-top: 5px !important;} .chooselisting h3{font-family: Post Grotesk Book;} .listinggivesyou h3{font-family: Post Grotesk Book;} .chooselisting b{font-family: Post Grotesk Medium;font-size: 17px;font-weight: 500;} .listinggivesyou a {padding: 2px 5px !important;font-size: 12px !important;float: right;} .chooselisting{padding: 10px;} .listinggivesyou{background: #91b57a;margin-bottom: 10px; color: #fff;border-radius: 10px; padding: 10px;} .listing_give {margin-bottom: 0; font-size: 13px; padding-left: 10px; } .type-listing { width: 45%; float: left; } @media screen and (max-width: 850px) { .type-listing { width: 49%; float: none; margin-left: 0 !important; } .window_popup { width: 100% !important;} } /*----------------Vikas Custom Css Start ---------------------------------*/ .tooltipshare {bottom: -37px !important;} .tooltipshare::after { bottom: 30px !important; border-color: transparent transparent #2ebe67 transparent !important; } .tab-content .col-md-12 { margin-bottom: 35px; } .widget.widget-range.property { border-top: 1px solid #aaa; padding-top: 20px; margin-top: 9px !important; } /*.property_des { background: #fff url("http://hirewebpro.com/staging/clickkenya/images/propertytitle.png"); background-repeat: repeat-x; background-position: 0 40px; }*/ .propertypage { padding: 0 10px; background: transparent; text-align: center; margin-top: -30px; } .rightsidedet { position: absolute; left: 70%; } .property_des1 { background: #fff url("http://hirewebpro.com/staging/clickkenya/images/propertytitle.png"); background-repeat: repeat-x; background-position: 0 22px; padding: 37px 0 0; } .propertypage img {height: 35px;margin-top: -28px;} .propertypage2 img{height: 35px;margin-top: -28px;} .propertypage1 img{height: 35px;margin-top: -28px;} .propertypage1 { padding: 0 10px; background: transparent; text-align: center; margin-top: -49px; } .propertypage2 { padding: 0 10px; background: transparent; text-align: center; margin-top: -60px; padding-top: 15px; } /* .property_des { background: #fff url("http://hirewebpro.com/staging/clickkenya/images/propertytitle.png"); background-repeat: repeat-x; background-position: 0 17%; padding-top: 70px !important; } .propertypage { padding: 0 10px; position: absolute; top: 20px !important; left: 38%; background: #fff; text-align: center; } .property_des1 { background: #fff url("http://hirewebpro.com/staging/clickkenya/images/propertytitle.png"); background-repeat: repeat-x; background-position: 0 42%; padding-top: 100px !important; padding: 20px; } .propertypage1 { padding: 0 10px; position: absolute; top: 21.9% !important; left: 39%; background: #fff; text-align: center; } .property_des2 { background: #fff url("http://hirewebpro.com/staging/clickkenya/images/propertytitle.png"); background-repeat: repeat-x; background-position: 0 42%; padding-top: 100px !important; padding: 20px; } .propertypage2 { padding: 0 10px; position: absolute; top: 11.9% !important; left: 39%; background: #fff; text-align: center; } */ /*----------------Vikas Custom Css Start ---------------------------------*/ .randomblock{bottom: 0 !important ;background: rgba(0,0,0,0.2);padding: 5px; left:0 !important;height: 100%; padding-top: 156px;padding-bottom: 0px;} .propertyagentform .form-control1 { border-radius: 0 !important;height: 35px;} .propertyagentform textarea.form-control { height: 80px; border-radius: 0; } .propertyagentform .form-group { margin-bottom: 0px !important;} .itempostcard{ padding: 0px;} .firstbloghome { position: absolute;z-index: 50;top: 10%;left: 30%;width: 400px;color: #fff; text-align: center;} .firstbloghome h2{font-size:20px;color:#fff;} .firstbloghome h1{font-size:25px;color:#fff;font-weight:600;line-height: 30px;} .btnblogfirst{padding:10px 20px; border:1px solid #fff;color: #fff; border-radius: 5px;} #LeFtArrOw{float: left;margin-left: -29px;} #MeNuArrOw{position: absolute;width: 100%;top: 40%;} #RiGhtArrOw{float: right;margin-right: -25px !important;} .galleryproperty{ max-height: 426px !important; min-height: 426px !important; } #contact_on_property {top: 2px ;left: 0;/*width: 300px; */padding: 10px 10px 10px 10px;border-width: 0 1px 1px; border: 1px solid #c5bebe;} .btnbanner:hover {color: #fff;} .btnbanner{border: 1px solid #fff; color: #fff; padding: 8px 15px; border-radius: 5px;} .dropdownkey.input-icon { margin-left: 0 !important; } /*----------------Vikas Custom Css for Register Page Start ---------------------------------*/ #user-type{font-size: 24px;font-weight: 600;padding: 20px 20px 0; margin-bottom: 5px;} #user-typedes {padding: 0 20px;font-size: 16px;font-weight: 500;line-height: 18px;} #user-type1{font-size: 24px;font-weight: 600; margin-bottom: 5px;} #user-typedes1 {font-size: 18px;font-weight: 600;line-height: 18px;} #learn-btn{float:right;background: #fff;} .registerfrom { background: #fff; padding: 20px; } .registerfrom .field-group {border: 0;padding: 0px;} .registerfrom .input-icon #last_name {border-bottom: 1px solid #cecece;} .registerfrom .input-icon {border: 1px solid #cecece;border-bottom: 0px; margin: 0px 30px;} .registerfrom .field-group input { height: 34px; } .registerfrom .input-icon input { padding-left: 10px !important } /*.radio-item { display: inline-block; position: relative; padding: 0 6px; margin: 10px 0 0;} .radio-item input[type='radio'] { display: none;} .radio-item label { color: #666; font-weight: normal;} .radio-item label:before { content: " "; display: inline-block; position: relative; top: 5px; margin: 0 5px 0 0; width: 20px; height: 20px; border-radius: 11px; border: 2px solid #004c97; background-color: transparent;} .radio-item input[type=radio]:checked + label:after { border-radius: 11px; width: 12px; height: 12px; position: absolute; top: 9px; left: 10px; content: " "; display: block; background: #004c97;} .checkuser{ display: inline-block; position: relative; padding: 0 6px; margin: 10px 0 0;} .checkuser p { color: #666; font-weight: normal;} .checkuser input[type=radio]:checked + p:after {border-radius: 11px;width: 17px;height: 17px;position: absolute;top: 8px; left: 5px;content: " ";display: block;background: #8DC63F;}*/ /*----------------Vikas Custom Css for Register Page End---------------------------------*/ /*----------------Vikas Custom Css ---------------------------------*/ #sidebar_Property img{width: 100% !important;min-height: 60px;max-height: 60px;max-width: 100%;} #homepageimg img { min-height: 230px; max-height: 230px; min-width: 100%; } #listingimg img { min-height: 160px; max-height: 160px; width: 100% !important;} /*----------------Vikas Custom Css For Slider Tab ---------------------------------*/ #myaccount_menu {} #slider_tab { background: transparent;width: 620px;} #slidertabs { border: 0;} #slidertabs li.active::after { content: ""; position: absolute; bottom: -12px; left: 42%; margin-left: -5px; border-width: 12px; border-style: solid; border-color: transparent transparent #fff transparent;} #slidertabs li a { font-size: 16px; font-weight: 500; color: #fff; background-color: rgba(0, 0, 0, .2); cursor: pointer; min-height: 55px; width: 148px; border-radius: 0 !important; border: 1px solid #fff;padding-top: 18px; margin-left:-2px;} #slider_tab .tab-content { margin-top: 13px; padding: 7px 10px ; background: #fff;border-radius: 5px;margin-right:10px;} #slider_tab .tab-content .input-icon::before { background: #fff;} #slidertabs #home .input-icon input{ font-size: 17px !important; } .nav-tabs li.active{background-color: rgba(0,191,255, .6) !important;} #slidertabs li a:hover {background-color: rgba(0,191,255, .6) !important;} /*----------------Vikas Custom Css For Slider Tab End ----- background: rgba(255,255,255,0.3);----------------------------*/ /*----------------Vikas Custom Css For menu ---------------------------------*/ .sub-menu1 { margin-left: -85px !important; width: 230px !important;} .sub-menu1 li a {text-align: left;} .sub-menu1::before { content: ""; position: absolute; bottom: 100%; left: 62%; margin-left: -5px; border-width: 9px; border-style: solid; border-color: transparent transparent #fff transparent;} #menu, #menu ul { list-style: none; border: 0; background-color: transparent;margin: 0 !important;} #menu li{ float: left; position: relative; width: 170px;} #menu ul { position: absolute; top: 50px; padding: 0; display: none; z-index: 50; background: #fff; width: 65% !important;left: -25px;} #menu ul li{ float: none; margin: 0; padding: 0; line-height: 15px; background: #fff;border-bottom: 1px solid #ededed;} #menu a:link, #menu a:visited{ display: block; font-size: 0.75em; font-weight: bold; text-align: left; text-decoration: none; color:#000; padding: 5px;} #menu li:hover{ } #menu li:hover ul{ display: block;} /*----------------Vikas Custom Css For menu ---------------------------------*/ /*--only chorme----*/ /* Chrome 29+ */ @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { #usercat p { margin-top: 0px !important;} #usercat {padding: 10px 4px !important;display: -webkit-inline-box;} #usercat input { margin: 0 !important; padding: 0 !important; height: 19px !important; } } /*--only chorme End----*/ #profile-tab li { width: 192px !important;} #accept_terms { height: auto !important; text-align: left; width: auto; padding-left: 20px !important; margin-left: -15px; } #usercat input {width: 50% !important;} .dropdownkey option { padding: 10px 20px;} .dropdownkey { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-repeat: no-repeat; background-size: 0.5em auto; background-position: right 0.75em center; padding-right: 2em; background-image: url("data:image/svg+xml;charset=utf-8, \ \ \ ");} .dropdownkey{border: 1px solid #cccccc;color: #959595;font-size: 14px;text-transform: none;height: 42px; background-color: #fff;font-weight: 400;width: 100%;border-radius: 5px;padding-left: 10px;} .error {position: inherit !important;} @media screen and (max-width: 991px) { #usercat p { margin-top: 15px !important;} } @media (min-width: 768px) and (max-width: 991px) { #add_property_sidebar {width: 100%;margin-left: 0;} } @media (min-width: 361px) and (max-width: 767px) { .pro_img_bl { float: none !important;text-align: center !important;} .get-pro-clients .col-md-3, .get-pro-clients .col-md-4, .get-pro-clients .col-md-5 { min-height: auto !important; border: 0 ; } .client_review-pro { padding: 0 0 40px 0px !important;} .div1pro { border-right: 0 !important; padding-left: 0px !important;} .div2pro { border-right: 0 !important; } #userrole { width: 50%; float: left;} } @font-face { font-family: Post Grotesk Thin; src: url(http://hirewebpro.com/staging/clickkenya/fonts/post_grotesk/Post-Grotesk-Thin.otf); } @font-face { font-family: Post Grotesk Light; src: url(http://hirewebpro.com/staging/clickkenya/fonts/post_grotesk/Post-Grotesk-Light.otf); } @font-face { font-family: Post Grotesk Bold; src: url(http://hirewebpro.com/staging/clickkenya/fonts/post_grotesk/Post-Grotesk-Black.otf); } @font-face { font-family: Post Grotesk Book; src: url(http://hirewebpro.com/staging/clickkenya/fonts/post_grotesk/Post-Grotesk-Book.otf); } @font-face { font-family: Post Grotesk Medium; src: url(http://hirewebpro.com/staging/clickkenya/fonts/post_grotesk/Post-Grotesk-Medium.otf); } @font-face { font-family: Post Grotesk Black; src: url(http://hirewebpro.com/staging/clickkenya/fonts/post_grotesk/Post-Grotesk-Black.otf); } /* @font-face { font-family: Montserrat ExtraLight; src: url(http://hirewebpro.com/staging/clickkenya/fonts/Montserrat-ExtraLight.otf); } @font-face { font-family: Montserrat Bold; src: url(http://hirewebpro.com/staging/clickkenya/fonts/MontserratBold.otf); } /*GOOGLE FONTS @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700"); /*START GLOBAL STYLE*/ #LatestProperties h3{margin-bottom: 5px ! important;} #LatestProperties h3 a {color:#333 !important;} #usercat {display: -moz-box;padding: 0 4px; } #usercat p{ margin-bottom: 0; margin-top: 8px; } /*----------------Vikas Custom Css End ---------------------------------*/ .places{ position: absolute; left: 12px; bottom: 12px; z-index: 4; text-align: left; background: url(http://hirewebpro.com/staging/clickkenya/images/property-image-bg.png); width: 100%; } .deals_block h2 { font-family: Post Grotesk Black; font-size: 34px; color: #474747; text-align: center; font-weight: 500; font-style: normal; margin: 5px; } .deals_block span{ font-family: Post Grotesk Book; font-size: 17px; font-weight: 500; line-height: 24px; text-transform: none; } #property-item-block { padding:0 !important; } #property-item-wrap { padding: 0; } .places .placename { font-size: 13px; line-height: 25px; margin: 7px 0px 0px; font-weight: 600; text-transform: inherit; text-align: inherit; text-transform: uppercase; color: #fff;font-family: Post Grotesk Medium; } .navi > ul > li > a { font-family: Post Grotesk light; } .places h3 { font-size: 23px; line-height: 18px; margin: 0px; font-weight: 500; text-transform: inherit; text-align: inherit; color: #fff;font-family: Post Grotesk Book; } .banner-featured { position: absolute; z-index: 3; top: -18px; left: -34px; } * { margin: 0; padding: 0; } body { background-color: 1px solid #E5E5E5; padding-right: 0 !important; } *:focus { outline: none; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { margin-top: 0 !important;} /*---------------------------------------------custom css By Vikas ---------------------------------*/ #sidebaronpage { background: #FFF ; border: 1px solid #F5F5F5;} .location-block1 div { position: absolute; top: 51%; padding: 10px 20px 20px; background:rgba(0,0,0,0.5); } .location-block1 div h3 {text-align: center;color: #fff;font-size: 24px;font-weight: 700;line-height: 30px;margin-bottom: 5px;} .location-block1 div .sub-heading {color: #fff !important;} .vc_custom_heading{ font-size: 32px; color: #dd3333; text-align: center; font-weight:400; font-style:normal; } #find_your_agent {border-color: #FFF;color: #fff; background-color: transparent;padding: 10px 15px;text-align: right;border: 1px solid !important;border-radius: 5px;float: right;} #find_your_agent:hover { background: #fff !important; color: #000 !important; } .singleagenttag { font-size: 14px; font-weight: 400; color: #888; padding: 3px 3px; border: 1px solid #888; border-radius: 3px; display: inline-block; line-height: 12px; text-align: center; } /*---------------------------------------------custom css By Vikas End ---------------------------------*/ .header-mobile, .blog-header, .item-foot, .item-caption .item-caption-list, .property-item-v2 .item-body-top, .property-item-v2 .item-body-bottom, .account-block, .area-title, .my-property .media-body, .add-tab-content .add-tab-row, .profile-top, .media-tabs, .form-small .agent-media-head, .yelp-category .yelp-cat-list li, .detail-title, .document-list li, .plan-tabber .tab-pane, .floor-title-block, .print-header, .print-header-detail, .accord-block .accord-tab, .profile-tabs, .reviews-list .review-top, .property-filter-wrap, .article-footer, .comment-navigation, .document-topic-list li, .info-title, .method-row, .pkg-total-list li, .widget-download li, .widget-calculate .morg-result, .widget-categories ul, .widget_categories ul, .widget_archive ul, .widget_meta ul, .widget_recent_entries ul, .widget_pages ul, .widget-pages ul, .widget_recent_comments ul, .widget_nav_menu ul, .widget-categories li, .widget_categories li, .widget_archive li, .widget_meta li, .widget_recent_entries li, .widget_pages li, .widget-pages li, .widget_recent_comments li, .widget_nav_menu li, .lightbox-popup .popup-inner, .lightbox-header, .lightbox-slide-nav { *zoom: 1; } .header-mobile:before, .blog-header:before, .item-foot:before, .item-caption .item-caption-list:before, .property-item-v2 .item-body-top:before, .property-item-v2 .item-body-bottom:before, .account-block:before, .area-title:before, .my-property .media-body:before, .add-tab-content .add-tab-row:before, .profile-top:before, .media-tabs:before, .form-small .agent-media-head:before, .yelp-category .yelp-cat-list li:before, .detail-title:before, .document-list li:before, .plan-tabber .tab-pane:before, .floor-title-block:before, .print-header:before, .print-header-detail:before, .accord-block .accord-tab:before, .profile-tabs:before, .reviews-list .review-top:before, .property-filter-wrap:before, .article-footer:before, .comment-navigation:before, .document-topic-list li:before, .info-title:before, .method-row:before, .pkg-total-list li:before, .widget-download li:before, .widget-calculate .morg-result:before, .widget-categories ul:before, .widget_categories ul:before, .widget_archive ul:before, .widget_meta ul:before, .widget_recent_entries ul:before, .widget_pages ul:before, .widget-pages ul:before, .widget_recent_comments ul:before, .widget_nav_menu ul:before, .widget-categories li:before, .widget_categories li:before, .widget_archive li:before, .widget_meta li:before, .widget_recent_entries li:before, .widget_pages li:before, .widget-pages li:before, .widget_recent_comments li:before, .widget_nav_menu li:before, .lightbox-popup .popup-inner:before, .lightbox-header:before, .lightbox-slide-nav:before, .header-mobile:after, .blog-header:after, .item-foot:after, .item-caption .item-caption-list:after, .property-item-v2 .item-body-top:after, .property-item-v2 .item-body-bottom:after, .account-block:after, .area-title:after, .my-property .media-body:after, .add-tab-content .add-tab-row:after, .profile-top:after, .media-tabs:after, .form-small .agent-media-head:after, .yelp-category .yelp-cat-list li:after, .detail-title:after, .document-list li:after, .plan-tabber .tab-pane:after, .floor-title-block:after, .print-header:after, .print-header-detail:after, .accord-block .accord-tab:after, .profile-tabs:after, .reviews-list .review-top:after, .property-filter-wrap:after, .article-footer:after, .comment-navigation:after, .document-topic-list li:after, .info-title:after, .method-row:after, .pkg-total-list li:after, .widget-download li:after, .widget-calculate .morg-result:after, .widget-categories ul:after, .widget_categories ul:after, .widget_archive ul:after, .widget_meta ul:after, .widget_recent_entries ul:after, .widget_pages ul:after, .widget-pages ul:after, .widget_recent_comments ul:after, .widget_nav_menu ul:after, .widget-categories li:after, .widget_categories li:after, .widget_archive li:after, .widget_meta li:after, .widget_recent_entries li:after, .widget_pages li:after, .widget-pages li:after, .widget_recent_comments li:after, .widget_nav_menu li:after, .lightbox-popup .popup-inner:after, .lightbox-header:after, .lightbox-slide-nav:after { content: " "; display: table; } .header-mobile:after, .blog-header:after, .item-foot:after, .item-caption .item-caption-list:after, .property-item-v2 .item-body-top:after, .property-item-v2 .item-body-bottom:after, .account-block:after, .area-title:after, .my-property .media-body:after, .add-tab-content .add-tab-row:after, .profile-top:after, .media-tabs:after, .form-small .agent-media-head:after, .yelp-category .yelp-cat-list li:after, .detail-title:after, .document-list li:after, .plan-tabber .tab-pane:after, .floor-title-block:after, .print-header:after, .print-header-detail:after, .accord-block .accord-tab:after, .profile-tabs:after, .reviews-list .review-top:after, .property-filter-wrap:after, .article-footer:after, .comment-navigation:after, .document-topic-list li:after, .info-title:after, .method-row:after, .pkg-total-list li:after, .widget-download li:after, .widget-calculate .morg-result:after, .widget-categories ul:after, .widget_categories ul:after, .widget_archive ul:after, .widget_meta ul:after, .widget_recent_entries ul:after, .widget_pages ul:after, .widget-pages ul:after, .widget_recent_comments ul:after, .widget_nav_menu ul:after, .widget-categories li:after, .widget_categories li:after, .widget_archive li:after, .widget_meta li:after, .widget_recent_entries li:after, .widget_pages li:after, .widget-pages li:after, .widget_recent_comments li:after, .widget_nav_menu li:after, .lightbox-popup .popup-inner:after, .lightbox-header:after, .lightbox-slide-nav:after { clear: both; } /*START LOAD ANIMATIONS */ .owl-theme .owl-controls .owl-nav [class*=owl-], .header-main div, .header-left, .header-right, .account-dropdown, .navi > ul ul, .nav-dropdown, .item-thumb .hover-effect:before, figure .hover-effect:before, .carousel-module .carousel .item figure .hover-effect:before, .item-thumb .slideshow .slideshow-nav-main .slick-slide:before, .slideshow .slideshow-nav-main .item-thumb .slick-slide:before, figure .slideshow .slideshow-nav-main .slick-slide:before, .slideshow .slideshow-nav-main figure .slick-slide:before, #transportation span, #supermarkets span, #schools span, #libraries span, #pharmacies span, #hospitals span, .services-module .service-block, .agents-block, .partner-block { -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } button, a, .hover-effect, .slideshow .slideshow-nav-main .slick-slide, .top-bar .dropdown-menu > li, .nav-dropdown a, .login-tabs li, .banner-search-tabs .search-tab, .search-expand-btn, .item-thumb .hover-effect:after, figure .hover-effect:after, .carousel-module .carousel .item figure .hover-effect:after, .item-thumb .slideshow .slideshow-nav-main .slick-slide:after, .slideshow .slideshow-nav-main .item-thumb .slick-slide:after, figure .slideshow .slideshow-nav-main .slick-slide:after, .slideshow .slideshow-nav-main figure .slick-slide:after, .detail-bar .detail-tabs li, .video-thumb, .attachment-houzez-property-detail-gallery, .profile-tabs li, #transportation, #supermarkets, #schools, #libraries, #pharmacies, #hospitals, #houzez-gmap-main .map-btn { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .team-caption { -webkit-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .search-panel, .compare-panel { -webkit-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .slide-animated { opacity: 0; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; } button:active { outline: none !important; } button:hover { outline: none !important; } button:focus { outline: none !important; } hr { border-color: #e4e4e4; } h1, h2, h3, h4 { color: #222; } img { height: auto; max-width: 100%; } a { color: #00aeef; text-decoration: none; } a:hover { color: #4cc6f4; text-decoration: none; } a:focus { color: #4cc6f4; text-decoration: none; } .has-feedback label ~ .form-control-feedback { top: 27px; } pre { margin: 0 0 20px; } iframe { max-width: 100%; } label { font-weight: 400; font-size: 14px; } label.error { position: absolute; color: red; font-size: 13px; bottom: -5px; } @media (min-width: 1200px) { label.error { position: absolute; top: 50%; right: 25px; margin-top: -7.5px; height: 25px; margin-bottom: 0; } } @media (min-width: 992px) and (max-width: 1199px) { label.error { position: absolute; top: 50%; right: 25px; margin-top: -7.5px; height: 25px; margin-bottom: 0; } } label.success { position: absolute; color: green; font-size: 13px; bottom: -5px; } blockquote p { margin: 0 !important; } .hover-effect, .slideshow .slideshow-nav-main .slick-slide { position: relative; width: 100%; height: 100%; display: block; overflow: hidden; z-index: 0; } .hover-effect img{ width: auto !important; margin: 0 auto !important; } /*START TYPO CLASSES*/ .blue { color: #00aeef; } .text-primary { color: #00aeef; } .text-success { color: #77c720; } .text-danger { color: #e43012; } /*START SOCIAL ICONS STYLE*/ .btn-social { color: #fff; } .btn-social + .btn-social { margin-top: 10px; } .btn-social:hover { color: #fff; } .btn-social .fa { float: left; line-height: 20px; } .btn-facebook:hover { color: #506dab !important; } .btn-twitter:hover { color: #00aced !important; } .btn-pinterest:hover { color: #cb2027 !important; } .btn-instagram:hover { color: #517fa4 !important; } .btn-google-plus:hover { color: #dd4b39 !important; } .btn-linkedin:hover { color: #007bb6 !important; } .btn-youtube:hover { color: #bb0000 !important; } .btn-dribbble:hover { color: #ea4c89 !important; } .btn-foursquare:hover { color: #0072b1 !important; } .btn-flickr:hover { color: #ff0084 !important; } .btn-vimeo:hover { color: #aad450 !important; } .btn-tumblr:hover { color: #32506d !important; } .btn-rss:hover { color: #FF6600 !important; } .btn-email:hover { color: #ccc !important; } .btn-bg-facebook { background-color: #506dab; } .btn-bg-facebook:hover { background-color: #405788; color: #fff; } .btn-bg-twitter { background-color: #00aced; } .btn-bg-twitter:hover { background-color: #0087ba; color: #fff; } .btn-bg-pinterest { background-color: #cb2027; } .btn-bg-pinterest:hover { background-color: #9f191f; color: #fff; } .btn-bg-instagram { background-color: #517fa4; } .btn-bg-instagram:hover { background-color: #406582; color: #fff; } .btn-bg-google-plus { background-color: #dd4b39; } .btn-bg-google-plus:hover { background-color: #c23321; color: #fff; } .btn-bg-linkedin { background-color: #007bb6; } .btn-bg-linkedin:hover { background-color: #005983; color: #fff; } .btn-bg-youtube { background-color: #bb0000; } .btn-bg-youtube:hover { background-color: #880000; color: #fff; } .btn-bg-dribbble { background-color: #ea4c89; } .btn-bg-dribbble:hover { background-color: #e51e6b; color: #fff; } .btn-bg-foursquare { background-color: #0072b1; } .btn-bg-foursquare:hover { background-color: #00517e; color: #fff; } .btn-bg-flickr { background-color: #ff0084; } .btn-bg-flickr:hover { background-color: #cc006a; color: #fff; } .btn-bg-vimeo { background-color: #aad450; } .btn-bg-vimeo:hover { background-color: #93c130; color: #fff; } .btn-bg-tumblr { background-color: #32506d; } .btn-bg-tumblr:hover { background-color: #22364a; color: #fff; } .btn-bg-rss { background-color: #FF6600; } .btn-bg-rss:hover { background-color: #cc5200; color: #fff; } .btn-bg-email { background-color: #ccc; } .btn-bg-email:hover { background-color: #b3b3b3; color: #fff; } .btn-bg-yahoo { background-color: rgba(128, 0, 128, 0.75); } .btn-bg-yahoo:hover { background-color: rgba(77, 0, 77, 0.75); color: #fff; } /*START ELEMENTS BEHAVIORS CLASSES*/ table { margin-bottom: 15px; } .table-striped > thead > tr > th { background-color: #e9e9e9; font-weight: 400; border-bottom: 0; border-right: 1px solid #fff; padding: 10px 15px; } .table-striped > thead > tr > th:last-child { border-right: none; } @media (max-width: 767px) { .table-striped > thead > tr > th { padding: 5px 10px; } } .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #eeeeee; } .table-striped > tbody > tr { background-color: transparent; } .table-striped > tbody > tr > td, .widget_calendar table .table-striped > tbody > tr > th { padding: 10px 15px; } @media (max-width: 767px) { .table-striped > tbody > tr > td, .widget_calendar table .table-striped > tbody > tr > th { padding: 5px 10px; } } .table-list { display: table; width: 100%; } .table-cell { display: table-cell; vertical-align: top; } .table-cell { display: table-cell; vertical-align: top; } .vertical-middle { vertical-align: middle; } .nav-inline { display: inline-block; list-style: none; } .list-inline { list-style: none; margin: 0; } .list-inline > li { padding: 0; padding-right: 10px; display: inline-block; } .v-align-bottom { vertical-align: bottom !important; } .v-align-middle { vertical-align: middle !important; } .v-align-top { vertical-align: top !important; } .full-width { width: 100%; } .form-control, .post-password-form input[type='password'] { height: 42px; width: 100%; box-shadow: none; font-size: 14px; font-weight: 400; color: #959595; padding: 6px 12px; line-height: 1.42857143; background-color: #fff; background-image: none; border-radius: 4px; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus, .post-password-form input[type='password']:focus { border-color: #00aeef; outline: 0; box-shadow: none; } .form-control:-moz-placeholder, .post-password-form input[type='password']:-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder, .post-password-form input[type='password']:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder, .post-password-form input[type='password']::-webkit-input-placeholder { color: #999; } @media (min-width: 768px) and (max-width: 991px) { .form-control, .post-password-form input[type='password'] { width: 100%; height: 50px; font-size: 14px !important; } } @media (max-width: 767px) { .form-control, .post-password-form input[type='password'] { width: 100%; height: 50px; font-size: 14px !important; } } .form-control.error, .post-password-form input.error[type='password'] { border: 1px solid red; } .form-control.success, .post-password-form input.success[type='password'] { border: 1px solid green; } /*START ALERT STYLE*/ .alert { border-radius: 0; } .alert-info { background-color: rgba(0, 174, 239, 0.1); border-color: rgba(0, 174, 239, 0.22); } /*START OWL AND SLICK SLIDER ARROWS STYLE*/ .slick-prev:hover, .slideshow .slide .slick-next:hover, .slideshow .slideshow-nav .slick-next:hover, .testimonial-carousel .slick-next:hover, .banner-slider .slick-next:hover, .slick-prev:focus, .slideshow .slide .slick-next:focus, .slideshow .slideshow-nav .slick-next:focus, .testimonial-carousel .slick-next:focus, .banner-slider .slick-next:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: rgba(0, 174, 239, 0.8); } .owl-controls .owl-nav .owl-prev:hover, .owl-controls .owl-nav .owl-prev:focus, .owl-controls .owl-nav .owl-next:hover, .owl-controls .owl-nav .owl-next:focus, .owl-controls .owl-nav .owl-next:active, .owl-controls .owl-nav .owl-next:active { color: #fff; outline: none; background: rgba(0, 174, 239, 0.75); border-color: rgba(0, 174, 239, 0.75); } .owl-prev .fa, .owl-next .fa { display: block; line-height: 21px; font-size: 16px; } .owl-controls .owl-nav .owl-prev { left: 12px; top: 50%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .owl-controls .owl-nav .owl-next { right: 12px; top: 50%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .owl-carousel .item-wrap { margin-bottom: 0; } /*START MARGINS AND PADDING CLASSES*/ .no-margin { margin: 0 !important; } .no-margin .module-item { padding-left: 0; padding-right: 0; } .no-padding { padding: 0 !important; } .no-padding-bg { background: none !important; padding: 0 !important; } .no-padding-left { padding-left: 0; } .padding-right-none { padding-right: 0; } .padding-top-none { padding-top: 0 !important; } .padding-bottom-none { padding-bottom: 0 !important; } /*START UL > LI COLUMNS CLASSES*/ .list-two-col { columns: 2; -webkit-columns: 2; -moz-columns: 2; } .list-three-col { columns: 3; -webkit-columns: 3; -moz-columns: 3; } @media (max-width: 767px) { .list-three-col { columns: 2; -webkit-columns: 2; -moz-columns: 2; } } @media (max-width: 481px) { .list-three-col { columns: 1; -webkit-columns: 1; -moz-columns: 1; } } .list-four-col { line-height: 25px; columns: 4; -webkit-columns: 4; -moz-columns: 4; } @media (max-width: 767px) { .list-four-col { columns: 2; -webkit-columns: 2; -moz-columns: 2; } } @media (max-width: 481px) { .list-four-col { columns: 1; -webkit-columns: 1; -moz-columns: 1; } } /*START INPUTS WITH ICONS CLASSES*/ .input-group-addon { padding: 5px 15px; background-color: #fff; color: #9b9b9b; } .icon-holder .form-control:not(textarea), .icon-holder .post-password-form input[type='password']:not(textarea), .post-password-form .icon-holder input[type='password']:not(textarea) { padding-left: 54px; } .field-group { width: 100%; border-radius: 4px; border: 1px solid #cccccc; overflow: hidden; } .field-group input { display: block; height: 43px; border: none; font-size: 14px; line-height: 1.42857; margin: 0; font-weight: 300; padding: 6px 12px; width: 100%; } .field-group input + input { border-top: 1px solid #cccccc; } @media (min-width: 768px) and (max-width: 991px) { .field-group input { height: 50px; font-size: 14px; } } @media (max-width: 767px) { .field-group input { height: 50px; font-size: 14px; } } .input-icon { position: relative; } .input-icon input { padding-left: 40px !important; position: relative; color: #959595; font-size: 17px; } .input-icon + .input-icon { border-top: 1px solid #cccccc; } .input-icon:before { color: #959595; text-align: center; font-family: "FontAwesome"; height: 43px; width: 40px; line-height: 43px; position: absolute; left: 0; top: 0; z-index: 1; } @media (min-width: 768px) and (max-width: 991px) { .input-icon:before { height: 50px; line-height: 50px; } } @media (max-width: 767px) { .input-icon:before { height: 50px; line-height: 50px; } } .input-icon-right input { padding-left: 12px !important; padding-right: 40px !important; } .input-icon-right:before { left: auto; right: 0; } .input-user:before { content: "\f007"; } .input-email:before { content: "\f0e0"; } .input-pass:before { content: "\f023"; } .input-search:before { content: "\f002"; } .input-calendar:before { content: "\f073"; } .input-level-down:before { content: ""; background-image: url("../images/icons/save-search-icon.png"); background-repeat: no-repeat; background-position: center; } .search-location { position: relative; } .search-location .location-trigger { position: absolute; right: 0; top: 0; display: block; height: 42px; line-height: 42px; width: 40px; text-align: center; cursor: pointer; } @media (max-width: 767px) { .search-location .location-trigger { height: 50px; line-height: 50px; } } .white-block { background-color: #fff; padding: 25px; } @media (max-width: 767px) { .white-block { padding: 25px !important; } } .vegas-overlay { background-color: rgba(0, 0, 0, 0.5); background-repeat: repeat; position: absolute; left: 0; right: 0; width: 100%; height: 100%; } .mapPlaceholder, .slider-placeholder { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; text-align: center; z-index: 1; } .mapPlaceholder .loader-inner, .slider-placeholder .loader-inner { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mapPlaceholder .loader-ripple, .slider-placeholder .loader-ripple { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%) scale(0.4); -o-transform: translate(-50%, -50%) scale(0.4); -ms-transform: translate(-50%, -50%) scale(0.4); -webkit-transform: translate(-50%, -50%) scale(0.4); transform: translate(-50%, -50%) scale(0.4); } .slider-placeholder { color: #fff; } .scrolltop-btn { position: fixed; right: 30px; bottom: 30px; width: 40px; height: 40px; text-align: center; font-size: 24px; background-color: #00aeef; color: #fff; padding: 0; z-index: 999; } .scrolltop-btn:hover { opacity: .8; } .btn.scrolltop-btn { display: none; padding-top: 0; padding-bottom: 0; } .dropdown-menu > li > a { padding: 10px 15px; } @media (max-width: 767px) { .dropdown-menu > li > a { padding: 6px 15px; font-size: 12px; } } .dropdown-menu > li > a:hover { color: #000; text-decoration: none; background-color: rgba(0, 174, 239, 0.12); } .dropdown-menu > li > a:focus { color: #000; text-decoration: none; background-color: rgba(0, 174, 239, 0.12); } .dropdown-menu > li > a:active { color: #000; text-decoration: none; background-color: rgba(0, 174, 239, 0.12); } .dropdown-menu > .active > a { color: #fff; text-decoration: none; background-color: #00aeef; outline: 0; } .dropdown-menu > .active > a:hover { color: #fff; text-decoration: none; background-color: #00aeef; outline: 0; } .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #00aeef; outline: 0; } .container { padding: 0; } @media (max-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } @media (max-width: 767px) { .container { width: 480px; } } @media (max-width: 481px) { .container { width: 100%; } } /*START MODELS STYLE*/ .modal-dialog { margin: 70px auto; } @media (max-width: 767px) { .modal-dialog { margin: 10px; } } .modal-content { border-radius: 0; } .modal-header { padding: 0; height: 60px; background-color: #393939; } .modal-header .close { position: absolute; right: 0; top: 0; height: 60px; width: 60px; font-size: 22px; text-align: center; line-height: 55px; margin-top: 0; text-shadow: none; color: #fff; opacity: 1; filter: alpha(opacity=100); border-left: 1px solid rgba(255, 255, 255, 0.15); } .modal-header .close .fa { position: relative; top: -3px; } .modal-header ul { float: left; margin: 0; } .modal-header .modal-title { float: left; line-height: 26px; color: #fff; padding: 16px 0 16px 24px; font-size: 18px; } @media (max-width: 767px) { .modal-header .modal-title { font-size: 14px; } } .modal-body.modal-payment { padding: 64px; text-align: center; } .modal-body.modal-payment .btn { padding: 13px 75px; margin-top: 12px; } @media (max-width: 767px) { .modal-body.modal-payment { padding: 44px; } .modal-body.modal-payment .btn { padding: 10px 45px; } } .modal-payment-text { font-size: 18px; line-height: 24px; margin: 0 0 22px 0; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .modal-payment-text { font-size: 14px; line-height: 18px; } } /*START BOOTSTRAP SELECT STYLE*/ .bootstrap-select { width: 100% !important; } .bootstrap-select .btn.btn-default { border: 1px solid #cccccc; color: #959595; font-size: 14px; text-transform: none; height: 42px; background-color: #fff; font-weight: 400; } .bootstrap-select .btn.btn-default:hover { background-color: #fff; } .bootstrap-select .btn.btn-default:focus { background-color: #fff; } .bootstrap-select .btn.btn-default.focus { background-color: #fff; } @media (min-width: 768px) and (max-width: 991px) { .bootstrap-select .btn.btn-default { height: 50px; font-size: 14px; } } @media (max-width: 767px) { .bootstrap-select .btn.btn-default { height: 50px; font-size: 14px; } } .bootstrap-select > .dropdown-toggle { padding: 0 25px 0 15px; } .bootstrap-select.open .btn.btn-default { background-color: #fff; box-shadow: none; } /*START SHARE TOOLTIP STYLE*/ .share_tooltip { position: absolute; right: -4px; bottom: 35px; background-color:#2ebe67; white-space: nowrap; display: block; padding: 0 5px; visibility: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .share_tooltip a { display: inline-block; color: #fff; font-size: 16px; padding: 0 6px; width: 30px; height: 30px; line-height: 30px; text-align: center; } .share_tooltip a:hover { color: #000 !important; } @media (max-width: 767px) { .share_tooltip a { width: 20px; padding: 0; font-size: 12px; } } .share_tooltip:after { border: solid transparent; content: ' '; height: 0; position: absolute; top: inherit; right: 10px; bottom: -13px; left: inherit; z-index: 2; width: 0; border-width: 7px; border-top-color: #00aeef; } .share_tooltip.in { visibility: visible; z-index: 5; } .tooltip_left { line-height: 16px; position: absolute; top: inherit; right: 30px; bottom: 50%; left: inherit; z-index: -1; -moz-transform: translate(0, 50%); -o-transform: translate(0, 50%); -ms-transform: translate(0, 50%); -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } .tooltip_left:after { position: absolute; top: inherit; right: -14px; bottom: 7px; left: inherit; z-index: 2; border-top-color: transparent; border-left-color: #00aeef; } /*START ITEM ACTIONS STYLE*/ .actions { margin: 0; list-style: none; font-size: 0 !important; } .actions li { position: relative; display: inline-block; vertical-align: middle; margin-right: 5px; color: #fff; cursor: pointer; font-size: 12px; } .actions li:last-child { margin: 0; } .actions li > span { display: inline-block; width: 28px; height: 28px; line-height: 28px; border-radius: 4px; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); text-align: center; } /*START TOP BAR*/ @media (max-width: 991px) { .top-has-nav .top-bar-left, .top-has-nav .top-bar-right { width: 70% !important; } } @media (max-width: 991px) { .top-has-nav .top-bar-left.top-nav-area, .top-has-nav .top-bar-right.top-nav-area { width: 30% !important; } } .top-bar { background-color: #000; } .top-bar .top-inner { font-size: 0; line-height: normal; } .top-bar ul { margin: 0; line-height: normal; font-size: 0; } .top-bar .top-bar-left { float: left; text-align: left; width: 50%; position: relative; } .top-bar .top-bar-left.houzez-top-bar-full { width: 100% !important; } .top-bar .top-bar-right { float: left; text-align: right; width: 50%; position: relative; } .top-bar .top-bar-right.houzez-top-bar-full { width: 100% !important; } .top-bar .top-nav > ul > li > a { padding: 0 12px; } .top-bar .top-nav > ul > li > a:hover { background-color: transparent; } .top-bar .top-nav > ul .has-child > a:after { content: '\f107'; } .top-bar .top-nav > ul ul { top: 50px; width: 180px; } .top-bar .top-nav > ul ul a { padding: 10px 15px; font-size: 12px; } .top-bar .top-nav > ul ul li { text-transform: capitalize; } .top-bar .top-nav > ul ul li ul.sub-menu { right: -180px; } .top-bar .top-nav > ul ul .has-child > a:after { content: '\f105'; } .top-bar .top-nav > ul li.active > a { color: #4cc6f4; background-color: transparent; } .top-bar .top-nav > ul li.active ul { top: 32px; } .top-bar .nav-dropdown { width: 240px; } .top-bar .nav-dropdown a { font-size: 12px; line-height: 18px; padding: 12px 14px; } .top-bar .nav-dropdown .expand-me { line-height: 41px; } .top-bar .mobile-nav { display: none; padding: 4px 0; } .top-bar .mobile-nav .nav-trigger.mobile-open + .nav-dropdown { top: 32px; } .top-bar .dropdown-menu { background-color: #000; border-radius: 0; margin-top: 0; border: 0; min-width: 100%; } .top-bar .dropdown-menu > li { cursor: pointer; display: block; padding: 6px 8px; font-size: 12px; color: #fff; line-height: 1.42857; } .top-bar .dropdown-menu > li:hover { color: #00aeef; } .top-bar .dropdown-menu > li > a { font-size: 12px; padding: 0; color: #fff; } .top-bar .dropdown-menu > li > a:hover { color: #00aeef; background-color: transparent; } @media (max-width: 991px) { .top-bar .top-bar-left.top-nav-area .mobile-nav { float: left; } .top-bar .top-bar-right.top-nav-area .mobile-nav { float: right; } .top-bar .top-bar-right.top-nav-area .nav-dropdown { left: auto; right: 0; } .top-bar .top-bar-right.top-nav-area .nav-dropdown > ul:before { left: auto; right: 2px; } .top-bar .top-nav { display: none; } .top-bar .mobile-nav { display: block; } } @media (max-width: 481px) { .top-bar.hide-top-bar-mobile { display: none !important; } } .top-contact ul { list-style: none; font-size: 0; } .top-contact li { color: #fff; font-size: 13px; line-height: 30px; display: inline-block; margin-right: 23px; font-weight: 400; } .top-contact li:last-child { margin: 0; } .top-contact .top-bar-phone .fa, .top-contact .top-bar-contact .fa { position: relative; top: 1px; } .top-contact a { color: #fff; } .top-contact .fa { font-size: 16px; margin-right: 5px; } @media (max-width: 991px) { .top-contact li { margin-right: 16px; } .top-contact span { display: none; } } .top-bar-social a { margin-right: 8px; font-size: 16px; color: #fff; } .top-bar-social a:last-child { margin: 0; } .top-bar-social .fa { margin: 0; } .top-drop-downs { list-style: none; margin: 0; padding: 0; font-size: 0; } .top-drop-downs > li { font-size: 12px; display: inline-block; position: relative; margin-right: 28px; } .top-drop-downs > li:last-child { margin: 0; } .top-drop-downs .btn { border-radius: 0; font-size: 12px; padding: 7px 0; color: #fff; background-color: transparent; } .top-drop-downs .btn:hover { color: #00aeef; } .top-drop-downs .fa { margin-left: 18px; } /*START HEADERS STYLE*/ .header-main .container { position: relative; } .header-mobile { z-index: 11; height: auto; background-color: #00aeef; min-height: 60px; } .header-mobile > .container { position: relative; } @media (max-width: 481px) { .header-mobile > .container { width: 100%; padding-left: 15px; padding-right: 15px; } } .header-mobile .mobile-nav { width: 25%; line-height: 60px; float: left; z-index: 999; } .header-mobile .header-logo { float: left; width: 50%; text-align: center; line-height: 55px; } .header-mobile .header-logo img { max-height: 65px; } .header-mobile .header-user { text-align: right; float: left; width: 25%; line-height: 55px; } .header-mobile .user-image { width: 26px; } .header-mobile .user-icon { width: 24px; display: inline-block; text-align: center; height: 26px; color: #fff; font-size: 20px; } .header-mobile .account-action li.active .account-dropdown { top: 60px; } .header-mobile .account-action > li { line-height: 57px !important; } .header-mobile .account-action li.active + .account-dropdown { top: 40px !important; z-index: 999; } .header-mobile .account-dropdown { width: 100%; } .header-mobile .account-dropdown ul:before { border-width: 5px; right: 6px; top: -10px; } @media (max-width: 767px) { .header-mobile .account-dropdown ul:before { right: 20px; } } @media (max-width: 767px) { .header-mobile .nav-dropdown > ul::before { left: 18px; } } .header-section-default, .header-section-4 { background-color: #004274; position: relative; } .header-section-default .header-left, .header-section-4 .header-left { float: left; width: 75%; } .header-section-default .header-left .navi, .header-section-4 .header-left .navi { float: left; margin-left: 0%; } @media (min-width: 992px) and (max-width: 1199px) { .header-section-default .header-left, .header-section-4 .header-left { width: 70%; } } .header-section-default .header-right, .header-section-4 .header-right { float: right; width: 25%; } .header-section-default .header-right .btn-default, .header-section-4 .header-right .btn-default { background-color: rgba(255, 255, 255, 0.2); padding: 7px !important; } .header-section-default .header-right .btn-default:hover, .header-section-4 .header-right .btn-default:hover { background: transparent; } @media (min-width: 992px) and (max-width: 1199px) { .header-section-default .header-right, .header-section-4 .header-right { width: 30%; } } .logo { line-height: 55px; float: left; } .header-right { text-align: right; } .header-right > div { line-height: 24px; } .header-right > div > a { color: #fff; display: inline-block; } .header-right > div > a:hover { color: #fff; } .header-right > div > a:active { color: #fff; border-color: #fff; } .header-right > div > a:focus { color: #fff; border-color: #fff; } .header-right > div > a + a { margin-left: 6px; } @media (min-width: 768px) and (max-width: 991px) { .header-right > div > a + a { margin-left: 3px; } } .header-right > div .fa { margin-right: 10px; } @media (max-width: 991px) { .header-right > div { line-height: 38px; } } .header-right .btn { vertical-align: middle; position: relative; top: -1px; } .header-right .btn:hover { color: #fff; } .header-right .account-action { position: relative; } .header-right .account-action > li { font-size: 14px; line-height: 60px; margin: 0; font-weight: 500; text-transform: capitalize; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { .header-right .account-action > li { line-height: 34px; } } @media (max-width: 767px) { .header-right .account-action > li { line-height: 34px; } } .header-top-social ul { list-style: none; margin: 0; text-align: right; } @media (max-width: 767px) { .header-top-social ul { text-align: right; } } .header-top-social li { display: inline-block; font-size: 20px; } .header-top-social li + li { margin-left: 3px; } @media (min-width: 768px) and (max-width: 991px) { .header-top-social li { line-height: 36px; } } @media (max-width: 767px) { .header-top-social li { font-size: 17px; line-height: 30px; } } .header-top-social a { color: #fff; } .header-top-social a:hover { color: #4cc6f4; } .account-action { list-style: none; margin: 0; } .account-action > li { display: inline-block; line-height: 46px; font-weight: 500; color: #fff; cursor: pointer; } .account-action li.active .account-dropdown { opacity: 1; filter: alpha(opacity=100); top: 60px; visibility: visible; } @media (max-width: 991px) { .account-action li.active .account-dropdown { top: 60px; } } .account-action .user-image { border-radius: 50%; margin-left: 10px; max-width: 22px; } .account-dropdown { position: absolute; top: 80px; right: 0; opacity: 0; filter: alpha(opacity=0); visibility: hidden; min-width: 230px; z-index: 10; } .account-dropdown > ul { list-style: none; margin: 0; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); background-color: rgba(255, 255, 255, 0.95); position: relative; } .account-dropdown > ul:before { border: solid transparent; content: ' '; height: 0; position: absolute; top: -16px; right: 31px; bottom: inherit; left: inherit; z-index: 2; width: 0; border-width: 8px; border-bottom-color: #fff; } .account-dropdown > ul > li { border-bottom: 1px solid #e6e6e6; } .account-dropdown > ul > li > a { border-left: 0 !important; display: block; color: #2e3e49; padding: 15px 15px 15px 22px !important; line-height: normal !important; text-align: left; text-transform: capitalize; font-size: 14px !important; } .account-dropdown > ul > li > a:hover { color: #4cc6f4; } .account-dropdown > ul > li.active a { background-color: #00aeef; color: #fff; } .account-dropdown > ul .fa { margin: 0; margin-right: 22px !important; } @media (min-width: 768px) and (max-width: 991px) { .account-dropdown > ul > li > a { padding: 14px 14px 14px 18px !important; font-size: 12px !important; } .account-dropdown > ul .fa { margin-right: 10px !important; } } @media (max-width: 767px) { .account-dropdown > ul > li > a { padding: 14px 14px 14px 18px !important; font-size: 12px !important; } .account-dropdown > ul .fa { margin-right: 10px !important; } } .header-contact { float: left; } .header-contact .contact-block { float: left; width: 33.333%; } .header-contact .contact-block .media-heading { font-size: 16px; line-height: 16px; margin: 0 0 5px; font-weight: 400; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .header-contact .contact-block .media-heading { font-size: 12px; line-height: 12px; margin: 0 0 2px; } } @media (max-width: 481px) { .header-contact .contact-block .media-heading { font-size: 8px; line-height: 8px; } } .header-contact .contact-block p { font-size: 16px; line-height: 16px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .header-contact .contact-block p { font-size: 12px; line-height: 12px; } } @media (max-width: 481px) { .header-contact .contact-block p { font-size: 8px; line-height: 8px; } } .header-contact .contact-block .fa { font-size: 30px; color: #4cc6f4; margin: 3px 5px 0 0; } @media (max-width: 767px) { .header-contact .contact-block .fa { font-size: 24px; margin: 0 5px 0 0; } } @media (max-width: 481px) { .header-contact .contact-block .fa { font-size: 20px; margin: -2px 0 0 0; } } /*SPLASH HEADER STYLE*/ #splash-section .header-mobile { background-color: transparent; } @media (max-width: 991px) { #splash-section .header-mobile .container { width: 100%; padding-left: 15px; padding-right: 15px; } } #splash-section .nav-dropdown { padding-left: 15px; padding-right: 15px; } #splash-section .nav-dropdown ul::before { left: 2px; } #splash-section .account-dropdown { padding-left: 15px; padding-right: 15px; } #splash-section .account-dropdown ul::before { right: 16px; } @media (max-width: 991px) { #splash-section .account-dropdown ul::before { right: 4px; } } .header-section-default.splash-header, .splash-header.header-section-4 { background-color: transparent; padding: 0px; } @media (max-width: 991px) { .header-section-default.splash-header .header-left, .splash-header.header-section-4 .header-left { width: 58%; } } @media (max-width: 481px) { .header-section-default.splash-header .header-left, .splash-header.header-section-4 .header-left { width: 64%; } } @media (max-width: 321px) { .header-section-default.splash-header .header-left, .splash-header.header-section-4 .header-left { width: 70%; } } .header-section-default.splash-header .navi > ul > li, .splash-header.header-section-4 .navi > ul > li { font-weight: 500; } .header-section-default.splash-header .navi > ul > li > a:hover, .splash-header.header-section-4 .navi > ul > li > a:hover { color: #00aeef; background-color: transparent; } .header-section-default.splash-header .navi > ul > li.active > a, .splash-header.header-section-4 .navi > ul > li.active > a { color: #00aeef; background-color: transparent; } .header-section-default.splash-header .header-right a:hover, .splash-header.header-section-4 .header-right a:hover { color: #00aeef; } .header-section-default.splash-header .header-right .account-action > li, .splash-header.header-section-4 .header-right .account-action > li { line-height: 60px; } @media (max-width: 991px) { .header-section-default.splash-header, .splash-header.header-section-4 { padding: 0 0 30px 0; } } /*START HEADER VERSION 2*/ .header-section-2 { position: relative; } .header-section-2 .header-mobile { background-color: #374550; } @media (max-width: 991px) { .header-section-2 .header-mobile .container { padding-left: 15px; padding-right: 15px; width: 100%; } } .header-section-2 .header-mobile .account-dropdown { padding-left: 15px; padding-right: 15px; } .header-section-2 .nav-dropdown { padding-left: 15px; padding-right: 15px; } .header-section-2 .logo { float: inherit; display: table-cell; vertical-align: middle; padding-left: 20px; } @media (max-width: 767px) { .header-section-2 .logo { display: block; text-align: center; width: 100%; } } .header-section-2 .header-top-social { display: table-cell; vertical-align: middle; padding-right: 20px; border-right: 1px solid #2a353d; } @media (max-width: 991px) { .header-section-2 .header-top-social { display: block; text-align: center; width: 50%; padding: 0; float: right; border: 0; } } .header-section-2 .header-top-call { display: table-cell; vertical-align: middle; padding: 15px 32px; background-color: #00aeef; width: 365px; } @media (max-width: 991px) { .header-section-2 .header-top-call { display: block; width: 50%; padding: 0; float: left; background-color: transparent !important; } } .header-section-2 .navi > ul > li.active ul { top: 47px; } .header-section-2 .navi > ul ul { top: 67px; } .header-section-2 .navi > ul ul li.active ul.sub-menu { top: 0; } .header-section-2 .navi > ul ul ul.sub-menu { top: 20px; } .header-section-2 .avatar { font-size: 21px; color: #fff; white-space: nowrap; } .header-section-2 .avatar img { margin-right: 15px; } @media (min-width: 768px) and (max-width: 991px) { .header-section-2 .avatar { font-size: 17px; line-height: 35px; } .header-section-2 .avatar img { width: 29px; margin-right: 10px; } } @media (max-width: 767px) { .header-section-2 .avatar { font-size: 14px; line-height: 30px; } .header-section-2 .avatar img { width: 25px; margin-right: 8px; position: relative; top: -2px; } } .header-section-2 .account-action > li { line-height: 46px; } .header-section-2 .account-action li.active .account-dropdown { top: 47px; } @media (max-width: 991px) { .header-section-2 .header-top { padding: 10px 15px; background-color: #00aeef; } } .header-section-2 .header-right { padding-left: 20px; border-left: 1px solid #2a353d; } .header-section-2 .header-right .user { line-height: 46px; } .header-section-2 .header-right .btn { height: 34px; line-height: 20px !important; } .header-top { display: table; width: 100%; background-color: #374550; } .header-bottom { width: 100%; background-color: #2e3e49; border-top: 1px solid #2a353d; border-bottom: 1px solid #2a353d; } .header-bottom .navi > ul > li { border-right: 1px solid #2a353d; } .header-bottom .navi > ul > li > a { line-height: 46px; } .header-bottom .navi > ul > li > a:hover { background-color: #00aeef; } .header-bottom .navi > ul > li.active > a { background-color: #00aeef; } .header-bottom .header-nav { float: left; } .header-bottom .header-right { float: right; } /*START HEADER VERSION 3*/ .header-section-3 { position: relative; } .header-section-3 .header-mobile { background-color: #00aeef; } .header-section-3 .logo { line-height: 32px; } .header-section-3 .logo img { width: 100%; } .header-section-3 .header-top { background-color: #fff; padding: 36px 0; } @media (max-width: 991px) { .header-section-3 .header-top { padding: 15px 0; background-color: #00aeef; border-top: 1px solid rgba(255, 255, 255, 0.2); color: #fff; } .header-section-3 .header-top .media-heading { color: #fff; } .header-section-3 .header-top .fa { color: #fff; } } @media (max-width: 481px) { .header-section-3 .header-top .container { width: 100%; } } .header-section-3 .header-top-social { float: right; line-height: 34px; } .header-section-3 .header-top-social a { color: #000; } .header-section-3 .header-bottom { background-color: #00aeef; border: none; } .header-section-3 .header-right a { border-color: rgba(255, 255, 255, 0.5); line-height: 50px; } .header-section-3 .header-right .user { line-height: 50px; } .header-section-3 .navi > ul > li { border-color: rgba(255, 255, 255, 0.5); } .header-section-3 .navi > ul > li > a { line-height: 50px; } .header-section-3 .navi > ul > li.active ul { top: 50px; } .header-section-3 .account-action li { line-height: 50px; color: #fff; } .header-section-3 .account-action li.active .account-dropdown { top: 50px; } .sticky_nav.header-section-3 { background-color: #00aeef; border-top: 0; border-bottom: 0; } /*START HEADER VERSION 4*/ .header-section-4 { background-color: #2ebe67; box-shadow: 0px 0px 8px .5px #333; } .header-section-4 .logo { line-height: 47px; } .header-section-4 .header-left { float: left; width: 75%; } .header-section-4 .header-left .navi { float: left; margin-left: 15%; } @media (min-width: 992px) and (max-width: 1199px) { .header-section-4 .header-left { width: 70%; } } .header-section-4 .header-right { float: right; width: 25%; color: #fff; } /*.header-section-4 .header-right a { color: #fff; }*/ .header-section-4 .header-right a:hover { color: #000; } .header-section-4 .header-right .btn { border-color: #fff; } .header-section-4 .header-right .btn:hover { background-color: #fff; color: #2ebe67; border-color: #fff; } .header-section-4 .header-right .user { line-height: 50px; } @media (min-width: 992px) and (max-width: 1199px) { .header-section-4 .header-right { width: 30%; } } .header-section-4 .header-mobile .user a { color: #000; } .header-section-4 .mobile-nav .nav-trigger { color: #000; } .header-section-4 .navi > ul > li { font-weight: 500; } .header-section-4 .navi > ul > li > a { line-height: 52px; color: #fff; border: 1px solid transparent; border-top: 0; border-bottom: 0; } .header-section-4 .navi > ul > li > a:hover { color: #000 !important; background-color: transparent; } .header-section-4 .navi > ul > li > a:active { color: #00aeef; background-color: transparent; } .header-section-4 .navi > ul > li.active > a { color: #00aeef; background-color: transparent; } .header-section-4 .navi > ul > li.active ul { top: 90px; } .header-section-4 .navi > ul ul { top: 65px; } .header-section-4 .navi > ul ul li.active ul.sub-menu { top: 0; } .header-section-4 .navi > ul ul ul.sub-menu { top: 20px; } .header-section-4 .account-action li { line-height: 90px; color: #004274; } .header-section-4 .account-action li.active .account-dropdown { top: 90px; } .header-section-4 .account-dropdown { top: 110px; } @media (min-width: 768px) and (max-width: 991px) { .header-section-4 .account-dropdown { top: 80px; } } @media (max-width: 767px) { .header-section-4 .account-dropdown { top: 80px; } } .header-section-4 .nav-right .container { position: relative; } .header-section-4 .nav-right .header-left { position: relative; z-index: 1; width: 100%; padding-right: 290px; } .header-section-4 .nav-right .header-right { position: absolute; top: 0; right: 0; width: 290px; z-index: 2; } .header-transparent { background-color: transparent !important; } /*START NAVIGATION*/ .sticky_nav { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; display: none; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); } .sticky_nav .header-transparent { position: relative; background-color: #000; } .sticky_nav .header-transparent .navi > ul > li > a { color: #fff; } .sticky_nav .header-transparent .navi > ul > li > a:hover { color: #00aeef; background-color: transparent; } .sticky_nav .header-transparent .navi > ul > li > a:active { background-color: transparent; } .sticky_nav .header-transparent .navi > ul > li.active > a { background-color: transparent; } .nav-right .navi { float: right !important; } .nav-right .navi > ul > li:nth-last-child(-n+3) ul { left: auto; right: 0; } .nav-right .navi > ul > li:nth-last-child(-n+3) ul ul.sub-menu { right: auto; left: -250px; } .navi > ul > li { position: relative; display: inline-block; list-style: none; } .navi > ul > li > a { display: inline-block; padding: 0 11px; line-height: 60px; text-decoration: none; color: #fff; } .navi > ul > li > a:hover { color: #fff; background-color: rgba(0, 0, 0, 0.1); } @media (min-width: 768px) and (max-width: 991px) { .navi > ul > li > a { padding: 0 10px; } } @media (min-width: 992px) and (max-width: 1199px) { .navi > ul > li > a { padding: 0 9px; } } .navi > ul .has-child > a:after { content: '\f0d7'; font-family: "FontAwesome"; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; float: right; } .navi > ul > li.active > a { color: #fff; background-color: rgba(0, 0, 0, 0.1); } .navi > ul > li.active ul { position: absolute; top: 60px; right: inherit; bottom: inherit; left: 0; z-index: 999; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .navi > ul ul { position: absolute; top: 50px !important; right: inherit; bottom: inherit; left: 0; z-index: -1; opacity: 0; filter: alpha(opacity=0); visibility: hidden; list-style: none; width: 250px; background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); text-align: left !important; } .navi > ul ul li { position: relative; border-bottom: 1px solid #e6e6e6; } .navi > ul ul li:last-child { border: none; } .navi > ul ul a { display: block; padding: 13px 15px; color: #2e3e49; } .navi > ul ul a:hover { background: none; color: #00aeef; } .navi > ul ul .has-child > a:after { content: '\f0da'; } .navi > ul ul li.active > a { color: #00aeef; } .navi > ul ul li.active ul.sub-menu { top: 0 !important; z-index: 999; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .navi > ul ul ul.sub-menu { position: absolute; top: 20px; right: -250px; bottom: inherit; left: inherit; z-index: -1; opacity: 0; filter: alpha(opacity=0); visibility: hidden; } .navi .houzez-megamenu > .sub-menu { width: 100%; display: table; padding: 35px; } .navi .houzez-megamenu > .sub-menu > li { display: table-cell; table-layout: fixed; border: none !important; padding-right: 40px; } .navi .houzez-megamenu > .sub-menu > li:last-child { padding: 0; } .navi .houzez-megamenu > .sub-menu > li > a { font-size: 14px; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #ccc; padding: 0; padding-bottom: 15px; margin-bottom: 10px; } .navi .houzez-megamenu > .sub-menu .houzez-menu-title-hidden > a { display: none; } .navi .houzez-megamenu > .sub-menu .sub-menu { position: inherit; right: 0; top: 0; left: 0; width: 100%; background: transparent; box-shadow: none; opacity: 1; visibility: inherit; z-index: 1; } .navi .houzez-megamenu > .sub-menu .sub-menu li { border: none; display: block; } .navi .houzez-megamenu > .sub-menu .sub-menu a { padding: 6px 0; } /*START HEADER BLOG*/ .blog-header { background-color: #004274; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .blog-header .blog-header-nav { float: left; } .blog-header .blog-header-search { float: right; padding: 8px 0; } .blog-header .blog-header-search form { position: relative; } .blog-header .blog-header-search .form-control, .blog-header .blog-header-search .post-password-form input[type='password'], .post-password-form .blog-header .blog-header-search input[type='password'] { border-color: #fff; } .blog-header .blog-header-search .search-btn { position: absolute; right: 0; top: 0; display: block; width: 42px; height: 42px; background: none; border: none; color: #575757; font-size: 17px; } .blog-header .navi > ul > li > a { font-size: 14px; font-weight: 500; color: #fff; padding: 0 20px; } .blog-header .navi > ul > li > a:hover { background-color: transparent; box-shadow: inset 0 -2px 0 0 #00aeef; } .property-menu-wrap { background-color: rgba(255, 255, 255, 0.9); position: fixed; left: 0; right: 0; top: 0; display: none; z-index: 9; } @media (min-width: 768px) and (max-width: 991px) { .property-menu-wrap { display: none !important; } } @media (max-width: 767px) { .property-menu-wrap { display: none !important; } } .property-menu { margin: 0; list-style: none; padding: 0; font-size: 0; } .property-menu li { display: inline-block; margin-right: 45px; } .property-menu li:last-child { margin: 0; } @media (min-width: 992px) and (max-width: 1199px) { .property-menu li { margin-right: 36px; } } .property-menu a { display: block; font-size: 14px; line-height: 60px; color: rgba(0, 0, 0, 0.5); font-weight: 500; } .property-menu a:hover { color: #000; } .property-menu a.active { box-shadow: inset 0 -3px #4cc6f4; } @media (min-width: 992px) and (max-width: 1199px) { .property-menu a { font-size: 12px; } } /*START MOBILE MENU STYLE*/ .mobile-nav { float: left; } .mobile-nav .nav-trigger { cursor: pointer; color: #fff; line-height: 18px; height: 18px; width: 18px; font-size: 20px; display: inline-block; position: relative; top: 1px; } .mobile-nav .nav-trigger.mobile-open + .nav-dropdown { opacity: 1; filter: alpha(opacity=100); top: 60px; visibility: visible; } .nav-dropdown { opacity: 0; filter: alpha(opacity=0); visibility: hidden; position: absolute; top: 80px; left: 0; width: 100%; z-index: 999; } .nav-dropdown > ul { box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); background-color: rgba(255, 255, 255, 0.95); } .nav-dropdown > ul:before { border: solid transparent; content: ''; height: 0; position: absolute; top: -12px; right: inherit; bottom: inherit; left: 2px; z-index: 2; width: 0; border-width: 6px; border-bottom-color: #fff; } .nav-dropdown ul { list-style: none; margin: 0; position: relative; } .nav-dropdown li { width: 100%; border-top: 1px solid #f5f5f5; font-size: 12px; line-height: 12px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; position: relative; } .nav-dropdown li:first-child { border: none; } .nav-dropdown li .expand-me { position: absolute; right: 0; top: 0; color: #959595; display: block; width: 100%; line-height: 40px; cursor: pointer; font-size: 14px; text-align: right; padding-right: 18px; } .nav-dropdown li .expand-me:before { content: '\f0da'; font-family: "FontAwesome"; } .nav-dropdown li:hover { background-color: #00aeef; } .nav-dropdown li:hover > .expand-me { color: #fff; } .nav-dropdown li:hover > a { color: #fff; } .nav-dropdown a { color: #959595; display: inline-block; padding: 14px 18px; width: 100%; } .nav-dropdown li.active > a { color: #fff; background-color: #00aeef; } .nav-dropdown li.active > .expand-me { color: #fff; } .nav-dropdown li.active > .expand-me:before { content: '\f0d7'; } .nav-dropdown ul ul { display: none; } .nav-dropdown ul ul .expand-me { color: #fff; } .nav-dropdown ul ul a { color: #fff; background-color: #4cc6f4; } .nav-dropdown.container { padding: 0; } /*START TEMPLATE CONTENT STYLE */ .fave-load-more { text-align: center; } .fave-load-more a { background-color: transparent; border: 1px solid #00aeef; padding-left: 60px; padding-right: 60px; } .fave-load-more a:hover { background-color: #00aeef; color: #fff; } /*START UI AUTOCOMPLETE SLIDER STYLE*/ .ui-autocomplete { border-top: 0 !important; border-bottom: 0 !important; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; font-size: 12px; padding: 8px 10px; line-height: 17px; border-bottom: 1px solid #e4f1c6; } .ui-menu .ui-menu-item:hover { color: #fff; } .ui-widget.ui-widget-content { border: 1px solid #f5f5f5; } /*START UI RANGE SLIDER STYLE*/ .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 22px; height: 22px; cursor: pointer; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-handle:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 8px; height: 10px; background-image: url("../images/range-handle-image.png"); background-position: center; background-repeat: no-repeat; } .ui-slider-horizontal { height: 10px; background-color: #f9f9f9 !important; } .ui-slider-horizontal .ui-slider-handle { top: -.5em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 50%; height: 1px; background-color: #00bff3; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5c5c5; background: #fff; font-weight: normal; color: #454545; } /*START FULL MAP AREA STYLE*/ .houzez-map-full { padding: 0 !important; max-height: 700px !important; min-height: 0 !important; } .map-full { height: 100%; } .search-panel { -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); width: 300px; height: 100%; padding: 20px; position: fixed; right: 0; bottom: 0; background-color: #fff; } .search-panel .search-bottom { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; } .search-panel .search-bottom .form-group { margin-bottom: 20px; } .search-panel .reset-save { padding: 0; background-color: transparent; border: 0; color: #777777; font-size: 14px; font-weight: 400; } .search-panel .search-scroll { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; } .search-panel .search-scroll-inner { position: relative; width: 100%; height: 100%; overflow-y: auto; padding: 20px; } .search-panel label { font-weight: 500; } .search-panel .btn-group { display: table; width: 100%; } .search-panel .btn-group .btn-search-option { display: table-cell; width: 33.333%; font-weight: 400; background-color: #f1f1f1; border-color: #ccc; color: #777; } .search-panel .btn-group .btn-search-option:hover { background-color: #fff; border-color: #ccc; } .search-panel .btn-group .btn-search-option.active { background-color: #fff; border-color: #ccc; box-shadow: none; } .search-panel .range-text { margin-bottom: 30px; } .search-panel .range-text p { font-size: 14px; font-weight: 300; } .search-panel .range-text .range-title, .search-panel .range-text .min-price-range, .search-panel .range-text .max-price-range, .search-panel .range-text .min-size-range, .search-panel .range-text .max-size-range { color: #000; font-weight: 500; } .search-panel .ui-slider-horizontal { height: 3px; border: 0; background-color: transparent !important; } .search-panel .ui-slider-horizontal .ui-slider-range { height: 3px; top: 0; } .search-panel .ui-slider .ui-slider-handle { width: 42px; height: 42px; top: -21px; } .search-panel .range-wrap { border-radius: 3px; background-color: #00bff3; padding-right: 33px; padding-left: 8px; } .search-panel .range-advanced-main { margin-bottom: 30px; } .search-panel .range-advanced-main:first-child { margin-top: 15px; } .search-panel .row { margin-left: -10px; margin-right: -10px; } .search-panel div[class*='col-'] { padding-left: 10px; padding-right: 10px; } .search-panel .form-group { margin-bottom: 10px; } .search-panel .options-btn-wrap { text-align: center; } .search-panel .advance-trigger { color: #00aeef; } .search-panel .features-list { padding-top: 20px; } .search-panel .features-list .checkbox-inline { width: calc(49% - 10px); margin-left: 0; margin-right: 10px; } .search-panel.panel-open { -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .search-panel .search-panel-btn { position: absolute; left: -52px; top: 10px; padding: 10px 15px; background-color: #fff; color: black; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); } @media (max-width: 767px) { .search-panel { width: 250px; } } /*START MAP AND MAP LOADER STYLE*/ #map-wrap { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; } #map { width: 100%; height: 100%; } .map-info-box { width: 275px !important; padding: 6px; position: relative; } .map-info-box:after { border: solid transparent; content: ' '; height: 0; position: absolute; top: inherit; right: inherit; bottom: -40px; left: 50%; z-index: 2; width: 0; border-width: 20px; border-top-color: #fff; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .map-info-box .price h3 { font-size: 18px; font-weight: 500; line-height: 18px; } .map-info-box .price .rant { font-size: 12px; font-weight: 500; line-height: 12px; margin: 5px 0 0; } .infoBox { -webkit-animation: boxfadeIn 0.9s; /* Chrome, Safari, Opera */ animation: boxfadeIn 0.9s; } .gm-style .infoBox > img { max-width: none; z-index: 10; right: -16px; } .loader-ripple { background: none; position: relative; width: 200px; height: 200px; } .loader-ripple div { position: absolute; top: 50%; left: 50%; margin: 0; width: 0; height: 0; opacity: 0; border-radius: 50%; border-width: 6px; border-style: solid; -ms-animation: uil-ripple 2s ease-out infinite; -moz-animation: uil-ripple 2s ease-out infinite; -webkit-animation: uil-ripple 2s ease-out infinite; -o-animation: uil-ripple 2s ease-out infinite; animation: uil-ripple 2s ease-out infinite; } .loader-ripple div:nth-of-type(1) { border-color: #00aeef; } .loader-ripple div:nth-of-type(2) { border-color: #ff6e00; -ms-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } .login-block { padding: 28px; } .login-block .checkbox { margin: 0; color: rgba(0, 0, 0, 0.4); } .login-block .btn { padding: 11px 15px; } @media (min-width: 768px) and (max-width: 991px) { .login-block .btn { padding: 16px 15px; } } @media (max-width: 767px) { .login-block .btn { padding: 16px 15px; } } .login-block hr { margin-top: 25px; margin-bottom: 25px; } .login-block p { margin-bottom: 20px; } .login-block .form-group { margin-bottom: 20px; } .login-block a { font-size: 14px; } .login-tabs { font-size: 0; } .login-tabs li { display: inline-block; height: 60px; line-height: 60px; font-size: 16px; color: #fff; padding: 0 28px; cursor: pointer; font-weight: 400; border-right: 1px solid rgba(255, 255, 255, 0.15); } .login-tabs li:hover { background-color: #fff; color: #000; } .login-tabs li.active { background-color: #fff; color: #000; } /*START LOGIN REGISTER PAGE STYLE*/ .login-register-block { padding: 40px; background-color: #fff; margin: 0 auto; width: 360px; } .login-register-block .back { margin-top: 30px; text-align: center; display: block; } .login-register-title { margin-bottom: 30px; } .login-register-title h2 { margin: 0; font-size: 20px; line-height: 24px; } .login-register-title a { line-height: 24px; } /*START STARS STYLE*/ .rating { color: #9b9b9b; } .rating .star-text-right, .rating .star-text-left { margin-left: 5px; font-size: 13px; line-height: 13px; } .rating .star-text-left { margin-right: 5px; margin-left: 0; } .bottom-ratings, .top-ratings { color: #f8b42b; display: inline-block; overflow: hidden; position: relative; vertical-align: top; } .bottom-ratings .fa, .top-ratings .fa { display: inline; margin-left: 2px; } .top-ratings { left: 0; position: absolute; text-align: left; top: 0; width: 0; } .view-popup { width: 50px; height: 50px; background-color: #fff; font-size: 20px; color: #000; text-align: center; line-height: 50px; cursor: pointer; } @media (max-width: 767px) { .view-popup { width: 40px; height: 40px; line-height: 40px; font-size: 15px; } } .tooltip { white-space: nowrap; } /*START SPLASH SEARCH STYLE*/ #splash-section { position: relative; width: 100%; } #splash-section .vegas-overlay { z-index: 2; } #splash-section .splash-inner-media { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100% !important; background-position: center; background-size: cover,100%; background-repeat: no-repeat; z-index: 1; } #splash-section .splash-inner-content { height: 100%; position: relative; z-index: 3; } .splash-search { position: relative; width: 100%; z-index: 5; max-height: 500px; } .splash-search .search-table { display: table; width: 100%; } .splash-search .search-col { display: table-cell; vertical-align: middle; text-align: center; } .splash-search h1 { padding: 0 15px; color: #fff; } .splash-search h2 { margin-bottom: 35px; } .splash-search .banner-sub-title { color: #fff; } /*START BANNER SEARCH STYLE*/ .banner-search-main { margin: 0 auto; background: rgba(255, 255, 255, 0.66); padding: 10px; max-width: 810px; border-radius: 4px; } @media (max-width: 767px) { .banner-search-main .form-group { margin: 0 !important; } } .banner-search-main .form-group .bootstrap-select { display: table-cell; vertical-align: middle; width: 300px !important; } @media (max-width: 991px) { .banner-search-main .form-group .bootstrap-select { display: block; width: 100% !important; margin-bottom: 10px; } .banner-search-main .form-group .bootstrap-select .dropdown-toggle { float: none; width: 100%; border-radius: 4px; } } .banner-search-main .form-group .search { display: table-cell; vertical-align: middle; width: 10000px; } @media (max-width: 991px) { .banner-search-main .form-group .search { display: block; width: 100%; margin-bottom: 10px; } } .banner-search-main .form-group .search-btn { display: table-cell; vertical-align: middle; } @media (max-width: 991px) { .banner-search-main .form-group .search-btn { padding-left: 0; display: block; width: 100%; } } .banner-search-main .form-control, .banner-search-main .post-password-form input[type='password'], .post-password-form .banner-search-main input[type='password'] { box-shadow: none; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; width: 100%; text-align: left; border: none; border-left: 1px solid #dbdbdb; } @media (max-width: 991px) { .banner-search-main .form-control, .banner-search-main .post-password-form input[type='password'], .post-password-form .banner-search-main input[type='password'] { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; border: none; } } .banner-search-main .open .dropdown-toggle { background-color: #fff; } .banner-search-main .dropdown-toggle { border: none !important; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; background: #fff; font-size: 14px; } @media (min-width: 768px) and (max-width: 991px) { .banner-search-main .dropdown-toggle { width: 107px; } } @media (max-width: 481px) { .banner-search-main .dropdown-toggle { width: 100px; } } .banner-search-main .dropdown-toggle .caret { margin-left: 10px; } .banner-search-main .search-btn { padding-left: 10px; } .banner-search-main .btn-secondary { padding: 6px 30px; height: 42px; width: 100%; } .banner-search-main .btn-secondary:hover i { -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } @media (max-width: 991px) { .banner-search-main { width: 75%; } .banner-search-main .form-group { width: 100%; } } /*START BANNER SEARCH TABER STYLE*/ .banner-search-taber { max-width: 920px; margin: 0 auto; padding-left: 30px; padding-right: 30px; } .banner-search-taber .tab-content { background-color: rgba(255, 255, 255, 0.85); -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; padding: 10px; } .banner-search-taber .banner-search-main { background-color: transparent; padding: 0; max-width: 100%; width: 100%; } .banner-search-tabs { width: 100%; display: table; table-layout: fixed; font-size: 0; margin: 0; } .banner-search-tabs .search-tab { display: table-cell; width: 100%; padding-right: 2px; } .banner-search-tabs .search-tab:last-child { padding: 0; } .banner-search-tabs .search-tab.active .search-tab-inner { background-color: rgba(255, 255, 255, 0.85); color: #000; } .banner-search-tabs .search-tab-inner { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; font-size: 14px; font-weight: 500; line-height: 43px; text-transform: uppercase; text-align: center; position: relative; height: 43px; background-color: rgba(0, 66, 116, 0.2); color: #fff; cursor: pointer; } .banner-search-tabs .search-tab-inner:hover { background-color: rgba(255, 255, 255, 0.85); color: #000; } .banner-search-tabs .search-tab-inner:active { background-color: rgba(255, 255, 255, 0.85); color: #000; } @media (max-width: 767px) { .banner-search-tabs .search-tab-inner { font-size: 12px; } } /*START ADVANCED SEARCH STYLE*/ .advance-search-header { width: 100%; padding: 9px 0; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); background-color: #004274 !important; } .advance-search-header div[class^="col-"] { padding-left: 5px; padding-right: 5px; } .advance-search-header .row { margin-right: -5px; margin-left: -5px; } .advance-search-header .search-long .search { border-color: #fff; } @media (min-width: 768px) and (max-width: 991px) { .advance-search-header { display: none !important; } } @media (max-width: 767px) { .advance-search-header { display: none !important; } } .advanced-search-sticky { display: block; position: fixed !important; top: 0; width: 100% !important; z-index: 11 !important; -webkit-animation: fadein 0.4s; -moz-animation: fadein 0.4s; -ms-animation: fadein 0.4s; -o-animation: fadein 0.4s; animation: fadein 0.4s; } .advanced-search { background-color: #fff; position: relative; } .advanced-search .form-group { margin-bottom: 13px; } @media (max-width: 767px) { .advanced-search .form-group { margin-bottom: 13px !important; } } .advanced-search .advance-fields { padding-top: 13px; display: none; } .advanced-search .btn { display: block; } .advanced-search .btn i { float: left; line-height: 20px; margin-right: 5px; } @media (max-width: 767px) { .advanced-search .btn { font-weight: 400; font-size: 12px; } .advanced-search .btn i { line-height: 12px; } } .advanced-search .form-control, .advanced-search .post-password-form input[type='password'], .post-password-form .advanced-search input[type='password'] { box-shadow: none; } .advanced-search .advance-btn { background: transparent; font-weight: 400; text-transform: none; color: #fff; width: 100%; } .advanced-search .advance-btn .fa { float: inherit; font-size: 15px; position: relative; margin-right: 6px; } .advanced-search .advance-btn:hover { color: #4cc6f4; box-shadow: none; } @media (max-width: 767px) { .advanced-search .advance-btn { font-size: 12px; } .advanced-search .advance-btn i { line-height: 12px; } } .advanced-search .advance-btn.active { color: #00aeef; box-shadow: none; } .advanced-search .features-list .checkbox-inline { margin: 0; margin-right: 25px; color: #fff; line-height: 26px; } .advanced-search .features-list .checkbox-inline input { margin-top: 7px; } .advanced-search .features-list .checkbox-inline:last-child { margin: 0; } @media (max-width: 481px) { .advanced-search .features-list .checkbox-inline { width: 49%; margin: 0; padding-right: 10px; } } .advanced-search .features-list label.title { color: #fff; padding: 13px 0 15px; font-weight: 700; } .advanced-search .field-expand { padding-bottom: 15px; } .advanced-search .range-text p { color: #fff; } .advanced-search .range-title { color: #fff; } .advanced-search .search-long { margin: 0; } .advanced-search .search-long .advance-btn { font-weight: 300; color: #616161; line-height: 0; width: 100%; } .advanced-search .search-long .advance-btn:hover { color: #00aeef; } .advanced-search .ui-slider .ui-slider-handle { width: 20px; height: 20px; top: -7px; } .search-long div:not(.dropdown-menu) { display: table-cell !important; vertical-align: middle; } .search-long .bootstrap-select { width: 130px !important; } .search-long .bootstrap-select .btn { border: none; border-radius: 0; height: 42px; } .search-long .search { background-color: #fff; border: 1px solid #cccccc; border-right: 0; border-radius: 4px 0 0 4px; } .search-long .search input { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border: none; } .search-long .search-btn .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; height: 44px; } .search-long .advance-btn { font-weight: 300; color: #616161; padding: 6px 20px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .search-long .advance-btn:hover { color: #00aeef; } .search-long .advance-btn .fa { font-size: 14px; } .search-long .input-icon { width: 10000px; padding-left: 2px; } .search-long .search-location { width: 10000px; } .advanced-search-mobile { background-color: #004274; position: relative; z-index: 1; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); display: none; } @media (max-width: 481px) { .advanced-search-mobile .container { width: 100%; padding-left: 15px; padding-right: 15px; } } @media (min-width: 768px) and (max-width: 991px) { .advanced-search-mobile { display: block !important; } } @media (max-width: 767px) { .login-register-block{width:100%;} .advanced-search-mobile { display: block !important; } } .advanced-search-mobile .single-search-inner { display: table-cell; vertical-align: middle; } .advanced-search-mobile .single-search-inner .form-control::-moz-placeholder, .advanced-search-mobile .single-search-inner .post-password-form input[type='password']::-moz-placeholder, .post-password-form .advanced-search-mobile .single-search-inner input[type='password']::-moz-placeholder { color: #fff; opacity: 1; } .advanced-search-mobile .single-search-inner .form-control:-ms-input-placeholder, .advanced-search-mobile .single-search-inner .post-password-form input[type='password']:-ms-input-placeholder, .post-password-form .advanced-search-mobile .single-search-inner input[type='password']:-ms-input-placeholder { color: #fff; } .advanced-search-mobile .single-search-inner .form-control::-webkit-input-placeholder, .advanced-search-mobile .single-search-inner .post-password-form input[type='password']::-webkit-input-placeholder, .post-password-form .advanced-search-mobile .single-search-inner input[type='password']::-webkit-input-placeholder { color: #fff; } .advanced-search-mobile .single-search { width: 10000px; } .advanced-search-mobile .single-search .form-control, .advanced-search-mobile .single-search .post-password-form input[type='password'], .post-password-form .advanced-search-mobile .single-search input[type='password'] { height: 50px; border: none; background-color: transparent; color: #fff; } .advanced-search-mobile .advance-fields { position: relative; display: none; padding: 10px 0; border-top: 1px solid #fff; } .advanced-search-mobile .advance-fields:after { border: solid transparent; content: ' '; height: 0; position: absolute; top: -12px; right: inherit; bottom: inherit; left: 3px; z-index: 2; width: 0; border-width: 6px; border-bottom-color: #fff; } .advanced-search-mobile .advance-fields .form-group { margin-bottom: 10px; } .advanced-search-mobile .advance-fields .btn { height: 50px; } .advanced-search-mobile .advance-fields .input-group-addon { background-color: #eee; } .advanced-search-mobile .advance-fields .form-control, .advanced-search-mobile .advance-fields .post-password-form input[type='password'], .post-password-form .advanced-search-mobile .advance-fields input[type='password'] { height: 50px; } .advanced-search-mobile .advance-fields .row { margin-left: -5px; margin-right: -5px; } .advanced-search-mobile .advance-fields div[class*="col-"] { padding-left: 5px; padding-right: 5px; } .advanced-search-mobile .single-search-wrap { display: table; } .advanced-search-mobile .single-search-wrap button { height: 40px; width: 30px; background: none; border: none; padding: 5px 2px; color: #fff; font-size: 18px; } .advanced-search-mobile .btn-secondary { padding: 7px 15px; } .advanced-search-mobile .range-wrap { border: 1px solid #cccccc; background-color: #f1f1f1 !important; border-radius: 3px; padding-right: 40px; padding-left: 8px; } @media (max-width: 767px) { .advanced-search-mobile .range-wrap { padding-right: 39px; padding-left: 6px; } } .advanced-search-mobile .ui-slider .ui-slider-handle { width: 50px; height: 50px; top: -1px; } .advanced-search-mobile .ui-slider .ui-slider-handle:before { width: 14px; height: 14px; } .advanced-search-mobile .ui-slider-horizontal { height: 48px; background-color: transparent !important; border: none !important; } .advanced-search-mobile .ui-slider-horizontal .ui-slider-range { top: 46%; height: 3px; } .advanced-search-mobile .range-advanced-main { margin-bottom: 10px; margin-top: 8px; } .advanced-search-mobile .range-text { text-align: center; } .advanced-search-mobile .range-text p { margin-bottom: 16px; font-size: 14px; color: #fff; } .advanced-search-mobile .range-text .range-title { color: #fff; } .advanced-search-mobile .advance-trigger { cursor: pointer; line-height: 45px; margin-bottom: 8px; color: #fff; } .advanced-search-mobile .features-list .checkbox-inline { margin-left: 0; margin-right: 20px; width: 28%; color: #fff; } .advanced-search-mobile .field-expand { padding-bottom: 15px; } .btn-number { background-color: #f1f1f1; color: #9b9b9b; opacity: 1 !important; } .btn-number:active { color: #000; } .form-control.input-number, .post-password-form input.input-number[type='password'] { text-align: center; border: 0; } .input-count-group { border: 1px solid #cccccc; border-radius: 4px; overflow: hidden; } .input-count-group .btn-number { background-color: #fff; } .input-count-group .input-number { padding: 0; } .advance-trigger { cursor: pointer; } .field-expand { display: none; } .search-expandable { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; } .search-expandable div[class^="col-"] { padding-right: 5px; padding-left: 5px; } .search-expandable .row { margin-left: -5px; margin-right: -5px; } .search-expandable .advanced-search { float: left; padding: 17px 15px 0; background-color: #004274; width: 100%; } .search-expandable .advance-btn { background-color: rgba(0, 0, 0, 0.2); width: 100%; color: #fff !important; border: 1px solid rgba(0, 0, 0, 0.2); } .search-expandable .advance-btn:hover { background-color: #3a6fa7; } .search-expandable .advance-btn.active { background-color: #3a6fa7; } .search-expandable .search-expandable-left { width: 80%; } @media (min-width: 768px) and (max-width: 991px) { .search-expandable .search-expandable-left { width: 100%; } } @media (max-width: 767px) { .search-expandable .search-expandable-left { width: 100%; } } .search-expandable .search-expandable-right { width: 20%; } @media (min-width: 768px) and (max-width: 991px) { .search-expandable .search-expandable-right { width: 100%; } } @media (max-width: 767px) { .search-expandable .search-expandable-right { width: 100%; } } .search-expandable .features-list { padding-bottom: 30px; } .search-expandable .advance-fields { padding: 0; } .search-expand-btn { color: #fff; padding: 13px 15px 10px 15px; display: inline-block; line-height: 16px; border-radius: 4px 4px 0 0; font-weight: 400; cursor: pointer; font-size: 16px; width: 230px; position: relative; } .search-expand-btn:after { font-family: "FontAwesome"; content: '\f0d8'; margin-left: 15px; position: absolute; right: 15px; } .search-expand-btn.active:after { content: '\f0d7'; } .advanced-search-hidden { display: none; } .search-expandable-mini .search-inner-wrap { width: 370px; } @media (max-width: 767px) { .search-expandable-mini .search-inner-wrap { width: 100%; } } .search-expandable-mini .advanced-search { padding: 30px; } .search-expandable-mini .range-text { text-align: center; } .search-expandable-mini .range-text p { font-size: 13px; } .search-mini-right .search-inner-wrap { float: right; } .search-mini-right .search-expand-btn { float: right; } .search-mini-left .search-inner-wrap { float: left; } .search-mini-left .search-expand-btn { float: left; } .sticky_show_scroll_active { padding-top: 0 !important; } .advance-search-full .container { width: 100%; padding-left: 15px; padding-right: 15px; } .advanced-search-module { position: relative; padding: 30px 0; } .advanced-search-module .fa { margin-right: 8px; } .advanced-search-module button.btn { width: 100%; } .advanced-search-module .advance-title { font-size: 20px; line-height: 20px; margin: 0 0 30px; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { .advanced-search-module .advance-title .fa { display: none; } } @media (max-width: 767px) { .advanced-search-module .advance-title { font-size: 16px; line-height: 16px; } .advanced-search-module .advance-title .fa { display: none; } } .advanced-search-module .range-text p { color: #000; } .advanced-search-module .range-title { color: #959595; } .advanced-search-module .title { cursor: pointer; font-size: 14px; line-height: 42px; margin: 0; font-weight: 500; text-transform: uppercase; text-align: inherit; } @media (max-width: 767px) { .advanced-search-module .title { font-size: 12px; line-height: 35px; } } .advanced-search-module .features-list { padding-top: 15px; display: none; } .advanced-search-module .features-list .checkbox-inline { color: #000; } /*START RANGE SLIDER STYLE*/ .range-advanced-main { margin-bottom: 20px; } .range-text p { line-height: 16px; font-weight: 300; margin-bottom: 13px; } .range-title { color: #959595; font-weight: 500; } .min-price-range, .max-price-range { color: #00aeef; font-weight: 500; } .range-wrap { padding: 0 5px; } .radius-range-wrap { padding: 7px 5px 0 5px; } .radius-text-wrap { font-size: 14px; font-weight: 300; color: #959595; } .range-input { /*display: none;*/ } /*START PAGE TITLE AND BREADCRUMBS STYLE*/ .breadcrumb { margin: 0; background: none; padding: 18px 0 0; } .breadcrumb li { color: #707070; } .breadcrumb li a { color: #00AEEF; font-weight: 400; } .breadcrumb li a:hover { color: #00aeef; } .breadcrumb li:after { font-family: "FontAwesome"; color: #9b9b9b; content: "\f105"; padding: 0 5px; } .breadcrumb li:last-child:after { content: ""; padding: 0; } .breadcrumb li + li:before { content: ""; padding: 0; } .breadcrumb-top { padding: 30px 0 30px; } .breadcrumb-top .breadcrumb { padding: 0 0 5px; } @media (min-width: 768px) and (max-width: 991px) { .breadcrumb-top { padding: 20px 0 20px; } .breadcrumb-top .breadcrumb { padding: 0 0 10px; } } @media (max-width: 767px) { .breadcrumb-top { padding: 15px 0 15px; } .breadcrumb-top .breadcrumb { padding: 0 0 10px; } } .breadcrumb-single { padding: 25px 0; } .breadcrumb-single .breadcrumb { padding: 0; } @media (max-width: 767px) { .breadcrumb-single { padding: 15px 0; } } .page-title { padding: 4px 0 0; } /* edited by akshey*/ .page-title .page-title-left { float: left; padding-top:0px ;margin-left: 135px; } .page-title .page-title-right { float: right; } .page-title .page-title-right .breadcrumb { padding: 0; } .page-title .page-title-right .breadcrumb li { line-height: 36px; } @media (max-width: 767px) { .page-title .page-title-right .breadcrumb li { line-height: 28px; } } @media (max-width: 481px) { .page-title .page-title-right .breadcrumb li { line-height: 24px; } } .page-title h1, .page-title h2, .page-title h3, .page-title h4 { margin: 0 !important; } .page-title .view { float: right; line-height: 35px; } .page-title .author-meta { margin-top: 20px; } @media (max-width: 481px) { .page-title .author-meta { margin-top: 14px; } } @media (min-width: 768px) and (max-width: 991px) { .page-title { padding: 22px 0; } } @media (max-width: 767px) { .page-title { padding: 22px 0; } } .page-title-center .breadcrumb { text-align: center; } .page-title-center .page-title-left { width: 100%; text-align: center; } .view-btn { text-transform: uppercase; margin: 0 5px; font-weight: normal; cursor: pointer; color: #cfcfcf; font-size: 20px; vertical-align: middle; } .view-btn:hover { color: #000; } .view-btn.active { color: #000; } /*START PROPERTY ITEM LIST GRID STYLE*/ .figure-block + .figure-block { margin-top: 20px; } .figure-block img { width: 100%; display: block; } .figure-block .detail-bottom { text-align: center; padding: 8px 0 0 0; position: inherit; top: inherit; right: inherit; bottom: inherit; left: inherit; z-index: 1; } .figure-block .detail-bottom ul { color: #000; } .figure-block a { color: #fff; } .figure-grid { height: 290px; width: 100%; background-position: center; background-size: cover; } .figure-grid .actions { top: 12px; right: 12px; bottom: auto !important; } .item-wrap { padding-left: 7px; padding-right: 7px; margin-bottom: 14px; } @media (max-width: 767px) { .item-wrap { width: 100%; float: left; } } .item-thumb, figure, .carousel-module .carousel .item figure { position: relative; z-index: 1; } .item-thumb img, figure img, .carousel-module .carousel .item figure img { width: 100%; } .item-thumb .label-featured, figure .label-featured, .carousel-module .carousel .item figure .label-featured { position: absolute; top: 12px; left: 12px; z-index: 3; } .item-thumb .label-wrap, figure .label-wrap, .carousel-module .carousel .item figure .label-wrap { position: absolute; top: 12px; right: 12px; z-index: 3; } .item-thumb .actions, figure .actions, .carousel-module .carousel .item figure .actions { position: absolute; right: 12px; bottom: 12px; z-index: 4; } .item-thumb .price, figure .price, .carousel-module .carousel .item figure .price { position: absolute; left: 12px; bottom: 12px; z-index: 4; text-align: left; } .item-thumb .price h3, figure .price h3, .carousel-module .carousel .item figure .price h3 { color: #fff; } .item-thumb .price .rant, figure .price .rant, .carousel-module .carousel .item figure .price .rant { color: #fff; } .item-thumb .price .price-start, figure .price .price-start, .carousel-module .carousel .item figure .price .price-start { color: #fff; } .item-thumb .price .item-price, figure .price .item-price, .carousel-module .carousel .item figure .price .item-price { color: #fff; display: block; } .item-thumb .price .item-sub-price, figure .price .item-sub-price, .carousel-module .carousel .item figure .price .item-sub-price { color: #fff; display: block; } .item-thumb .item-price-block, figure .item-price-block, .carousel-module .carousel .item figure .item-price-block { position: absolute; left: 12px; bottom: 12px; } .item-thumb .blue, figure .blue, .carousel-module .carousel .item figure .blue { color: #fff; } .item-thumb .thumb-caption, figure .thumb-caption, .carousel-module .carousel .item figure .thumb-caption { position: absolute; top: inherit; right: 0; bottom: 0; left: 0; z-index: 3; padding: 12px; width: 100%; } .item-thumb .thumb-caption .cap-price, figure .thumb-caption .cap-price, .carousel-module .carousel .item figure .thumb-caption .cap-price { color: #fff; } .item-thumb .thumb-caption .actions, figure .thumb-caption .actions, .carousel-module .carousel .item figure .thumb-caption .actions { color: #fff; } .item-thumb .hover-effect:before, figure .hover-effect:before, .carousel-module .carousel .item figure .hover-effect:before, .item-thumb .slideshow .slideshow-nav-main .slick-slide:before, .slideshow .slideshow-nav-main .item-thumb .slick-slide:before, figure .slideshow .slideshow-nav-main .slick-slide:before, .slideshow .slideshow-nav-main figure .slick-slide:before { content: ''; display: block; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); background-color: rgba(255, 255, 255, 0.5); width: 100%; height: 100%; z-index: 2; } .item-thumb .hover-effect:after, figure .hover-effect:after, .carousel-module .carousel .item figure .hover-effect:after, .item-thumb .slideshow .slideshow-nav-main .slick-slide:after, .slideshow .slideshow-nav-main .item-thumb .slick-slide:after, figure .slideshow .slideshow-nav-main .slick-slide:after, .slideshow .slideshow-nav-main figure .slick-slide:after { content: ""; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(0, 0, 0, 0)), color-stop(65%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.8))); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 65%, rgba(0, 0, 0, 0.8) 100%); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 65%, rgba(0, 0, 0, 0.8) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 65%, rgba(0, 0, 0, 0.8) 100%); z-index: 1; } .item-thumb:hover .hover-effect:before, figure:hover .hover-effect:before, .carousel-module .carousel .item figure:hover .hover-effect:before, .item-thumb:hover .slideshow .slideshow-nav-main .slick-slide:before, .slideshow .slideshow-nav-main .item-thumb:hover .slick-slide:before, figure:hover .slideshow .slideshow-nav-main .slick-slide:before, .slideshow .slideshow-nav-main figure:hover .slick-slide:before { opacity: 0; filter: alpha(opacity=0);; background-image: none; z-index: 2; } .item-thumb:hover .hover-effect:after, figure:hover .hover-effect:after, .carousel-module .carousel .item figure:hover .hover-effect:after, .item-thumb:hover .slideshow .slideshow-nav-main .slick-slide:after, .slideshow .slideshow-nav-main .item-thumb:hover .slick-slide:after, figure:hover .slideshow .slideshow-nav-main .slick-slide:after, .slideshow .slideshow-nav-main figure:hover .slick-slide:after { opacity: 0; filter: alpha(opacity=0); } .item-thumb:hover a, figure:hover a, .carousel-module .carousel .item figure:hover a { color: #fff; } .item-body .rating + h2 { margin-top: 5px; } .item-body .info-row + .info-row { margin-top: 10px; } .item-body .amenities { min-height: 40px; } .item-body .amenities span { margin-right: 10px; } @media (max-width: 481px) { .item-body .amenities { margin-bottom: 15px; } } /* .item-body .property-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 380px; } @media (max-width: 1199px) { .item-body .property-title { max-width: 260px; } } @media (max-width: 767px) { .item-body .property-title { max-width: 100%; } } */ .item-body .property-location { color: #8b8b8b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .item-body p { margin: 0; } .item-body .phone { position: absolute; right: 0; bottom: 0; /*@include respond-to(tablet-landscape-desktop){ top: 44px; }*/ } @media (max-width: 767px) { .item-body .phone { top: 0; } } .item-body .phone .btn { padding: 7px 15px; } .item-body .phone .btn + p { margin-top: 12px; } .item-body .date a { color: #9b9b9b; } .item-body .date p { display: inline-block; color: #9b9b9b; margin-right: 10px; } .item-body .date p i { margin-right: 5px; } .item-body .date p:last-child { margin: 0; } .item-body .table-cell { position: relative; } .item-foot { background-color: #fff; border-top: 1px solid #e5e5e5; padding: 14px 20px; } .item-foot .item-foot-left { float: left; } .item-foot .item-foot-right { float: right; } .item-foot p { color: #9b9b9b; } .item-foot a { color: #9b9b9b; } .item-foot i { margin-right: 5px; } .item-amenities { list-style: none; margin: 0; font-size: 0; } .item-amenities li { display: inline-block; font-size: 12px; color: #777777; font-weight: 300; border-right: 1px solid #ccc; padding: 0 8px; } .item-amenities li:first-child { padding-left: 0; } .item-amenities li:last-child { border: none; } .item-amenities li span { font-size: 18px; line-height: 18px; margin-bottom: 5px; display: block; color: #000; font-weight: 300; } .item-date { list-style: none; margin: 0; } .item-date li { display: inline-block; color: #777777; font-size: 12px; font-weight: 300; margin-right: 12px; } .item-date li:last-child { margin: 0; } .item-date .fa { font-size: 14px; margin-right: 5px; } .item-price-block { text-align: right; } .item-price-block span { display: block; } .item-price-block .item-price { color: #000; font-size: 20px; line-height: 26px; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } .item-price-block .item-sub-price { color: #777777; font-size: 14px; line-height: 20px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } .item-caption .label-wrap { margin-bottom: 7px; position: relative; top: auto; right: auto; } .item-caption .item-caption-title { color: #fff; font-size: 16px; line-height: 20px; margin: 0 0 5px; font-weight: 500; text-transform: inherit; text-align: inherit; } .item-caption .item-caption-list { list-style: none; margin: 0; } .item-caption .item-caption-list li { color: #fff; font-size: 12px; line-height: 18px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; float: left; margin-right: 5px; } .item-caption .item-caption-list li:last-child { margin: 0; } .item-caption .item-caption-list .cap-price { font-size: 16px; font-weight: 500; } .detail { position: absolute; top: inherit; right: inherit; bottom: 0; left: 0; z-index: 2; /*padding:18px 20px;*/ padding: 12px; width: 100%; } .detail h3 { color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 !important; } .detail ul { color: #fff; } .detail ul li { padding: 0; padding-right: 10px; } .detail ul li:last-child { padding: 0; } .detail .fig-title { margin-bottom: 10px; } .detail .actions li { padding: 0; } @media (min-width: 1200px) { .grid-four-col .detail h3 { max-width: 190px; } } @media (min-width: 992px) and (max-width: 1199px) { .grid-four-col .detail h3 { max-width: 150px; } } @media (min-width: 1200px) { .grid-three-col .detail h3 { max-width: 260px; } } @media (min-width: 992px) and (max-width: 1199px) { .grid-three-col .detail h3 { max-width: 228px; } } @media (min-width: 768px) and (max-width: 991px) { .grid-three-col .detail h3 { max-width: 155px; } } .price { color: #000; text-align: right; } .price .price-start { color: #777; } .price .rant { color: #aeaeae; } .label-wrap { display: inline-block; font-size: 0; vertical-align: middle; line-height: normal; } .label-wrap .label { display: inline-block; margin-right: 5px; color: #fff; border-radius: 2px; font-size: 10px; padding: 3px 6px 3px; text-transform: uppercase; margin-bottom: 0; line-height: 11px; vertical-align: top; font-weight: 500; } .label-wrap .label:last-child { margin: 0; } .label-left { position: absolute; top: 12px; left: 12px; right: auto; z-index: 3; } .label-right { position: absolute; top: 12px; right: 12px; left: auto; z-index: 3; } .label-featured { background-color: #77c720; color: #fff; padding: 3px 6px 3px; } .label-status, .label-default { background-color: #333333; } /*START PAGE BODY AREA STYLE*/ #section-body { padding-bottom: 40px; position: relative; min-height: 573px; background-color: #FFF; /* background-color: #F6F6F6;*/ } #section-body-inner { padding: 40px 0; position: relative; min-height: 700px; } #section-body.landing-page { padding: 0; } @media (min-width: 1200px) { .container-sidebar { width: 30%; } } @media (min-width: 992px) and (max-width: 1199px) { .container-sidebar { width: 30%; } } @media (min-width: 1200px) { .container-contentbar { width: 70%; } } @media (min-width: 992px) and (max-width: 1199px) { .container-contentbar { width: 70%; } } /*START LIST GRID AREA STYLE*/ .list-grid-area { float: right; } @media (max-width: 767px) { .list-grid-area { float: inherit; } } #save_search_click i { font-size: 14px; margin-right: 5px; } @media (max-width: 481px) { .list-tabs .tabs { display: block; width: 100%; } } .list-tabs .tabs a { padding: 18px 10px; } @media (max-width: 767px) { .list-tabs .tabs a { padding: 12px 10px; } } @media (max-width: 481px) { .list-tabs .sort-tab { display: block; width: 100%; text-align: left; padding: 10px 0; } } .tabs { vertical-align: middle; } .tabs p { line-height: 16px; font-size: 16px; font-weight: 500; margin-bottom: 21px; margin-top: 4px; } @media (max-width: 767px) { .tabs p { margin-bottom: 15px; font-size: 14px; } } @media (max-width: 481px) { .tabs p { font-size: 12px; } } .tabs .tabs-title { font-size: 20px; line-height: 24px; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } .tabs ul { margin: 0; list-style: none; font-size: 0; } .tabs li { display: inline-block; margin-right: 1px; } .tabs a { color: #000; background-color: #ebebeb; display: block; width: 170px; } @media (min-width: 992px) and (max-width: 1199px) { .tabs a { width: 135px; } } @media (min-width: 768px) and (max-width: 991px) { .tabs a { width: 125px; } } @media (max-width: 767px) { .tabs a { width: 84px; } } @media (max-width: 481px) { .tabs a { font-size: 12px; } } .tabs a:hover { background-color: #fff; } .tabs a:active { background-color: #fff; } .tabs a.active { background-color: #fff; } .list-search { margin-bottom: 30px; padding: 25px; border: 1px solid #00aeef; background-color: rgba(0, 174, 239, 0.05); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .list-search .input-icon:before { color: #000; } .list-search form { position: relative; color: #000; font-weight: 500; } .list-search .save-btn { position: absolute; top: 0; right: 0; line-height: 40px; padding: 0 14px; cursor: pointer; } .list-search .save-btn:after { font-family: "FontAwesome"; content: '\f006'; display: inline-block; margin-left: 10px; color: #ffba01; } @media (max-width: 767px) { .list-search .save-btn { line-height: 34px; font-size: 12px; } } .list-search .save-btn.saved:after { content: '\f005'; } .list-search .form-control, .list-search .post-password-form input[type='password'], .post-password-form .list-search input[type='password'] { color: #000; font-weight: 400; padding-right: 83px; } .list-search .form-control[readonly], .list-search .post-password-form input[readonly][type='password'], .post-password-form .list-search input[readonly][type='password'] { background-color: #fff; } @media (max-width: 767px) { .list-search { padding: 15px; } } .list-compare-wrap { font-size: 0; padding: 20px; background-color: #fff; margin-bottom: 20px; } .list-compare-wrap .compare-thumb-block { display: inline-block; margin-right: 10px; } @media (max-width: 767px) { .list-compare-wrap .compare-thumb-block { width: 60px; } } .list-compare-wrap .btn-compare { padding: 20px 15px; } @media (max-width: 767px) { .list-compare-wrap .btn-compare { padding: 11px 15px; } } @media (max-width: 767px) { .list-compare-wrap { padding: 15px; } } .sort-tab { color: #9b9b9b; vertical-align: middle; font-weight: 500; } .sort-tab .bootstrap-select { width: auto !important; top: -1px; left: -8px; } .sort-tab .bootstrap-select .btn.btn-default { border: none; background-color: transparent; text-transform: none; color: #00aeef; height: auto; padding-top: 0; padding-bottom: 0; } .sort-tab .bootstrap-select .btn.btn-default:hover { color: #000; background-color: transparent; } .sort-tab .bootstrap-select .btn.btn-default:focus { background: none; box-shadow: none; outline: none !important; } .sort-tab .open > .btn.btn-default { border: none; background: none !important; box-shadow: none; } @media (max-width: 481px) { .sort-tab { font-size: 12px; } } .sort-tab .dropdown-menu { left: auto; right: 0; } #content-area hr { margin-top: 32px; margin-bottom: 32px; } @media (max-width: 991px) { #content-area { margin-bottom: 30px; } } /*START LIST VIEW AND GRID VIEW STYLE*/ .property-listing { margin-bottom: -8px; } .property-listing .row { margin-left: -4px; margin-right: -4px; } .property-listing .item-wrap { padding-left: 4px; padding-right: 0px; margin-bottom: 8px; } .property-listing .grid-row { margin-left: -4px; margin-right: -4px; } .property-listing .not-found { background-color: #fff; padding: 20px; } .property-listing .figure-block { width: 254px; height: 170px; } @media (max-width: 767px) { .property-listing .figure-block { width: 100%; height: auto; } } .property-listing .grid-view-1-col .item-wrap { width: 100%; } .property-listing .grid-view-3-col .item-wrap { width: 33.33%; } .property-listing.list-view .hide-on-grid { display: block; } .property-listing.list-view .hide-on-list { display: none; } .property-listing.list-view .hidden-gird-cell { display: table-cell !important; } @media (max-width: 767px) { .property-listing.list-view .property-item { display: block; } .property-listing.list-view .property-item .table-cell { display: block; } .property-listing.list-view .property-item .item-body { padding: 15px 7px 7px; width: 100%; } .property-listing.list-view .property-item .item-body .phone { position: relative !important; } .property-listing.list-view .property-item .body-left { width: 100%; margin-bottom: 15px; } .property-listing.list-view .property-item .body-right { width: 100%; } .property-listing.list-view .property-item .info-row { text-align: left; } .property-listing.list-view .hide-on-grid { display: none; } .property-listing.list-view .hide-on-list { display: block; } .property-listing.list-view .hidden-gird-cell { display: none !important; } } .grid-view .figure-block, .grid-view .item-thumb, .grid-view figure, .grid-view .carousel-module .carousel .item figure, .carousel-module .carousel .item .grid-view figure { width: 100%; height: auto; display: block; } .grid-view .item-wrap { padding-left: 4px; padding-right: 4px; width: 50%; float: left; margin: 0; margin-bottom: 10px; } .grid-view .item-wrap:nth-child(2n+1) { clear: both; } @media (min-width: 992px) and (max-width: 1199px) { .grid-view .item-wrap { width: 50%; } } @media (max-width: 767px) { .grid-view .item-wrap { width: 100%; } } .grid-view .property-item { display: block; } .grid-view .property-item .table-cell { display: block; } .grid-view .property-item .item-body { padding: 8px 12px 0px; width: 100%; } .grid-view .property-item .item-body .phone { position: relative !important; } .grid-view .property-item .item-body .amenities { height: auto; } .grid-view .property-item .body-left { width: 100%; margin-bottom: 10px; } .grid-view .property-item .body-right { width: 100%; } .grid-view .property-item .info-row { text-align: left; text-transform: lowercase; color: #474747; } .randomblock p span { text-transform: lowercase; } .grid-view .property-item-v2 { padding: 8px; } .grid-view .property-item-v2 .figure-block { display: block; width: 100%; } .grid-view .property-item-v2 .item-thumb, .grid-view .property-item-v2 figure, .grid-view .property-item-v2 .carousel-module .carousel .item figure, .carousel-module .carousel .item .grid-view .property-item-v2 figure { width: 100%; } .grid-view .property-item-v2 .item-body { width: 100%; display: block; } .grid-view .property-item-v2 .body-inner { width: 100%; position: relative; } .grid-view .property-item-v2 .item-body-top, .grid-view .property-item-v2 .item-body-bottom { position: relative; padding: 12px 15px; } .grid-view .property-item-v2 .item-body-top { padding-bottom: 0; } .grid-view .property-item-v2 .item-body-bottom { padding-top: 0; } .grid-view .property-item-v2 .item-title { margin-bottom: 30px; width: 100%; } .grid-view .property-item-v2 .item-amenities { width: 100%; } .grid-view .property-item-v2 .item-price-block { text-align: left; position: absolute; left: 12px; bottom: 12px; z-index: 4; } .grid-view .property-item-v2 .item-price-block span { color: #fff; } .grid-view .property-item-v2 .item-date { width: 100%; } .grid-view .property-item-v2 .actions { right: 12px; left: auto; } .grid-view .hide-on-grid { display: none; } .grid-view .hide-on-list { display: block; } .grid-view .hidden-gird-cell { display: none !important; } .grid-view-3-col .item-wrap { width: 33.33%; } .grid-view-3-col .item-wrap:nth-child(2n+1) { clear: none; } .grid-view-3-col .item-wrap:nth-child(3n+1) { clear: both; } @media (min-width: 768px) and (max-width: 991px) { .grid-view-3-col .item-body .amenities { margin-bottom: 15px; } .grid-view-3-col .property-item .cell { display: block; text-align: left; } } @media (max-width: 767px) { .grid-view-3-col .item-wrap { width: 100% !important; } } .property-item { background-color: #fff; width: 100%; padding: 8px; } .property-item .item-body { padding: 10px 0px 10px 20px; display: table-cell; vertical-align: top; overflow: hidden; width: 1000px; } .property-item .body-left { width: 1000px; position: relative; } .property-item .body-right { width: 280px; position: relative; } @media (max-width: 991px) { .property-item .btn { font-size: 11px; padding: 6px 10px; } } .property-item .cell { display: table-cell; width: 100%; vertical-align: top; } @media (max-width: 481px) { .property-item .cell { display: block; text-align: left !important; } } .property-item .cell + .cell { text-align: right; } .property-item .label-wrap { margin-bottom: 5px; } .property-item.item-grid { display: block; position: relative; } .property-item.item-grid .item-thumb, .property-item.item-grid figure, .property-item.item-grid .carousel-module .carousel .item figure, .carousel-module .carousel .item .property-item.item-grid figure { display: block; } .property-item.item-grid figure { display: block; } .property-item.item-grid .body-left { display: block; width: 100%; } .property-item.item-grid .body-right { display: block; width: 100%; } .property-item.item-grid .info-row { text-align: left; } .property-item.item-grid .item-body { padding: 15px 12px 7px; display: block; width: 100%; } .property-item.item-grid .item-body .amenities { height: auto; } .property-item.item-grid .phone { position: relative; top: 0; } @media (max-width: 321px) { .property-item.item-grid .cell { display: block; text-align: left !important; } } .property-item.item-grid .cell + .cell { width: 250px; } @media (max-width: 321px) { .property-item.item-grid .cell + .cell { margin-top: 15px; } } .property-item-v2 { background-color: #fff; width: 100%; padding: 8px; padding-right: 0; } .property-item-v2 .figure-block { display: table-cell; width: auto; height: auto; vertical-align: top; } .property-item-v2 .item-thumb, .property-item-v2 figure, .property-item-v2 .carousel-module .carousel .item figure, .carousel-module .carousel .item .property-item-v2 figure { width: 280px; } .property-item-v2 .item-body { width: 1000px; display: table-cell; vertical-align: top; position: relative; } .property-item-v2 .item-body-top, .property-item-v2 .item-body-bottom { position: absolute; left: 0; right: 0; width: 100%; padding: 12px 20px; z-index: 4; } .property-item-v2 .item-body-top { top: 0; } .property-item-v2 .item-body-bottom { bottom: 0; } .property-item-v2 .item-title { float: left; } .property-item-v2 .property-title { font-size: 20px; line-height: 26px; margin: 0 0 8px; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .property-item-v2 .property-title { font-size: 14px; line-height: 18px; } } .property-item-v2 .property-location { font-size: 14px; line-height: 20px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .property-item-v2 .property-location { font-size: 12px; line-height: 14px; } } .property-item-v2 .item-amenities { float: left; } .property-item-v2 .item-date { float: right; margin-top: 20px; } .property-item-v2 .item-price-block { float: right; } .property-item-v2 .actions { left: 12px; right: auto; } .property-item-v2 .property-location { width: 400px; } .property-item-v2.item-grid { padding: 8px; } .property-item-v2.item-grid .figure-block, .property-item-v2.item-grid .item-thumb, .property-item-v2.item-grid figure, .property-item-v2.item-grid .carousel-module .carousel .item figure, .carousel-module .carousel .item .property-item-v2.item-grid figure { width: 100%; height: auto; display: block; } .property-item-v2.item-grid .item-body { width: 100%; display: block; } .property-item-v2.item-grid .body-inner { width: 100%; position: relative; } .property-item-v2.item-grid .item-body-top, .property-item-v2.item-grid .item-body-bottom { position: relative; padding: 12px 15px; } .property-item-v2.item-grid .item-body-top { padding-bottom: 0; } .property-item-v2.item-grid .item-body-bottom { padding-top: 0; } .property-item-v2.item-grid .item-title { margin-bottom: 30px; width: 100%; } .property-item-v2.item-grid .item-amenities { width: 100%; } .property-item-v2.item-grid .item-price-block { text-align: left; position: absolute; left: 12px; bottom: 12px; z-index: 4; } .property-item-v2.item-grid .item-price-block span { color: #fff; } .property-item-v2.item-grid .item-date { width: 100%; } .property-item-v2.item-grid .actions { right: 12px; left: auto; } .property-item-grid .actions { top: 20px; right: 20px; left: auto; bottom: auto; } .property-item-grid .price { right: 20px; bottom: 20px; left: auto; top: auto; } .property-item-grid .item-caption { position: absolute; bottom: 20px; left: 20px; z-index: 3; } .property-item-grid .item-price { color: #fff; font-size: 16px; line-height: 20px; margin: 0 0 5px; font-weight: 500; text-transform: inherit; text-align: inherit; } .property-item-grid .item-sub-price { color: #fff; font-size: 12px; line-height: 18px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } .property-item-grid .label-left { top: 20px; left: 20px; } .property-item-grid .label-right { top: 20px; right: 20px; } /*START HALF AND HALF AREA STYLE*/ #section-body.houzez-body-half { min-height: 100%; padding: 0; } #section-body.houzez-body-half .houzez-module { padding: 25px 10px; } #section-body.houzez-body-half .houzez-module .detail-bottom { display: none; } #section-body.houzez-body-half .property-listing { position: relative; } #section-body.houzez-body-half .property-listing .info-row + .info-row { margin-top: 11px; } @media (max-width: 1199px) { #section-body.houzez-body-half .property-listing .item-wrap { width: 50%; float: left; margin-bottom: 8px; padding-left: 4px; padding-right: 4px; } #section-body.houzez-body-half .property-listing .item-wrap + .item-wrap { margin-top: 0; } #section-body.houzez-body-half .property-listing .item-body { padding: 15px 7px 7px; } #section-body.houzez-body-half .property-listing .item-body h4 { max-width: 185px; } #section-body.houzez-body-half .property-listing .item-body .date p { display: block; margin: 0; line-height: 20px; } #section-body.houzez-body-half .property-listing .figure-block { width: 100%; height: auto; } #section-body.houzez-body-half .property-listing .table-cell { display: block; width: 100%; } #section-body.houzez-body-half .property-listing .table-cell .item-thumb img, #section-body.houzez-body-half .property-listing .table-cell figure img, #section-body.houzez-body-half .property-listing .table-cell .carousel-module .carousel .item figure img, .carousel-module .carousel .item #section-body.houzez-body-half .property-listing .table-cell figure img { width: 100%; } #section-body.houzez-body-half .property-listing .body-left { margin-bottom: 15px; } } @media (min-width: 768px) and (max-width: 991px) { #section-body.houzez-body-half .property-listing .item-wrap { width: 100%; } } @media (max-width: 481px) { #section-body.houzez-body-half .property-listing .item-wrap { width: 100%; } } #section-body.houzez-body-half .item-foot { padding: 14px 8px; } #section-body.houzez-body-half .item-foot p { line-height: 12px; } #section-body.houzez-body-half .item-body .phone { display: none; } @media (min-width: 992px) and (max-width: 1199px) { #section-body.houzez-body-half .item-body h2 { max-width: 200px; } } @media (min-width: 768px) and (max-width: 991px) { #section-body.houzez-body-half .item-body h2 { max-width: 200px; } } @media (max-width: 767px) { #section-body.houzez-body-half .property-title {overflow: visible;} #section-body.houzez-body-half .item-body h2 { max-width: 200px;padding-left: 45px; } } #section-body.houzez-body-half .btn { margin: 0; } @media (max-width: 481px) { #section-body.houzez-body-half .item-wrap { width: 100%; } #section-body.houzez-body-half .col { width: 100%; } } @media (max-width: 1199px) { #section-body.houzez-body-half .property-listing.list-view .hide-on-grid { display: none !important; } #section-body.houzez-body-half .property-listing.list-view .hide-on-list { display: block !important; } #section-body.houzez-body-half .property-listing.list-view .hidden-gird-cell { display: none !important; } } .map-half { overflow: hidden; height: 100%; } .map-module-half .houzez-module { padding: 25px 10px; } .module-half { overflow-y: scroll; overflow-x: hidden; } @media (max-width: 767px) { .module-half { overflow: inherit; height: auto !important; } } .module-half .advanced-search { padding: 20px; background-color: #fff; } .module-half .advanced-search .range-advanced-main { margin: 0; } .module-half .advanced-search .advance-btn { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 10px 15px; color: #fff; width: 100%; background-color: #ff6e00; } .module-half .advanced-search .row { margin-left: -5px; margin-right: -5px; } .module-half .advanced-search div[class*="col-"] { padding-left: 5px; padding-right: 5px; } .module-half .search-long .bootstrap-select .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; border-left: 0; } .module-half .search-long .input-icon { width: auto; } .module-half .advance-trigger { margin: 10px 0 20px; cursor: pointer; } .module-half .features-list { padding-bottom: 14px; } .module-half .features-list label.title { font-size: 12px; } .module-half .features-list .checkbox-inline { width: 20%; color: #000; } .module-half .property-listing .item-wrap:nth-child(2n+1) { clear: both; } .module-half .module-title { padding: 0 !important; margin-bottom: 26px; } @media (max-width: 991px) { .module-half .sort-tab { display: none; } } .listing-on-half div[class*="col-"] { margin-bottom: 30px; } .splash-module-half .houzez-module { padding: 0 30px 30px 30px; } .splash-module-half .houzez-module:first-child { padding-top: 30px; } .splash-half { height: 100%; } .splash-half .splash-search { position: absolute; top: 45%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .splash-half .splash-footer { bottom: 0; left: 0; position: absolute; right: 0; } /*START HOUZEZ TABER MODULE STYLE*/ .houzez-taber-wrap .houzez-tabs { width: 100%; display: table; table-layout: fixed; font-size: 0; margin: 0; } .houzez-taber-wrap .houzez-tabs li { display: table-cell; width: 100%; font-size: 14px; font-weight: 500; line-height: 50px; text-transform: uppercase; text-align: center; position: relative; height: 50px; background-color: #F2F2F2; border-bottom: 1px solid #ccc; color: #000; cursor: pointer; } .houzez-taber-wrap .houzez-tabs li:before { content: ''; display: block; width: 100%; height: 4px; position: absolute; bottom: 0; right: 0; left: 0; background-color: transparent; } .houzez-taber-wrap .houzez-tabs li:hover:before { background-color: #00aeef; } .houzez-taber-wrap .houzez-tabs li:active:before { background-color: #00aeef; } .houzez-taber-wrap .houzez-tabs li.active:before { background-color: #00aeef; } @media (max-width: 767px) { .houzez-taber-wrap .houzez-tabs li { display: block; width: 100%; } .houzez-taber-wrap .houzez-tabs li:before { top: 0; bottom: auto; } } .houzez-taber-body { padding-top: 20px; } .houzez-taber-body .row { margin-left: -5px; margin-right: -5px; } .houzez-taber-body div[class*="col-"] { padding-left: 5px; padding-right: 5px; } /*START MY ACCOUNT STYLE*/ @media (min-width: 768px) and (max-width: 991px) { .user-dashboard-left { display: none; } } @media (max-width: 767px) { .user-dashboard-left { display: none; } } @media (min-width: 768px) and (max-width: 991px) { .user-dashboard-right { width: 100%; } } @media (max-width: 767px) { .user-dashboard-right { width: 100%; } } .account-block + .account-block { margin-top: 30px; } .account-block textarea.form-control { font-family: Post Grotesk Light; height: auto; } .account-block .my-avatar img { width: 100%; margin-bottom: 10px; } @media (max-width: 767px) { .account-block .my-avatar { margin-bottom: 30px; } } .account-block .my-avatar .profile-img-info { font-size: 12px; display: inline-block; margin: 5px 0 0; } .account-block .form-control, .account-block .post-password-form input[type='password'], .post-password-form .account-block input[type='password'] { box-shadow: none; } .account-block .account-action-title { float: left; margin: 0; font-size: 16px; line-height: 40px; } .account-block .account-action-right { float: right; } .profile-area h1 { font-weight: 500; margin-bottom: 25px; } .profile-area h2 { font-weight: 500; margin-bottom: 25px; } .profile-area h3 { font-weight: 500; margin-bottom: 25px; } .profile-area h4 { font-weight: 500; margin-bottom: 25px; } .invoice-area { background-color: #fff; border: 1px solid #f0f0f0; } .invoice-area .invoice-form { padding: 30px; } .invoice-list .table-hover { border-top: 1px solid #e5e5e5; margin-bottom: 0; } .invoice-list .table-hover > thead > tr > th { font-weight: 500; } .invoice-list .table-hover > thead > tr > th, .invoice-list .table-hover > tbody > tr > td, .invoice-list .widget_calendar table .table-hover > tbody > tr > th, .widget_calendar table .invoice-list .table-hover > tbody > tr > th { padding: 20px 30px; border-bottom: 1px solid #e5e5e5; vertical-align: middle; } .invoice-list .table-hover > tbody > tr:hover { background-color: #f9f9f9; } .invoice-list .btn-invoice { border: 1px solid #b2b2b2; color: #707070; float: right; padding: 5px 10px; background-color: #fff; } .invoiceModal .modal-body { background-color: #f9f9f9; padding: 40px; } .invoiceModal .payment-details, .invoiceModal .customer-details, .invoiceModal .billing-address { background-color: #fff; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; margin-bottom: 20px; } .invoiceModal .billing-address { margin-bottom: 0; } .invoiceModal p, .invoiceModal address { margin-bottom: 0; } .invoiceModal .payment-details-product, .invoiceModal .payment-details-total, .invoiceModal .customer-details-name, .invoiceModal .customer-details-email, .invoiceModal .billing-address { padding: 30px; border-bottom: 1px solid #e5e5e5; } .invoiceModal .payment-details-product:last-of-type, .invoiceModal .payment-details-total:last-of-type, .invoiceModal .customer-details-name:last-of-type, .invoiceModal .customer-details-email:last-of-type, .invoiceModal .billing-address:last-of-type { border-bottom: none; } .area-title { border-bottom: 1px solid #f0f0f0; padding: 22px 30px; } .area-title .title-left { float: left; font-size: 16px; line-height: 16px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .area-title .title-right { float: right; font-size: 14px; line-height: 14px; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } .my-property-search { background-color: #fff; padding: 30px; margin-bottom: 8px; } .my-property-search .form-group { width: 10000px; margin: 0; padding-right: 10px; } .my-property-search .form-control, .my-property-search .post-password-form input[type='password'], .post-password-form .my-property-search input[type='password'] { width: 100%; height: 38px; } .my-property-search .btn { padding: 10px 20px; font-size: 12px; } @media (max-width: 767px) { .my-property-search { padding: 20px; } } .my-property-listing .row { margin-left: -7px; margin-right: -7px; } .my-property-listing div[class*='col-'] { padding-left: 7px; padding-right: 7px; } .my-property-listing .figure-block { width: 150px; } @media (max-width: 767px) { .my-property-listing .figure-block { width: 100%; height: auto; } } .my-property { background-color: #fff; padding: 8px; overflow: visible; } .my-property .media-body { overflow: visible; } .my-property .my-description { float: left; width: 330px; } .my-property .my-description .label { font-size: 10px; display: inline-block; vertical-align: middle; line-height: 9px; padding: 4px 5px 4px; } @media (min-width: 992px) and (max-width: 1199px) { .my-property .my-description { width: 240px; } } @media (min-width: 768px) and (max-width: 991px) { .my-property .my-description { width: 295px; } } @media (max-width: 767px) { .my-property .my-description { width: 100%; text-align: center; } } .my-property .my-actions { float: right; padding-right: 22px; position: relative; top: 17px; } @media (min-width: 992px) and (max-width: 1199px) { .my-property .my-actions { padding-right: 10px; } } @media (min-width: 768px) and (max-width: 991px) { .my-property .my-actions { top: 0; padding-right: 0; } } @media (max-width: 767px) { .my-property .my-actions { margin-top: 15px; margin-bottom: 7px; top: 0; padding-right: 0; width: 100%; text-align: center; } } .my-property .my-heading { font-size: 16px; line-height: 16px; margin: 0 0 5px; font-weight: 500; text-transform: inherit; text-align: inherit; color: #00aeef; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .my-property .address { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .my-property p { font-weight: 300; margin-bottom: 0; font-size: 13px; } .my-property .dropdown-menu { left: inherit; right: 0; min-width: 190px; padding: 0; } .my-property .dropdown-menu .pay-options { padding: 12px; } .my-property .dropdown-menu ul { margin: 0; list-style: none; } .my-property .dropdown-menu li { border-top: 1px solid #e5e5e5; } .my-property .dropdown-menu a { padding: 12px; color: #000; font-size: 12px; display: block; } .my-property .dropdown-menu a:hover { color: #4cc6f4; } .my-property .dropdown-menu .fa { margin-right: 4px; } @media (max-width: 767px) { .my-property .media-left, .my-property .next-prev-block .media-right, .next-prev-block .my-property .media-right { display: block; padding: 0; padding-bottom: 15px; } .my-property .media-body { display: block; width: 100%; } } .pay-options table { width: 100%; margin: 0; } .pay-options td, .pay-options .widget_calendar table th, .widget_calendar table .pay-options th { font-size: 12px; vertical-align: middle; padding: 0 0 3px 0 !important; font-weight: 400; border: none; } .pay-options tfoot td, .pay-options tfoot .widget_calendar table th, .widget_calendar table .pay-options tfoot th { padding-top: 8px; font-weight: 400; } .pay-options .checkbox { margin: 0; } .pay-options label { font-weight: 400; font-size: 12px; } .pay-options input[type="radio"], .pay-options input[type="checkbox"] { margin-top: 5px; } .my-actions .action-btn { background: none; display: inline-block; padding: 8px 9px; height: 33px; line-height: 13px; background-color: #cccccc; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; border: 1px solid transparent; text-align: center; } .my-actions .action-btn:hover { background-color: #4cc6f4; } .my-actions .action-btn:focus { background-color: #4cc6f4; } @media (min-width: 992px) and (max-width: 1199px) { .my-actions .action-btn { padding: 4px 6px; height: 26px; } } @media (min-width: 768px) and (max-width: 991px) { .my-actions .action-btn { padding: 3px 6px; height: 22px; line-height: 13px; font-size: 12px; } } @media (max-width: 767px) { .my-actions .action-btn { padding: 3px 6px; height: 22px; line-height: 13px; font-size: 12px; } } .my-actions .pay-btn { padding: 0 9px !important; background-color: #959595; font-size: 12px; font-weight: 700; } .my-actions .pay-btn .fa { margin-left: 5px; } @media (min-width: 992px) and (max-width: 1199px) { .my-actions .pay-btn { font-size: 12px; } } @media (min-width: 768px) and (max-width: 991px) { .my-actions .pay-btn { font-size: 12px; } } @media (max-width: 767px) { .my-actions .pay-btn { font-size: 12px; } } .my-actions .open .action-btn { background-color: #4cc6f4; } .my-actions .alert { max-width: 290px; } .expire-text { margin-top: 15px; text-align: center; } .saved-search-list .saved-search-block { position: relative; padding: 30px 30px 30px 65px; background-color: #fff; } @media (max-width: 767px) { .saved-search-list .saved-search-block { padding: 30px 40px 30px 65px; } } .saved-search-list .saved-search-block + .saved-search-block { border-top: 1px solid #e5e5e5; } .saved-search-list .saved-search-block p { margin: 0; line-height: 24px; } .saved-search-list .saved-search-block .remove-search { position: absolute; top: 41px; left: 25px; font-size: 22px; line-height: 20px; background: none; border: none; color: #b2b2b2; } .saved-search-list .saved-search-block .remove-search:hover { color: #4cc6f4; } .saved-search-list .saved-search-block .btn-primary { position: absolute; top: 50%; right: 30px; margin-top: -20px; } @media (max-width: 767px) { .saved-search-list .saved-search-block .btn-primary { position: relative; top: 0; right: auto; margin-top: 20px; } } /*ADD NEW LISTING PAGE STYLE*/ .add-title-tab { background-color: #fff; padding: 14px 30px; border: 1px solid #e5e5e5; height: 57px; position: relative; } .add-title-tab h3 { font-size: 16px; line-height: 29px; margin: 0;font-family: Post Grotesk Book; font-weight: 500; text-transform: inherit; text-align: inherit; } .add-title-tab .add-expand { position: absolute; top: 0; right: 0; bottom: inherit; left: inherit; z-index: 2; width: 57px; height: 57px; cursor: pointer; font-family: "FontAwesome"; line-height: 57px; text-align: center; font-size: 18px; color: #959595; } .add-title-tab .add-expand:before { content: "\f107"; top: 1px; position: relative; } .add-title-tab .add-expand.active:before { content: "\f106"; } .add-tab-content { background-color: #fff; border: 1px solid #e5e5e5; border-top: 0; } .add-tab-content .push-padding-bottom { padding-bottom: 10px !important; } .add-tab-content .add-tab-row { padding: 30px 30px 30px; border-bottom: 1px solid #e5e5e5; } .add-tab-content .add-tab-row:last-child { border: none; } .add-tab-content #map { height: 265px; margin-bottom: 25px; } @media (max-width: 767px) { .add-tab-content #map + button { margin-bottom: 30px; } } .add-tab-content .form-group { margin-bottom: 20px; } .add-tab-content .checkbox { margin-bottom: 20px; margin-top: 0; } .add-tab-content .additional-block { width: 100%; } .add-tab-content .additional-block button { background: none; border: none; font-size: 14px; display: block; opacity: 0.6; filter: alpha(opacity=60); } .add-tab-content .additional-block button:hover { color: #4cc6f4; } .add-tab-content .additional-block button .fa { margin-right: 5px; } .add-tab-content .additional-block span { font-size: 14px; color: #b2b2b2; } .add-tab-content .additional-block .sort-additional-row { cursor: move; display: block; } .add-tab-content .additional-block .remove-additional-row { cursor: pointer; font-size: 17px; } .add-tab-content .additional-block .action-field { text-align: left; width: 4%; padding: 0; } .add-tab-content .additional-block .field-title { width: 35%; } .add-tab-content .additional-block td, .add-tab-content .additional-block .widget_calendar table th, .widget_calendar table .add-tab-content .additional-block th { padding-left: 15px; padding-right: 15px; vertical-align: middle; border: none; } .add-tab-content .additional-block tbody td, .add-tab-content .additional-block tbody .widget_calendar table th, .widget_calendar table .add-tab-content .additional-block tbody th { padding-top: 5px; padding-bottom: 5px; } .add-tab-content .additional-block tfoot td, .add-tab-content .additional-block tfoot .widget_calendar table th, .widget_calendar table .add-tab-content .additional-block tfoot th { padding-top: 10px; } .add-attachment .attach-list { margin-bottom: 25px; } .add-attachment .btn { margin-bottom: 15px; } .add-attachment p { margin-bottom: 15px; } .add-attachment .media { margin-top: 20px; } .add-attachment .media:first-child { margin: 0; } .add-attachment .media-left, .add-attachment .next-prev-block .media-right, .next-prev-block .add-attachment .media-right { padding-right: 20px; } .add-attachment .attach-icon { width: 60px; font-size: 70px; } @media (max-width: 767px) { .add-attachment .attach-icon { width: 40px; height: 46px; } } .add-attachment .media-heading { font-size: 14px; font-weight: 500; margin-bottom: 2px; } .add-attachment .attach-actions { margin: 0; list-style: none; font-size: 0; } .add-attachment .attach-actions li { display: inline-block; font-size: 14px; font-weight: 300; margin-right: 15px; } .add-attachment .attach-actions li:last-child { margin: 0; } .add-attachment .attach-actions li a { color: #000; } .add-attachment .attach-actions li a:hover { color: #00aeef; } .file-upload-block { position: relative; } .file-upload-block .btn { position: absolute; top: 0; right: 0; padding-right: 32px; padding-left: 32px; } .add-sort-table { margin: 0; } .add-sort-table .row-sort { padding-right: 27px; } .add-sort-table .row-remove { padding-left: 27px; } .add-sort-table .row-sort, .add-sort-table .row-remove { padding-top: 20px; vertical-align: top; } .add-sort-table .sort-middle { padding-bottom: 35px; } .add-sort-table .sort { cursor: move; } .add-sort-table .remove { cursor: pointer; } .add-sort-table .sort, .add-sort-table .remove { color: #b2b2b2; } .add-sort-table tfoot .sort-middle { padding: 0; } .sort-inner-block { background-color: #fafafa; border: 1px solid #eeeeee; padding: 35px; border-radius: 4px; } .media-gallery { padding-bottom: 10px; margin-bottom: -10px; } .media-gallery .row { margin-left: -5px; margin-right: -5px; } .media-gallery div[class*="col-"] { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } .gallery-thumb { position: relative; } .gallery-thumb img { position: relative; z-index: 5; } .gallery-thumb .icon { position: absolute; bottom: 0; z-index: 10; background-color: rgba(0, 0, 0, 0.5); text-align: center; width: 28px; height: 28px; line-height: 28px; cursor: pointer; color: #fff; font-size: 12px; } .gallery-thumb .icon-fav { left: 0; } .gallery-thumb .icon-fav:hover { color: #f8b42b; } .gallery-thumb .icon-delete { right: 0; } .gallery-thumb .icon-loader { top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: default; display: none; } .media-drag-drop { background-color: #efefef; border: 2px dashed #dfdfdf; text-align: center; padding: 30px; } .media-drag-drop h4 { color: #8b9293; font-size: 18px; line-height: 18px; margin: 0 0 20px; font-weight: 400; text-transform: inherit; text-align: inherit; } .media-drag-drop .fa { margin-right: 8px; } /*START MY ACCOUNT SIDEBAR STYLE*/ @media (max-width: 767px) { .my-sidebar { margin-bottom: 30px; } } .my-menu { margin-bottom: 30px; } @media (max-width: 767px) { .my-menu { display: none; } } .my-menu li { border: 1px solid #e5e5e5; text-align: left; width: 100%; } .my-menu li + li { border-top: 0; } .my-menu li a { color: #959595; background-color: #fff; display: block; padding: 20px 20px; } .my-menu li a:last-child { border: none; } .my-menu li a:hover, .my-menu li a:active { color: #000; } @media (max-width: 767px) { .my-menu li a { padding: 15px 20px; } } .my-menu .active a { background-color: #00aeef; color: #fff; } .my-menu .active a:hover, .my-menu .active a:active { color: #fff; } .my-menu .fa { margin-right: 10px; } /*START PROFILE AREA STYLE*/ .profile-menu-tabs { margin: 0; display: table; table-layout: fixed; width: 100%; } .profile-menu-tabs li { display: table-cell; text-transform: uppercase; text-align: center; font-weight: 500; border-right: 1px solid #fff; font-size: 14px; } .profile-menu-tabs li:last-child { border: 0; } .profile-menu-tabs li.active a { background-color: #fff; } @media (min-width: 768px) and (max-width: 991px) { .profile-menu-tabs li { font-size: 12px; } } @media (max-width: 767px) { .profile-menu-tabs li { font-size: 12px; } } .profile-menu-tabs a { display: block; background-color: #eaeaea; color: #000; padding: 13px 10px; } .profile-menu-tabs a:hover { background-color: #fff; } @media (min-width: 992px) and (max-width: 1199px) { .profile-menu-tabs { table-layout: auto; } } @media (min-width: 768px) and (max-width: 991px) { .profile-menu-tabs { display: none; } } @media (max-width: 767px) { .profile-menu-tabs { display: none; } } .profile-top { background-color: #fff; padding: 25px 0px 25px 0px; margin-bottom: 8px; } .profile-top .profile-top-left { float: left; width: 25%; padding-right: 10px; padding-top: 5px; } @media (min-width: 768px) and (max-width: 991px) { .profile-top .profile-top-left { width: 100%; padding: 0; text-align: center; margin-bottom: 15px; } } @media (max-width: 767px) { .profile-top .profile-top-left { width: 100%; padding: 0; text-align: center; margin-bottom: 15px; } } .profile-top .profile-top-right { float: right; width: 75%; } @media (min-width: 768px) and (max-width: 991px) { .profile-top .profile-top-right { width: 100%; } } @media (max-width: 767px) { .profile-top .profile-top-right { width: 100%; } } .profile-top .my-property-search { background-color: transparent; padding: 0; margin: 0; } .profile-top .title { margin: 0; font-size: 24px; font-weight: 500; } @media (min-width: 768px) and (max-width: 991px) { .profile-top .title { width: 100%; font-size: 20px; } } @media (max-width: 767px) { .profile-top .title { width: 100%; font-size: 18px; } } @media (min-width: 768px) and (max-width: 991px) { .profile-top { padding: 15px; } } @media (max-width: 767px) { .profile-top { padding: 15px; } } .my-list-sidebar { margin-bottom: 30px; } .my-property-menu { background-color: #fff; border: 1px solid #f1f1f1; margin-top: 8px; } .my-property-menu:first-child { margin: 0; } .my-property-menu ul { list-style: none; margin: 0; } .my-property-menu li { border-top: 1px solid #f1f1f1; } .my-property-menu li:first-child { border: none; } .my-property-menu li.active a { color: #00aeef; } .my-property-menu li:hover a { color: #00aeef; } .my-property-menu a { display: block; padding: 13px 20px; color: #fff; font-weight: 500; } .menu-status li { color: #000; font-weight: 300; padding: 13px 20px; } /*START DETAIL TOP SECTION STYLE*/ .header-detail { padding: 15px 8px 3px 15px; background: #fff; border-radius: 5px !important; margin-top: 10px; box-shadow: 0px 0px 6px 1px #ACACAC; } .proby span { background: #F44B32; padding: 7px 10px !important; position: absolute; left: 15%; top: 11px; font-size: 12px !important; border-radius: 5px !important; } .header-detail .breadcrumb { padding: 0; margin-bottom: 15px; } .header-detail .breadcrumb li { line-height: 28px; } .header-detail ul { padding: 0; margin-bottom: 12px; line-height: 14px; } .header-detail h1 .actions span { font-size: 22px; display: inline-block; vertical-align: middle; cursor: pointer; } .header-detail .property-address { color: #707070; } .header-detail .item-price { display: block; } .header-detail .item-price .price-start { font-size: 14px; color: #767676; vertical-align: top; font-weight: 300; margin-right: 10px; } .header-detail .item-sub-price { color: #222; display: block; } .header-detail .item-sub-price .actions span { cursor: pointer; } .header-detail .label-wrap { top: -3px; position: relative; height: 24px; } .header-detail .label-wrap .label { padding: 6px 10px 6px; } @media (max-width: 767px) { .header-detail .label-wrap .label { padding: 3px 6px; } } @media (max-width: 767px) { .header-detail .label-wrap { top: -1px; height: 17px; } } .header-detail .header-left { float: left; } .header-detail .header-left h1 { text-overflow: ellipsis; width: 100%; white-space: nowrap; overflow: hidden; } @media (min-width: 768px) and (max-width: 991px) { .header-detail .header-left h1 { max-width: 500px; } } @media (max-width: 767px) { .header-detail .header-left h1 { max-width: 200px; } } .header-detail .header-left .property-address { text-overflow: ellipsis; width: 100%; white-space: nowrap; overflow: hidden; } @media (min-width: 768px) and (max-width: 991px) { .header-detail .header-left .property-address { max-width: 500px; } } @media (max-width: 767px) { .header-detail .header-left .property-address { max-width: 200px; } } @media (max-width: 767px) { .header-detail .header-left { width: 55%; } } .header-detail .header-right { float: right; } @media (max-width: 767px) { .header-detail .header-right { width: 35%; } } @media (max-width: 767px) { .header-detail { padding: 18px 0 16px; } .header-detail .breadcrumb { display: none; } .header-detail .actions { display: none; } } /* .form-media { position: absolute; left: 40px; top: 40px; display: inline-block; width: 370px; }*/ .form-media .media-left figure, .form-media .next-prev-block .media-right figure, .next-prev-block .form-media .media-right figure { width: 101px; } .form-media .media-left .item-thumb, .form-media .next-prev-block .media-right .item-thumb, .next-prev-block .form-media .media-right .item-thumb, .form-media .media-left figure, .form-media .next-prev-block .media-right figure, .next-prev-block .form-media .media-right figure, .form-media .media-left .carousel-module .carousel .item figure, .carousel-module .carousel .item .form-media .media-left figure { width: 101px; } .form-media .media-left .media-object, .form-media .next-prev-block .media-right .media-object, .next-prev-block .form-media .media-right .media-object { width: 80px; } .form-media .media-left a, .form-media .next-prev-block .media-right a, .next-prev-block .form-media .media-right a { display: block; width: 80px; } @media (min-width: 992px) and (max-width: 1199px) { .form-media { left: 20px; top: 20px; width: 315px; padding: 20px; } .form-media .form-control, .form-media .post-password-form input[type='password'], .post-password-form .form-media input[type='password'] { height: 34px; } } @media (max-width: 991px) { .form-media { display: none; } } .detail-top-grid #gallery { width: 100%; background-position: center center; background-size: cover, 100%; background-repeat: no-repeat; min-height: 600px; } @media (min-width: 768px) and (max-width: 991px) { .detail-top-grid #gallery { min-height: 480px; } } @media (max-width: 767px) { .detail-top-grid #gallery { min-height: 380px; } } .detail-top.detail-top-full .container { position: relative; } .detail-top.detail-top-full #gallery { width: 100%; background-position: center; background-size: cover,100%; background-repeat: no-repeat; min-height: 600px; } .detail-top.detail-top-full #gallery:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8))); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) 100%); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) 100%); } @media (min-width: 768px) and (max-width: 991px) { .detail-top.detail-top-full #gallery { min-height: 415px; } } @media (max-width: 767px) { .detail-top.detail-top-full #gallery { min-height: 415px; } } .detail-top.detail-top-full .media-tabs-up { width: 100%; position: absolute; left: 0; top: 35px; z-index: 10; } .detail-top.detail-top-full .media-tabs-up .label-wrap { position: absolute; top: 12px; } @media (max-width: 767px) { .detail-top.detail-top-full .media-tabs-up { top: inherit; left: inherit; position: relative; } } .detail-top.detail-top-full .label { padding: 6px 10px 6px; position: relative; font-size: 12px; line-height: 15px; } @media (max-width: 767px) { .detail-top.detail-top-full .label { padding: 4px 8px 4px; font-size: 10px; line-height: 11px; } } .detail-top.detail-top-full .media-tabs { text-align: right; top: 0; right: 0; } .detail-top.detail-top-full .media-detail-down { width: 100%; position: absolute; left: 0; bottom: 50px; z-index: 10; } @media (max-width: 768px) { .detail-top.detail-top-full .media-detail-down { bottom: 15px; } } @media (max-width: 481px) { .detail-top.detail-top-full .media-detail-down { bottom: 15px; } } .detail-top.detail-top-full .header-detail { padding: 0; } .detail-top.detail-top-full .header-detail h1 { color: #fff; } .detail-top.detail-top-full .header-detail .property-address { color: #fff; text-align: left; } .detail-top.detail-top-full .header-detail h4 { color: #fff; } .detail-top.detail-top-full .header-detail .actions { margin-left: 10px; margin-bottom: 5px; } .detail-top.detail-top-full .header-left, .detail-top.detail-top-full .header-right { float: none; text-align: left; } .detail-top.detail-top-full .header-left { padding-right: 15px; width: 100%; } .detail-top.detail-top-full .header-right { padding-top: 23px; } @media (max-width: 767px) { .detail-top.detail-top-full .header-right { padding: 0; } } .detail-top.detail-top-full .breadcrumb li { color: #fff; line-height: 18px; } .detail-top.detail-top-full .breadcrumb li + li:after { color: #fff; } .detail-top.detail-top-full .breadcrumb a { color: #fff; } .detail-top.detail-top-full .breadcrumb a:hover { color: #00aeef; } @media (max-width: 481px) { .detail-top-slideshow .tab-content { margin: 0 -15px; } } .detail-top-slideshow .item { height: 600px; } @media (min-width: 768px) and (max-width: 991px) { .detail-top-slideshow .item { height: 465px; } } @media (max-width: 767px) { .detail-top-slideshow .item { height: 365px; } } .detail-content-slideshow .media-tabs { top: 20px; right: 20px; } @media (max-width: 481px) { .detail-content-slideshow .tab-content { margin: 0 -15px; } } .detail-content-slideshow .item { height: 430px; } @media (min-width: 768px) and (max-width: 991px) { .detail-content-slideshow .item { height: 365px; } } @media (max-width: 767px) { .detail-content-slideshow .item { height: 365px; } } .detail-top { position: relative; margin-bottom: 30px; z-index: 1; } .detail-top .tab-content { position: relative; } .detail-top .tab-pane { width: 100%; } .detail-top .tab-pane .view-popup { position: absolute; right: 0; top: 0; cursor: pointer; } @media (max-width: 767px) { .detail-top { margin-bottom: 20px; } } .detail-media { position: relative; } .detail-media .wpcf7-textarea { height: 100px; } .detail-media #gallery { position: relative;background-repeat: no-repeat;background-position: center;background-size: cover; } .detail-media .label-wrap { position: absolute; left: 20px; top: 20px; z-index: 1; } .media-tabs { position: absolute; top: 10px; right: 10px; z-index: 9; } .media-tabs .actions { display: none; } .media-tabs .actions li > span { width: 48px; height: 48px; line-height: 48px; font-size: 18px; } @media (max-width: 767px) { .media-tabs { position: relative; right: inherit !important; top: inherit !important; padding-top: 20px; } .media-tabs .media-tabs-list { float: left; line-height: 24px; } .media-tabs .actions { float: right; display: block; margin-right: 0; } .media-tabs .actions li { font-size: 16px; margin-right: 10px; } .media-tabs .actions li:last-child { margin: 0; } } .media-tabs-list { list-style: none; margin: 0; font-size: 0; } .media-tabs-list li { display: inline-block; position: relative; margin-left: 6px !important; } .media-tabs-list li > a { width: 28px; height: 28px; text-align: center; display: block; background-color: rgba(0, 0, 0, 0.6); color: #fff; font-size: 14px; line-height: 29px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .media-tabs-list li > a:hover { background-color: rgba(0, 174, 239, 0.6); } .media-tabs-list li:first-child { margin: 0 !important; } .media-tabs-list li.active a { background-color: rgba(0, 174, 239, 0.6); } /*START SMALL FORM STYLE*/ .form-small { background-color: rgba(255, 255, 255, 0.95); padding: 30px; } .form-small .agent-media-head { padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #f1f1f1; } .form-small .head-left { float: left; margin: 0; } .form-small .head-right { float: right; margin: 0; } .form-small .agent-media { margin: 0 0 16px; } .form-small .form-small-title { padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #f1f1f1; } @media (max-width: 767px) { .form-small { padding: 15px; } } .agent-media .media-object { border: 3px solid #fff; } .agent-media .media-left, .agent-media .next-prev-block .media-right, .next-prev-block .agent-media .media-right { padding-right: 14px; } .agent-media .media-left a, .agent-media .next-prev-block .media-right a, .next-prev-block .agent-media .media-right a { display: block; width: 74px; } .agent-media ul { margin: 0; list-style: none; } .agent-media ul a { color: #000; } .agent-media ul a:hover { color: #4cc6f4; } .agent-media dl { margin: 0; } .agent-media dl a { color: #000; } @media (max-width: 767px) { .agent-media dd .fa { margin-right: 0 !important; } } .agent-media span { margin-right: 12px; } .agent-media span:last-child { margin: 0; } @media (max-width: 767px) { .agent-media span { margin-right: 5px; } .agent-media span span { display: none; } } .agent-media .fa { margin: 3px 5px 0 1px; float:left; } .agent-media .profile-social, .agent-media .agency-social { margin-top: 10px; } .agent-media .profile-social li, .agent-media .agency-social li { margin-right: 6px; } .agent-media .profile-social a, .agent-media .agency-social a { font-size: 22px; color: #cfcfcf; } .agent-media .profile-social .fa, .agent-media .agency-social .fa { margin: 0; } /*START DETAIL PAGE STYLE*/ .section-detail-content #sidebar { padding: 0; } .blog-page { padding-top: 40px; } .detail-bar .detail-media { margin-bottom: 30px; } @media (max-width: 991px) { .detail-bar { margin-bottom: 30px; } } .detail-bar .detail-block + .detail-block { margin-top: 40px; } @media (min-width: 768px) and (max-width: 991px) { .detail-bar .detail-block + .detail-block { margin-top: 20px; } } @media (max-width: 767px) { .detail-bar .detail-block + .detail-block { margin-top: 20px; } } .detail-bar .header-detail { padding: 18px 0 0; } .detail-bar .header-detail h1 { margin-bottom: 4px; font-size: 24px; } .detail-bar .header-detail h4 { font-size: 18px; font-weight: 400; margin: 0; } .detail-bar .header-detail p { margin-bottom: 0; font-size: 14px; } @media (max-width: 767px) { .detail-bar .header-detail h1 { font-size: 16px; line-height: 20px; } .detail-bar .header-detail h4 { font-size: 14px; } .detail-bar .header-detail p { font-size: 12px; } } .detail-bar .detail-content-tabber { position: relative; margin-bottom: 40px; } @media (min-width: 768px) and (max-width: 991px) { .detail-bar .detail-content-tabber { margin-bottom: 30px; } } @media (max-width: 767px) { .detail-bar .detail-content-tabber { margin-bottom: 30px; } } .detail-bar .detail-tabs { list-style: none; margin: 0 auto !important; display: table; width: 35%; } .detail-bar .detail-tabs li { display: table-cell; padding: 5px; height: 50px; background-color: #ebebeb; vertical-align: middle; border-right: 1px solid #f5f5f5; cursor: pointer; } .detail-bar .detail-tabs li:last-child { border: none; } .detail-bar .detail-tabs li:hover, .detail-bar .detail-tabs li:focus, .detail-bar .detail-tabs li:active { background-color: #00aeef; color: #fff; } @media (max-width: 767px) { .detail-bar .detail-tabs li { height: 40px; } } @media (max-width: 481px) { .detail-bar .detail-tabs li { display: block; width: 100%; height: 38px; border-right: 0; border-bottom: 1px solid #f5f5f5; } } .detail-bar .detail-tabs li.active { background-color: #fff;border-top: 4px solid #00AEF0 !important;color:#222; } .detail-bar .detail-tabs li.active:hover { color: #000; } .detail-bar .detail-tabs.detail-tabs-vertical { position: absolute; left: -60px; top: 0; display: block; width: 60px; margin: 0 !important; } .detail-bar .detail-tabs.detail-tabs-vertical li { display: block; height: 60px; line-height: 50px; font-size: 22px; border-right: 0; border-bottom: 1px solid #f5f5f5; color: #bcbcbc; } .detail-bar .detail-tabs.detail-tabs-vertical li:hover, .detail-bar .detail-tabs.detail-tabs-vertical li:focus, .detail-bar .detail-tabs.detail-tabs-vertical li:active { color: #fff; } .detail-bar .detail-tabs.detail-tabs-vertical li.active { color: #000; } @media (max-width: 768px) { .detail-bar .detail-tabs.detail-tabs-vertical { width: 100%; position: relative; left: 0; top: 0; font-size: 0; } .detail-bar .detail-tabs.detail-tabs-vertical li { display: inline-block; border-right: 1px solid #f5f5f5; border-bottom: 0; width: 60px; } } @media (max-width: 767px) { .detail-bar .detail-tabs.detail-tabs-vertical li { height: 40px; width: 40px; line-height: 30px; font-size: 18px; } } .detail-bar-full .detail-title { border: none; margin: 0; padding: 0; text-align: center; } .detail-bar-full .detail-title .title-left { width: 100%; font-size: 30px; line-height: 36px; margin: 0 0 66px; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { .detail-bar-full .detail-title .title-left { font-size: 26px; line-height: 32px; margin: 0 0 46px; } } @media (max-width: 767px) { .detail-bar-full .detail-title .title-left { font-size: 22px; line-height: 28px; margin: 0 0 25px; } } .detail-bar-full .detail-block { padding: 76px 0; margin: 0 !important; } @media (min-width: 768px) and (max-width: 991px) { .detail-bar-full .detail-block { padding: 56px 0; } } @media (max-width: 767px) { .detail-bar-full .detail-block { padding: 38px 0; } } .detail-bar-full .property-description { padding-left: 200px; padding-right: 200px; } @media (min-width: 768px) and (max-width: 991px) { .detail-bar-full .property-description { padding-left: 100px; padding-right: 100px; } } @media (max-width: 767px) { .detail-bar-full .property-description { padding-left: 38px; padding-right: 38px; } } .detail-bar-full .detail-sub-title { text-align: center !important; font-size: 11px; text-transform: uppercase; font-weight: 700; max-width: 440px; margin: 50px auto; letter-spacing: 3px; } @media (max-width: 767px) { .detail-bar-full .detail-sub-title { margin: 35px auto; } } .detail-bar-full .update-text { color: #777777; font-weight: 300; font-size: 12px; text-align: center; margin: 0; } .detail-bar-full .detail-features { padding: 0; display: table; width: 100%; } .detail-bar-full .detail-features-left, .detail-bar-full .detail-features-right { padding: 110px; display: table-cell; width: 50%; } .detail-bar-full .detail-features-left .detail-title, .detail-bar-full .detail-features-right .detail-title { text-align: left; } @media (min-width: 768px) and (max-width: 991px) { .detail-bar-full .detail-features-left, .detail-bar-full .detail-features-right { padding: 45px; } } @media (max-width: 767px) { .detail-bar-full .detail-features-left, .detail-bar-full .detail-features-right { padding: 35px; display: block; width: 100%; } } .detail-bar-full .detail-features-left { background-color: #fafafa; } .detail-bar-full .detail-features-left li { font-size: 18px; line-height: 24px; margin-bottom: 15px; font-weight: 300; } @media (min-width: 768px) and (max-width: 991px) { .detail-bar-full .detail-features-left li { font-size: 14px; line-height: 20px; } } @media (max-width: 767px) { .detail-bar-full .detail-features-left li { font-size: 14px; line-height: 20px; } } .detail-bar-full .detail-features-left strong { font-weight: 400; } .detail-bar-full .detail-features-right { background-color: #f5f5f5; } .detail-bar-full .detail-features-right li { font-size: 18px; line-height: 24px; margin-bottom: 15px; font-weight: 400; } @media (min-width: 768px) and (max-width: 991px) { .detail-bar-full .detail-features-right li { font-size: 14px; line-height: 20px; } } @media (max-width: 767px) { .detail-bar-full .detail-features-right li { font-size: 14px; line-height: 20px; } } .detail-bar-full .detail-address { padding-left: 35px; padding-right: 35px; } .detail-bar-full .detail-address ul { text-align: center; } .detail-bar-full .detail-address li { font-size: 18px; line-height: 24px; font-weight: 300; margin-bottom: 15px; } @media (min-width: 768px) and (max-width: 991px) { .detail-bar-full .detail-address li { font-size: 14px; line-height: 20px; } } @media (max-width: 767px) { .detail-bar-full .detail-address li { font-size: 14px; line-height: 20px; } } .detail-bar-full .detail-address-inner { margin: 0 auto; max-width: 900px; } .detail-bar-full .property-video { padding: 0; } .detail-bar-full .detail-gallery { padding: 0; } .detail-bar-full .detail-walkscore { background-color: #f8f8f8; padding: 30px 0; text-align: center; } .detail-bar-full .detail-multi-properties p { font-size: 16px; } .detail-bar-full .multi-properties-inner { max-width: 970px; margin: 0 auto; } .detail-bar-full .table-multi-properties tr > th { font-weight: 500; text-transform: capitalize; font-size: 16px; border-right: 0; border-top: 1px solid #000 !important; border-bottom: 1px solid #000; white-space: nowrap; padding: 26px 15px !important; } .detail-bar-full .table-multi-properties tr > td, .detail-bar-full .table-multi-properties .widget_calendar table tr > th, .widget_calendar table .detail-bar-full .table-multi-properties tr > th { font-size: 16px; padding: 26px 15px; white-space: nowrap; } .detail-bar-full .table-popover td, .detail-bar-full .table-popover .widget_calendar table th, .widget_calendar table .detail-bar-full .table-popover th { font-size: 12px !important; padding: 15px 10px !important; } .detail-bar-full .table-popover .table-popover-title { font-size: 10px !important; } @media (max-width: 767px) { .detail-bar-full { padding-top: 30px; } } .yelp-category .yelp-cat-block { margin-top: 30px; } .yelp-category .yelp-cat-block:first-child { margin: 0; } .yelp-category .cat-title { font-size: 16px; line-height: 23px; margin-bottom: 14px; } .yelp-category .yelp-cat-list { list-style: none; padding-left: 34px; margin: 0; } .yelp-category .yelp-cat-list li { font-size: 14px; line-height: 20px; margin-bottom: 4px; font-weight: 400; } .yelp-category .yelp-cat-list .time-review { font-size: 12px; font-weight: 400; color: #8f8f8f; margin-left: 6px; } .yelp-category .yelp-cat-list .cat-list-left { float: left; } .yelp-category .yelp-cat-list .cat-list-right { float: right; } .yelp-cat-icon { display: inline-block; width: 24px; height: 24px; line-height: 22px; border-radius: 4px; background-color: #8b572a; text-align: center; color: #fff; font-size: 12px; vertical-align: middle; margin-right: 6px; } .yelp-cat-icon .fa { margin: 0 !important; } .property-description ul { margin-top: 30px; margin-bottom: 30px; padding-left: 50px; } .property-description ol { margin-top: 30px; margin-bottom: 30px; padding-left: 50px; } .property-description ol ul, .property-description ol ol, .property-description ul ul, .property-description ul ol { margin-top: 0; margin-bottom: 0; padding-left: 30px; } .property-description dt, .property-description dd { line-height: 24px; } .property-description dd { font-size: 16px; } @media (max-width: 767px) { .property-description ul { padding-left: 25px; margin-top: 15px; margin-bottom: 15px; } .property-description ul ol { padding-left: 15px; } .property-description ul ul { padding-left: 15px; } .property-description ol { padding-left: 25px; margin-top: 15px; margin-bottom: 15px; } .property-description ol ol { padding-left: 15px; } .property-description ol ul { padding-left: 15px; } } .detail-address ul { list-style: none; margin: 0; } .detail-features ul { list-style: none; margin: 0; } .detail-list ul { list-style: none; margin: 0; } .detail-block { background-color: #fff; } .detail-block .alert-info { color: #000; padding: 15px 25px; border-color: #00aeef; background-color: rgba(0, 174, 239, 0.1); } .detail-block .alert-info li { line-height: 35px; font-size: 16px; } @media (max-width: 767px) { .detail-block .alert-info li { line-height: 24px; font-size: 13px; } } .detail-block .list-features a { color: #000; } .detail-block .list-features a:hover { color: #4cc6f4; } @media (max-width: 767px) { .detail-block { padding: 20px; } } .detail-block .fa { margin-right: 5px; } .detail-title-proprty {padding-bottom: 10px !important;margin-bottom: 15px !important;} .detail-title { padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px solid #e5e5e5; } .detail-title .title-left { float: left; } .detail-title .title-right { float: right; font-size: 12px; line-height: 18px; } .detail-title .title-right .fa { margin-left: 5px; } @media (max-width: 767px) { .detail-title { padding-bottom: 25px; margin-bottom: 15px; } } .detail-title-inner { padding-bottom: 10px; margin-top: 40px; } @media (max-width: 767px) { .detail-title-inner { padding-bottom: 15px; margin-bottom: 15px; margin-top: 25px; } } .detail-sub-title { position: relative; z-index: 1; } .detail-sub-title:before { border-top: 1px solid #ccc; content: ""; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; width: 100%; z-index: -1; } .detail-sub-title span { background: #fff; padding: 0 15px; } .document-list { list-style: none; } .document-list li { line-height: 14px !important; font-size: 14px !important; padding: 18px 0; border-bottom: 1px solid #e5e5e5; } .document-list a { font-weight: 500; text-transform: uppercase; font-size: 12px; } .video-block { background-color: #000; position: relative; } .video-block .play-icon { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; z-index: 1; } .video-block img { width: 100%; } .video-block:hover .video-thumb, .video-block:hover .attachment-houzez-property-detail-gallery { opacity: 1; filter: alpha(opacity=100); } .video-block:hover .attachment-houzez-property-detail-gallery { opacity: 1; filter: alpha(opacity=100); } .video-thumb, .attachment-houzez-property-detail-gallery { opacity: 0.8; filter: alpha(opacity=80); } .detail-multi-properties .table-wrapper { overflow-x: auto; } .detail-multi-properties .popover { border-radius: 4px; overflow: hidden; border: none; } .detail-multi-properties .popover .popover-content { padding: 0; } .table-multi-properties { margin: 0; } .table-multi-properties > tbody > tr:nth-of-type(2n+1) { background-color: #f9f9f9 !important; } .table-multi-properties th { font-size: 10px; text-transform: uppercase; border-bottom: none; font-weight: 500; vertical-align: middle !important; padding: 5px 15px !important; } @media (max-width: 767px) { .table-multi-properties th { padding: 5px 8px !important; } } .table-multi-properties td, .table-multi-properties .widget_calendar table th, .widget_calendar table .table-multi-properties th { font-size: 12px; border-top: 0 !important; border-bottom: 1px solid #e5eeed; vertical-align: middle; padding: 15px 15px; } @media (max-width: 767px) { .table-multi-properties td, .table-multi-properties .widget_calendar table th, .widget_calendar table .table-multi-properties th { padding: 10px 8px; } } .table-multi-properties p { font-size: 12px; margin: 0; } .walkscore_details img { vertical-align: middle; display: inline-block; } .walkscore_details span { margin-left: 10px; vertical-align: middle; display: inline-block; padding-top: 4px; } .popover { font-family: Post Grotesk Light; } .table-popover { margin: 0; } .table-popover tr:last-child td, .table-popover tr:last-child .widget_calendar table th, .widget_calendar table .table-popover tr:last-child th { border: none; } .table-popover .table-popover-title { font-weight: 700; font-size: 10px; text-transform: uppercase; padding-left: 23px !important; } .table-popover td, .table-popover .widget_calendar table th, .widget_calendar table .table-popover th { width: 50%; font-size: 12px; padding: 15px 10px !important; border-color: #e5eeed !important; color: #000; } .slideshow img { max-width: 100%; } .slideshow .slide, .slideshow .slideshow-nav { margin: 0; padding: 0; } .slideshow .slide .slick-prev, .slideshow .slideshow-nav .slick-prev, .slideshow .slide .slick-next, .slideshow .slideshow-nav .slick-next { left: 0; width: 40px; height: 40px; border-radius: 0; background-color: rgba(0, 174, 239, 0.75); } .slideshow .slide .slick-prev:before, .slideshow .slideshow-nav .slick-prev:before, .slideshow .slide .slick-next:before, .slideshow .slideshow-nav .slick-next:before { font-size: 28px; } .slideshow .slide .slick-prev:hover, .slideshow .slideshow-nav .slick-prev:hover, .slideshow .slide .slick-next:hover, .slideshow .slideshow-nav .slick-next:hover { background-color: rgba(0, 174, 239, 0.12); } .slideshow .slide .slick-prev:focus, .slideshow .slideshow-nav .slick-prev:focus, .slideshow .slide .slick-next:focus, .slideshow .slideshow-nav .slick-next:focus { background-color: rgba(0, 174, 239, 0.12); } @media (max-width: 767px) { .slideshow .slide .slick-prev, .slideshow .slideshow-nav .slick-prev, .slideshow .slide .slick-next, .slideshow .slideshow-nav .slick-next { width: 30px; height: 30px; } } .slideshow .slide .slick-next, .slideshow .slideshow-nav .slick-next { left: inherit; right: 0; } .slideshow .slideshow-nav-main { padding: 1px 0; background-color: #fff; } .slideshow .slideshow-nav-main .slick-slide { padding-right: 1px; position: relative; cursor: pointer; } .slideshow .slideshow-nav-main .slick-slide img { width: 100%; } .slideshow .slideshow-nav-main .slick-current:before { opacity: 0; filter: alpha(opacity=0); } .detail-property-listing { padding: 0; margin: 40px 0; background-color: transparent; } .detail-property-listing h4 { margin-bottom: 40px; } .next-prev-block { margin-top: 40px; } .next-prev-block .media-left, .next-prev-block .media-right { padding-right: 25px; } .next-prev-block .media-left a, .next-prev-block .media-right a { display: block; width: 99px; } @media (max-width: 767px) { .next-prev-block .media-left, .next-prev-block .media-right { padding-right: 15px; } .next-prev-block .media-left a, .next-prev-block .media-right a { width: 50px; line-height: 14px; } } .next-prev-block .media-right { padding-right: 0; padding-left: 25px; } @media (max-width: 767px) { .next-prev-block .media-right { padding-left: 15px; } } .next-prev-block .prev-box { width: 50%; } .next-prev-block .prev-box h4 { padding-left: 12px; } .next-prev-block .next-box { width: 50%; } .next-prev-block .next-box h4 { padding-right: 12px; } @media (max-width: 767px) { .next-prev-block { margin-top: 30px; } .next-prev-block .media-heading { margin: 0; } .next-prev-block h4 { display: none; } } .detail-content { background-color: #fff; padding: 40px; } @media (max-width: 767px) { .detail-content { padding: 15px; } } .detail-content img { max-width: 100%; } .detail-contact-inner { margin: 0 auto; max-width: 575px; padding: 0 15px; } .detail-page-view { padding-left: 15px; padding-right: 15px; } .detail-amenities-list { margin: 0 !important; padding: 0 !important; list-style: none; font-size: 0; text-align: center; } .detail-amenities-list li { display: inline-block; font-size: 18px !important; line-height: 24px !important; padding-left: 15px; padding-right: 15px; margin-bottom: 50px !important; } @media (min-width: 768px) and (max-width: 991px) { .detail-amenities-list li { font-size: 16px !important; line-height: 22px !important; margin-bottom: 40px !important; } } @media (max-width: 767px) { .detail-amenities-list li { font-size: 14px !important; line-height: 20px !important; margin-bottom: 30px !important; } } .detail-amenities-list .media-left, .detail-amenities-list .next-prev-block .media-right, .next-prev-block .detail-amenities-list .media-right { max-width: 69px; text-align: center; padding-right: 20px; } @media (max-width: 767px) { .detail-amenities-list .media-left, .detail-amenities-list .next-prev-block .media-right, .next-prev-block .detail-amenities-list .media-right { max-width: 50px; padding-right: 15px; } } .detail-amenities-list .media-body { width: 130px; text-align: left; } @media (max-width: 767px) { .detail-amenities-list .media-body { width: 85px; } } .detail-amenities-list .fa { font-size: 50px; } .detail-gallery { padding: 0; } .detail-gallery div[class*="col-"] { padding: 0; } .detail-gallery img { width: 100%; } .inquiry-title { font-size: 30px !important; line-height: 36px !important; margin-bottom: 15px !important; text-align: center !important; } .agent-info-block { margin-bottom: 50px; text-align: center; } .agent-info-block .agent-thumb { display: inline-block; width: 80px; height: 80px; overflow: hidden; border-radius: 50%; margin-bottom: 28px; } .agent-info-block .agent-title { font-size: 18px; line-height: 24px; margin-bottom: 15px; } .agent-info-block .agent-info { list-style: none; margin: 0; font-size: 0; text-align: center; margin-bottom: 14px; } .agent-info-block .agent-info li { font-size: 18px; line-height: 24px; display: inline-block; margin-right: 10px; } .agent-info-block .agent-info li:last-child { margin: 0; } .agent-info-block .agent-info .agent-name { font-weight: 400; } .agent-info-block .agent-info .agent-mobile { font-weight: 300; } .agent-info-block .profile-social, .agent-info-block .agency-social { margin-bottom: 15px; } .agent-info-block .profile-social li, .agent-info-block .agency-social li { margin-right: 8px; } .agent-info-block .profile-social a, .agent-info-block .agency-social a { font-size: 20px; line-height: 20px; } .agent-info-block .profile-social .fa, .agent-info-block .agency-social .fa { margin: 0 !important; } .agent-info-block .view-link { font-weight: 500; line-height: 32px; } /*START PLANS TABBER STYLE*/ .plan-tabber div[class*="col-"] { padding: 60px 36px; } @media (min-width: 768px) and (max-width: 991px) { .plan-tabber div[class*="col-"] { padding: 45px 25px; } } @media (max-width: 767px) { .plan-tabber div[class*="col-"] { padding: 30px 0; } } .plan-tabber .detail-amenities-list { text-align: left; } .plan-tabber .detail-amenities-list li { margin: 0; } .plan-tabs { list-style: none; margin: 0; font-size: 0; text-align: center; border-bottom: 1px solid #777777; } .plan-tabs li { position: relative; bottom: -1px; display: inline-block; font-size: 18px; padding: 26px 34px; border-top: 1px solid #777; border-left: 1px solid #777; cursor: pointer; } .plan-tabs li:last-child { border-right: 1px solid #777; } .plan-tabs li.active { box-shadow: inset 0 4px 0 #00aeef; border-top-color: #00aeef; background-color: #fff; color: #00aeef; } @media (min-width: 768px) and (max-width: 991px) { .plan-tabs li { padding: 18px 28px; font-size: 16px; } } @media (max-width: 767px) { .plan-tabs li { padding: 12px 20px; font-size: 14px; } } @media (max-width: 481px) { .plan-tabs li { padding: 12px 15px; font-size: 12px; } } .floor-content .floor-title { font-size: 30px; line-height: 36px; margin: 0 0 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { .floor-content .floor-title { font-size: 26px; line-height: 32px; } } @media (max-width: 767px) { .floor-content .floor-title { font-size: 20px; line-height: 26px; } } .floor-content .floor-price { font-size: 18px; line-height: 36px; margin: 0 0 0; font-weight: 400; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { .floor-content .floor-price { font-size: 16px; line-height: 32px; } } @media (max-width: 767px) { .floor-content .floor-price { font-size: 14px; line-height: 26px; } } .floor-content p { font-size: 18px; line-height: 32px; margin: 0 0 32px; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { .floor-content p { font-size: 16px; line-height: 28px; } } @media (max-width: 767px) { .floor-content p { font-size: 14px; line-height: 26px; } } .floor-content .detail-amenities-list .media-body { width: 90px; } @media (max-width: 767px) { .floor-content .detail-amenities-list .media-body { width: 75px; } } .floor-content .detail-amenities-list .media-left, .floor-content .detail-amenities-list .next-prev-block .media-right, .next-prev-block .floor-content .detail-amenities-list .media-right { padding-right: 10px; } .floor-image { text-align: center; } .floor-title-block { margin-bottom: 20px; } .floor-title-block .floor-title { float: left; } .floor-title-block .floor-price { float: right; } /*START PRINT PAGE STYLE*/ .print-detail-main { background-color: #fff; } .print-detail { margin: 0 auto; width: 798px; } .print-detail p { font-size: 16px; } .print-detail .print-list-three-col { columns: 3; -webkit-columns: 3; -moz-columns: 3; list-style: none; } .print-detail .print-list-three-col li { font-size: 14px; line-height: 28px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } .print-detail .detail-block { padding: 38px; } .print-detail .detail-title { padding-bottom: 35px; border: none; margin-bottom: 0; } @media (max-width: 767px) { .print-detail .detail-title { padding-bottom: 20px; } } .print-detail .detail-title-inner { padding-bottom: 0; margin-bottom: 30px; margin-top: 0; border: none; } .print-detail .detail-title-inner .title-right { font-size: 18px; } .print-detail .detail-title-inner .title-inner { font-size: 18px; line-height: 20px; } .print-detail .property-link { font-size: 14px; border-top: 1px solid #e5e5e5; padding-top: 15px; margin-top: 30px; margin-bottom: 0; text-align: center; font-weight: 400; } .print-detail .header-detail { padding: 0; margin-bottom: 20px; } .print-detail .agent-media .media-heading { margin-bottom: 6px; text-transform: capitalize; font-size: 14px; } .print-detail .agent-media ul { font-size: 0; } .print-detail .agent-media li { display: inline-block; width: 33%; line-height: 16px; font-size: 14px; } .print-detail .alert { margin-bottom: 30px; padding: 0; } .print-detail .print-floor { margin-bottom: 30px; } .print-detail .accord-outer { margin-bottom: 30px; } .print-detail .accord-tab { background-color: #fff !important; border: 1px solid #d4d4d4; padding: 16px 20px !important; } .print-detail .accord-tab h3 { font-size: 16px; line-height: 22px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .print-detail .accord-tab ul { float: right !important; list-style: none; margin: 0 !important; width: auto !important; } .print-detail .accord-tab li { display: inline-block; margin-right: 30px; font-size: 14px; line-height: 16px; font-weight: 300; text-transform: inherit; text-align: inherit; } .print-detail .accord-tab li:last-child { margin: 0; } .print-detail .accord-content { display: block !important; border: 1px solid #d4d4d4; border-top: 0; text-align: left; } .print-detail .accord-content .floor-image { margin-bottom: 50px; text-align: center; } .print-detail .accord-content p:last-child { margin: 0; } .print-header { margin-bottom: 20px; padding-bottom: 18px; border-bottom: 1px solid #d7d7d7; } .print-header .print-header-left { float: left; width: 100%; text-align: center; } .print-header .print-header-right { float: right; text-align: right; } .print-header .print-header-right p { margin-bottom: 5px; font-size: 14px; line-height: 16px; } .print-header .print-header-right p:last-child { margin: 0; } .print-header-detail { margin-bottom: 20px; } .print-header-detail h1 { margin-bottom: 4px; font-size: 24px; text-overflow: ellipsis; width: 100%; white-space: nowrap; overflow: hidden; line-height: 28px; font-weight: 500; text-transform: inherit; text-align: inherit; } .print-header-detail h4 { font-size: 18px; font-weight: 300; margin: 0; color: #707070; line-height: 20px; text-transform: inherit; text-align: inherit; } .print-header-detail p { font-size: 14px; color: #707070; line-height: 24px; font-weight: 300; text-transform: inherit; text-align: inherit; margin: 0; } .print-header-detail .print-header-detail-left { float: left; } .print-header-detail .print-header-detail-right { float: right; } .print-logo { display: inline-block; } .print-logo span { display: block; } .print-logo .tag-line { display: block; margin-top: 5px; font-weight: 400; color: #000; } .print-banner { margin-bottom: 30px; text-align: center; } .print-banner img { max-width: 100%; } .print-banner .print-main-image { position: relative; } .print-banner .qr-image { position: absolute; right: 0; bottom: 0; } .print-block { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #d7d7d7; } .print-gallery .print-gallery-image { padding-bottom: 30px; } .print-gallery .print-gallery-image:last-child { padding: 0; } .accord-block .accord-tab { background-color: #f2f2f2; border-top: 1px solid #d4d4d4; position: relative; padding: 14px 60px 13px 20px; } @media (max-width: 767px) { .accord-block .accord-tab { padding: 13px; } } .accord-block .accord-tab h3 { float: left; } .accord-block .accord-tab ul { float: right; list-style: none; margin: 0; } @media (max-width: 767px) { .accord-block .accord-tab ul { margin-top: 3px; width: 100%; } } .accord-block .accord-tab li { display: inline-block; margin-right: 30px; } .accord-block .accord-tab li:last-child { margin: 0; } @media (max-width: 767px) { .accord-block .accord-tab li { margin-right: 15px; } } .accord-block .accord-tab .expand-icon { position: absolute; top: 0; right: 0; bottom: inherit; left: inherit; z-index: 2; width: 50px; height: 50px; cursor: pointer; font-family: "FontAwesome"; } .accord-block .accord-tab .expand-icon:before { content: "\f107"; } .accord-block .accord-tab .expand-icon.active:before { content: "\f106"; } .accord-block .accord-content { padding: 20px; text-align: center; display: none; } .pagination-main .pagination { width: 100%; text-align: center; font-size: 0; margin-top: 0; margin-bottom: 0; } .pagination-main .pagination li { margin-right: 1px !important; display: inline-block; } .pagination-main .pagination li:last-child a { border-radius: 0; } .pagination-main .pagination li:first-child a { border-radius: 0; } .pagination-main .pagination li.active a { background-color: #00aeef; color: #fff; } .pagination-main .pagination a { width: 40px; height: 40px; border: none; color: #00aeef; } .pagination-main .pagination a:hover { color: #00aeef; } /*START PROFILE DETAIL PAGE STYLE*/ .profile-detail-block { padding: 40px; background-color: #fff; margin-bottom: 40px; } @media (max-width: 767px) { .profile-detail-block { padding: 20px; } } .profile-detail-block img { width: 100%; } .profile-detail-block .profile-image { position: relative; text-align: center; } @media (max-width: 991px) { .profile-detail-block .profile-image { margin-bottom: 30px; } } .profile-detail-block .profile-image .company-logo { position: absolute; left: 10px; bottom: 10px; width: 120px; z-index: 4; } .profile-detail-block .form-small { padding: 0; } .profile-detail-block .form-small textarea.form-control { resize: none; height: 90px; } .profile-detail-block .form-small .form-group { margin-bottom: 11px; } .profile-description .position, .agency-description .position { color: #9b9b9b; } .profile-description .profile-description-left, .agency-description .profile-description-left { float: left; width: 100%; } @media (min-width: 1200px) { .profile-description .profile-description-left, .agency-description .profile-description-left { width: 75%; } } @media (min-width: 992px) and (max-width: 1199px) { .profile-description .profile-description-left, .agency-description .profile-description-left { width: 65%; } } .profile-description .profile-description-right, .agency-description .profile-description-right { float: right; } .profile-description .profile-description-right .profile-contact, .agency-description .profile-description-right .profile-contact, .profile-description .profile-description-right .agency-contact, .agency-description .profile-description-right .agency-contact { margin-top: 0 !important; } @media (min-width: 1200px) { .profile-description .profile-description-right, .agency-description .profile-description-right { width: 23%; } } @media (min-width: 992px) and (max-width: 1199px) { .profile-description .profile-description-right, .agency-description .profile-description-right { width: 33%; } } @media (min-width: 768px) and (max-width: 991px) { .profile-description .profile-description-right, .agency-description .profile-description-right { width: 100%; } .profile-description .profile-description-right .profile-contact, .agency-description .profile-description-right .profile-contact, .profile-description .profile-description-right .agency-contact, .agency-description .profile-description-right .agency-contact { margin: 20px 0 !important; } } @media (max-width: 767px) { .profile-description .profile-description-right, .agency-description .profile-description-right { width: 100%; } .profile-description .profile-description-right .profile-contact, .agency-description .profile-description-right .profile-contact, .profile-description .profile-description-right .agency-contact, .agency-description .profile-description-right .agency-contact { margin: 20px 0 !important; } } .profile-contact, .agency-contact { list-style: none; margin-bottom: 27px; margin-top: 20px; } .profile-contact .email, .agency-contact .email { margin-top: 27px; } @media (max-width: 767px) { .profile-contact .email, .agency-contact .email { margin-top: 20px; } } .profile-contact li + li, .agency-contact li + li { margin-top: 10px; } .profile-contact span, .agency-contact span { font-weight: 500; text-transform: uppercase; } .profile-social, .agency-social { margin: 0; font-size: 0; } .profile-social li, .agency-social li { display: inline-block; margin-right: 6px !important; } .profile-social li:last-child, .agency-social li:last-child { margin: 0; } .profile-social a, .agency-social a { font-size: 27px; display: inline-block; vertical-align: middle; color: #cfcfcf; } @media (max-width: 767px) { .profile-social a, .agency-social a { font-size: 20px; } } .profile-social a:hover, .agency-social a:hover { color: #4cc6f4; } .profile-rating { list-style: none; margin-top: 12px; } .profile-rating span { font-weight: 500; } .company-detail .position { margin-bottom: 15px; } .company-detail .profile-contact .email, .company-detail .agency-contact .email { margin-top: 20px; } @media (max-width: 767px) { .company-detail .profile-contact .email, .company-detail .agency-contact .email { margin-top: 16px; } } .company-detail .profile-contact li + li, .company-detail .agency-contact li + li { margin-top: 8px; } .company-detail .profile-contact, .company-detail .agency-contact { margin-bottom: 18px; margin-top: 18px; } .profile-tabs { list-style: none; margin: 0; width: 100%; } .profile-tabs li { float: left; padding: 5px; height: 50px; width: 195px; background-color: #ebebeb; vertical-align: middle; border-right: 1px solid #f5f5f5; cursor: pointer; } .profile-tabs li:last-child { border: none; } .profile-tabs li:hover { background-color: #00aeef; color: #fff; } .profile-tabs li:focus { background-color: #00aeef; color: #fff; } .profile-tabs li:active { background-color: #00aeef; color: #fff; } @media (min-width: 768px) and (max-width: 991px) { .profile-tabs li { width: 135px; } } @media (max-width: 767px) { .profile-tabs li { display: block; width: 100%; border-right: 0; border-bottom: 1px solid #f5f5f5; } } .profile-tabs li.active { background-color: #fff; } .profile-tabs li.active:hover { color: #000; } .profile-tab-content { padding: 38px; background-color: #fff; } @media (max-width: 767px) { .profile-tab-content { padding: 24px; } } .profile-properties { background-color: transparent; padding: 0; } .profile-properties .property-listing.grid-view .item-wrap { width: 33.333333%; } .profile-properties .property-listing.grid-view .item-wrap:nth-child(3n+1) { clear: both; } @media (min-width: 768px) and (max-width: 991px) { .profile-properties .property-listing.grid-view .item-wrap { width: 50%; } .profile-properties .property-listing.grid-view .item-wrap:nth-child(2n+1) { clear: both; } } @media (max-width: 767px) { .profile-properties .property-listing.grid-view .item-wrap { width: 100%; } } .profile-agents { padding: 0; background-color: transparent; } .profile-agents figure { margin: 0 !important; } .profile-agents .profile-description-top { float: left; width: 100%; } .profile-agents .profile-description .position, .profile-agents .agency-description .position { margin-bottom: 28px !important; } .profile-agents .profile-description p, .profile-agents .agency-description p { margin-bottom: 10px !important; } .profile-agents .profile-description .btn, .profile-agents .agency-description .btn { margin-top: 23px; } @media (min-width: 768px) and (max-width: 991px) { .profile-agents .profile-social, .profile-agents .agency-social { margin-bottom: 15px !important; } } @media (max-width: 767px) { .profile-agents .profile-social, .profile-agents .agency-social { margin-bottom: 15px !important; } } .profile-map { padding: 0; } .profile-map #map { width: 100%; height: 400px; } .reviews-list { padding-bottom: 50px; border-bottom: 1px solid #ebebeb; margin-bottom: 30px; } .reviews-list .media { margin-top: 30px; } .reviews-list .media:first-child { margin: 0; } @media (max-width: 767px) { .reviews-list .media { margin-top: 20px; } } .reviews-list .media-heading { float: left; } .reviews-list .media-heading a { color: #000; } .reviews-list .rating { float: left; margin: 0 !important; line-height: 18px; } .reviews-list .review-top { margin-bottom: 5px; } .reviews-list .review-date { color: #959595; } @media (max-width: 767px) { .reviews-list { padding-bottom: 25px; margin-bottom: 25px; } .reviews-list .media-left a, .reviews-list .next-prev-block .media-right a, .next-prev-block .reviews-list .media-right a { width: 38px !important; } } .add-rating { margin-bottom: 20px; } .add-rating .rating { line-height: 20px; display: inline-block; } @media (max-width: 767px) { .add-rating .rating { line-height: 18px; } } @media (max-width: 767px) { .company-detail .form-small { margin-top: 30px; } } @media (max-width: 991px) { .agent-detail .form-small { margin-top: 30px; } } .property-filter-wrap { background-color: #fff; padding: 10px 10px 10px 23px; margin-bottom: 10px; } .property-filter-wrap .bootstrap-select { width: 145px ; } @media (max-width: 767px) { .property-filter-wrap .bootstrap-select { width: 100% !important; } } .property-filter-wrap label { color: #999; } .filter-title { float: left; margin: 0; line-height: 42px; font-size: 16px; } @media (min-width: 768px) and (max-width: 991px) { .filter-title { line-height: 50px; } } @media (max-width: 767px) { .filter-title { line-height: 50px; } } .filter-inputs { float: right; } .filter-inputs > ul { display: table; list-style: none; margin: 0; } .filter-inputs > ul > li { display: table-cell; padding-right: 10px; } .filter-inputs > ul > li:last-child { padding: 0; } @media (max-width: 481px) { .filter-inputs { width: 100%; } } /*START AGENT LIST PAGE STYLE*/ .agent-listing .profile-detail-block { padding: 30px; margin: 0; } .agent-listing .profile-detail-block + .profile-detail-block { margin-top: 20px; } @media (max-width: 767px) { .agent-listing .profile-detail-block { padding: 20px; } } .agent-listing .media-left, .agent-listing .next-prev-block .media-right, .next-prev-block .agent-listing .media-right { padding-right: 30px; } .agent-listing .media-left figure, .agent-listing .next-prev-block .media-right figure, .next-prev-block .agent-listing .media-right figure { margin-bottom: 20px; display: block; width: 239px; } @media (max-width: 767px) { .agent-listing .media-left figure, .agent-listing .next-prev-block .media-right figure, .next-prev-block .agent-listing .media-right figure { width: 150px; } } @media (max-width: 481px) { .agent-listing .media-left figure, .agent-listing .next-prev-block .media-right figure, .next-prev-block .agent-listing .media-right figure { width: 65px; } } .agent-listing .profile-description .position, .agent-listing .agency-description .position { margin-bottom: 20px; } .agent-listing .profile-description p, .agent-listing .agency-description p { margin-bottom: 30px; } .agent-listing .profile-description .profile-contact, .agent-listing .agency-description .profile-contact, .agent-listing .profile-description .agency-contact, .agent-listing .agency-description .agency-contact { margin: 20px 0; } .agent-listing .profile-description .profile-contact .email, .agent-listing .agency-description .profile-contact .email, .agent-listing .profile-description .agency-contact .email, .agent-listing .agency-description .agency-contact .email { margin-top: 23px; } @media (max-width: 767px) { .agent-listing .profile-description .position, .agent-listing .agency-description .position { margin-bottom: 10px; } .agent-listing .profile-description p, .agent-listing .agency-description p { margin-bottom: 20px; } .agent-listing .profile-description .agent-contact, .agent-listing .agency-description .agent-contact { margin: 10px 0; } } @media (max-width: 767px) { .agent-listing .profile-social, .agent-listing .agency-social { margin-bottom: 15px; } } @media (max-width: 767px) { .agent-listing .media-left, .agent-listing .next-prev-block .media-right, .next-prev-block .agent-listing .media-right { padding-right: 15px; } } /*START AGENCY BLOCK STYLE*/ .agency-block { padding: 30px; margin: 0; background-color: #fff; margin-top: 30px; } .agency-block:first-child { margin-top: 0; } .agency-block figure { width: 240px; } @media (min-width: 992px) and (max-width: 1199px) { .agency-block figure { width: 160px; } } @media (max-width: 767px) { .agency-block figure { width: 100%; } } .agency-block .media-left, .agency-block .next-prev-block .media-right, .next-prev-block .agency-block .media-right { padding-right: 30px; } @media (max-width: 767px) { .agency-block .media-left, .agency-block .next-prev-block .media-right, .next-prev-block .agency-block .media-right { display: block; padding-right: 0; padding-bottom: 15px; } } @media (max-width: 767px) { .agency-block .media-body { overflow: visible; } } .agency-block .agency-body-left { display: table-cell; padding-right: 30px; vertical-align: top; } @media (max-width: 767px) { .agency-block .agency-body-left { display: block; padding-right: 0; } } .agency-block .agency-body-right { display: table-cell; width: 210px; vertical-align: top; } @media (max-width: 767px) { .agency-block .agency-body-right { display: block; width: 100%; } } .agency-block .social-top { display: block; } @media (max-width: 767px) { .agency-block .social-top { display: none; } } .agency-block .social-bottom { display: none; } @media (max-width: 767px) { .agency-block .social-bottom { display: block; } } @media (max-width: 767px) { .agency-block { padding: 20px; } } .agency-description p { margin: 0; } .agency-contact { margin-bottom: 0; margin-top: 35px; } @media (max-width: 767px) { .agency-contact { margin-bottom: 15px; margin-top: 15px; } } .agency-social { margin-left: 1px; } .agency-social a { font-size: 20px; line-height: 20px; } .agency-block.item-grid figure { width: 100%; } .agency-block.item-grid .position { margin-bottom: 12px; } .agency-block.item-grid .media-left, .agency-block.item-grid .next-prev-block .media-right, .next-prev-block .agency-block.item-grid .media-right { display: block; padding-right: 0; padding-bottom: 15px; } .agency-block.item-grid .media-body { overflow: visible; display: block; width: 100%; } .agency-block.item-grid .agency-body-left { display: block; padding-right: 0; } .agency-block.item-grid .agency-body-right { display: block; width: 100%; } .agency-block.item-grid .agency-contact { margin-top: 15px; margin-bottom: 15px; } .agency-block.item-grid .social-top { display: none; } .agency-block.item-grid .social-bottom { display: block; } .agency-block.item-grid .view-link { padding: 0; margin-top: 10px; } /*START AGENCY module STYLE*/ .agency-module .row { margin-left: 0; margin-right: 0; } .agency-module div[class*="col-"] { padding-right: 0; padding-left: 0; } .agency-module .agency-block { box-shadow: 0 0 1px #b7b7b7; } .agency-module-carousel .agency-block { box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); } .agency-module-carousel .item { padding: 3px 0 !important; } /*START TEAM BLOCK STYLE*/ .team-module { margin-bottom: -30px; } .team-block { position: relative; overflow: hidden; margin-bottom: 30px; } .team-block:hover .team-caption-before { -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .team-block:hover .team-caption-after { -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .team-block:focus .team-caption-before { -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .team-block:focus .team-caption-after { -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .team-block > img { width: 100%; } .team-caption { position: absolute; left: 0; right: 0; top: 0; height: 100%; width: 100%; } .team-caption-before { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(0, 0, 0, 0)), color-stop(55%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.8))); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 55%, rgba(0, 0, 0, 0.8) 100%); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 55%, rgba(0, 0, 0, 0.8) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 55%, rgba(0, 0, 0, 0.8) 100%); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .team-caption-before .team-caption-inner { bottom: 0; } .team-caption-after { background-color: rgba(255, 255, 255, 0.9); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .team-caption-after .team-caption-inner { top: 50%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .team-caption-after .team-name { color: #000; } .team-caption-after .team-name a { color: #000; } .team-caption-after .team-name a:hover { color: #00aeef; } .team-caption-after .team-designation { color: #000; } .team-caption-after .team-designation a { color: #000; } .team-caption-after .team-designation a:hover { color: #00aeef; } .team-caption-after .team-social li a { color: #7f7f7f; } .team-caption-inner { position: absolute; left: 0; right: 0; padding: 15px 20px; text-align: center; } .team-name { color: #fff; font-size: 16px; line-height: 20px; margin: 0 0 8px; font-weight: 700; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .team-name { font-size: 14px; line-height: 18px; } } .team-name a { color: #fff; } .team-designation { color: #fff; font-size: 14px; line-height: 18px; margin: 0 0 12px; font-weight: 400; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .team-designation { font-size: 12px; line-height: 16px; } } .team-designation a { color: #fff; } .team-description { color: rgba(0, 0, 0, 0.7); font-size: 14px; line-height: 23px; margin: 15px 0 20px; font-weight: 300; text-transform: inherit; text-align: inherit; } .team-social { margin: 0; font-size: 0; list-style: none; } .team-social li { display: inline-block; margin-right: 6px; } .team-social li:last-child { margin: 0; } .team-social a { font-size: 16px; line-height: 16px; display: inline-block; vertical-align: middle; color: #fff; } @media (max-width: 767px) { .team-social a { font-size: 20px; } } .team-social a:hover { color: #4cc6f4; } /*START 404 PAGE STYLE*/ .error-404-page { padding-top: 40px; } .error-404-page h1 { font-size: 40px; line-height: 40px; } .error-404-page p { font-size: 24px; line-height: 32px; } @media (max-width: 481px) { .error-404-page h1 { font-size: 20px; line-height: 30px; } .error-404-page p { font-size: 16px; line-height: 24px; } } /*START BLOG PAGES STYLE*/ @media (min-width: 768px) and (max-width: 991px) { .article-main { margin-bottom: 30px; } } @media (max-width: 767px) { .article-main { margin-bottom: 30px; } } .blog-article + .blog-article { margin-top: 30px; } .blog-article .article-detail, .blog-article .comments-block { padding: 19px 10px 0; } @media (max-width: 767px) { .blog-article .article-detail, .blog-article .comments-block { padding: 20px 28px; } } .blog-article .page-title { background-color: #fff; padding: 40px 48px; } @media (max-width: 767px) { .blog-article .page-title { padding: 20px 28px; } } @media (min-width: 768px) and (max-width: 991px) { .page-main { margin-bottom: 30px; } } @media (max-width: 767px) { .page-main { margin-bottom: 30px; } } /*START SIMPLE PAGE STYLE*/ .article-media { text-align: center; padding: 15px 7px; margin-top: 6px; } .article-detail, .comments-block { background-color: #fff; padding: 40px; } .article-detail .article-title a, .comments-block .article-title a { color: #000; } .article-detail .article-title a:hover, .comments-block .article-title a:hover { color: #4cc6f4; } .article-detail ul, .comments-block ul { margin-top: 30px; margin-bottom: 30px; padding-left: 50px; } .article-detail ol, .comments-block ol { margin-top: 30px; margin-bottom: 30px; padding-left: 50px; } .article-detail ol ul, .comments-block ol ul, .article-detail ol ol, .comments-block ol ol, .article-detail ul ul, .comments-block ul ul, .article-detail ul ol, .comments-block ul ol { margin-top: 0; margin-bottom: 0; padding-left: 30px; } @media (max-width: 767px) { .article-detail, .comments-block { padding: 20px; } .article-detail ul, .comments-block ul { padding-left: 25px; margin-top: 15px; margin-bottom: 15px; } .article-detail ul ol, .comments-block ul ol { padding-left: 15px; } .article-detail ul ul, .comments-block ul ul { padding-left: 15px; } .article-detail ol, .comments-block ol { padding-left: 25px; margin-top: 15px; margin-bottom: 15px; } .article-detail ol ol, .comments-block ol ol { padding-left: 15px; } .article-detail ol ul, .comments-block ol ul { padding-left: 15px; } } .article-detail .gallery, .comments-block .gallery { margin-bottom: 20px; } .article-detail .pagination, .comments-block .pagination { padding: 0 !important; } .article-detail .pagination > li > a, .comments-block .pagination > li > a { background-color: #f9f9f9; } .article-detail .pagination > li > a:hover, .comments-block .pagination > li > a:hover { background-color: #eee; } .article-footer { background-color: #fff; padding: 0 36px 10px; } .article-footer .author-meta { float: left; } .article-footer .article-footer-right { float: right; line-height: 36px; } .article-footer .meta-title { font-size: 16px; line-height: 16px; margin: 0 0 13px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-footer .meta-tags { margin: 0; list-style: none; font-size: 0; } .article-footer .meta-tags li { display: inline-block; } .article-footer .meta-tags a { font-size: 14px; line-height: 1; margin: 0 3px 3px 0; font-weight: 400; text-transform: inherit; text-align: inherit; display: block; padding: 4px 10px 5px 10px; background-color: #4cc6f4; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .article-footer .meta-tags a:hover { background-color: #0eaae5; } @media (max-width: 767px) { .article-footer { padding: 20px; } .article-footer .meta-title { font-size: 14px; line-height: 14px; margin: 0 0 13px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-footer .meta-tags a { font-size: 12px; } .article-footer .author-meta { width: 100%; text-align: center; margin-bottom: 10px; } .article-footer .article-footer-right { width: 100%; text-align: center; } } .author-meta { margin: 0; list-style: none; } .author-meta li { display: inline-block; color: #959595; margin-right: 13px; font-size: 14px; line-height: 14px; margin: 0 13px 0 0; font-weight: 400; text-transform: inherit; text-align: inherit; } .author-meta li:last-child { margin: 0; } .author-meta li i { margin-right: 4px; } @media (max-width: 767px) { .author-meta li { font-size: 12px; } } .author-meta .meta-image { margin-right: 10px; border-radius: 50%; } @media (max-width: 481px) { .author-meta .meta-image { display: none !important; } } .page-pagination a { display: inline-block; width: 40px; height: 40px; font-size: 15px; line-height: 28px; margin: 0; text-transform: inherit; text-align: center; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 33%; max-width: -webkit-calc(33.33% - 4px); max-width: calc(33.33% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .blog-section { border-bottom: 1px solid #e1e1e1; padding: 38px 0; } .blog-section .blog-section-title, .blog-section .comment-reply-title { font-size: 20px; line-height: 20px; margin: 0 0 38px; font-weight: 500; text-transform: inherit; text-align: inherit; } .blog-section:last-child { border: none; padding-bottom: 0; } @media (max-width: 767px) { .blog-section { padding: 25px 0; } .blog-section .blog-section-title, .blog-section .comment-reply-title { font-size: 14px; line-height: 16px; margin: 0 0 25px; font-weight: 500; text-transform: inherit; text-align: inherit; } } .next-prev-blog { margin: 0; } .next-prev-blog .media-left a, .next-prev-blog .next-prev-block .media-right a, .next-prev-block .next-prev-blog .media-right a, .next-prev-blog .media-right a { width: 46px; line-height: 25px; margin-top: 7px; color: #000; } .next-prev-blog .media-left a:hover, .next-prev-blog .next-prev-block .media-right a:hover, .next-prev-block .next-prev-blog .media-right a:hover, .next-prev-blog .media-right a:hover { color: #4cc6f4; } .next-prev-blog .media-left a .fa, .next-prev-blog .next-prev-block .media-right a .fa, .next-prev-block .next-prev-blog .media-right a .fa, .next-prev-blog .media-right a .fa { font-size: 25px; } @media (max-width: 767px) { .next-prev-blog .media-left a, .next-prev-blog .next-prev-block .media-right a, .next-prev-block .next-prev-blog .media-right a, .next-prev-blog .media-right a { width: 23px; margin: 0; line-height: 14px; } .next-prev-blog .media-left a .fa, .next-prev-blog .next-prev-block .media-right a .fa, .next-prev-block .next-prev-blog .media-right a .fa, .next-prev-blog .media-right a .fa { font-size: 20px; } } .next-prev-blog .media-left a, .next-prev-blog .next-prev-block .media-right a, .next-prev-block .next-prev-blog .media-right a { text-align: right; } .next-prev-blog .media-right a { text-align: left; } .next-prev-blog h3 { font-size: 14px; line-height: 14px; margin: 0 0 10px; font-weight: 400; text-transform: capitalize !important; text-align: inherit; } .next-prev-blog h3 a { color: #000; } .next-prev-blog h4 { padding: 0 !important; font-size: 14px; line-height: 14px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } .author-detail-block, .comments-block { padding-left: 20px; padding-right: 20px; } .author-detail-block .media-left, .comments-block .media-left, .author-detail-block .next-prev-block .media-right, .next-prev-block .author-detail-block .media-right, .comments-block .next-prev-block .media-right, .next-prev-block .comments-block .media-right { padding-right: 26px; } .author-detail-block .media-left figure, .comments-block .media-left figure, .author-detail-block .next-prev-block .media-right figure, .next-prev-block .author-detail-block .media-right figure, .comments-block .next-prev-block .media-right figure, .next-prev-block .comments-block .media-right figure { width: 60px; } @media (max-width: 767px) { .author-detail-block .media-left, .comments-block .media-left, .author-detail-block .next-prev-block .media-right, .next-prev-block .author-detail-block .media-right, .comments-block .next-prev-block .media-right, .next-prev-block .comments-block .media-right { padding-right: 15px; } .author-detail-block .media-left figure, .comments-block .media-left figure, .author-detail-block .next-prev-block .media-right figure, .next-prev-block .author-detail-block .media-right figure, .comments-block .next-prev-block .media-right figure, .next-prev-block .comments-block .media-right figure { width: 45px; } } .author-detail-block .media-body .heading, .comments-block .media-body .heading { font-size: 16px; line-height: 16px; margin: 0 0 13px; font-weight: 500; text-transform: inherit; text-align: inherit; } .author-detail-block .media-body p, .comments-block .media-body p { font-size: 16px; line-height: 23px; margin: 0 0 22px; font-weight: 300; text-transform: inherit; text-align: inherit; } .author-detail-block .profile-social a, .comments-block .profile-social a, .author-detail-block .agency-social a, .comments-block .agency-social a { font-size: 14px; line-height: 14px; } @media (max-width: 767px) { .author-detail-block, .comments-block { padding-left: 0; padding-right: 0; } .author-detail-block .media-body .heading, .comments-block .media-body .heading { font-size: 14px; line-height: 14px; margin: 0 0 10px; } .author-detail-block .media-body p, .comments-block .media-body p { font-size: 14px; line-height: 20px; margin: 0 0 15px; } } /*START ABOUT PAGE TEAM STYLE*/ .about-team-main { margin-bottom: 30px; } .about-team-block figure img { margin-bottom: 10px; } .about-team-block div { text-align: center; } /*START COMPARE PANEL STYLE*/ .compare-panel { width: 240px; height: 100%; position: fixed; right: 0; top: 0; background-color: #fff; z-index: 1000; -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } .compare-panel.panel-open { -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .panel-btn { padding: 0; position: absolute; border-radius: 0; font-size: 21px; height: 63px; left: -35px; top: 230px; width: 35px; } .compare-panel-header { padding: 20px 15px; border-bottom: 1px solid #f1f1f1; } .compare-panel-header .title { margin: 0; font-size: 16px; line-height: 22px; color: #777; } .compare-panel-body { padding: 30px; } .compare-thumb-main { margin-left: -5px; margin-right: -5px; margin-bottom: 20px; } .compare-thumb-main .compare-thumb { position: relative; padding-left: 5px; padding-right: 5px; height: 56px; width: 95px; float: left; margin-bottom: 10px; } .compare-thumb-main .thumb-inner-empty { height: 56px; width: 100%; float: left; margin-bottom: 10px; border: 2px dashed #ccc; } .compare-thumb-main .btn-trash { position: absolute; bottom: 7px; right: 12px; color: #fff; background: none; border: none; line-height: 14px; } /*START COMPARE PAGE STYLE*/ @media (max-width: 767px) { .compare-table-wrap { overflow-x: auto; } .compare-table-wrap .compare-table { width: 700px; } } .compare-table .table-title { text-align: right; font-weight: 500; width: 200px; } @media (min-width: 768px) and (max-width: 991px) { .compare-table .table-title { width: 100px; } } @media (max-width: 767px) { .compare-table .table-title { width: 100px; } } .compare-table > thead > tr > th { padding-top: 0; background-color: transparent; color: #000; border: none; } .compare-table td, .compare-table .widget_calendar table th, .widget_calendar table .compare-table th { font-size: 14px; } .compare-table .tr-head { background-color: #064372 !important; color: #fff; } .compare-table .mark-yes { color: #39b54a; } .compare-table .mark-no { color: #f26c4f; } @media (min-width: 768px) and (max-width: 991px) { .compare-table { font-size: 12px; } } @media (max-width: 767px) { .compare-table { font-size: 12px; } } .compare-thumb { margin-bottom: 15px; } @media (max-width: 767px) { .compare-thumb { margin-bottom: 10px; } } .compare-caption .compare-title { font-size: 16px; line-height: 20px; margin: 0 0 12px; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { .compare-caption .compare-title { font-size: 14px; line-height: 18px; } } @media (max-width: 767px) { .compare-caption .compare-title { font-size: 14px; line-height: 18px; } } .compare-caption .compare-price { color: #00aeef; font-size: 14px; line-height: 18px; margin: 0 0 12px; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { .compare-caption .compare-price { font-size: 12px; line-height: 16px; margin: 0 0 8px; } } @media (max-width: 767px) { .compare-caption .compare-price { font-size: 12px; line-height: 16px; margin: 0 0 8px; } } .compare-caption .compare-type { font-size: 14px; line-height: 18px; margin: 0 0 12px; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { .compare-caption .compare-type { font-size: 12px; line-height: 16px; margin: 0 0 8px; } } @media (max-width: 767px) { .compare-caption .compare-type { font-size: 12px; line-height: 16px; margin: 0 0 8px; } } .comments-block { padding: 0; margin: 0; background-color: transparent; } .comments-block .media-body .heading { margin-bottom: 5px; } .comments-block .media-body .subheading { color: #9b9b9b; font-size: 14px; line-height: 14px; margin: 0 0 13px; font-weight: 400; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .comments-block .media-body .subheading { font-size: 12px; line-height: 12px; } } .comments-block .media-body p { margin: 0 0 27px; } @media (max-width: 767px) { .comments-block .media-body p { margin: 0 0 12px; } } .comments-block .media-body .reply { font-size: 16px; line-height: 16px; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } .comments-block .media-body .reply .fa { margin-left: 4px; position: relative; top: 2px; } @media (max-width: 767px) { .comments-block .media-body .reply { font-size: 14px; line-height: 14px; } } .comments-block .media .media { margin-top: 30px; } @media (max-width: 767px) { .comments-block .media .media { margin-top: 15px; } } .comments-block .children { padding-left: 87px; margin-top: 30px; } @media (max-width: 767px) { .comments-block .children { padding-left: 30px; margin-top: 15px; } } .comment-navigation { padding-top: 38px; } .comment-navigation .nav-previous { float: left; } .comment-navigation .nav-next { float: right; } @media (max-width: 767px) { .comment-navigation { padding-top: 25px; } } .bypostauthor { position: relative; overflow: visible; list-style: none; background-color: #fff; padding: 40px; } .bypostauthor .comment-banner { position: absolute; top: -5px; right: 20px; width: 30px; height: 41px; background-image: url("../images/comment-banner.png"); background-position: center; background-repeat: no-repeat; } .bypostauthor .comment-respond { margin-top: 30px; } #transportation, #supermarkets, #schools, #libraries, #pharmacies, #hospitals { background-color: #fff; cursor: pointer; text-align: center; float: left; clear: left; position: relative; white-space: nowrap; height: 40px; margin-bottom: 1px; } @media (max-width: 767px) { #transportation, #supermarkets, #schools, #libraries, #pharmacies, #hospitals { height: 30px; } } #transportation .icon, #supermarkets .icon, #schools .icon, #libraries .icon, #pharmacies .icon, #hospitals .icon { width: 40px; height: 40px; padding: 4px; position: relative; } @media (max-width: 767px) { #transportation .icon, #supermarkets .icon, #schools .icon, #libraries .icon, #pharmacies .icon, #hospitals .icon { width: 30px; height: 30px; } } #transportation img, #supermarkets img, #schools img, #libraries img, #pharmacies img, #hospitals img { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } @media (max-width: 767px) { #transportation img, #supermarkets img, #schools img, #libraries img, #pharmacies img, #hospitals img { width: 15px; } } #transportation span, #supermarkets span, #schools span, #libraries span, #pharmacies span, #hospitals span { height: 40px; line-height: 40px; position: absolute; top: 0; right: 0; -moz-transform: translate3d(48%, 0, 0); -o-transform: translate3d(48%, 0, 0); -ms-transform: translate3d(48%, 0, 0); -webkit-transform: translate3d(48%, 0, 0); transform: translate3d(48%, 0, 0); padding-right: 12px; padding-left: 16px; background-color: #fff; opacity: 0; filter: alpha(opacity=0); z-index: -1; visibility: hidden; } @media (max-width: 767px) { #transportation span, #supermarkets span, #schools span, #libraries span, #pharmacies span, #hospitals span { height: 30px; line-height: 30px; } } #transportation:hover span, #supermarkets:hover span, #schools:hover span, #libraries:hover span, #pharmacies:hover span, #hospitals:hover span { z-index: 1; -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 1; filter: alpha(opacity=100); visibility: visible; } #transportation.active span, #supermarkets.active span, #schools.active span, #libraries.active span, #pharmacies.active span, #hospitals.active span { z-index: 1; -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 1; filter: alpha(opacity=100); visibility: visible; } /*START CONTACT PAGE STYLE*/ .contact-area ul { list-style: inside; } @media (max-width: 767px) { .contact-area .contact-block-inner { margin-top: 30px; } .contact-area .contact-block-inner:first-child { margin: 0; } } .contact-info-block { margin-bottom: 30px; } @media (max-width: 767px) { .contact-info-block { margin-bottom: 22px; } } .contact-info-block:last-child { margin: 0; } .contact-info-block.alert { font-size: 14px; } .contact-info-title { margin-bottom: 15px; font-weight: 500; } @media (max-width: 767px) { .contact-info-title { font-size: 16px; } } /*START FAQS PAGE STYLE*/ .toggle-content-main { margin-bottom: 22px; } .toggle-title { padding-left: 25px; position: relative; cursor: pointer; } .toggle-title:before { content: '\f067'; display: inline-block; font-family: "FontAwesome"; font-size: 12px; position: absolute; left: 0; top: 0; line-height: 27px; } .toggle-title h4 { font-size: 16px; margin: 0; } .toggle-title.active:before { content: '\f068'; } .toggle-content { display: none; padding-left: 25px; margin-bottom: 21.74px; margin-top: 1em; } .toggle-content p:last-child { margin: 0; } /*START DOCUMENTATION PAGE STYLE*/ .document-page-top { text-align: center; padding: 110px 0; background-color: #d8d8d8; } .document-page-top form { width: 680px; margin: 0 auto; } .document-page-top form .form-group { margin-right: -5px; margin-left: -5px; } .document-page-top .form-control, .document-page-top .post-password-form input[type='password'], .post-password-form .document-page-top input[type='password'] { height: 40px; text-align: left; } .document-page-top div[class*='col-'] { padding-left: 5px; padding-right: 5px; } .document-title { font-size: 30px; line-height: 36px; margin: 0 0 20px 0; font-weight: 400; text-transform: inherit; text-align: inherit; } .document-menu { border-top: 1px solid #979797; border-bottom: 1px solid #979797; background-color: #d8d8d8; } .document-nav { margin: 0; padding: 0; font-size: 0; list-style: none; } .document-nav li { display: inline-block; font-size: 14px; margin-right: 46px; } .document-nav li:last-child { margin: 0; } .document-nav a { display: block; line-height: 48px; color: #7e7e7e; } .document-body { padding: 55px 0; background-color: #fff; } .document-sidebar { background-color: #d8d8d8; border: 1px solid #979797; width: 100%; min-height: 500px; } .document-topic-list { margin: 0; list-style: none; } .document-topic-list li { padding-bottom: 14px; padding-top: 34px; border-bottom: 1px solid #979797; } .document-topic-list li:first-child { padding-top: 0; } .document-topic-list .topic-title { float: left; } .document-topic-list .topic-read-more { float: right; } .topic-title { color: #777777; font-size: 26px; line-height: 28px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .topic-read-more { background-color: #cccccc; border-radius: 4px; color: #fff; font-size: 12px; line-height: 12px; padding: 6px 20px; } /*START MEMBERSHIP PAGE STYLE*/ .membership-page-top { padding-top: 0px; } @media (min-width: 768px) and (max-width: 991px) { .membership-page-top { padding-top: 0px; } } @media (max-width: 767px) { .membership-page-top { padding-top: 38px; } } .membership-page-title { margin-bottom: 0px; } .membership-page-title .page-title { padding: 0;font-family: Post Grotesk Medium; font-size: 36px; line-height: 42px; margin: 0 0 2px; font-weight: 500; text-transform: inherit; text-align: center; } @media (min-width: 768px) and (max-width: 991px) { .membership-page-title .page-title { font-size: 30px; line-height: 26px; } } @media (max-width: 767px) { .membership-page-title .page-title { font-size: 24px; line-height: 30px; } } .membership-page-title .page-subtitle { font-size: 16px; line-height: 22px; margin: 0; font-weight: 300; text-transform: inherit;font-family: Post Grotesk Book; text-align: center; } @media (max-width: 767px) { .membership-page-title .page-subtitle { font-size: 14px; line-height: 18px; } } @media (min-width: 768px) and (max-width: 991px) { .membership-page-title { margin-top: 40px; } } @media (max-width: 767px) { .membership-page-title { margin-top: 0px; } } .pay-step-bar { width: 100%; display: table; table-layout: fixed; margin: 0; } .pay-step-block { display: table-cell; font-size: 16px; font-weight: 400; color: #777777; border-right: 1px solid transparent; } .pay-step-block:last-child { border: none; } .pay-step-block a { display: block; color: #777777; text-align: center; border-bottom: 4px solid #cccccc; padding-bottom: 16px; } .pay-step-block a:hover { border-color: #00aeef; color: #000; } .pay-step-block > span { display: block; text-align: center; border-bottom: 4px solid #cccccc; padding-bottom: 16px; } .pay-step-block.active { color: #000; font-weight: 500; } .pay-step-block.active span { border-color: #00aeef; } @media (min-width: 768px) and (max-width: 991px) { .pay-step-block { font-size: 14px; } } @media (max-width: 767px) { .pay-step-block { font-size: 12px; } .pay-step-block a, .pay-step-block span { padding-bottom: 10px; } } @media (max-width: 481px) { .pay-step-block { font-size: 10px; } } .membership-content-area { padding-top: 30px; } .membership-content { padding: 32px 40px; background-color: #fff; } .membership-content label { font-weight: 500; } .membership-content .form-group { margin-bottom: 22px; } .membership-content .btn-submit { display: block; font-size: 16px; padding: 12px 15px; width: 100%; } .membership-content .help-block { text-align: center; margin: 17px 0 0; font-weight: 300; color: #777; } @media (min-width: 768px) and (max-width: 991px) { .membership-content { margin-bottom: 30px; } } @media (max-width: 767px) { .membership-content { margin-bottom: 30px; padding: 18px 20px; } } .info-title { margin-bottom: 27px; } .info-title .info-title-left { float: left; font-size: 24px; line-height: 30px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { .info-title .info-title-left { font-size: 20px; } } @media (max-width: 767px) { .info-title .info-title-left { font-size: 18px; } } .info-title .already-account { font-size: 14px; line-height: 30px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { .info-title .already-account { font-size: 12px; } } @media (max-width: 767px) { .info-title .already-account { font-size: 12px; } } @media (min-width: 768px) and (max-width: 991px) { .info-title { margin-bottom: 20px; } } @media (max-width: 767px) { .info-title { margin-bottom: 10px; } } .info-detail { margin-bottom: 47px; } @media (min-width: 768px) and (max-width: 991px) { .info-detail { margin-bottom: 25px; } } @media (max-width: 767px) { .info-detail { margin-bottom: 10px; } } .method-select-block { border: 1px solid #ebebeb; margin-bottom: 30px; } .method-select-block .radio, .method-select-block .checkbox { margin-top: 15px; } .method-select-block .radio label, .method-select-block .checkbox label { padding-left: 40px; } @media (max-width: 767px) { .method-select-block .radio label, .method-select-block .checkbox label { padding-left: 20px; } } .method-select-block .radio input[type="radio"], .method-select-block .checkbox input[type="checkbox"] { margin-left: -40px; } @media (max-width: 767px) { .method-select-block .radio input[type="radio"], .method-select-block .checkbox input[type="checkbox"] { margin-left: -20px; } } .method-select-block p { margin: 0; font-weight: 300; } .method-row { border-bottom: 1px solid #ebebeb; padding: 16px 34px; } .method-row:last-child { border: none; } @media (min-width: 768px) and (max-width: 991px) { .method-row { padding: 16px 24px; } } @media (max-width: 767px) { .method-row { padding: 10px 20px; } } .method-select { float: left; width: 50%; } .method-select .radio label, .method-select .checkbox label { font-size: 16px; } .method-type { float: left; width: 50%; } .method-description { padding-top: 5px; } .method-description p { font-size: 14px; } @media (max-width: 767px) { .method-description p { font-size: 12px; line-height: 20px; } } .method-option { display: none; background-color: #f1f1f1; padding: 12px 34px; } .method-option .checkbox { margin: 0; } .method-option .radio label, .method-option .checkbox label { font-size: 14px; font-weight: 400; } @media (min-width: 768px) and (max-width: 991px) { .method-option { padding: 12px 24px; } } @media (max-width: 767px) { .method-option { padding: 10px 20px; } } .payment-side-block { padding: 30px; background-color: #fff; margin-bottom: 30px; } .payment-side-block .side-block-title { font-size: 16px; line-height: 20px; margin: 0 0 24px; font-weight: 500; text-transform: inherit; text-align: inherit; } .pkg-total-list { list-style: none; margin: 0; } .pkg-total-list li { border-top: 1px dotted #ccc; font-size: 14px; font-weight: 300; padding: 15px 0; } .pkg-total-list li.total-list-head { border: none; font-size: 16px; font-weight: 500; padding-top: 0; } .pkg-total-list li:last-child { font-size: 16px; font-weight: 500; border-top: 2px solid #000; padding-bottom: 0; } @media (max-width: 767px) { .pkg-total-list li { font-size: 14px; padding: 12px 0; } .pkg-total-list li.total-list-head { font-size: 14px; } .pkg-total-list li:last-child { font-size: 14px; } } .membership-done-block { min-height: 425px; text-align: center; } .membership-done-block .done-icon { font-size: 72px; color: #71c514; } .membership-done-block .done-block-inner { max-width: 650px; margin: 0 auto; } /* ============================================= WP Classes ============================================= */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 20px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 20px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption, .img-caption { max-width: 96%; /*Image does not overflow the content area*/ } .wp-caption.alignnone, .img-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft, .img-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright, .img-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img, .img-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text, .img-caption p.img-caption-text { font-size: 12px; line-height: 12px; margin: 0; padding: 0 0 0 4px; margin-top: 12px; font-style: italic; border-left: 3px solid #00aeef; color: #aaa; } .post-password-form input[type='password'] { border: 1px solid #e5e5e5; border-radius: 4px; padding: 6px 12px; } @media (max-width: 767px) { .post-password-form input[type='password'] { margin-top: 6px; } } .post-password-form input[type='submit'] { background-color: #00aeef; color: #fff; border: 1px solid #00aeef; } .post-password-form input[type='submit']:hover { background-color: #0eaae5; } /*START SIDEBAR and footer WIDGETS STYLE*/ .sidebar-white .widget { border: none !important; background-color: #fff; padding: 20px !important; } .sidebar-white .widget + .widget { margin-top: 15px !important; } @media (max-width: 991px) { .sidebar-white .widget + .widget { margin-top: 15px !important; } } .sidebar-white .widget-logout, .sidebar-white .widget-range, .sidebar-white .widget-login, .sidebar-white .widget-contact { padding: 0 !important; } .widget-top { margin-bottom: 10px; } .widget-body { font-size: 14px; } .widget { padding-bottom: 15px; border-bottom: 0; } .property{padding-bottom: 0px;margin-top: 0px !important;} @media (max-width: 991px) { .widget {padding-bottom: 20px;} .property{padding-bottom: 1px;margin-top: 1px !important;} } .widget + .widget {margin-top: 15px;} @media (max-width: 991px) { .widget + .widget { margin-top: 15px; } } .widget .media + .media { margin-top: 20px; } .widget .media-left .item-thumb, .widget .next-prev-block .media-right .item-thumb, .next-prev-block .widget .media-right .item-thumb, .widget .media-left figure, .widget .next-prev-block .media-right figure, .next-prev-block .widget .media-right figure, .widget .media-left .carousel-module .carousel .item figure, .carousel-module .carousel .item .widget .media-left figure { width: 101px; } .widget .media-left figure, .widget .next-prev-block .media-right figure, .next-prev-block .widget .media-right figure { width: 101px; } .widget .media-left a, .widget .next-prev-block .media-right a, .next-prev-block .widget .media-right a { display: block; width: 101px; } .widget .amenities p { color: #707070; } .widget .rating { margin-bottom: 10px; line-height: 12px; } .widget .rating .star-text-left { vertical-align: middle; color: #000; } .widget .rating p { display: inline-block; vertical-align: middle; margin: 0; margin-left: 5px; line-height: 13px; } .widget p { color: #222; } .widget .item-thumb .thumb-caption, .widget figure .thumb-caption, .widget .carousel-module .carousel .item figure .thumb-caption, .carousel-module .carousel .item .widget figure .thumb-caption { padding: 10px; } .widget-download { background-color: #fff; padding: 30px; border: none; } @media (max-width: 767px) { .widget-download { padding: 15px; } } .widget-download ul { list-style: none; margin: 0; } .widget-download li a { font-weight: 500; } .widget-download li:last-child { margin: 0; } .widget-contact .widget-body { padding: 20px; background-color: #fff; } .widget-contact .form-small { padding: 0; } .widget-contact .media-heading { margin-bottom: 7px; } .widget-contact .media-left a, .widget-contact .next-prev-block .media-right a, .next-prev-block .widget-contact .media-right a { width: 74px; } .widget-contact ul li { font-weight: 300; padding-left: 25px; } .widget-contact ul .fa { margin-left: -25px; margin-right: 10px; } .widget-calculate .form-group { position: relative; } .widget-calculate .field-icon { position: absolute; left: 0; top: 0; height: 42px; width: 42px; line-height: 42px; text-align: center; border-right: 1px solid #cccccc; color: #959595; font-size: 12px; } @media (min-width: 768px) and (max-width: 991px) { .widget-calculate .field-icon { height: 50px; line-height: 50px; } } @media (max-width: 767px) { .widget-calculate .field-icon { height: 50px; line-height: 50px; } } .widget-calculate .morg-detail { margin-top: 25px; } .widget-calculate .morg-result h3 { float: left; margin: 0; font-size: 18px; font-weight: 400; } .widget-calculate .morg-result span { font-weight: 700; } .widget-calculate .morg-result .show-morg { float: right; cursor: pointer; } .widget-calculate .morg-summery { color: #9b9b9b; display: none; margin-top: 25px; border-top: 1px solid rgba(0, 0, 0, 0.15); padding-top: 15px; } .widget-calculate .morg-summery .result-title { font-weight: 700; } .widget-calculate .morg-summery .result-value { margin-bottom: 8px; } .widget-calculate .morg-summery .result-value:last-child { margin: 0; } .widget_houzez_featured_properties { padding: 0; margin-bottom: 30px; } .widget_houzez_featured_properties .slick-dots { bottom: -28px; } .widget_houzez_featured_properties .owl-controls .owl-nav .owl-prev, .widget_houzez_featured_properties .owl-controls .owl-nav .owl-next { top: 44%; } .widget-login .widget-body { padding: 20px; background-color: #fff; } .widget-login .login-tabs { border-bottom: 1px solid #ccc; margin-bottom: 22px; } .widget-login .login-tabs li { background-color: #f9f9f9; border: 1px solid #ccc; font-size: 14px; color: #000; height: 42px; line-height: 42px; border-bottom: 0; } .widget-login .login-tabs li:hover { background-color: #fff; color: #000; height: 43px; margin-bottom: -1px; } .widget-login .login-tabs li:last-child { border-left: 0; } .widget-login .login-tabs li.active { background-color: #fff; color: #000; height: 43px; margin-bottom: -1px; } .widget-login .login-block { padding: 0; } .widget-login .media .thumb { width: 64px; } @media (max-width: 767px) { .widget-login .media .thumb { width: 46px; } } .widget-login .media .media-left, .widget-login .media .next-prev-block .media-right, .next-prev-block .widget-login .media .media-right { padding-right: 15px; } .widget-login .media .media-right { padding-left: 15px; } .widget-login .media p { color: #B1B1B1; } .widget-logout .widget-body { padding: 20px; background-color: white; } .widget-logout .thumb { width: 64px; } .widget-logout .thumb img { border-radius: 50%; } .widget-slider .owl-controls .owl-nav .owl-next, .widget-slider .owl-controls .owl-nav .owl-prev { top: 42%; } .widget-rated { margin-bottom: 5px; } .widget-categories ul, .widget_categories ul, .widget_archive ul, .widget_meta ul, .widget_recent_entries ul, .widget_pages ul, .widget-pages ul, .widget_recent_comments ul, .widget_nav_menu ul { list-style: none; margin: 0; overflow: hidden; } .widget-categories ul ul, .widget_categories ul ul, .widget_archive ul ul, .widget_meta ul ul, .widget_recent_entries ul ul, .widget_pages ul ul, .widget-pages ul ul, .widget_recent_comments ul ul, .widget_nav_menu ul ul { padding: 10px 0 0 5px; width: 100%; } .widget-categories li, .widget_categories li, .widget_archive li, .widget_meta li, .widget_recent_entries li, .widget_pages li, .widget-pages li, .widget_recent_comments li, .widget_nav_menu li { color: #9b9b9b; display: block; width: 100%; padding-left: 10px; } .widget-categories li:last-child, .widget_categories li:last-child, .widget_archive li:last-child, .widget_meta li:last-child, .widget_recent_entries li:last-child, .widget_pages li:last-child, .widget-pages li:last-child, .widget_recent_comments li:last-child, .widget_nav_menu li:last-child { margin: 0; } .widget-categories li li, .widget_categories li li, .widget_archive li li, .widget_meta li li, .widget_recent_entries li li, .widget_pages li li, .widget-pages li li, .widget_recent_comments li li, .widget_nav_menu li li { font-size: 12px; } .widget-categories a, .widget_categories a, .widget_archive a, .widget_meta a, .widget_recent_entries a, .widget_pages a, .widget-pages a, .widget_recent_comments a, .widget_nav_menu a { position: relative; padding-left: 10px; margin-left: -10px; } .widget-categories a:before, .widget_categories a:before, .widget_archive a:before, .widget_meta a:before, .widget_recent_entries a:before, .widget_pages a:before, .widget-pages a:before, .widget_recent_comments a:before, .widget_nav_menu a:before { content: "\f0da"; font-family: "FontAwesome"; font-size: 12px; line-height: 14px; position: absolute; left: 0; top: 3px; } .widget-categories .cat-count, .widget_categories .cat-count, .widget_archive .cat-count, .widget_meta .cat-count, .widget_recent_entries .cat-count, .widget_pages .cat-count, .widget-pages .cat-count, .widget_recent_comments .cat-count, .widget_nav_menu .cat-count { float: right; } .widget-reviews .media-heading, .reviews-list .media-heading { margin-bottom: 8px; } .widget-reviews .media-left, .reviews-list .media-left, .widget-reviews .next-prev-block .media-right, .next-prev-block .widget-reviews .media-right, .reviews-list .next-prev-block .media-right, .next-prev-block .reviews-list .media-right { padding-right: 20px; } .widget-reviews .media-left a, .reviews-list .media-left a, .widget-reviews .next-prev-block .media-right a, .next-prev-block .widget-reviews .media-right a, .reviews-list .next-prev-block .media-right a, .next-prev-block .reviews-list .media-right a { display: block; width: 50px; } .widget-reviews .media-left figure, .reviews-list .media-left figure, .widget-reviews .next-prev-block .media-right figure, .next-prev-block .widget-reviews .media-right figure, .reviews-list .next-prev-block .media-right figure, .next-prev-block .reviews-list .media-right figure { width: 50px; } .widget-reviews .media-left .item-thumb, .reviews-list .media-left .item-thumb, .widget-reviews .next-prev-block .media-right .item-thumb, .next-prev-block .widget-reviews .media-right .item-thumb, .reviews-list .next-prev-block .media-right .item-thumb, .next-prev-block .reviews-list .media-right .item-thumb, .widget-reviews .media-left figure, .reviews-list .media-left figure, .widget-reviews .next-prev-block .media-right figure, .next-prev-block .widget-reviews .media-right figure, .reviews-list .next-prev-block .media-right figure, .next-prev-block .reviews-list .media-right figure, .widget-reviews .media-left .carousel-module .carousel .item figure, .carousel-module .carousel .item .widget-reviews .media-left figure, .reviews-list .media-left .carousel-module .carousel .item figure, .carousel-module .carousel .item .reviews-list .media-left figure { width: 50px; } .widget-reviews .rating, .reviews-list .rating { margin-bottom: 8px; } .widget-reviews p, .reviews-list p { margin: 0; } .widget-range .widget-body { padding: 20px; background-color: #fff; } .widget-range .range-block { background-color: #fff; padding: 12px 0; } .widget-range .range-block + .range-block { border-top: 1px solid #e5e5e5; } .widget-range .rang-form-block { padding-bottom: 0; } .widget-range h4 { color: #000; } .widget-range .range-text { margin-top: 15px; } .widget-range .range-input { width: 50%; color: #909090; background: none; border: none; } .widget-range .range-input + .range-input { text-align: right !important; } .widget-range .form-group + .form-group { margin: 0; } .widget-range .advance-trigger { margin: 0 0 15px; } .widget-range .features-list { padding-bottom: 20px; } .widget-range .features-list .checkbox-inline { margin: 0; width: 50%; } .widget_categories a, .widget_archive a, .widget_meta a, .widget_recent_entries a, .widget_pages a, .widget-pages a, .widget_recent_comments a, .widget_nav_menu a { margin-right: 5px; } .widget-pages ul { list-style: none; columns: 2; -webkit-columns: 2; -moz-columns: 2; } .widget-pages ul ul { -webkit-column-break-inside: avoid; /* Chrome, Safari */ page-break-inside: avoid; /* Theoretically FF 20+ */ break-inside: avoid-column; /* IE 11 */ display: table; /* Actually FF 20+ */ } .widget-pages li { line-height: 20px; list-style: none; } .widget-pages li a:before { content: "\f0da"; margin-right: 15px; font-family: "FontAwesome"; } .widget-pages li li { font-size: 12px; } .widget_recent_comments .recentcomments a { display: block; } .widget_text p { margin: 0; } .widget_text p + p { margin-top: 15px; } .widget_calendar caption { padding-bottom: 10px; text-align: center; border-bottom: 1px solid #ddd; font-weight: 700; } .widget_calendar table { width: 100%; } .widget_calendar table td, .widget_calendar table th { padding: 10px; text-align: center; border-bottom: 1px solid #ddd; } .widget_tag_cloud .tagcloud { font-size: 0; } .widget_tag_cloud .tagcloud a { font-size: 14px; line-height: 1; margin: 0 3px 3px 0; font-weight: 400; text-transform: inherit; text-align: inherit; display: inline-block; padding: 4px 10px 5px 10px; background-color: #4cc6f4; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .widget_tag_cloud .tagcloud a:hover { background-color: #0eaae5; } @media (max-width: 767px) { .widget_tag_cloud .tagcloud a { font-size: 12px; } } .widget_search form div { position: relative; } .widget_search form input[type="text"] { height: 42px; width: 100%; border: 1px solid #e5e5e5; padding: 6px 20px; } .widget_search form button { position: absolute; top: 0; right: 0; height: 42px; width: 42px; background: none; border: none; } .widget_search form button:before { content: '\f002'; font-family: "FontAwesome"; display: block; color: #000; } .widget-about img { max-width: 100%; } .widget-news p { color: #fff; } .widget-news .media-left a, .widget-news .next-prev-block .media-right a, .next-prev-block .widget-news .media-right a, .widget-news .media-right a { display: block; width: 85px; } @media (min-width: 768px) and (max-width: 991px) { .widget-news .media-left a, .widget-news .next-prev-block .media-right a, .next-prev-block .widget-news .media-right a, .widget-news .media-right a { width: 55px; } } .widget-contact ul li { font-weight: 300; padding-left: 25px; } .widget-contact ul .fa { margin-left: -25px; } .widget-newsletter .input-icon:before, .widget_mc4wp_form_widget .input-icon:before { height: 43px; line-height: 41px; } @media (min-width: 768px) and (max-width: 991px) { .widget-newsletter .input-icon:before, .widget_mc4wp_form_widget .input-icon:before { height: 50px; line-height: 50px; } } @media (max-width: 767px) { .widget-newsletter .input-icon:before, .widget_mc4wp_form_widget .input-icon:before { height: 50px; line-height: 50px; } } .widget-newsletter p, .widget_mc4wp_form_widget p { margin-bottom: 10px; } .widget-newsletter form, .widget_mc4wp_form_widget form { margin-bottom: 15px; } .widget-newsletter .form-control, .widget_mc4wp_form_widget .form-control, .widget-newsletter .post-password-form input[type='password'], .post-password-form .widget-newsletter input[type='password'], .widget_mc4wp_form_widget .post-password-form input[type='password'], .post-password-form .widget_mc4wp_form_widget input[type='password'] { border-color: #fff; border: none; } .widget-newsletter .form-group, .widget_mc4wp_form_widget .form-group { width: 1000px; padding-right: 10px; margin: 0; } .widget-newsletter .btn, .widget_mc4wp_form_widget .btn { padding: 11px 35px; border: none; } @media (min-width: 768px) and (max-width: 991px) { .widget-newsletter .btn, .widget_mc4wp_form_widget .btn { padding: 15px 35px; } } @media (max-width: 767px) { .widget-newsletter .btn, .widget_mc4wp_form_widget .btn { padding: 15px 35px; } } .widget-current ul { margin: 0; list-style: none; } .widget-current li { font-size: 14px; line-height: 22px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } .widget-current span { font-weight: 500; } .widget-available { background-color: #00aeef !important; border-color: #00aeef !important; } .widget-available .body-inner + .body-inner { border-color: rgba(255, 255, 255, 0.4) !important; } .widget-available .my-title { border-color: rgba(255, 255, 255, 0.4) !important; } .widget-available .title-type { font-size: 14px; line-height: 14px; margin: 0 0 7px; font-weight: 500; text-transform: uppercase; text-align: inherit; } .widget-available .price-type { color: #fff !important; font-size: 14px; line-height: 14px; margin: 0 0 30px; font-weight: 400; text-transform: inherit; text-align: inherit; } .widget-available .info-title { color: #fff !important; font-size: 14px; line-height: 14px; margin: 0 0 2px; font-weight: 500; text-transform: inherit; text-align: inherit; } .widget-available p { font-size: 14px; line-height: 20px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } .widget-change .form-group { margin-bottom: 24px; } .widget-change .form-group:first-child { margin-bottom: 20px; } .widget-change .dropdown-toggle { height: 32px; } .widget-change a.btn { text-align: left; position: relative; } .widget-change a.btn .fa { position: absolute; right: 13px; top: 9px; font-size: 20px; } .widget-change a.btn + .btn { margin-top: 10px; } /*START FOOTER WIDGETS STYLE*/ .footer-widget { margin-bottom: 30px; } .footer-widget .widget-body { background-color: transparent; padding: 0; } .footer-widget .widget-title { color: #fff; font-size: 16px; line-height: 16px; margin: 0 0 20px 0; font-weight: 500; } .footer-widget .media-heading { font-size: 15px; line-height: 18px; margin: 0 0 5px 0; font-weight: 500; } .footer-widget h4 { font-size: 14px; line-height: 14px; margin: 0 0 10px 0; font-weight: 500; } .footer-widget .amenities p { color: #fff; font-size: 12px; line-height: 15px; margin: 0; font-weight: 400; } .footer-widget .media-left .item-thumb, .footer-widget .next-prev-block .media-right .item-thumb, .next-prev-block .footer-widget .media-right .item-thumb, .footer-widget .media-left figure, .footer-widget .next-prev-block .media-right figure, .next-prev-block .footer-widget .media-right figure, .footer-widget .media-left .carousel-module .carousel .item figure, .carousel-module .carousel .item .footer-widget .media-left figure { width: 101px; } @media (min-width: 768px) and (max-width: 991px) { .footer-widget { margin-bottom: 30px; } } @media (max-width: 767px) { .footer-widget { margin-bottom: 30px; } } @media (max-width: 991px) { .footer-widget .media-object { width: 92px; } } .footer-widget li { list-style: none; line-height: 20px; } .my-widget { background-color: #fff; border: 1px solid #e5e5e5; } .my-widget + .my-widget { margin-top: 30px; } .my-widget .my-title { font-size: 16px; line-height: 16px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; padding: 20px; border-bottom: 1px solid #e5e5e5; } .my-widget .body-inner { padding: 20px; } .my-widget .body-inner + .body-inner { border-top: 1px solid #e5e5e5; } .footer-widget.widget-categories li a:before, .footer-widget.widget_categories li a:before, .footer-widget.widget_archive li a:before, .footer-widget.widget_meta li a:before, .footer-widget.widget_recent_entries li a:before, .footer-widget.widget_pages li a:before, .footer-widget.widget-pages li a:before, .footer-widget.widget_recent_comments li a:before, .footer-widget.widget_nav_menu li a:before { content: "\f0da"; margin-right: 10px; font-family: "FontAwesome"; } .widget_houzez_latest_posts h4 { font-size: 16px; line-height: 24px; } .widget_houzez_latest_posts img { max-width: 70px; margin-top: 5px; } .widget_houzez_latest_posts p { margin-bottom: 0; } .widget_houzez_featured_properties .label { position: absolute; font-size: 10px; margin: 0; font-weight: 700; text-transform: uppercase; text-align: inherit; top: 12px; right: inherit; bottom: inherit; left: 12px; z-index: 3; background-color: #77c720; color: #fff; padding: 4px 5px 4px; line-height: 9px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .footer-widget .figure-block + .figure-block { margin-top: 20px; } .footer-widget .slick-dots li button { background-color: #fff; border: 1px solid #fff; } .footer-widget .slick-dots li.slick-active button { background: none; } .footer-bottom .navi li { font-size: 14px; line-height: 30px; margin: 0; font-weight: 400; text-transform: inherit; text-align: center; } .footer-bottom p, .footer-bottom .foot-social p { margin: 5px 0 0 0; font-size: 14px; } .footer-widget.widget-categories li a:before, .footer-widget.widget_categories li a:before, .footer-widget.widget_archive li a:before, .footer-widget.widget_meta li a:before, .footer-widget.widget_recent_entries li a:before, .footer-widget.widget_pages li a:before, .footer-widget.widget-pages li a:before, .footer-widget.widget_recent_comments li a:before, .footer-widget.widget_nav_menu li a:before, .footer-widget.widget_categories li a:before, .footer-widget.widget_archive li a:before, .footer-widget.widget_meta li a:before, .footer-widget.widget_recent_entries li a:before, .footer-widget.widget_pages li a:before, .footer-widget.widget-pages li a:before, .footer-widget.widget_recent_comments li a:before, .footer-widget.widget_nav_menu li a:before, .footer-widget.widget_archive li a:before, .footer-widget.widget_meta li a:before, .footer-widget.widget_recent_entries li a:before, .footer-widget.widget_pages li a:before, .footer-widget.widget-pages li a:before, .footer-widget.widget_nav_menu li a:before { content: "\f0da"; font-family: "FontAwesome"; font-size: 12px; line-height: 14px; left: 0; top: 1px; } .footer-widget.widget_categories a, .footer-widget.widget_archive a, .footer-widget.widget_meta a, .footer-widget.widget_recent_entries a, .footer-widget.widget_pages a, .footer-widget.widget-pages a, .footer-widget.widget_recent_comments a, .footer-widget.widget_nav_menu a, .footer-widget.widget-categories a, .footer-widget.widget_categories a, .footer-widget.widget_archive a, .footer-widget.widget_meta a, .footer-widget.widget_recent_entries a, .footer-widget.widget_pages a, .footer-widget.widget-pages a, .footer-widget.widget_recent_comments a, .footer-widget.widget_nav_menu a, .footer-widget.widget_archive a, .footer-widget.widget_meta a, .footer-widget.widget_recent_entries a, .footer-widget.widget_pages a, .footer-widget.widget-pages a, .footer-widget.widget_recent_comments a, .footer-widget.widget_nav_menu a { margin-right: 5px; } .footer-widget.widget_calendar table { width: 100%; } .footer-widget.widget_calendar caption { padding-bottom: 10px; text-align: center; border-bottom: 1px solid #fff; font-weight: 700; } .footer-widget.widget_calendar table td, .footer-widget.widget_calendar table th, .footer-widget.widget_calendar table th { padding: 10px; text-align: center; border-bottom: 1px solid #fff; } .footer-widget.widget_search form input[type="text"] { height: 42px; width: 100%; border: 1px solid #fff; padding: 6px 20px; } .footer-widget.widget_search form div { position: relative; } .footer-widget.widget_search form button { position: absolute; top: 0; right: 0; height: 42px; width: 42px; background: none; border: none; } .footer-widget.widget_search form button:before { content: '\f002'; font-family: "FontAwesome"; display: block; color: #000; } .footer-widget.widget_tag_cloud .tagcloud a { font-size: 14px; line-height: 1; margin: 0 3px 3px 0; font-weight: 400; text-transform: inherit; text-align: inherit; display: inline-block; padding: 4px 10px 5px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .widget-image-banner-180x150 .image-banner { padding: 3px; } .widget-image-banner-180x150 img { margin-bottom: 3px; } .widget-contact-agent .form-small { padding: 0; background: none; } /*START MODULES STYLE*/ .module-gray-bg { background-color: #ededed; } .module-white-bg { background-color: #fff; } .module-item { float: left; padding-left: 15px; padding-right: 15px; } .three_columns .module-item { width: 33.3333%; } @media (max-width: 767px) { .three_columns .module-item { width: 100%; } } .four_columns .module-item { width: 25%; } @media (min-width: 768px) and (max-width: 991px) { .four_columns .module-item { width: 50%; } } @media (max-width: 767px) { .four_columns .module-item { width: 100%; } } .houzez-section-title-light h2, .houzez-section-title-light .sub-heading { color: #000; } .houzez-section-title-dark h2, .houzez-section-title-dark .sub-heading { color: #fff; } .module-title { padding: 55px 0 0 0 !important; } @media (max-width: 767px) { .module-title { padding: 35px 0 0 0 !important; } } .module-title + .houzez-module { padding: 40px 0 55px; } @media (max-width: 767px) { .module-title + .houzez-module { padding: 20px 0 35px; } } .houzez-module { padding: 12px 0; } @media (max-width: 767px) { .houzez-module { padding: 35px 0; } } .houzez-module .module-title-nav { margin-bottom: 15px; display: table; width: 100%; } .houzez-module .module-title-nav div { display: table-cell; vertical-align: text-top; } @media (max-width: 767px) { .houzez-module .module-title-nav div { width: 70%; } } .houzez-module .module-title-nav h2 { color: #000; } .houzez-module .module-title-nav .sub-title { color: #000; } .houzez-module .list-tabs { padding: 0 5px 25px; } .houzez-module .bootstrap-select > .dropdown-toggle { padding-right: 12px; } .module-nav { vertical-align: bottom !important; text-align: right; } .module-nav .btn { font-size: 14px !important; color: #00aeef; background-color: transparent; border: 1px solid #00aeef; padding: 5px 10px !important; margin-right: 6px !important; display: inline-block; } .module-nav .btn:hover { color: #fff; background-color: #00aeef; } .module-nav .btn:active { color: #fff; background-color: #00aeef; } .module-nav .btn.active { color: #fff; background-color: #00aeef; } .module-nav .btn:last-child { margin: 0; } @media (max-width: 767px) { .module-nav { width: 30%; } .module-nav button.btn { display: block; } #LeFtArrOw{margin-left: 0px !important;} #RiGhtArrOw{margin-right: 0px !important;} } .services-module .service-block { background-color: #fff; text-align: center; padding: 0 30px 30px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15); position: relative; z-index: 2; } .services-module .service-block:hover { box-shadow: 0 70px 70px rgba(0, 0, 0, 0.2); -moz-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); -webkit-transform: scale(1.01); transform: scale(1.01); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -webkit-transform: translate(0, -10px); transform: translate(0, -10px); z-index: 100; } .services-module .service-block .block-icon { padding: 80px 0 70px; font-size: 60px; min-width: 80px; } @media (min-width: 768px) and (max-width: 991px) { .services-module .service-block .block-icon { padding: 40px 0; font-size: 50px; } } @media (max-width: 767px) { .services-module .service-block .block-icon { padding: 30px 0; font-size: 38px; } .services-module .service-block .block-icon img { width: 40px; } } .services-module .service-block p { color: #636363; } @media (max-width: 481px) { .services-module div[class*="col-"] { width: 100%; } } .services-module.style2 .service-block { padding: 0 30px 30px; } .services-module.style3 .service-blocks-main { padding: 38px 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .services-module.style3 .service-block { display: table; background-color: transparent; box-shadow: none; text-align: left; padding: 0; } .services-module.style3 .service-block:hover { transform: none; } .services-module.style3 .service-block .block-icon { display: table-cell; vertical-align: top; padding: 0 20px 0 0; font-size: 40px; } .services-module.style3 .service-block .block-content { display: table-cell; vertical-align: top; width: 10000px; padding: 0; } @media (min-width: 768px) and (max-width: 991px) { .services-module.style3 .service-block { margin-bottom: 30px; } } @media (max-width: 767px) { .services-module.style3 .service-block { margin-bottom: 30px; } } @media (max-width: 767px) { .services-module.style3 div[class*="col-"] + div[class*="col-"] { margin-top: 30px; } } div[class*="col-"] > .item-wrap { padding: 0; } /*START CALL TO ACTION MODULES STYLE*/ .callto-action { background-color: #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); padding: 20px 28px; display: table; width: 100%; } .callto-action div { display: table-cell; vertical-align: middle; } .callto-action div + div { padding-left: 15px; } .callto-action div p { color: #636363; } @media (max-width: 767px) { .callto-action div { display: block; text-align: center; } .callto-action div + div { margin-top: 15px; } .callto-action div .btn { display: block; } } /*START CAROUSEL MODULES STYLE*/ .carousel-module .carousel .item { background: transparent; box-shadow: none; padding: 0; padding-left: 10px; } .carousel-module .carousel .item .item-thumb, .carousel-module .carousel .item figure { display: block; } .carousel-module .item-wrap { margin: 0; } .carousel-module .item-thumb .actions, .carousel-module figure .actions, .carousel-module .carousel .item figure .actions { top: 12px; right: 12px; bottom: auto; } .carousel-module .property-item .actions { top: auto !important; bottom: 12px !important; } .caption-above .detail-bottom { display: none; } .caption-above .thumb-caption { display: none; } .caption-above .detail h3 { max-width: 200px; display: inline-block; } @media (min-width: 768px) and (max-width: 991px) { .caption-above .detail h3 { max-width: 140px; } } @media (max-width: 767px) { .caption-above .detail h3 { max-width: 140px; } } .caption-bottom .detail-above { display: none; } .caption-bottom .fig-title { margin: 0; line-height: 16px; } .caption-bottom .detail h3 { max-width: 140px; display: inline-block; color: #000; line-height: 20px; } .grid-row { margin-left: -7px; margin-right: -7px; } .grid-row div[class*="col-"] { padding-left: 7px; padding-right: 7px; } /*START PROPERTY GRID MODULES STYLE*/ .property-grid-module div[class*="col-"] { padding: 0; padding-bottom: 1px !important; padding-left: 1px !important; } @media (max-width: 481px) { .property-grid-module div[class*="col-"] { width: 100%; } } /*START POST CARD MODULES STYLE*/ .post-card-module { margin-bottom: -14px; } .post-card-module .item-wrap { padding: 0; } .post-card-item { padding: 8px; background-color: #fff; } .post-card-item .thumb-caption { padding: 17px; } .post-card-item .thumb-caption .file-type, .post-card-item .thumb-caption .comment-count { color: #fff; font-size: 12px; } .post-card-item .thumb-caption .comment-count .count { margin-right: 5px; } .post-card-item .thumb-caption .post-card-title, .post-card-item .thumb-caption h3 { color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 206px; } @media (min-width: 992px) and (max-width: 1199px) { .post-card-item .thumb-caption .post-card-title, .post-card-item .thumb-caption h3 { width: 166px; } } @media (min-width: 768px) and (max-width: 991px) { .post-card-item .thumb-caption .post-card-title, .post-card-item .thumb-caption h3 { width: 285px; } } @media (max-width: 767px) { .post-card-item .thumb-caption .post-card-title, .post-card-item .thumb-caption h3 { width: 365px; } } @media (max-width: 481px) { .post-card-item .thumb-caption .post-card-title, .post-card-item .thumb-caption h3 { width: 215px; } } .post-card-item .caption-table { display: table; } .post-card-item .caption-table .caption-left { display: table-cell; width: 10000px; vertical-align: bottom; } .post-card-item .caption-table .file-type, .post-card-item .caption-table .thumb-caption .comment-count, .post-card-item .thumb-caption .caption-table .comment-count { display: table-cell; vertical-align: bottom; } .post-card-item .post-card-meta { font-size: 12px; color: #fff; margin-bottom: 10px; } .post-card-item .post-card-meta i { margin-right: 5px; } .post-card-item .post-card-body { background-color: #fff; } .post-card-item .read .fa { margin-left: 3px; margin-right: 0; } .post-card-description { padding: 15px 12px; } .post-card-description ul { font-size: 12px; color: #959595; margin-bottom: 10px; } .post-card-description ul i { margin-right: 5px; } .post-card-description h3 { color: #000; display: block; min-height: 42px; } .post-card-description p { color: #636363; font-size: 14px; line-height: 22px; } .post-card-author { padding: 10px 12px 2px; display: table; width: 100%; } .post-card-author .author-image, .post-card-author .author-name { display: table-cell; vertical-align: middle; width: 40px; } .post-card-author .author-name { padding-left: 12px; width: auto; } .post-card-author .author-name span { display: block; color: #959595; font-size: 12px; line-height: 12px; } .post-card-author .author-name span + span { margin-top: 6px; } /*START POST CARD MASONRY MODULES STYLE*/ .post-card-masonry .grid-block.row { margin-left: -5px; margin-right: -5px; } .post-card-masonry .grid-block.row div[class*="col-"] { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } /*START POST CARD BLOCK MODULES STYLE*/ .post-card-block-module { margin-bottom: -30px; } .post-card-block-module .block-col { margin-bottom: 30px; } /*START TESTIMONIALS MODULE STYLE*/ @media (max-width: 767px) { #testimonial-module .block-col + .block-col { margin-top: 30px; } } .testimonial-item, .agents-block, .partner-block { text-align: center; } .testimonial-item .auther-thumb, .agents-block .auther-thumb, .partner-block .auther-thumb { display: inline-block; width: 70px; height: 70px; overflow: hidden; text-align: center; margin-bottom: 20px; } .testimonial-item .web-logo, .agents-block .web-logo, .partner-block .web-logo { margin-bottom: 13px; height: 20px; } .testimonial-item .web-logo img, .agents-block .web-logo img, .partner-block .web-logo img { width: auto !important; display: inline-block !important; max-height: 20px; max-width: 102px; } .testimonial-carousel .slick-prev, .testimonial-carousel .slideshow .slide .slick-next, .slideshow .slide .testimonial-carousel .slick-next, .testimonial-carousel .slideshow .slideshow-nav .slick-next, .slideshow .slideshow-nav .testimonial-carousel .slick-next, .testimonial-carousel .slick-next { left: -45px; right: inherit; height: 17px; width: 19px; background-color: transparent; border: 1px solid #959595; color: #959595; top: 55%; padding: 3px; } .testimonial-carousel .slick-prev:before, .testimonial-carousel .slideshow .slide .slick-next:before, .slideshow .slide .testimonial-carousel .slick-next:before, .testimonial-carousel .slideshow .slideshow-nav .slick-next:before, .slideshow .slideshow-nav .testimonial-carousel .slick-next:before, .testimonial-carousel .slick-next:before { height: 17px; line-height: 14px; color: #959595; opacity: 1; filter: alpha(opacity=100); } .testimonial-carousel .slick-prev:hover, .testimonial-carousel .slick-next:hover { background-color: #959595; opacity: 1; filter: alpha(opacity=100); } .testimonial-carousel .slick-prev:hover:before, .testimonial-carousel .slick-next:hover:before { color: #fff; } @media (max-width: 481px) { .testimonial-carousel .slick-prev, .testimonial-carousel .slideshow .slide .slick-next, .slideshow .slide .testimonial-carousel .slick-next, .testimonial-carousel .slideshow .slideshow-nav .slick-next, .slideshow .slideshow-nav .testimonial-carousel .slick-next, .testimonial-carousel .slick-next { width: 17px; left: -20px; } } .testimonial-carousel .slick-next { right: -45px; left: inherit; } @media (max-width: 481px) { .testimonial-carousel .slick-next { width: 17px; right: -20px; } } .testimonial-carousel .owl-controls .owl-nav [class*="owl-"] { background-color: transparent; border: 1px solid #959595; color: #959595; position: absolute; width: 19px; height: 17px; line-height: 17px; padding: 3px; } @media (max-width: 767px) { .testimonial-carousel .owl-controls .owl-nav [class*="owl-"] { display: none !important; } } .testimonial-carousel .owl-controls .owl-nav [class*="owl-"] i { line-height: 8px; display: block; } .testimonial-carousel .owl-controls .owl-nav .owl-prev { left: -45px; top: 43%; transform: translateY(-43%); -moz-transform: translateY(-43%); -webkit-transform: translateY(-43%); -o-transform: translateY(-43%); } .testimonial-carousel .owl-controls .owl-nav .owl-next { right: -45px; top: 43%; transform: translateY(-43%); -moz-transform: translateY(-43%); -webkit-transform: translateY(-43%); -o-transform: translateY(-43%); } /*START AGENTS MODULE STYLE*/ #agents-module div[class*="col-"] { padding: 0; } .agents-block, .partner-block { background-color: #fff; text-align: center; padding: 35px 15px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15); position: relative; z-index: 2; } .agents-block .auther-thumb, .partner-block .auther-thumb { width: 150px; height: 150px; } .agents-block:hover, .partner-block:hover { box-shadow: 0 70px 70px rgba(0, 0, 0, 0.2); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -webkit-transform: translate(0, -10px); transform: translate(0, -10px); z-index: 100; } .agents-block .block-body .description, .partner-block .block-body .description { color: #959595; font-style: inherit; height: 60px; overflow: hidden; padding: 0 15px; } .agents-block .block-body .auther-info, .partner-block .block-body .auther-info { color: #000; } .agents-carousel-module .agents-block:hover, .agents-carousel-module .partner-block:hover { box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15); transform: none; } .agents-carousel-module .item { padding-bottom: 5px; } .block-body .auther-info { color: #000; } .block-body .auther-info span { display: block; } .block-body .auther-info span span { display: inline-block; } .partner-block .partner-logo { text-align: center; } .partner-block .partner-logo img { width: auto !important; display: inline-block !important; } /*START LOCATION MODULE STYLE*/ .location-module { margin-bottom: -30px; } .location-module div[class*="col-"] { margin-bottom: 30px; } .location-block { position: relative; height: 370px; overflow: hidden; background-position: center; background-size: cover; } @media (min-width: 992px) and (max-width: 1199px) { .location-block { height: 306px; } } @media (min-width: 768px) and (max-width: 991px) { .location-block { height: 235px; } } @media (max-width: 767px) { .location-block { height: 138px; } } .location-block div { text-align: center; position: absolute; top: 50%; right: inherit; bottom: inherit; left: 50%; z-index: 3; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .location-block .location-fig-caption { text-align: center; position: absolute; top: 50%; right: inherit; bottom: inherit; left: 50%; z-index: 3; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .location-block .heading { color: #fff; } .location-block .sub-heading { color: #fff; } @media (max-width: 767px) { .location-block figure { height: 138px; overflow: hidden; } } @media (max-width: 767px) { .location-block figure img { width: 100%; } } .location-block a { display: block; } .location-block a:before { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; content: ''; width: 100%; height: 100%; background: #000; opacity: 0.3; filter: alpha(opacity=30); } .location-block a:hover:before { opacity: 0.1; } /*START SPONSORS MODULE STYLE*/ .sponsors-module { background: #ecedee; padding: 25px 0; } .sponsors-module ul { text-align: center; } .sponsors-module li { text-align: center; margin: 10px 14px; padding: 0; } /*START PRICE TABLE MODULE STYLE*/ .package-table-module div[class*="col-"] { padding: 0; } .package-block { position: relative; box-shadow: 0 0 0 1px #ececec; background-color: #fff; padding: 32px 0 40px 0; width: 100%; z-index: 1; } .package-block .package-title { font-size: 20px; line-height: 26px; font-weight: 500; text-align: center; margin-bottom: 17px; } .package-block .package-price { font-size: 64px; line-height: 52px; font-weight: 500; text-align: center; padding: 20px 0; margin-bottom: 18px; } .package-block .package-price span { vertical-align: top; display: inline-block; word-spacing: normal; letter-spacing: normal; } .package-block .package-price .price-number { line-height: 50px; } .package-block .package-price .price-before, .package-block .package-price .price-after { font-size: 24px; line-height: 32px; } .package-block .package-list { list-style: none; margin-bottom: 36px; padding: 0; } .package-block .package-list li { text-align: center; border-top: 1px solid #ececec; font-size: 16px; line-height: 20px; padding: 18px 0; font-weight: 300; } .package-block .package-list li:last-child { border-bottom: 1px solid #ececec; } .package-block .package-link { text-align: center; } .package-block .btn { display: inline-block; padding: 14px 30px; } .package-block.active { box-shadow: 0 70px 70px rgba(0, 0, 0, 0.2); border: 1px solid #ececec; padding: 50px 0 52px 0; margin-top: -19px; z-index: 2; } @media (min-width: 768px) and (max-width: 991px) { .package-block { padding: 30px 0 34px 0; } .package-block .package-title { font-size: 18px; line-height: 24px; margin-bottom: 10px; } .package-block .package-price { font-size: 56px; line-height: 42px; padding: 16px 0; margin-bottom: 16px; } .package-block .package-price .price-number { line-height: 42px; } .package-block .package-price .price-before, .package-block .package-price .price-after { font-size: 20px; line-height: 28px; } .package-block .package-list li { border-top: 1px solid #ececec; font-size: 14px; line-height: 20px; padding: 14px 0; } .package-block .package-list li:last-child { border-bottom: 1px solid #ececec; } .package-block .btn { padding: 12px 26px; font-size: 14px; } } @media (max-width: 767px) { .package-block { padding: 26px 0 36px 0; } .package-block .package-title { font-size: 18px; line-height: 24px; margin-bottom: 10px; } .package-block .package-price { font-size: 46px; line-height: 34px; padding: 12px 0; margin-bottom: 12px; } .package-block .package-price .price-number { line-height: 34px; } .package-block .package-price .price-before, .package-block .package-price .price-after { font-size: 16px; line-height: 20px; } .package-block .package-list { margin-bottom: 26px; } .package-block .package-list li { border-top: 1px solid #ececec; font-size: 12px; line-height: 18px; padding: 12px 0; } .package-block .package-list li:last-child { border-bottom: 1px solid #ececec; } .package-block .btn { padding: 10px 26px; font-size: 12px; } .package-block.active { padding: 42px 0 44px 0; border: none; box-shadow: 0 0 70px rgba(0, 0, 0, 0.2); margin-top: 0; } } .style2 .package-block { background-color: #004274; box-shadow: 0 0 0 1px #1a5481; } .style2 .package-block.active { box-shadow: 0 70px 70px rgba(0, 0, 0, 0.2); background-color: #125d96; border-color: #1a5481; } @media (max-width: 767px) { .style2 .package-block.active { padding: 42px 0 44px 0; border: none; box-shadow: 0 0 70px rgba(0, 0, 0, 0.2); margin-top: 0; } } .style2 .package-title, .style2 .package-price, .style2 .package-list { color: #fff; } .style2 .package-list li { border-color: #13507f; } .style2 .package-list li:last-child { border-color: #13507f; } .style2 .btn { background-color: transparent; border: 1px solid #fff; } .style2 .btn:hover { background-color: rgba(255, 255, 255, 0.2); } /*START HEADER MEDIA*/ .header-media { position: relative; } /*START BANNERS MODULE STYLE*/ .banner-video { height: 600px; overflow: hidden; position: relative; } @media (min-width: 768px) and (max-width: 991px) { .banner-video { height: 450px; } } .banner-video .banner-video-inner { width: 100%; height: 100%; position: absolute; } .banner-parallax { position: relative; height: 600px; overflow: hidden; } .banner-parallax .banner-inner { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .banner-parallax .banner-bg-wrap { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; backface-visibility: hidden; visibility: inherit; z-index: 0; opacity: 1; } @media (max-width: 767px) { .banner-parallax { height: 350px !important; } } .banner-inner { position: relative; height: 600px; width: 100%; /*@include respond-to(tablet-portrait){ height: 300px; background-size: 150% auto; background-attachment: fixed !important; background-position: top center !important; } @include respond-to(phone){ height: 280px; background-size: 240% auto; }*/ } .banner-inner:before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 3; } .banner-caption { position: absolute; left: 0; top: 50%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 2; width: 100%; } .banner-caption h1 { color: #fff; } .banner-caption h2 { color: #fff; } @media (min-width: 991px) { body.transparent-yes .banner-caption { top: 55%; } } .banner-video-inner { position: absolute; width: 100%; height: 100% !important; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .banner-module { position: relative; padding: 0; } .banner-module .slick-slide { position: relative; } .banner-module .slick-slide .caption { opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(-30%, -50%) scale(0.5); -o-transform: translate(-30%, -50%) scale(0.5); -ms-transform: translate(-30%, -50%) scale(0.5); -webkit-transform: translate(-30%, -50%) scale(0.5); transform: translate(-30%, -50%) scale(0.5); } .banner-module .slick-active .caption { opacity: 1; filter: alpha(opacity=100); -moz-transform: translate(-30%, -50%) scale(1); -o-transform: translate(-30%, -50%) scale(1); -ms-transform: translate(-30%, -50%) scale(1); -webkit-transform: translate(-30%, -50%) scale(1); transform: translate(-30%, -50%) scale(1); } @media (max-width: 767px) { .banner-module .slick-active .caption { left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .banner-module .owl-item { position: relative; } .banner-module .owl-item .caption { /* @include translate(-30%,-50%);*/ } .banner-module .owl-item.active .caption { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @media (max-width: 767px) { .banner-module .owl-item.active .caption { left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .banner-module .caption { display: inline-block; width: 515px; padding: 17px; min-height: 85px; position: absolute; top: 50%; left: 30%; z-index: 2; -moz-transform: translate(-30%, -50%); -o-transform: translate(-30%, -50%); -ms-transform: translate(-30%, -50%); -webkit-transform: translate(-30%, -50%); transform: translate(-30%, -50%); background: rgba(255, 255, 255, 0.9); } .banner-module .caption ul { color: #000; } .banner-module .caption ul li { padding: 0; padding-right: 10px; } .banner-module .caption ul li:last-child { padding: 0; } @media (max-width: 481px) { .banner-module .caption ul { font-size: 12px; } } .banner-module .caption img { width: auto !important; } .banner-module .caption .price { position: absolute; top: 17px; right: 17px; bottom: inherit; left: inherit; z-index: 2; } .banner-module .caption .feature-label { font-size: 10px; line-height: 10px; margin: 0; font-weight: 700; text-transform: uppercase; text-align: inherit; padding: 5px; color: #fff; position: absolute; top: -20px; right: inherit; bottom: inherit; left: 0; z-index: 2; background: #77c720; } .banner-module .caption .btn-detail { border-radius: 0; padding: 7px 15px; position: absolute; top: auto; right: 0; bottom: 0; left: auto; z-index: 2; } .banner-module .caption .btn-detail .fa { margin-left: 5px; } @media (max-width: 767px) { .banner-module .caption { width: 350px; padding: 12px; } .banner-module .caption .price { top: 12px; right: 12px; } } @media (max-width: 481px) { .banner-module .caption { width: 270px; } .banner-module .caption .amenities { display: none; } .banner-module .caption .date { display: none; } } .banner-slider { margin: 0; /*opacity: 0; @extend %animation;*/ } .banner-slider .owl-controls { margin: 0; } .banner-slider .owl-controls .owl-nav div[class*="owl-"] { width: 50px; height: 50px; line-height: 50px; border-radius: 0; } .banner-slider .owl-controls .owl-nav div[class*="owl-"] .fa { line-height: 45px; font-size: 40px; } @media (max-width: 767px) { .banner-slider .owl-controls .owl-nav div[class*="owl-"] { width: 38px; height: 38px; line-height: 38px; font-size: 30px; } .banner-slider .owl-controls .owl-nav div[class*="owl-"] .fa { line-height: 34px; font-size: 20px; } } .banner-slider .owl-controls .owl-nav .owl-prev { left: 0; } .banner-slider .owl-controls .owl-nav .owl-next { right: 0; } @media (max-width: 767px) { .banner-slider .owl-controls { padding: 7px 0; position: absolute; left: 0; right: 0; bottom: 0; } } .banner-slider .owl-dot span { background-color: #fff !important; } .banner-slider .owl-dot.active span { background-color: transparent !important; border-color: #fff !important; } .banner-slider .slick-prev, .banner-slider .slideshow .slide .slick-next, .slideshow .slide .banner-slider .slick-next, .banner-slider .slideshow .slideshow-nav .slick-next, .slideshow .slideshow-nav .banner-slider .slick-next, .banner-slider .slick-next { width: 50px; height: 50px; line-height: 50px; background: rgba(0, 174, 239, 0.75); border-radius: 0; left: 0; right: inherit; } .banner-slider .slick-prev:before, .banner-slider .slideshow .slide .slick-next:before, .slideshow .slide .banner-slider .slick-next:before, .banner-slider .slideshow .slideshow-nav .slick-next:before, .slideshow .slideshow-nav .banner-slider .slick-next:before, .banner-slider .slick-next:before { vertical-align: middle; line-height: 46px; display: block; height: 50px; font-size: 40px; } @media (max-width: 767px) { .banner-slider .slick-prev, .banner-slider .slideshow .slide .slick-next, .slideshow .slide .banner-slider .slick-next, .banner-slider .slideshow .slideshow-nav .slick-next, .slideshow .slideshow-nav .banner-slider .slick-next, .banner-slider .slick-next { width: 38px; height: 38px; line-height: 38px; } .banner-slider .slick-prev:before, .banner-slider .slideshow .slide .slick-next:before, .slideshow .slide .banner-slider .slick-next:before, .banner-slider .slideshow .slideshow-nav .slick-next:before, .slideshow .slideshow-nav .banner-slider .slick-next:before, .banner-slider .slick-next:before { height: 38px; line-height: 36px; font-size: 28px; } } @media (max-width: 481px) { .banner-slider .slick-prev, .banner-slider .slideshow .slide .slick-next, .slideshow .slide .banner-slider .slick-next, .banner-slider .slideshow .slideshow-nav .slick-next, .slideshow .slideshow-nav .banner-slider .slick-next, .banner-slider .slick-next { display: none !important; } } .banner-slider .slick-next { right: 0; left: inherit; } .banner-slider .slick-slide img { width: 100%; } .banner-slider .item { height: 600px; background-position: center center; background-size: cover,100%; background-repeat: no-repeat; } @media (min-width: 768px) and (max-width: 991px) { .banner-slider .item { height: 400px; } } @media (max-width: 767px) { .banner-slider .item { height: 300px; } } .banner-slider .banner-link { display: block; position: relative; height: 100%; width: 100%; z-index: 1; } .banner-page-title { height: 300px; } @media (min-width: 768px) and (max-width: 991px) { .banner-page-title { height: 240px; } } @media (max-width: 767px) { .banner-page-title { height: 170px; } } /*START HOUZEZ MAP MODULE*/ #houzez-gmap-main { position: relative; width: 100%; height: 550px; } #houzez-gmap-main .map-arrows-actions { font-size: 0; position: absolute; top: 20px; left: 20px; z-index: 4; } #houzez-gmap-main .map-next-prev-actions { font-size: 0; position: absolute; top: 20px; right: 20px; z-index: 4; } #houzez-gmap-main .map-zoom-actions { font-size: 0; position: absolute; bottom: 20px; right: 20px; z-index: 4; } #houzez-gmap-main .map-btn { cursor: pointer; display: inline-block; line-height: 29px; color: #fff; height: 30px; border: none; background: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.75); padding: 0 10px; font-weight: 500; font-size: 12px; vertical-align: middle; } #houzez-gmap-main .map-btn:hover { background-color: rgba(76, 198, 244, 0.75); } #houzez-gmap-main .map-btn + .map-btn { margin-left: 3px; } @media (max-width: 481px) { #houzez-gmap-main .map-btn span { display: none; } } #houzez-gmap-main .map-search { height: 30px; width: 188px; display: inline-block; vertical-align: middle; margin-left: 3px; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.75); color: #000; font-size: 14px; font-weight: 500; padding: 0 8px; top: 20px !important; left: 82px !important; } #houzez-gmap-main .open .dropdown-toggle { background-color: rgba(0, 0, 0, 0.75); } #houzez-gmap-main .dropdown-menu { min-width: 74px; width: 74px; background-color: rgba(0, 0, 0, 0.75); border: none; } #houzez-gmap-main .dropdown-menu a { padding: 3px 10px; color: #fff; font-size: 12px; } #houzez-gmap-main .map-info-box { z-index: 4; } .mapfull { position: fixed !important; height: 100% !important; top: 0; left: 0; right: 0; z-index: 999999; } .mapfull #houzez-listing-map { height: 100% !important; } #houzez-listing-map-vc { height: 550px; position: relative; } #listing-map { height: 550px; position: relative; } #houzez-listing-map { height: 100%; width: 100%; position: relative; } /*START LIGHT BOX STYLE*/ #lightbox-popup-main { position: fixed; left: 0; right: 0; height: 100%; width: 100%; top: 0; background: rgba(255, 255, 255, 0.8); z-index: 999999; overflow: hidden; visibility: hidden; } #lightbox-popup-main.active { overflow-x: hidden; overflow-y: auto; visibility: visible; } .lightbox-popup { position: relative; margin: 30px auto; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .lightbox-popup .popup-inner { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); background-color: #fff; position: relative; width: 100%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .lightbox-popup .popup-inner .expand-icon { width: 40px; height: 40px; line-height: 40px; font-size: 18px; position: absolute; right: 0; top: 0; background: rgba(45, 45, 45, 0.8); color: #fff; z-index: 10; cursor: pointer; text-align: center; font-family: "FontAwesome"; } .lightbox-popup .popup-inner .expand-icon:before { content: "\f065"; } .lightbox-popup .popup-inner .expand-icon:hover { font-size: 20px; } .lightbox-popup .popup-inner .expand-icon.compress { font-size: 20px; } .lightbox-popup .popup-inner .expand-icon.compress:before { content: "\f066"; } .lightbox-popup .popup-inner .expand-icon.compress:hover { font-size: 18px; } @media (max-width: 767px) { .lightbox-popup .popup-inner { height: 100%; } } @media (max-width: 767px) { .lightbox-popup { position: absolute; width: 100% !important; height: 100%; margin: 0; } } .lightbox-left { float: left; width: 860px; position: relative; z-index: 10; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .lightbox-left .header-title { width: 100%; padding-right: 180px; } @media (max-width: 767px) { .lightbox-left { z-index: inherit; } } .lightbox-left .lightbox-close { display: none; } @media (max-width: 767px) { .lightbox-left .lightbox-close { display: inline-block; } } .lightbox-left .show { display: inline-block !important; } @media (max-width: 767px) { .lightbox-left { height: 100%; } } .lightbox-right { position: absolute; top: 0; right: 0; width: 280px; background-color: #fff; z-index: 5; } .lightbox-right .lightbox-header { background-color: #393939; } @media (max-width: 767px) { .lightbox-right { z-index: -1; top: 45px; width: 100%; height: calc(100% - 45px); } } .lightbox-right.in { z-index: 2; } .lightbox-header { width: 100%; height: 60px; background-color: #2d2d2d; position: relative; z-index: 1; } .lightbox-header .header-title { padding-left: 20px; width: 100%; } .lightbox-header .header-title p { color: #fff; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 92%; line-height: 60px; } @media (max-width: 767px) { .lightbox-header .header-title p { line-height: 45px; } } .lightbox-header .header-title img { margin-right: 10px; display: inline-block; vertical-align: middle; margin-top: -5px; } .lightbox-header .header-actions { position: absolute; right: 0; top: 0; } .lightbox-header .header-actions ul { font-size: 0; } .lightbox-header .header-actions li { margin: 0; line-height: 60px; padding: 0 20px; color: #575757; border-left: 1px solid #575757; font-size: 24px !important; } .lightbox-header .header-actions li:hover { color: #fff; } .lightbox-header .header-actions li:focus { color: #fff; } .lightbox-header .header-actions li:active { color: #fff; } @media (max-width: 767px) { .lightbox-header .header-actions li { color: #fff; font-size: 18px !important; width: 50px; text-align: center; padding: 0; } } .lightbox-header .header-actions span { width: auto; height: auto; line-height: 100%; opacity: 1; background-color: transparent; } .lightbox-header .header-actions span:hover { background-color: transparent; } .lightbox-header .header-actions .lightbox-close { color: #fff; } .lightbox-header .header-actions .tooltip_left { right: 50px; } @media (max-width: 767px) { .lightbox-header .visible-xs { display: inline-block !important; } } @media (max-width: 767px) { .lightbox-header { height: 45px; background-color: #000; border-bottom: 1px solid #575757; } .lightbox-header .header-actions li { line-height: 45px; font-size: 18px; } .lightbox-header .header-actions .share-btn { display: none; } } .gallery-area { background-color: #000; padding: 20px; position: relative; min-height: 566px; } .gallery-area .lightbox-slide { margin: 0; display: none; padding: 0; } .gallery-area .lightbox-slide img { width: auto; max-height: 600px; display: inline-block; } .gallery-area .gallery-inner { width: 100%; position: relative; left: 50%; top: 0; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } @media (max-width: 767px) { .gallery-area .gallery-inner { position: absolute; left: 50%; top: 44%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .gallery-area .owl-carousel .owl-item { text-align: center; } .gallery-area .owl-controls { margin: 0; } @media (min-width: 768px) and (max-width: 991px) { .gallery-area { min-height: inherit; } } @media (max-width: 767px) { .gallery-area { min-height: calc(100% - 45px); padding: 0 0 50px; } } .agent-area .form-small { padding: 20px; } .agent-area .agent-media .media-left a, .agent-area .agent-media .next-prev-block .media-right a, .next-prev-block .agent-area .agent-media .media-right a { width: 100px !important; } .lightbox-slide-nav { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; background-color: #000; border-top: 1px solid #4b4b4b; } .lightbox-arrow-left { float: left; border-right: 1px solid #4b4b4b !important; } .lightbox-arrow-right { float: right; border-left: 1px solid #4b4b4b !important; } .lightbox-arrow { width: 50px; height: 50px; text-align: center; background-color: transparent; color: #fff; font-size: 24px; border: none; cursor: pointer; position: relative; z-index: 1; } .lightbox-arrow:hover { background-color: #00aeef; } .lightbox-nav-title { position: absolute; left: 0; right: 0; top: 0; padding: 0 50px; line-height: 50px; color: #fff; text-align: center; } /*START TYPOGRAPHY STYLE*/ h2{ font-family: Post Grotesk book;} body { font-family: Post Grotesk Light; font-size: 16px; font-weight: 400; line-height: 1.42857143; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 767px) { body { font-size: 12px;} #add_property_sidebar_mobile {display:block !important} #add_property_sidebar {display:none !important} } @media (min-width: 768px) { #add_property_sidebar {display:block !important} #add_property_sidebar_mobile {display:none !important} } strong, b { font-family: Post Grotesk Light; font-weight: 600; } .breadcrumb { line-height: 12px; } .breadcrumb li { font-size: 18px; line-height: 12px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .breadcrumb li { line-height: 18px; } } /*START PAGE TITLE AND BREADCRUMBS TYPO*/ .page-title .title-head { font-size: 30px; line-height: 38px; margin: 0; font-weight: 500; text-transform: capitalize; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { .page-title .title-head { font-size: 24px; } } @media (max-width: 767px) { .page-title .title-head { font-size: 20px; line-height: 28px; } } @media (max-width: 481px) { .page-title .title-head { font-size: 18px !important; line-height: 24px !important; } } .page-title h1 { font-size: 30px; line-height: 38px; margin: 0; font-weight: 500; text-transform: capitalize; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { .page-title h1 { font-size: 24px; } } @media (max-width: 767px) { .page-title h1 { font-size: 20px; line-height: 28px; } } @media (max-width: 481px) { .page-title h1 { font-size: 18px !important; line-height: 24px !important; } } h1 { font-size: 26px; line-height: 32px; margin: 0 0 20px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { h1 { font-size: 24px; line-height: 30px; margin-bottom: 15px; } } @media (max-width: 767px) { h1 { font-size: 20px; line-height: 26px; margin-bottom: 10px; } } h2 { font-size: 24px; line-height: 20px; margin: 0 0 20px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { h2 { font-size: 22px; line-height: 28px; margin-bottom: 15px; } } @media (max-width: 767px) { h2 { font-size: 18px; line-height: 24px; margin-bottom: 10px; } } h3 { font-size: 20px; line-height: 26px; margin: 0 0 20px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { h3 { font-size: 18px; line-height: 24px; margin-bottom: 15px; } } @media (max-width: 767px) { h3 { font-size: 16px; line-height: 22px; margin-bottom: 10px; } } h4 { font-size: 18px; line-height: 26px; margin: 0 0 20px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { h4 { font-size: 16px; line-height: 22px; margin-bottom: 15px; } } @media (max-width: 767px) { h4 { font-size: 16px; line-height: 22px; margin-bottom: 10px; } } h5 { font-size: 16px; line-height: 24px; margin: 0 0 20px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { h5 { font-size: 14px; line-height: 20px; margin-bottom: 15px; } } @media (max-width: 767px) { h5 { font-size: 14px; line-height: 20px; margin-bottom: 10px; } } h6 { font-size: 14px; line-height: 20px; margin: 0 0 20px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { h6 { margin-bottom: 15px; } } @media (max-width: 767px) { h6 { margin-bottom: 10px; } } p { font-size: 16px; line-height: 24px; margin: 0 0 20px 0; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { p { font-size: 14px; line-height: 20px; margin-bottom: 15px; } } @media (max-width: 767px) { p { font-size: 14px; line-height: 20px; margin-bottom: 10px; } } .form-control, .post-password-form input[type='password'] { font-size: 14px; line-height: 1.42857; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } .dropdown-menu > li > a { font-size: 14px; line-height: 1.42857; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } .rating { font-size: 13px; line-height: 13px; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } .top-bar .top-nav > ul > li > a { font-size: 13px; line-height: 31px; margin: 0; font-weight: 400; text-transform: capitalize; text-align: inherit; } .splash-search h1 { font-size: 43px; line-height: 43px; margin: 0 0 10px; font-weight: 500; text-transform: inherit; text-align: center; } @media (min-width: 768px) and (max-width: 991px) { .splash-search h1 { font-size: 30px; line-height: 36px; } } @media (max-width: 767px) { .splash-search h1 { font-size: 24px; line-height: 28px; } } @media (max-width: 481px) { .splash-search h1 { font-size: 20px; line-height: 24px; } } .splash-search .banner-sub-title { color: #fff; font-size: 24px; line-height: 26px; margin: 0 0 35px 0; font-weight: 300; text-transform: inherit; text-align: center; } @media (min-width: 768px) and (max-width: 991px) { .splash-search .banner-sub-title { font-size: 20px; margin: 0 0 25px; } } @media (max-width: 767px) { .splash-search .banner-sub-title { font-size: 14px; line-height: 18px; margin: 0 0 15px; } } .banner-caption h1 { font-size: 43px; line-height: 43px; margin: 0 0 10px; font-weight: 400; text-transform: inherit; text-align: center; } @media (min-width: 768px) and (max-width: 991px) { .banner-caption h1 { font-size: 36px; line-height: 38px; } } @media (max-width: 767px) { .banner-caption h1 { font-size: 22px; line-height: 26px; margin: 0 0 5px; } } @media (max-width: 481px) { .banner-caption h1 { font-size: 18px; line-height: 24px; margin: 0 0 5px; } } .banner-caption h2 { font-size: 24px; line-height: 24px; margin: 0 0 10px; font-weight: 300; text-transform: inherit; text-align: center; } @media (max-width: 767px) { .banner-caption h2 { font-size: 14px; line-height: 16px; } } .header-right a { font-size: 15px; font-weight: 600 !important; text-align: right; } .navi ul { font-size: 0; line-height: inherit; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } .navi ul li { font-size: 15px; line-height: 14px; margin: 0; font-weight: 600 !important;; text-transform: capitalize; text-align: inherit; } .navi ul ul li { font-size: 14px; line-height: 18px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; } /*START LIST GRID AREA STYLE*/ .list-tabs .tabs a { font-size: 14px; line-height: 14px; margin: 0; font-weight: 500; text-transform: uppercase; text-align: center; } @media (max-width: 767px) { .list-tabs .tabs a { font-size: 12px; line-height: 12px; font-weight: 400; } } .sort-tab .btn { font-size: 14px; line-height: 1; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .sort-tab .btn { font-size: 12px; } } .item-body .property-title { font-size: 18px; line-height: 20px; margin: 0 0 7px 0; font-family: Post Grotesk Medium; text-transform: capitalize; color: #474747; } @media (max-width: 767px) { .item-body .property-title { font-size: 14px; line-height: 18px; } } .item-body .property-location { font-size: 16px; line-height: 18px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; font-family: Post Grotesk Book; } @media (max-width: 767px) { .item-body .property-location { font-size: 12px; line-height: 14px; } } .item-body .date p { font-size: 12px; line-height: 12px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } .item-body .phone p { font-size: 12px; line-height: 12px; margin: 8px 0 0 0; font-weight: 400; text-transform: inherit; text-align: inherit; } .price .price-start { font-size: 12px; line-height: 12px; margin-bottom: 7px; } .price h3 { font-size: 18px; line-height: 18px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; margin-right:0px; float:left; } @media (max-width: 767px) { .price h3 { font-size: 14px; line-height: 14px; } } .price .rant { font-size: 12px; line-height: 12px; margin: 7px 0 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .price .item-price { font-size: 18px; line-height: 18px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .price .item-price { font-size: 14px; line-height: 14px; } } .price .item-sub-price { font-size: 12px; line-height: 12px; margin: 7px 0 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .item-thumb, figure, .carousel-module .carousel .item figure { /*.cap-actions{ @include typography(12px, 16px, 0, 400, inherit, inherit); }*/ } .item-thumb .label-featured, figure .label-featured, .carousel-module .carousel .item figure .label-featured { font-size: 12px; line-height: 11px; margin: 0; text-transform: uppercase; text-align: inherit; font-weight: 600; font-family: Post Grotesk Book; } .item-thumb .thumb-caption, figure .thumb-caption, .carousel-module .carousel .item figure .thumb-caption { /*.actions{ @include typography(0, 14px, 0, 400, inherit, inherit); }*/ } .item-thumb .thumb-caption .cap-price, figure .thumb-caption .cap-price, .carousel-module .carousel .item figure .thumb-caption .cap-price { font-size: 16px; line-height: 16px; margin: 0; font-weight: 500; text-transform: uppercase; text-align: inherit; } .item-thumb .thumb-caption .cap-social, figure .thumb-caption .cap-social, .carousel-module .carousel .item figure .thumb-caption .cap-social { font-size: 12px; line-height: 12px; margin: 0; font-weight: 400; text-transform: uppercase; text-align: inherit; } .item-foot p { font-size: 12px; line-height: 20px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } .detail h3 { font-size: 14px; line-height: 26px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .detail ul { font-size: 14px; line-height: 18px; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .detail ul { font-size: 12px; line-height: 16px; } } .detail .cap-price { font-size: 16px; line-height: 16px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .detail .cap-price { font-size: 14px; line-height: 14px; } } .item-body .amenities p { font-size: 13px; line-height: 16px; margin: 0 0 5px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } /*START ADVANCED SEARCH SECTION*/ #advanced-search .dropdown-toggle { font-size: 16px; line-height: 1.42857; margin: 0; font-weight: 400; text-transform: inherit; text-align: center; } @media (max-width: 481px) { #advanced-search .dropdown-toggle { font-weight: 400; text-transform: inherit; } } #advanced-search .form-control, #advanced-search .post-password-form input[type='password'], .post-password-form #advanced-search input[type='password'] { font-size: 16px; line-height: 1.42857; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } @media (max-width: 481px) { #advanced-search .form-control, #advanced-search .post-password-form input[type='password'], .post-password-form #advanced-search input[type='password'] { font-weight: 400; text-transform: inherit; } } #advanced-search .advance-btn { font-size: 16px; line-height: 19px; margin: 0; font-weight: 400; text-transform: capitalize; text-align: inherit; background: transparent; font-weight: 400; } #advanced-search .advance-btn:hover { color: #4cc6f4; box-shadow: none; } #advanced-search .features-list label.title { font-size: 14px; line-height: 14px; margin: 7px 0 14px 0; font-weight: 700; text-transform: uppercase; text-align: inherit; } /*START MODULES STYLE*/ .module-title h1 { font-size: 32px; line-height: 38px; margin: 0 0 20px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .module-title h1 { font-size: 28px; line-height: 34px; margin: 0 0 10px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } } @media (max-width: 481px) { .module-title h1 { font-size: 20px; line-height: 24px; } } .module-title h2 { font-size: 24px; line-height: 30px; margin: 0 0 10px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .module-title h2 { font-size: 18px; line-height: 22px; } } @media (max-width: 481px) { .module-title h2 { font-size: 16px; line-height: 20px; } } .module-title .sub-heading { font-size: 18px; line-height: 24px; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .module-title .sub-heading { font-size: 14px; line-height: 20px; } } .sub-heading { font-size: 16px; line-height: 24px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .sub-heading { font-size: 14px; line-height: 20px; } } .houzez-module .module-title-nav h2 { font-size: 24px; line-height: 32px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .houzez-module .module-title-nav h2 { font-size: 18px; line-height: 24px; } } .houzez-module .module-title-nav .sub-title { font-size: 18px; line-height: 18px; margin: 5px 0 0 0; font-weight: 300; text-transform: inherit; text-align: inherit; } .houzez-module .module-title-nav .module-nav .btn { font-size: 10px; line-height: 10px; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } .services-module .service-block h3 { font-size: 20px; line-height: 24px; margin: 0 0 8px 0; font-weight: 400; text-transform: inherit; text-align: inherit; } @media (min-width: 992px) and (max-width: 1199px) { .services-module .service-block h3 { font-size: 18px; line-height: 22px; } } @media (max-width: 767px) { .services-module .service-block h3 { font-size: 16px; line-height: 20px; } } .services-module .service-block p { font-size: 16px; line-height: 22px; margin: 0 0 10px 0; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .services-module .service-block p { font-size: 12px; line-height: 20px; } } .services-module .service-block .find { font-size: 16px; line-height: 16px; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .services-module .service-block .find { font-size: 12px; line-height: 12px; } } .services-module.style2 h3 { font-size: 18px; line-height: 22px; margin: 0 0 8px 0; font-weight: 700; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .services-module.style2 h3 { font-size: 16px; line-height: 22px; margin: 0 0 8px 0; font-weight: 700; text-transform: inherit; text-align: inherit; } } /*START POST CARD MODULES STYLE*/ .post-card-item .thumb-caption h3 { font-size: 16px; line-height: 20px; margin: 0; font-weight: 700; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .post-card-item .thumb-caption h3 { font-size: 14px; line-height: 18px; } } .post-card-description h3 { font-size: 16px; line-height: 24px; margin: 0 0 10px; font-weight: 400; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .post-card-description h3 { font-size: 14px; line-height: 18px; } } .post-card-description .read { font-size: 14px; line-height: 14px; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } /*START AGENTS MODULE STYLE*/ .agents-block .block-body .description, .partner-block .block-body .description { font-size: 16px; line-height: 20px; margin: 0 0 20px 0; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .agents-block .block-body .description, .partner-block .block-body .description { font-size: 14px; line-height: 20px; } } .agents-block .block-body .auther-info, .partner-block .block-body .auther-info { font-size: 14px; line-height: 18px; margin: 0 0 10px 0; font-weight: 400; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .agents-block .block-body .auther-info, .partner-block .block-body .auther-info { font-size: 12px; line-height: 16px; } } .agents-block .block-body .view, .partner-block .block-body .view { font-size: 16px; line-height: 16px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .agents-block .block-body .view, .partner-block .block-body .view { font-size: 14px; line-height: 14px; } } .block-body .description { font-size: 16px; line-height: 22px; margin: 0 0 15px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { .block-body .description { font-size: 14px; line-height: 24px; } } @media (max-width: 767px) { .block-body .description { font-size: 14px; line-height: 24px; } } .block-body h3.description { font-size: 18px; line-height: 30px; margin: 0 0 15px 0; font-weight: 400; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { .block-body h3.description { font-size: 14px; line-height: 24px; } } @media (max-width: 767px) { .block-body h3.description { font-size: 14px; line-height: 24px; } } .block-body .auther-info { font-size: 14px; line-height: 20px; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } /*START CALL TO ACTION MODULES STYLE*/ .callto-action div h3 { font-size: 24px; line-height: 28px; margin: 0 0 10px 0; font-weight: 700; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { .callto-action div h3 { font-size: 20px; line-height: 24px; margin: 0 0 10px 0; font-weight: 700; text-transform: inherit; text-align: inherit; } } @media (max-width: 767px) { .callto-action div h3 { font-size: 18px; line-height: 22px; margin: 0 0 10px 0; font-weight: 700; text-transform: inherit; text-align: inherit; } } .callto-action div p { font-size: 16px; line-height: 20px; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } /*START LOCATION MODULE STYLE*/ .location-block .heading { font-size: 24px; line-height: 24px; margin: 0 0 5px; font-weight: 700; text-align: center; } @media (max-width: 767px) { .location-block .heading { font-size: 20px; line-height: 20px; margin: 0 0 5px; font-weight: 700; } } @media (max-width: 481px) { .location-block .heading { font-size: 18px; line-height: 18px; } } .location-block .sub-heading { font-size: 14px; line-height: 14px; margin: 0; font-weight: 400; text-transform: uppercase; text-align: center; } /*START BANNER MODULE STYLE*/ /*START MY ACCOUNT STYLE*/ .my-menu li a { font-size: 13px; line-height: 13px; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } /*START DETAIL TOP SECTION STYLE*/ .header-detail h1 { font-size: 30px; line-height: 30px; margin: 0 0 9px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { .header-detail h1 { font-size: 24px; line-height: 28px; } } @media (max-width: 767px) { .header-detail h1 { font-size: 18px; line-height: 20px; margin-bottom: 5px; } } .header-detail .property-address { font-size: 18px; line-height: 18px; margin: 0 !important; font-weight: 400; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .header-detail .property-address { font-size: 12px; line-height: 12px; } } .header-detail .item-price { font-size: 30px; line-height: 30px; margin: 0 0 8px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { .header-detail .item-price { font-size: 24px; line-height: 28px; } } @media (max-width: 767px) { .header-detail .item-price { font-size: 16px; line-height: 20px; margin-bottom: 0; } } .header-detail .item-sub-price { font-size: 18px; line-height: 18px; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; margin-bottom: 10px; } @media (min-width: 768px) and (max-width: 991px) { .header-detail .item-sub-price { font-size: 16px; } } @media (max-width: 767px) { .header-detail .item-sub-price { font-size: 12px; } } .header-detail .label-wrap .label { font-size: 12px; line-height: 12px; text-transform: uppercase; font-weight: 500; } @media (max-width: 767px) { .header-detail .label-wrap .label { font-size: 10px; line-height: 11px; } } .detail-top-full .header-detail h4 { font-size: 18px; line-height: 18px; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } @media (min-width: 768px) and (max-width: 991px) { .detail-top-full .header-detail h4 { font-size: 16px; } } @media (max-width: 767px) { .detail-top-full .header-detail h4 { font-size: 14px; } } /*START AGENT MEDIA STYLE*/ .form-small .head-left { font-size: 14px; line-height: 18px; font-weight: 500; } .form-small .head-right { font-size: 14px; line-height: 18px; font-weight: 500; } .form-small .form-small-title { font-size: 14px; line-height: 18px; font-weight: 500; } .agent-media dt { font-size: 14px; line-height: 20px; margin: 0 0 4px; font-weight: 500; text-transform: uppercase; text-align: inherit; } @media (max-width: 767px) { .agent-media dt { font-size: 12px; line-height: 18px; } } .agent-media dd { font-size: 14px; line-height: 20px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .agent-media dd { font-size: 12px; line-height: 18px; } } .agent-media .view { font-weight: 500; font-size: 14px; width: 100% !important; color:#222; } span.sidebar_uname { display: block; } .agent-media .media-heading { font-size: 14px; line-height: 20px; margin: 0 0 4px; font-weight: 500; text-transform: uppercase; text-align: inherit; } /*START DETAIL PAGE STYLE*/ .detail-bar h1 { font-size: 24px; line-height: 28px; margin: 0 0 20px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .detail-bar h1 { font-size: 20px; line-height: 24px; margin-bottom: 15px; } } .detail-bar h2 { font-size: 24px; line-height: 24px; margin: 0 0 20px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .detail-bar h2 { font-size: 16px; line-height: 22px; margin-bottom: 15px; } } .detail-bar h3 { font-size: 18px; line-height: 22px; margin: 0 0 20px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .detail-bar h3 { font-size: 14px; line-height: 18px; margin-bottom: 15px; } } .detail-bar h4 { font-size: 16px; line-height: 20px; margin: 0 0 20px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .detail-bar h4 { font-size: 12px; line-height: 18px; margin-bottom: 15px; } } .detail-bar p { font-size: 16px; line-height: 24px; margin: 0 0 20px 0; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .detail-bar p { font-size: 12px; line-height: 22px; margin-bottom: 15px; } } .detail-bar ul li { font-size: 16px; line-height: 30px; padding-right: 4px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .detail-bar ul li { font-size: 14px; line-height: 22px; } } .detail-bar ol li { font-size: 16px; line-height: 30px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .detail-bar ol li { font-size: 14px; line-height: 22px; } } .detail-bar .detail-tabs li { font-size: 14px; line-height: 14px; margin: 0; font-weight: 500; text-transform: uppercase; text-align: center; border: 1px solid #878787 !important; border-bottom: 0 !important; } @media (max-width: 767px) { .detail-bar .detail-tabs li { font-size: 12px; } } @media (max-width: 481px) { .detail-bar .detail-tabs li { line-height: 26px; } } .detail-bar .agent-media li { font-size: 14px; line-height: 20px; margin: 0 0 2px; font-weight: 300; text-transform: inherit; text-align: inherit; } .detail-title .title-left { font-size: 18px; line-height: 18px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .detail-title .title-left { font-size: 14px; } } .detail-title p { font-size: 12px; line-height: 18px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; /*@include respond-to(tablet-portrait){ line-height: 18px; }*/ } .detail-title-inner .title-inner { font-size: 16px; line-height: 16px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .detail-title-inner .title-inner { font-size: 14px; } } .next-prev-block h3 { font-size: 16px; line-height: 16px; margin: 0 0 10px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .next-prev-block h3 { font-size: 12px; line-height: 12px; margin: 0 0 10px 0; font-weight: 400; text-transform: inherit; text-align: inherit; } } .next-prev-block h4 { font-size: 16px; line-height: 16px; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .next-prev-block h4 { font-size: 12px; line-height: 12px; margin: 0 0 10px 0; font-weight: 300; text-transform: inherit; text-align: inherit; } } .next-prev-block i { font-size: 18px; } @media (max-width: 767px) { .next-prev-block i { font-size: 15px; } } /*START ARTICLE DETAIL STYLE*/ .article-detail h1, .comments-block h1 { font-size: 30px; line-height: 38px; margin: 0 0 24px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail h2, .comments-block h2 { font-size: 24px; line-height: 32px; margin: 0 0 18px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail h3, .comments-block h3 { font-size: 20px; line-height: 28px; margin: 0 0 18px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail h4, .comments-block h4 { font-size: 18px; line-height: 26px; margin: 0 0 18px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail h5, .comments-block h5 { font-size: 16px; line-height: 24px; margin: 0 0 18px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail h6, .comments-block h6 { font-size: 14px; line-height: 20px; margin: 0 0 18px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail p, .comments-block p { font-size: 16px; line-height: 24px; margin: 0 0 20px 0; font-weight: 300; text-transform: inherit; text-align: inherit; } .article-detail p:last-child, .comments-block p:last-child { margin: 0; } .article-detail ul li, .comments-block ul li { font-size: 16px; line-height: 30px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } .article-detail ol li, .comments-block ol li { font-size: 16px; line-height: 30px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } .article-detail dt, .comments-block dt, .article-detail dd, .comments-block dd { line-height: 24px; } .article-detail dd, .comments-block dd { font-size: 16px; } @media (min-width: 768px) and (max-width: 991px) { .article-detail h1, .comments-block h1 { font-size: 28px; line-height: 36px; margin: 0 0 24px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail h2, .comments-block h2 { font-size: 22px; line-height: 30px; margin: 0 0 18px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail h3, .comments-block h3 { font-size: 18px; line-height: 26px; margin: 0 0 18px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail h4, .comments-block h4 { font-size: 16px; line-height: 24px; margin: 0 0 18px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail h5, .comments-block h5 { font-size: 14px; line-height: 22px; margin: 0 0 18px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail h6, .comments-block h6 { font-size: 12px; line-height: 18px; margin: 0 0 18px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail p, .comments-block p { font-size: 14px; line-height: 20px; margin: 0 0 18px 0; font-weight: 300; text-transform: inherit; text-align: inherit; } .article-detail ul li, .comments-block ul li { font-size: 14px; line-height: 22px; } .article-detail ol li, .comments-block ol li { font-size: 14px; line-height: 22px; } .article-detail dt, .comments-block dt, .article-detail dd, .comments-block dd { line-height: 22px; } .article-detail dd, .comments-block dd { font-size: 14px; } } @media (max-width: 767px) { .article-detail h1, .comments-block h1 { font-size: 22px; line-height: 28px; margin: 0 0 20px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail h2, .comments-block h2 { font-size: 20px; line-height: 26px; margin: 0 0 16px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail h3, .comments-block h3 { font-size: 18px; line-height: 24px; margin: 0 0 16px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail h4, .comments-block h4 { font-size: 16px; line-height: 22px; margin: 0 0 16px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail h5, .comments-block h5 { font-size: 14px; line-height: 20px; margin: 0 0 16px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail h6, .comments-block h6 { font-size: 12px; line-height: 18px; margin: 0 0 16px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail p, .comments-block p { font-size: 12px; line-height: 18px; margin: 0 0 16px 0; font-weight: 300; text-transform: inherit; text-align: inherit; } .article-detail ul li, .comments-block ul li { font-size: 12px; line-height: 20px; } .article-detail ol li, .comments-block ol li { font-size: 12px; line-height: 20px; } .article-detail dt, .comments-block dt, .article-detail dd, .comments-block dd { line-height: 20px; } .article-detail dd, .comments-block dd { font-size: 12px; } } @media (max-width: 481px) { .article-detail h1, .comments-block h1 { font-size: 18px; line-height: 20px; margin: 0 0 18px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail h2, .comments-block h2 { font-size: 16px; line-height: 18px; margin: 0 0 15px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail h3, .comments-block h3 { font-size: 14px; line-height: 16px; margin: 0 0 15px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail h4, .comments-block h4 { font-size: 12px; line-height: 14px; margin: 0 0 15px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .article-detail h5, .comments-block h5 { font-size: 12px; line-height: 14px; margin: 0 0 15px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } } .list-three-col li { font-size: 18px; line-height: 28px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .list-three-col li { font-size: 12px; line-height: 25px; } } .accord-block h3 { font-size: 16px; line-height: 22px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .accord-block h3 { font-size: 14px; line-height: 20px; font-weight: 400; } } .accord-block li { font-size: 14px; line-height: 16px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .accord-block li { font-size: 12px; line-height: 14px; } } .accord-block .expand-icon { font-size: 18px; line-height: 50px; margin: 0; font-weight: 500; text-transform: inherit; text-align: center; } /*START PAGINATION STYLE*/ .pagination-main .pagination a { font-size: 15px; line-height: 28px; margin: 0; font-weight: 500; text-transform: inherit; text-align: center; } /*START PROFILE DETAIL PAGE STYLE*/ .profile-detail-block .form-small h3 { font-size: 14px; line-height: 14px; margin: 0 0 15px 0; font-weight: 500; text-transform: uppercase; text-align: inherit; } @media (max-width: 767px) { .profile-detail-block .form-small h3 { font-size: 12px; line-height: 12px; } } .profile-description .agent-title, .agency-description .agent-title { font-size: 18px; line-height: 24px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .profile-description .agent-title, .agency-description .agent-title { font-size: 16px; line-height: 22px; } } .profile-description h3, .agency-description h3 { font-size: 18px; line-height: 24px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .profile-description h3, .agency-description h3 { font-size: 16px; line-height: 22px; } } .profile-description p, .agency-description p { font-size: 14px; line-height: 22px; margin: 0 0 35px; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .profile-description p, .agency-description p { margin-bottom: 20px; } } .profile-description .position, .agency-description .position { font-size: 14px; line-height: 20px; margin: 0 0 23px; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .profile-description .position, .agency-description .position { font-size: 12px; line-height: 18px; margin-bottom: 12px; } } .profile-contact li, .agency-contact li { font-size: 14px; line-height: 14px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .profile-contact li, .agency-contact li { font-size: 12px; line-height: 12px; } } .profile-rating li { font-size: 14px; line-height: 21px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } .profile-tabs li { font-size: 14px; line-height: 3.4; margin: 0; font-weight: 500; text-transform: uppercase; text-align: center; } @media (max-width: 767px) { .profile-tabs li { font-size: 12px; } } .profile-tab-content .title { font-size: 18px; line-height: 22px; margin: 0 0 30px; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .profile-tab-content .title { font-size: 16px; line-height: 20px; margin: 0 0 15px; } } .profile-overview p { font-size: 16px; line-height: 23px; margin: 0 0 24px; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .profile-overview p { font-size: 14px; line-height: 20px; margin: 0 0 15px; } } .reviews-list .media-heading { font-size: 16px; line-height: 18px; margin: 0 16px 0 0 !important; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .reviews-list .media-heading { font-size: 14px; } } .reviews-list .review-date { font-size: 14px; line-height: 14px; margin: 0 0 14px; font-weight: 400; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .reviews-list .review-date { font-size: 12px; line-height: 12px; margin: 0 0 8px; } } .add-review-block .review-title { font-size: 18px; line-height: 22px; margin: 0 0 20px; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .add-review-block .review-title { font-size: 14px; line-height: 18px; margin: 0 0 15px; } } .add-rating label { font-size: 16px; line-height: 20px; margin: 0 10px 0 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .add-rating label { font-size: 14px; line-height: 18px; } } /*START WIDGETS TYPO STYLE*/ .widget .media-heading {font-family: Post Grotesk Book; font-size: 14px; line-height: 18px; margin: 0 0 5px; font-weight: 500; text-transform: inherit; text-align: inherit; } .widget h4 { font-size: 14px; line-height: 18px; margin: 0 0 8px; font-weight: 500; text-transform: inherit; text-align: inherit; } .widget .amenities p { font-size: 12px; line-height: 15px; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } .widget .rating .star-text-left { font-size: 14px; line-height: 14px; margin: 0 5px 0 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .widget p { font-size: 18px; line-height: 1.42857; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } .widget-download .widget-title { font-size: 20px; line-height: 20px; margin: 0 0 20px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .widget-download .widget-title { font-size: 16px; line-height: 14px; } } .widget-download li { font-size: 14px; line-height: 14px; margin: 0 0 15px 0; font-weight: 300; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .widget-download li { font-size: 12px; line-height: 12px; } } .widget-categories li, .widget_categories li, .widget_archive li, .widget_meta li, .widget_recent_entries li, .widget_pages li, .widget-pages li, .widget_recent_comments li, .widget_nav_menu li { font-size: 14px; line-height: 18px; margin: 0 0 10px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .widget-categories li, .widget_categories li, .widget_archive li, .widget_meta li, .widget_recent_entries li, .widget_pages li, .widget-pages li, .widget_recent_comments li, .widget_nav_menu li { font-size: 12px; line-height: 14px; margin: 0 0 10px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } } .widget-title { font-size: 18px; line-height: 24px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .widget-range h4 { font-size: 12px; line-height: 12px; margin: 0 0 10px 0; font-weight: 400; text-transform: inherit; text-align: inherit; } .widget-range .range-input { font-size: 12px; line-height: 12px; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } /*START FOOTER WIDGETS STYLE*/ .footer p { font-size: 14px; line-height: 20px; margin: 0 0 12px 0; font-weight: 300; text-transform: inherit; text-align: inherit; } .footer .widget-pages li { font-size: 14px; line-height: 14px; margin: 0 0 10px 0; font-weight: 700; text-transform: inherit; text-align: inherit; } .footer .widget-news .media-heading { font-size: 15px; line-height: 15px; margin: 0 0 4px 0; font-weight: 700; text-transform: inherit; text-align: inherit; } .footer .widget-news p { font-size: 13px; line-height: 17px; margin: 0 0 4px 0; font-weight: 400; text-transform: inherit; text-align: inherit; } /*START BOOTSTAP BUTTONS STYLE*/ .btn { padding: 7px 10px; display: inline-block; margin-bottom: 0; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; border: none; outline: none !important; font-size: 14px; line-height: 1.42857; margin: 0; font-weight: 500; text-transform: inherit; text-align: center; } .btn .fa.fa-left { margin-right: 8px; } .btn .fa.fa-right { margin-left: 8px; } .btn .fa.pull-left { line-height: 20px; } @media (min-width: 768px) and (max-width: 991px) { .btn { padding: 15px 15px; font-size: 14px; } } @media (max-width: 767px) { .btn { padding: 15px 15px; font-size: 14px; } } .btn-long { padding-left: 55px; padding-right: 55px; } .btn-md { padding: 8px 15px; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { background-color: transparent; border: 1px solid #fff; color: #fff; } .btn-default:hover { color: #fff; border-color: #fff; background: rgba(255, 255, 255, 0.2); } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #fff; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; /*background-color: #d4d4d4; border-color: #8c8c8c;*/ } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #00aeef; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #009bd6; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #009bd6; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #009bd6; border-color: #204d74; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; /*background-color: #0497ce; border-color: #122b40;*/ } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-secondary { color: #fff; background-color: #2ebe67; border-color: #2ebe67; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #2ebe67; border-color: #2ebe67; } .btn-secondary:hover { color: #fff; background-color: #2ebe67; border-color: #2ebe67; } .btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary { color: #fff; background-color: #00a44c; border-color: #00a44c; } .btn-secondary:active:hover, .btn-secondary.active:hover, .open > .dropdown-toggle.btn-secondary:hover, .btn-secondary:active:focus, .btn-secondary.active:focus, .open > .dropdown-toggle.btn-secondary:focus, .btn-secondary:active.focus, .btn-secondary.active.focus, .open > .dropdown-toggle.btn-secondary.focus { color: #fff; /*background-color: #204d74; border-color: #122b40;*/ } .btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary { background-image: none; } .btn-secondary.disabled, .btn-secondary[disabled], fieldset[disabled] , .btn-secondary.disabled:hover, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover, .btn-secondary.disabled:focus, .btn-secondary[disabled]:focus, fieldset[disabled] .btn-secondary:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary.focus, .btn-secondary.disabled:active, .btn-secondary[disabled]:active, fieldset[disabled] .btn-secondary:active, .btn-secondary.disabled.active, .btn-secondary[disabled].active, fieldset[disabled] .active { /*background-color: #337ab7; border-color: #2e6da4;*/ } .btn-secondary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #71c514; border-color: #71c514; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #5c9917; border-color: #518a11; } .btn-success:hover { color: #fff; background-color: #61ab0f; border-color: #62a617; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #5c9917; border-color: #518a11; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #5c9917; border-color: #518a11; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #7abf2e; border-color: #72b428; } .btn-success .badge { color: #71c514; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: normal; color: #337ab7; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 12px 18px; font-size: 16px; line-height: 1.3333333; border-radius: 4px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px !important; font-size: 12px; line-height: 1.42857; margin: 0; font-weight: 400; text-transform: inherit; text-align: center; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } /*START FOOTER STYLE*/ .splash-footer { padding: 15px 10px 10px 15px; background: rgba(0,0,0,.5); z-index:5; } .splash-foot-left strong {font-weight: 900;font-size: 22px;} .splash-foot-left { text-align: left; color: #fff; } .splash-foot-left p { margin: 0; } .splash-foot-left p i {font-size:21px; margin-right: 5px; } .splash-foot-right, .footer-bottom .foot-social { text-align: right; color: #fff; z-index:50; } .splash-foot-right p, .footer-bottom .foot-social p { margin: 0; } .splash-foot-right p a, .footer-bottom .foot-social p a { text-decoration: none; margin-left: 5px; color: #fff; } /***************CSS BY AKSHEY START*************/ .property-name {font-size: 19px;margin-bottom: 10px;} .info-location h4 {color: #fff;font-size: 14px;margin-bottom: 0px;font-weight:600;} .info-location {float: left;margin-top: -10px; clear: both;} .info-amenities {float: left;} .info-amenities p{font-size: 10px;margin-bottom:0px;color: #fff;} .deals_block {margin-bottom: 5px;} #vmlisting { text-align: center; margin-top: 13px; } #vmlisting .btn-primary{color: #fff; border-color: #2EBE67; background-color: #2EBE67; padding: 12px 13px; } .financed_block1 {float: left;padding-left: 20px;min-height: 135px;margin-right: 15px;} .slidertabs_a {border-right:0 !important;} .financed_block1 a:hover {background-color: #CC2222;} /*************MOBILE CSS ***************/ @media (min-width: 400px) and (max-width: 480px){ #slidertabs li a { width: 165px;} } @media screen and (max-width: 740px) { .splash-foot-left {width: 100%;margin-bottom: 10px;} .splash-foot-right{width: 100%;text-align:center;} /* .financed_text {display: none;}*/ .splash-search {max-height: 100%;} .slidertabs_a {border-right: 1px !important;} #slider_tab {width: 100%;} #slidertabs li a {border: 1px solid #fff !important} #slidertabs li.active::after {display:none;} .main_title{line-height:38px !important;} .financed_block {width: 100% !important;} } @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){ .financed_block{width: 50%;} .financed_block1 {min-height: 85px;} } @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){ .financed_block{width: 100%;} } /************MOBILE CSS END*************/ /***************CSS BY AKSHEY START*************/ #footer-section { width: 100%; } .footer { background-color: #004274; padding: 30px 0 10px; } @media (max-width: 767px) { .footer { padding: 45px 0 15px; } } .footer p { color: #d7d7d7; } .footer a { color: #fff; font-weight: 300; } .footer a:hover { opacity: 0.6; filter: alpha(opacity=60); } .footer .read { margin: 0; margin-top: 20px; font-size: 14px; line-height: 20px; } .footer .read .fa { position: relative; top: 1px; } .footer li { margin-bottom: 6px; font-size: 14px; line-height: 20px; color: #fff; font-weight: 300; } .footer .fa { margin-right: 10px; } .footer .social { font-size: 0; } .footer .social li { font-size: 18px; display: inline-block; margin: 0 7px 0 0 !important; list-style: none; } .footer .social li:last-child { margin: 0; } .footer .social .fa { margin: 0; } .footer-bottom { width: 100%; background-color: #00335A; border-top: 1px solid #00243f; padding: 10px 0; } @media (max-width: 767px) { .footer-bottom { padding: 15px 0; } } @media (max-width: 767px) { .footer-bottom div[class*="col-"] { text-align: center; margin-bottom: 15px; } .footer-bottom div[class*="col-"]:last-child { margin: 0; } } .footer-bottom p { margin: 0; font-size: 12px; font-weight: 300; color: #fff; } .footer-bottom a { color: #fff; } .footer-bottom a:hover { opacity: 0.6; filter: alpha(opacity=60); } .footer-bottom .navi a { color: #fff; line-height: 24px; } .footer-bottom .navi a:hover { color: #fff; opacity: 0.6; filter: alpha(opacity=60); background-color: transparent; } .footer-bottom .navi ul { text-align: center; line-height: normal; } .footer-bottom .navi li { font-size: 14px; line-height: normal; margin: 0; font-weight: 300; text-transform: inherit; text-align: center; } @media (max-width: 767px) { .footer-bottom .navi { text-align: center !important; } } .footer-bottom .foot-social p a { color: #fff; font-size: 14px; } .footer-bottom .foot-social p a:hover { color: #4cc6f4; } @media (max-width: 767px) { .footer-bottom .foot-social { text-align: center; } } /* Chrome, Safari, Opera */ @-webkit-keyframes boxfadeIn { from { opacity: 0; } to { opacity: 1; } } /* Standard syntax */ @keyframes boxfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadein { from { top: -60px; } to { top: 0; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { top: -60px; } to { top: 0; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { top: -60px; } to { top: 0; } } /* Internet Explorer */ @-ms-keyframes fadein { from { top: -60px; } to { top: 0; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { top: -60px; } to { top: 0; } } @-webkit-keyframes bounceInRight { 0%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } 100% { opacity: 1; -moz-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -webkit-transform: translate(-30%, 0); transform: translate(-30%, 0); } } @keyframes bounceInRight { 0%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 1; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } 100% { opacity: 1; -moz-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -webkit-transform: translate(-30%, 0); transform: translate(-30%, 0); } } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } /*START MAP LOADER KEYFRAME ANIMATIONS*/ @-webkit-keyframes uil-ripple { 0% { width: 0; height: 0; opacity: 0; margin: 0 0 0 0; } 33% { width: 44%; height: 44%; margin: -22% 0 0 -22%; opacity: 1; } 100% { width: 88%; height: 88%; margin: -44% 0 0 -44%; opacity: 0; } } @-moz-keyframes uil-ripple { 0% { width: 0; height: 0; opacity: 0; margin: 0 0 0 0; } 33% { width: 44%; height: 44%; margin: -22% 0 0 -22%; opacity: 1; } 100% { width: 88%; height: 88%; margin: -44% 0 0 -44%; opacity: 0; } } @-ms-keyframes uil-ripple { 0% { width: 0; height: 0; opacity: 0; margin: 0 0 0 0; } 33% { width: 44%; height: 44%; margin: -22% 0 0 -22%; opacity: 1; } 100% { width: 88%; height: 88%; margin: -44% 0 0 -44%; opacity: 0; } } @-o-keyframes uil-ripple { 0% { width: 0; height: 0; opacity: 0; margin: 0 0 0 0; } 33% { width: 44%; height: 44%; margin: -22% 0 0 -22%; opacity: 1; } 100% { width: 88%; height: 88%; margin: -44% 0 0 -44%; opacity: 0; } } @keyframes uil-ripple { 0% { width: 0; height: 0; opacity: 0; margin: 0 0 0 0; } 33% { width: 44%; height: 44%; margin: -22% 0 0 -22%; opacity: 1; } 100% { width: 88%; height: 88%; margin: -44% 0 0 -44%; opacity: 0; } } /*START LIST LOADER KEYFRAME ANIMATIONS*/ @-webkit-keyframes loading { 0% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 20% { -ms-transform: scale(1, 2.2); -webkit-transform: scale(1, 2.2); transform: scale(1, 2.2); } 40% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 100% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes loading { 0% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 20% { -ms-transform: scale(1, 2.2); -webkit-transform: scale(1, 2.2); transform: scale(1, 2.2); } 40% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 100% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-ms-keyframes loading { 0% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 20% { -ms-transform: scale(1, 2.2); -webkit-transform: scale(1, 2.2); transform: scale(1, 2.2); } 40% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 100% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-o-keyframes loading { 0% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 20% { -ms-transform: scale(1, 2.2); -webkit-transform: scale(1, 2.2); transform: scale(1, 2.2); } 40% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 100% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @keyframes loading { 0% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 20% { -ms-transform: scale(1, 2.2); -webkit-transform: scale(1, 2.2); transform: scale(1, 2.2); } 40% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 100% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } #myModal .modal-body {padding: 0 15px;} /******************Custom css *********************/ #myModal, #GetPreApproved{background: rgba(0, 0, 0, 0.7);} .partners { margin: 0px 25px 0 35px; } h3.trusted_par{ font-size: 31px; padding: 18px 20px; text-align: center; background: #707070; color: #fff; margin-bottom: 0; } .module-nav.custom_nav { position: absolute; z-index: 999; display: block; width: 100%; } .custom-title-nav { margin-bottom: 15px; display: table; width: 100%; display: block; } .custom_nav button.btn.btn-sm.btn-crl-6-prev { float: left; margin-left: -31px !important; padding: 10px 0 !important; } .custom_nav button.btn.btn-sm.btn-crl-6-next { padding: 13px 0px !important; margin-right: -7px !important; } #property_Denq .btn-secondary{background-color: #2ebe67; border-color: #2ebe67; font-size: 18px;font-family: Post Grotesk Light;} .property-similer .property-listing .figure-block {height: 160px;} .property-similer .label-status, .label-default {background-color: #2ebe67;} .property-similer .btn-primary {background-color: #2ebe67;border-color: #2ebe67;} .property-similer .item-body .amenities {min-height: 0px;} .property-similer address {color: #8b8b8b;font-size: 13px; margin:0; font-family: Post Grotesk Book;} /*.footer-bottom { position: absolute; min-height: 45px;}*/ .houzez-module.proonmap { padding: 0 5px !important; background: #e1e1e1;} .proonmap .grid-view .item-wrap { padding: 3px; background: #e1e1e1; } .maplisting_no { margin-bottom: 0; color: #444; padding: 0 5px;} .proonmap .property-item {padding: 4px;background-color: transparent;} .proonmap .grid-view .property-item .item-body { background: #fff;} .trusted_partner.container { width: 100% !important; visibility: hidden;border-bottom: 1px solid #707070;} .owl-carousel:not(.owl-loaded){ opacity: 0; } a#listingimg { background: #fff; border-top-left-radius: 7px; border-top-right-radius: 7px;} #sel option { background: #c1c1c1 !important; } .partners .item-thumb img{ padding: 0 15px; } #property-details-media .col-md-12 .col-md-2 h2 { font-size: 20px; font-family: Post Grotesk Book; color: #2ebe67;margin-bottom: 10px; } .prop_butn_list ul { margin-top: 10px; margin-bottom: -2px; } h2.this_property_details { padding: 25px 0; margin: 0; clear: both; } .Proleft { width: 50%; float: left; } .proright { width: 50%; float: left; } .Proleft img { padding: 0 5px; } .recomoted_pro { padding: 0 !important; margin-top: 20px; } .proitem { clear: both; padding-top: 8px;} .font_light{font-family: Post Grotesk Light;} .font_book{font-family: Post Grotesk book;} .pro_equ div { width: 42px; float: left; text-align: center; font-size: 12px; border-right: 1px solid #959595; color: #222; line-height: 12px; padding: 0 3px; } .pro_sqft { border-right: 0px !important;} .proright h4 { margin: 0; font-size: 14px; color: #222; } h3.title_recomo { border-bottom: 1px solid #B7B7B7; margin: 0; color: #222; } .property-address { color: #8b8b8b !important; } .form-group { margin-bottom: 15px; border: 1px solid #ddd; border-radius: 6px; border-top: 0px; } .form-control { border: 0 !important; border-bottom: 0px solid #ddd !important; border-top: 1px solid #ddd !important; } .form-group .form-control:nth-child(1) { border-top-right-radius: 5px !important; border-top-left-radius: 5px !important } .form-group .form-control:nth-child(4) { border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important } .contact_info_pro .media-left a { width: 100px; } .contact_info_pro .media-left a img { width: 100px; height: 100px; } .agent_premier { position: absolute; right: 10px; width: 45px; text-align: center; border: 1px solid; padding: 2px 0; border-radius: 3px; top: -15px; font-size: 9px; line-height: 9px; text-transform: uppercase; font-family: Post Grotesk Book; } .similar_pro h2 { margin-bottom: 0; font-size: 40px; color: #2C2C2C; line-height: 40px; } .similar_pro p { margin-bottom: 4px; font-size: 20px; line-height: 20px; color: #2c2c2c; } .property_st { position: absolute; z-index: 999; top: 0; color: #fff; } .propertynew { background: rgba(45,190,103,0.6); padding: 2px 5px 0; font-size: 12px; font-family: Post Grotesk Book; border-top-left-radius: 5px; line-height: 14px; font-weight: 600; } .propertysaleby { background: rgba(177,177,177,0.7); float: left; padding: 2px 5px 0; font-size: 12px; font-family: Post Grotesk Book; text-transform: uppercase; line-height: 14px; font-weight: 600; } .mycustom_heath { color: #0000007a !important; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #fff; font-size: 30px !important; } .similer_wishlist { top: 12px;} .similer_wishlist span { background: transparent !important;} .similer_wishlist span i { font-size: 28px; color:#757575;} .similer_feature { background: #FF0000; float: right; padding: 5px; color: #fff;} .featured_icon { width: 20px; margin-top: -8px;margin-right: -4px;} .similar_images .info-row { padding: 5px; background: #fff; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} .similar_images .info-row h2 { margin: 0; padding: 8px 0;} .Price_similer { color: #3E3E3E; font-size: 14px;} .property-listing_similer .row { box-shadow: 0px 2px 7px 1px #999;border-radius: 5px; } .similar_images .item-thumb img { border-top-right-radius: 5px; border-top-left-radius: 5px;} .pro_ul .share-btn span { background: transparent; color: #000;} .pro_ul .share-btn {padding: 0 !important;} .pro_ul li { font-size: 15px !important; color: #6E6E6E !important; margin: 1px !important;} h2.font_light.viewmore_pro { padding-top: 30px;} div#property-details-media, div#property-details-media .col-md-12, div#property-details-media .col-md-12 .col-md-2, div#property-details-media .col-md-12 .col-md-10 { padding: 0;} .texto_des { width: 100px;} .property_agents a {color: #222;} .user_rate .fa { font-size: 14px;} .property_agents h3 a { font-size: 15px; text-transform: capitalize; font-family: Post Grotesk Book;} .user_Recommendations{clear: both; display: block; padding: 5px 0; color: #63CC8B;} #houzez_properties-1 .rating.prorating.rating1 { margin-bottom: 0 !important;} .similar_images h2 { padding: 5px 0 !important; font-size: 18px; line-height: 20px; font-family: Post Grotesk Medium; text-transform: capitalize;} .column_3{width: 30%;} .column_9 { width: 70%;} @media screen and (max-width: 1024px) { #contact_on_property { top: 11px; width: 100%;} .sidebar_mail-no ul { display: grid;} .Recommended_Agents_bar, .main_first_block .col-sm-9 { width: 100%;} .proright h4 { font-size: 21px; line-height: 24px;} .property-address { line-height: 17px; font-size: 17px;} .pro_equ div { width: 50px; font-size: 18px; line-height: 20px;} .similar_images img { height: 170px !important;} img.featured_icon { height: auto !important;} .propertysaleby, .propertynew {font-size: 11px;} .Recommended_Agents_bar .container-sidebar { padding-right: 20px !important;} img.pro_save { height: auto !important;} } @media screen and (max-width: 991px) { .texto_des { margin: 0 auto;} .proby span { padding: 7px !important; left: 10px; top: 17px; font-size: 10px !important; } .custom_nav button.btn.btn-sm.btn-crl-6-prev { float: left; margin-left: -8px !important; padding: 30px 0 !important;} .custom_nav button.btn.btn-sm.btn-crl-6-next { padding: 30px 0px !important; float: right; margin-right: 10px !important;} .houzez-module .module-title-nav div { width: 99%;} div#carousel-module-6 { padding: 0;} #property-details-media .col-md-12 .col-md-2 h2 { text-align: center;} .onlymobileleft { text-align: left !important; margin-top: -10px;} } @media screen and (max-width: 767px) { .myfloorplane { border-top: 0 !important;} #property-details-media .detail-block { padding: 5px 0;} .header-detail.table-list { padding: 7px;} .property-listing { margin-bottom: 15px;} .proright h4 {font-size: 14px;} .property-address {line-height: 17px; font-size: 17px;} .pro_equ div { width: 35px; font-size: 12px; line-height: 12px;} } @media screen and (max-width: 480px) { .media-tabs .actions { display: none;} .list-three-col li { width: 50%; float: left;} } @media screen and (max-width: 479px) { .pro_ul li { font-size: 10px !important;} a#hidden_number { font-size: 12px !important; margin-left: 0 !important;} .Recommended_Agents_bar .container-sidebar { padding: 0 !important;} .header-detail .header-left { width: 100%;} .header-detail .header-right { width: 100%; float: none; text-align: left;} .header-detail.table-list { padding: 10px;} div#property-details-media, div#property-details-media .col-md-12 , .detail-block, .prop_Bdetail { padding: 0;} }