/******* Project/Template Name: Houzing - Real Estate HTML Template Template Url: Author: CreativeLayers Author Url: https://themeforest.net/user/creativelayers/portfolio Version: 1.0 Description: Houzing - Real Estate HTML Template Tag: advanced search, agency, agent, classified, directory, google maps, house, listing, property, real estate, real estate agency, real estate agent, realestate, realtor, rental ********/ /* CSS Document */ @import url(jquery-ui.min.css); @import url(font-awesome.min.css); @import url(font-awesome-animation.min.css); @import url(menu.css); @import url(ace-responsive-menu.css); @import url(megadropdown.css); @import url(bootstrap-select.min.css); @import url(simplebar.min.css); @import url(progressbar.css); @import url(flaticon.css); @import url(animate.css); @import url(slider.css); @import url(magnific-popup.css); @import url(timecounter.css); @import url(googlemap.css); /* Table of contents */ /*== Typography ==*/ /* Search Overlay */ /*== Header Top Style ==*/ /* Header Top Search Field css home2 */ /*== Menu Style For Home V1 & V2 ==*/ /*== Menu Style For Home V2 ==*/ /*== Menu Style For Home V3 ==*/ /*== Menu Style For Home V4 ==*/ /*== Menu Style For Home V5 ==*/ /*== Menu Style For Home V6 ==*/ /*== Menu Style For Home V7 ==*/ /*== Mobile Menu Css ==*/ /*== Home Css ==*/ /* ==== Home 2 Main Sliders === */ /*== Home Icon Box ==*/ /*== Home Five Overlay Slider ==*/ /*== School Category Courses ==*/ /*== Feature Property ==*/ /*== Property Cities ==*/ /*== Search Smart Property ==*/ /*== Single Property ==*/ /*== Listing Single V5 Page Sticky Nav ==*/ /*== Why Choose Us ==*/ /*== Popular Job Categories => Icon Hover Image Box ==*/ /*== Funfact Counter ==*/ /*== Footer Social Widget ==*/ /*== 1st Layout Footer ==*/ /*== Footer Widget ==*/ /*== Inner Pages Breadcrumb ==*/ /*== About Page About Content ==*/ /*== About home3 ==*/ /*== Testimonials Grid ==*/ /*== Blog Post Home V1 ==*/ /*== Team Slider Code ==*/ /*== Pricing Table Four ==*/ /*== Our Partners ==*/ /*== Error/404 Page ==*/ /*== Invoice Page ==*/ /*== Service Pages Style Code ==*/ /*== LogIn Register Page ==*/ /* Create a custom checkbox */ /*== Search Widget Faq Page ==*/ /*== Question Widget Faq Page ==*/ /*== Terms & Condition Page ==*/ /*== Tab Widget UI Page ==*/ /*== Table Widget UI Page ==*/ /*== Message Box Widget UI Page ==*/ /*== Form Input Widget UI Page ==*/ /*== Form Textarea Widget UI Page ==*/ /*== Form Tooltip Widget UI Page ==*/ /*== Select Search Box Widget UI Page ==*/ /*== Radiobox, Checkbox, Switch Widget UI Page ==*/ /*== CheckBox Widget UI Page ==*/ /*== SwithcBox Widget UI Page ==*/ /*== Select Box Widget UI Page ==*/ /*== MultiSelect CheckBox Widget UI Page ==*/ /*== Blog Post Main Page ==*/ /*== Blog Grid Post ==*/ /*== Search Widget Blog Page ==*/ /*== Category Widget Blog Page ==*/ /*== Recent Post Widget Blog Page ==*/ /*== Tag Widget Blog Page ==*/ /*== BlokQuote Blog Sinlge Page ==*/ /*== Next Prev Pagination Blog Sinlge Page ==*/ /*== Commenting Blog Sinlge Page ==*/ /*== Commenting Form Blog Sinlge Page ==*/ /*== Dashbord details Page ==*/ /*== Header User Notification & User ID ==*/ /*== Header User Setting ID ==*/ /*== Candidate Job Review Page Table ==*/ /*== My Resume Page ==*/ /*== Message Page ==*/ /*== DashBoard Pages ==*/ /*== sidebar about widget ==*/ /*== Pricing SLider ==*/ /*== Profile Avatar ==*/ /*== Alpha v2 Page ==*/ /*== Testimonials Home V3 ==*/ /*== Contact Page ==*/ /*== Maximage_slider ==*/ /*== Color Area ==*/ /*== Button Area ==*/ /*== Fonts Size, Font Weights, Height, Display & Position ==*/ /*== Custome Margin Padding ==*/ /*== BackGround Images ==*/ /*== BackGround Color White Overlay ==*/ /*== Parallax Css ==*/ /*== Divider Css ==*/ /*== Chart Js Css ==*/ /*== Tags Bar Css ==*/ /*== arrow fontawesome icon to the right */ /*== Shop Page Style ==*/ /*== Shop Order Page Style ==*/ /*== Shop Chaeckout Page Style ==*/ /*== Shop Single Page Style ==*/ /*== Typography ==*/ @font-face { font-family: "Cerebri Sans"; src: url(../fonts/Cerebri-Sans/CerebriSans-Light.eot); src: url(../fonts/Cerebri-Sans/CerebriSans-Light.ttf); font-weight: 300; font-style: normal; } @font-face { font-family: "Cerebri Sans"; src: url(../fonts/Cerebri-Sans/CerebriSans-Regular.eot); src: url(../fonts/Cerebri-Sans/CerebriSans-Regular.ttf); font-weight: 500; font-style: normal; } @font-face { font-family: "Cerebri Sans"; src: url(../fonts/Cerebri-Sans/CerebriSans-Bold.eot); src: url(../fonts/Cerebri-Sans/CerebriSans-Bold.ttf); font-weight: 700; font-style: normal; } html { font-size: 100%; } body { background-attachment: fixed; background-color: #ffffff; color: #777777 !important; font-family: Cerebri Sans; font-size: 14px ; line-height: 1.642; overflow-x: hidden; transition: inherit; -webkit-font-smoothing: antialiased; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } body.body_overlay{ position: fixed; transform: translate(0, 0); width: 100%; } body.body_overlay:before{ background-color: rgba(13,38,59, .7); bottom: 0; content:""; left: 0; position: absolute; right: 0; top: 0; z-index: 2; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; transform: translate(330px, 0); } .container-fluid{padding-right: 30px; padding-left: 30px;} img { max-width: 100%;} p { color: #696969; font-weight: 400;} b{ font-weight: 600; } ul, ol { list-style: none; margin: 0; padding: 0; } iframe { border: none; width: 100%; } a { color: #555555; text-decoration: none; -webkit-font-smoothing: antialiased;} a:hover, a:focus { color: #333333; text-decoration: none; outline: none;} a img { border: none;} .form-control{ height: 55px; } .form-control:active, .form-control:focus{ box-shadow: none; outline: none; } iframe { border: none; } ::selection { background: #0D263B; color: #ffffff; text-shadow: none; } ::-moz-selection { /* Firefox */ background: #0D263B; color: #ffffff; text-shadow: none; } ::-webkit-selection { /* Safari */ background: #0D263B; color: #ffffff; text-shadow: none; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: Cerebri Sans; line-height: 1.2 !important; color: #0D263B; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #0D263B; font-weight: 400; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: #0D263B; font-weight: 400; } h1, h2, h3, h4, .h1, .h2, .h3, .h4 { font-weight: 500; } h5, h6, .h5, .h6 { font-weight: 500;} h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 15px; } h6, .h6 { font-size: 12px; } .hd-typ1{ font-size: 30px !important; line-height: 1.2 !important; font-weight: 600 !important; font-family: Cerebri Sans !important; color: #0D263B !important; } .hd-typ2{ font-size: 27px !important; line-height: 1.2 !important; font-weight: 400 !important; font-family: Cerebri Sans !important; color: #cdab6e !important; } .btn-typ1{ margin-top: 0; padding: 10px 15px; color: #ffffff; min-width: 140px; font-size: 15px; font-family: Cerebri Sans; line-height: 1.466; background-color: #d1ab3e; border: 1px solid #d1ab3e; border-radius: 3px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: 500; text-transform: uppercase; } .btn-typ1:hover{ background-color: #0e3a6d !important; border-color: #0e3a6d !important; color: #ffffff !important; } .w-100 {width: 100%!important;display: block; } ul, ol, dl, dt, dd, blockquote, address { margin: 0 0 10px; margin-bottom: 0;} .body-color{ color: #696969; } .heading-color{ color: #0D263B; } .border-left{ border-left: 1px solid #E6E9EC; } .border-right{ border-right: 1px solid #E6E9EC; } .bdr_none{ border: none !important; } .bb_none{ border-bottom: none !important; } .vat{ vertical-align: top; } .vab{ vertical-align: bottom; } .vam{ vertical-align: middle; } .vatt{ vertical-align: text-top; } .z0{ z-index: 0 !important; } .z-1{ z-index: -1; } .z9{ z-index: 9; } .z99{ z-index: 99; } .social_icons li{ background-color: transparent; border-radius: 3px; height: 30px; line-height: 30px; margin-right: 0 !important; width: 30px; text-align: center; } .social_icons li:hover{ background-color: rgba(105, 105, 105, .1); } .social_icons li a{ color: #696969; font-size: 13px; } .ff-jost { font-family: Cerebri Sans; } .ff-fontawesome { font-family: FontAwesome !important; } i.far.fa-money-bill-alt{ font-size: 18px !important; color: #696969; } .sign_up_modal:before { background-color: rgba(13, 38, 59, .5); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .sign_up_modal.modal .modal-dialog{max-width: 440px;} .sign_up_modal.modal .modal-dialog .tab-content .tab-pane{padding: 0px;margin-top: 12px;} .sign_up_modal.modal .modal-dialog .tab-content label.form-label{ font-size: 24px; color: #071c35; margin-bottom: 30px !important; margin-top: 4px !important; } .sign_up_modal.modal .close:focus{ outline: none; } .sign_up_modal .tab-content .tab-pane.active{ display: block; } .sign_up_modal .modal-header { border: none; border-radius: 50%; background-color: #E6E9EC; height: 30px; line-height: 30px; padding: 3px 7px; position: absolute; right: 15px; text-align: center; top: 13px; width: 30px; z-index: 9; } .sign_up_modal .modal-header button.close{ margin: 0; opacity: 1; padding: 0; font-size: 32px; line-height: 26px; } .sign_up_modal .modal-header button.close span{ color: #0D263B; } .sign_up_modal .modal-header button.close span:focus{ border: none; outline: none; text-shadow: none; } .sign_up_tab.nav.nav-tabs{ background-color: #F6F8F9; border: none; } .sign_up_tab li.nav-item{ text-align: center; width: 25%; } .sign_up_tab li.nav-item .nav-link{ background-color: #F6F8F9; border: none; color: #696969; font-family: Cerebri Sans; font-size: 13px; font-weight: 600; height: 60px; line-height: 60px; margin: 0; padding: 0; text-transform: uppercase; } .sign_up_tab li.nav-item .nav-link.active{ background-color: #fff; border: none; color: #0D263B; } .sign_up_form .nav.nav-pills .nav-item .nav-link{ color: #696969; border-radius: 60px; font-size: 15px; padding: 15px 35px; } .login_form .phone-input-dd{padding-left: 0;} .modal-backdrop{ display: none; } .cart { align-items: center; display: flex; flex-direction: row; margin: 0 auto; padding: 0; position: relative; } .cart > li { cursor: pointer; font-size: 14px; flex-grow: 1; flex-shrink: 0; position: relative; } .cart > li:hover .dropdown_content { opacity: 1; visibility: visible; z-index: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .cart > li:hover .dropdown_content:before{ background-color: #ffffff; content: ""; height: 20px; position: absolute; top: -10px; width: 20px; right: 15px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .dropdown_content { background: #ffffff; border-radius: 5px; -webkit-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); /* Firefox 3.5 - 3.6 */ box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); display: flex; height: 425px; flex-direction: column; margin: 0; opacity: 0; padding: 30px; position: absolute; right: 0; top: 120%; -webkit-transform: translate(0, -60px); -moz-transform: translate(0, -60px); -o-transform: translate(0, -60px); transform: translate(0, -60px); transition: opacity 0.2s, z-index 0s 0.2s, -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s, z-index 0s 0.2s; transition: transform 0.2s ease-out, opacity 0.2s, z-index 0s 0.2s, -webkit-transform 0.2s ease-out; visibility: hidden; width: 414px; z-index: -1; } .dropdown_content > li:first-child{ padding-top: 0; } .dropdown_content > li { border-bottom: 1px solid #dedede; cursor: pointer; font-size: 14px; padding: 20px 0; } .dropdown_content > li:last-child{ border-bottom: none; } .dropdown_content .list_content a img{ border-radius: 50%; margin-right: 20px; } .dropdown_content .list_content a p{ color: #0D263B; font-family: Cerebri Sans; margin: 0; } .dropdown_content .list_content a small{ font-size: 14px; margin: 0; } .dropdown_content .list_content a .close_icon{ font-size: 16px; margin: -10px 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .dropdown_content .list_content h5{ color: #212121; font-weight: bold; font-size: 18px; margin-bottom: 15px; } .dropdown_content .list_content .cart_btns{ border: 1px solid transparent; margin-right: 10px; } .dropdown_content .list_content .cart_btns:hover { background-color: #2ac4ea; border: 1px solid #2ac4ea; } .dropdown_content .list_content .cart_btns, .dropdown_content .list_content .checkout_btns{ border-radius: 25px; color: #ffffff !important; height: 50px; line-height: 40px; width: 170px; } .dropdown_content .list_content .checkout_btns:hover{ background-color: #fbbc05; } .adv_src_pmodal .title{ color: #0D263B; font-size: 13px; font-weight: 600; text-transform: uppercase; } .adv_src_pmodal .form-group{ margin-bottom: 0; } .adv_src_pmodal .area_input{ border: none; border-bottom: 2px solid #E6E9EC; border-radius: 0; font-size: 14px; height: 40px; padding-left: 0; width: 45%; } .adv_src_pmodal .area_input:active, .adv_src_pmodal .area_input:focus, .adv_src_pmodal .property_id_input:active, .adv_src_pmodal .property_id_input:focus{ border-bottom: 2px solid #071c35; } .adv_src_pmodal .property_id_input{ border: none; border-bottom: 2px solid #E6E9EC; border-radius: 0; font-size: 14px; height: 40px; padding-left: 0; } .adv_src_pmodal .bootstrap-select>.dropdown-toggle{ font-size: 14px; height: 40px; line-height: normal; } .row .col-auto { width: 19% !important; } .popup_modal_wrapper .row .col-auto:nth-last-child(2) { width: 24% !important; } .adv_src_pmodal .ui_kit_select_box .bootstrap-select>.dropdown-toggle{ height: 40px; line-height: normal; width: 100% !important; } .popup_modal_wrapper{ padding: 30px 0 20px; } .adv_src_pmodal #slider-range-value1, .adv_src_pmodal #slider-range-value2{ margin-top: 20px; width: 120px; } .adv_src_pmodal .ui_kit_checkbox .custom-control-label{ margin-bottom: 0; } .adv_src_pmodal .btn{ height: 55px; } .home_adv_srch_form .selectpicker-list.ui_kit_checkbox { max-height: 260px; overflow: hidden; overflow-y: auto; position: absolute; top: 64px; padding: 10px 15px; box-shadow: 0 0 5px 0px #bdbdbd; background-color: #ffffff; width: 400px; display: none !important; flex-wrap: wrap; z-index: 999; } .home_adv_srch_form .selectpicker-list.ui_kit_checkbox.community-selection{ left: auto; right: 15px; } .home_adv_srch_form .selectpicker-list.ui_kit_checkbox.ddopen {display: flex !important;} .home_adv_srch_form .selectpicker-list.ui_kit_checkbox .custom-control.custom-checkbox{ cursor: pointer; width: 50%; } .home_adv_srch_form .selectpicker-list.ui_kit_checkbox .clear-selection-btn { font-size: 16px; padding: 10px 0 0; border-top: 1px solid #e6e9ec; color: rgb(7 28 53 / 50%); cursor: pointer; width: 100%; margin-top: 10px; } .home_adv_srch_form .selectpicker-list.ui_kit_checkbox .custom-control-label{ line-height: 25px; padding: 7px 5px 7px 5px; } .home_adv_srch_form .selectpicker-list.ui_kit_checkbox.price-selection {overflow: visible;} .home_adv_srch_form .selectpicker-list.ui_kit_checkbox.price-selection .form-row.align-items-center{width: 100%;} .home_adv_srch_form .selectpicker-list.ui_kit_checkbox.price-selection .dropdown-menu > li{ line-height: 16px !important; margin: 0 10px !important; padding: 0px 0px !important; } .home_adv_srch_form .selectpicker-list.ui_kit_checkbox.price-selection .dropdown-menu > li > a{ line-height: 30px !important; } .home_adv_srch_form .selectpicker-list.ui_kit_checkbox.price-selection .dropdown-menu > li > a > .bs-ok-default.check-mark{ right: 5px !important; top: 7px !important; } /*.ui_kit_checkbox .custom-control-input:checked~.custom-control-label::before, .ui_kit_checkbox .custom-control-label::before{top: 5px !important;} .ui_kit_checkbox .custom-control-label::after{top: 6px !important;}*/ .select-wrap.style1-dropdown .searchBoxElement{ box-shadow: 0 0 5px 0px #efefef; left: 0px; right: 0px; width: 100% !important; position: absolute; top: 60px; max-width: 100% !important; } /* Search Overlay */ .search_overlay{ height: 100%; width: 100%; } .mk-search-trigger { position: absolute; } .mk-search-trigger.style2 { position: absolute; right: 72px; top: 26px; } .mk-search-trigger.style2:before{ background-color: rgb(232, 238, 242); content: ""; height: 38px; position: absolute; right: -15px; top: 0; width: 1px; } .search_overlay.home3 .mk-search-trigger{ position: relative; top: 0; } .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform input[type=submit], .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper2 #mk-fullscreen-searchform2 input[type=submit] { position: absolute; width: 100px; height: 100%; background-color: transparent; border: 0; right: 0; top: 0; } #mk-fullscreen-searchform:focus, #mk-fullscreen-searchform2:focus{ outline: none; border: none; } .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform .fullscreen-search-icon, .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper2 #mk-fullscreen-searchform2 .fullscreen-search-icon { font-size: 25px; position: absolute; right: 15px; width: 25px; top: 15px; color: #0D263B; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .fullscreen-search-icon:hover, .fullscreen-search-icon:focus{ border: none; outline: none; -webkit-transition: transform ease-out .2s; -moz-transition: transform ease-out .2s; -ms-transition: transform ease-out .2s; -o-transition: transform ease-out .2s; transition: transform ease-out .2s; } #mk-fullscreen-searchform, #mk-fullscreen-searchform2 { position: relative; vertical-align: middle; } .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform #mk-fullscreen-search-input, .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper2 #mk-fullscreen-searchform2 #mk-fullscreen-search-input2 { background-color: #ffffff; border: 0; border-radius: 5px; color: #262626; font-size: 17px; padding: 20px; width: 800px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform #mk-fullscreen-search-input:focus, .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper2 #mk-fullscreen-searchform2 #mk-fullscreen-search-input2:focus{ border: none; outline: none; } .mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show { visibility: visible; opacity: 1; } .mk-fullscreen-search-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, .94); text-align: center; -webkit-transition: all ease-in-out .25s; -moz-transition: all ease-in-out .25s; -ms-transition: all ease-in-out .25s; -o-transition: all ease-in-out .25s; transition: all ease-in-out .25s; } .mk-animate-element, .mk-effect-bg-layer, .mk-fullscreen-search-overlay { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .mk-fullscreen-search-overlay { z-index: 9999; } .mk-fullscreen-search-overlay .mk-fullscreen-close:link, .mk-fullscreen-search-overlay .mk-fullscreen-close:visited { border: none; color: #fff; } .mk-fullscreen-search-overlay .mk-fullscreen-close { background-color: transparent; border: none; color: #fff; position: absolute; right: 50px; top: 70px; font-size: 26px; -webkit-transition: transform ease-out .2s; -moz-transition: transform ease-out .2s; -ms-transition: transform ease-out .2s; -o-transition: transform ease-out .2s; transition: transform ease-out .2s; } .mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show #mk-fullscreen-search-wrapper, .mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show #mk-fullscreen-search-wrapper2 { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); ms-transform: scale(1); } .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper, .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper2 { display: inline-block; max-width: 1000px; vertical-align: middle; text-align: center; font-size: 18px; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); ms-transform: scale(0.9); opacity: 0; visibility: hidden; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .mk-search-trigger { -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out } #search-button, #search-button2 { cursor: pointer; opacity: 1; position: relative; vertical-align: middle; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; } #search-button i, #search-button2 i{ color: #0D263B; font-size: 22px; } /*== Header Top Style ==*/ .header_top{ position: relative; } .header_top.home2{ background-color: #000000; height: 80px; position: relative; z-index: 9; } .header_top.home3{ height: 70px; } .header_top.home3 .container-fluid{ padding: 0 70px; position: relative; z-index: 9; } .home3_header_top_contact{ margin-bottom: 0; margin-top: 25px; } .home3_header_top_contact li:first-child{ margin-right: 35px; } .home3_header_top_contact li a{ color: #ffffff; } .header_top.home5{ display: inline-block; position: relative; width: 100%; } .home5_header_top_contact{ position: relative; margin-bottom: 0; margin-top: 10px; } .home5_header_top_contact li a{ font-size: 13px; } .home5_header_top_contact li a span{ margin-right: 5px; vertical-align: middle; } .header_top_logo_home8 span{ color: #0D263B; font-size: 25px; font-weight: 700; line-height: 31.75px; margin: 9px 0 0 10px; } .sign_up_btn.home5{ margin-bottom: 0; margin-top: 4px; } .sign_up_btn.home5 li a span, .sign_up_btn.home5 li a i{ font-size: 12px; font-weight: 400; } .sign_up_btn.home5 li a .text{ font-size: 14px; } .home5_iconbox{ position: relative; } .home5_iconbox li { margin: 0 30px; } .home5_iconbox li .icon{ background-color: rgba(13, 39, 59, 0.5); border-radius: 50%; height: 100px; line-height: 100px; margin-bottom: 20px; text-align: center; width: 100px; } .home5_iconbox li .icon span{ color: #fff; font-size: 33px; } .home5_iconbox li:hover .icon{ background-color: #071c35; } .home5_iconbox li p{ color: #fff; font-size: 16px; font-weight: 600; } .header_top.home9{ background-color: #ffffff; height: 77px; position: relative; } .header_top.home9.style2{ background-color: #0D263B; } .header_top.home9.innerpage_style{ height: auto; padding: 30px 0; margin-bottom: 10px; } .light_white, .light_white:hover{ color: rgba(255,255,255, 0.5); } /* Header Top Search Field css home2 */ .header_search_widget.home1 .mailchimp_form .form-control{ background-color: transparent; border: none; border-radius: 0; color: #ffffff; height: 50px; padding-left: 30px; width: 280px; } .header_search_widget.home1 .mailchimp_form input[type="text"].form-control::-webkit-input-placeholder{ font-size: 15px; color: #ffffff; line-height: 1.4; } .header_search_widget.home1 .mailchimp_form input[type="text"].form-control::-webkit-input-placeholder, .header_search_widget.home1 .mailchimp_form input[type="text"].form-control::-moz-placeholder{ color: #ffffff; } .header_search_widget.home1 .mailchimp_form button{ color: #ffffff; } .header_search_widget.home1 .mailchimp_form button:active, .header_search_widget.home1 .mailchimp_form button:focus, .header_search_widget.home1 .mailchimp_form button:hover{ background-color: transparent; color: #ffffff; } .header_search_widget.inner_page .mailchimp_form .form-control{ background-color: transparent; border: none; border-radius: 0; height: 50px; padding-left: 30px; width: 280px; } .header_search_widget.inner_page .mailchimp_form input[type="text"].form-control::-webkit-input-placeholder{ font-size: 15px; color: #0D263B; line-height: 1.4; } .header_search_widget.inner_page .mailchimp_form input[type="text"].form-control::-webkit-input-placeholder, .header_search_widget.inner_page .mailchimp_form input[type="text"].form-control::-moz-placeholder{ color: #0D263B; } .header_search_widget.inner_page .mailchimp_form button{ color: #0D263B; } .header_search_widget.inner_page .mailchimp_form button:active, .header_search_widget.inner_page .mailchimp_form button:focus, .header_search_widget.inner_page .mailchimp_form button:hover{ background-color: transparent; color: #0D263B; } .menu_style_home_one .header_search_widget.home1 .mailchimp_form input[type="text"].form-control::-webkit-input-placeholder, .menu_style_home_one .header_search_widget.home1 .mailchimp_form button{ color: #0D263B; } .menu_style_home_one .header_search_widget.home1 .mailchimp_form input[type="text"].form-control::-moz-placeholder{ color: #0D263B; } .header_search_widget .mailchimp_form .form-control{ background-color: #f7f7f7; border: none; border-radius: 25px; height: 50px; padding-left: 30px; width: 350px; } .header_search_widget .mailchimp_form input[type="text"].form-control::-webkit-input-placeholder{ font-size: 14px; color: #0D263B; line-height: 1.2; } form.form-inline.mailchimp_form{ display: inline-flex; } .header_search_widget .mailchimp_form button{ background-color: transparent; border: none; border-radius: 50%; color: #0D263B; font-size: 22px; height: 45px; line-height: 36px; } .header_search_widget .mailchimp_form button:active, .header_search_widget .mailchimp_form button:focus{ color: #0D263B !important; border: none; box-shadow: none !important; outline: none; } .ht_left_widget, .ht_right_widget{ margin-top: 20px; } .ht_left_widget.style2{ margin-top: 15px; } .ht_left_widget ul, .ht_right_widget ul{ margin-bottom: 0; } .ht_left_widget ul li{ position: relative; vertical-align: middle; } .ht_right_widget ul li.list-inline-item:nth-child(2){ border-left: 1px solid #333333; border-right: 1px solid #333333; margin-left: 10px; padding-right: 15px; text-align: center; } .ht_left_widget ul li.list-inline-item:first-child{ margin-right: 25px; } .ht_right_widget ul{ margin-bottom: 0; } .ht_right_widget ul li a, .ht_right_widget a.btn.cart_btn, .header_top_lang_widget ul li .btn.cart_btn{ color: #a4a4a4; font-size: 14px; } .ht_right_widget ul li a, .home3_header_top_contact li a{ font-family: Cerebri Sans; } header.header-nav.menu_style_home_three.navbar-scrolltofixed .ht_left_widget.home3 .header_top_lang_widget{ margin-top: 5px; } .ht_left_widget.home3 .cd-dropdown-trigger, .ht_left_widget.home3 .no-touch .cd-dropdown-trigger.dropdown-is-active:hover, .ht_left_widget.home3 .no-touch .cd-dropdown-trigger:hover{ background-color: #ffffff !important; color: #0D263B; } .ht_left_widget.home3 .cd-dropdown-trigger{ text-transform: capitalize; } .ht_left_widget.home3 .cd-dropdown-trigger::before, .ht_left_widget.home3 .cd-dropdown-trigger::after{ background-color: #0D263B; } .ht_right_widget a.btn.cart_btn span{ background-color: #ffffff; } .header_top_lang_widget ul li a{ color: #a4a4a4; font-size: 16px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .header_top_lang_widget ul li a.dropdown-item.active, .header_top_lang_widget ul li a.dropdown-item:active{ background-color: #000000; } .header_top_lang_widget button.btn.dropdown-toggle{ background-color: transparent; border: none; bottom: -5px; color: #a4a4a4; float: right; margin-top: 10px; padding: 0 8px; width: 90px; } .header_top_lang_widget_home6 button.btn.dropdown-toggle{ background-color: transparent; border: none; color: #ffffff; line-height: inherit; width: 90px; font-size: 14px; } .header_top_lang_widget_home6 .dropdown.bootstrap-select.show-tick.show .dropdown-menu{ display: inline; margin-top: -17px; } .header_top_lang_widget_home6 .dropdown.bootstrap-select.show-tick.show .dropdown-menu .dropdown-item.active, .header_top_lang_widget_home6 .dropdown.bootstrap-select.show-tick.show .dropdown-menu .dropdown-item:active{ background-color: #192675; } .menu6_search.home6 .mk-search-trigger{ margin-left: -25px; top: 22px; } .menu6_search.home6 .mk-search-trigger{ top: 17px; } .header_top_lang_widget_home6 button.btn.dropdown-toggle::after{ vertical-align: middle; } .header_top_lang_widget_home6 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ width: auto; } .header_top_lang_widget_home6 button.btn.dropdown-toggle:active, .header_top_lang_widget_home6 button.btn.dropdown-toggle:focus, .header_top_lang_widget .btn-light:not(:disabled):not(.disabled).active:focus, .header_top_lang_widget .btn-light:not(:disabled):not(.disabled):active:focus, .header_top_lang_widget .show>.btn-light.dropdown-toggle:focus, .header_top_lang_widget button.btn:active, .header_top_lang_widget button.btn:focus, .header_top_lang_widget button.btn.dropdown-toggle:focus, .header_top_lang_widget button.btn.dropdown-toggle .filter-option:focus, .header_top_lang_widget .dropdown.bootstrap-select.show-tick:focus{ box-shadow: none !important; outline: none !important; } .header_top_lang_widget .dropdown.bootstrap-select.show-tick{ width: auto; } .cd-dropdown-content .cd-secondary-dropdown a{ font-family: Cerebri Sans; } li.has-children a{ line-height: 51px; } /*== Menu Style For Home V1 & V2 ==*/ .menu-style-one nav.transparent, .menu-style-one nav.transparent .wrap-core-nav-list, .menu-style-one nav.transparent .nav-header { background-color: transparent; } nav .wrap-core-nav-list, nav .nav-header { background: #fff; } nav .brand { display: block; position: relative; width: 170px; top: 20px; } nav .brand img { width: 100%; } nav .menu li a { display: block; padding: 20px 25px; text-decoration: none; } nav .menu li.active > a, nav .menu li a:hover { color: #e74c3c; } nav button { background: transparent; border: none; outline: none; } header.header-nav { padding: 0 30px; } header.header-nav.dashbord_pages { padding: 0 5px 0 15px; } header.header-nav a.navbar_brand { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-right: 37px; margin-top: 20px; position: relative; } .menu_style_home_one{ background-color: #ffffff; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); } header.header-nav a.navbar_brand .logo2{ display: none; } header.header-nav.menu_style_home_one ul.ace-responsive-menu li.add_listing{ /*background-color: #ffffff;*/ border-radius: 3px; height: 45px; position: relative; text-align: center; top: 9px; width: 168px; } header.header-nav.menu_style_home_one ul.ace-responsive-menu li.add_listing.style2{ border-radius: 60px; } header.header-nav.menu_style_home_one ul.ace-responsive-menu li.add_listing a, header.header-nav.menu_style_home_five ul.ace-responsive-menu li.add_listing a{ /*color: #071c35;*/ font-family: Cerebri Sans; font-size: 13px; font-weight: 600; line-height: 17px; top: -10px; } header.header-nav.menu_style_home_five ul.ace-responsive-menu li.add_listing a{ border-radius: 3px; color: #0D263B; padding: 12px 18px; top: 0; text-transform: uppercase; } header.header-nav.menu_style_home_one.home7_style ul.ace-responsive-menu li.add_listing{ border-radius: 8px; top: 17px; } header.header-nav.menu_style_home_one.home7_style ul.ace-responsive-menu li.add_listing a{ font-weight: 400; } header.header-nav.menu_style_home_one ul.ace-responsive-menu li.add_listing a span.icon{ vertical-align: middle; margin-right: 5px; } header.header-nav.menu_style_home_one .ace-responsive-menu li.add_listing{ background-color: #d1ab3e; } header.header-nav.menu_style_home_one .ace-responsive-menu li.add_listing a{ color: #ffffff; line-height: 1.2; } header.header-nav.menu_style_home_one .ace-responsive-menu li.add_listing a .icon header.header-nav.menu_style_home_one .ace-responsive-menu li.add_listing a .icon{ font-size: 16px; margin-right: 5px; } header.header-nav.menu_style_home_one .ace-responsive-menu li.add_listing.home2{ background-color: #6CBF78; } header.header-nav.menu_style_home_one .ace-responsive-menu li.add_listing.home3{ background-color: #E44548; } header.header-nav.menu_style_home_one .ace-responsive-menu li.add_listing.home10{ background-color: #fff; border: 1px solid #E6E9EC; } header.header-nav.menu_style_home_one li.list_s:before{ background-color: #e8eef2; opacity: 1; } header.header-nav.menu_style_home_one.dashbord_pages{ background-image: -moz-linear-gradient( 0deg, rgb(52,82,255) 0%, rgb(255,16,83) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(52,82,255) 0%, rgb(255,16,83) 100%); background-image: -ms-linear-gradient( 0deg, rgb(52,82,255) 0%, rgb(255,16,83) 100%); } header.header-nav.menu_style_home_one.navbar-scrolltofixed.stricky.animated, header.header-nav.home2.style_one.navbar-scrolltofixed.stricky.animated, header.header-nav.menu_style_home_eight.navbar-scrolltofixed.stricky.animated{ -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: 500ms; animation-delay: 500ms; } header.header-nav.menu_style_home_one a.navbar_brand{ margin-top: 12px; } header.header-nav.menu_style_home_one a.navbar_brand span{ color: #0D263B !important; font-family: Cerebri Sans; font-size: 25px !important; font-weight: bold !important; line-height: 43.35px; margin-top: 3px !important; } header.header-nav.menu_style_home_one a.navbar_brand .logo1, header.header-nav.menu_style_home_four a.navbar_brand .logo1{ display: none; } header.header-nav.menu_style_home_one a.navbar_brand .logo2, header.header-nav.menu_style_home_four a.navbar_brand .logo2{ display: inline-block; } header.header-nav.menu_style_home_one a.navbar_brand span, header.header-nav.menu_style_home_three a.navbar_brand span, header.header-nav.menu_style_home_five a.navbar_brand span{ color: #ffffff; font-weight: bold; font-size: 25px; margin-top: 0; padding-left: 10px; text-transform: capitalize; vertical-align: middle; } header.header-nav.menu_style_home_one.home2_style a.navbar_brand span{ font-size: 25px; margin-top: 5px; } header.header-nav.menu_style_home_one.home10_style a.navbar_brand span, header.header-nav.menu_style_home_one.home10_style .ace-responsive-menu li a{ color: #0D263B; } header.header-nav.menu_style_home_one a.navbar_brand:before { background-color: #dadada; } header.header-nav.menu_style_home_one .ace-responsive-menu > li > a.active span, header.header-nav.menu_style_home_one .ace-responsive-menu li a.active span, header.header-nav.menu_style_home_one .ace-responsive-menu li a, header.header-nav.menu_style_home_one a.navbar_brand span, header.header-nav.menu_style_home_one .sign_up_btn .btn, header.header-nav.menu_style_home_one #search-button i{ color: #0D263B; } header.header-nav.menu_style_home_one.home9_style a.navbar_brand span, header.header-nav.menu_style_home_one.home9_style .ace-responsive-menu > li > a{ color: #fff; } header.header-nav.menu_style_home_one.dashbord_pages a.navbar_brand span, header.header-nav.menu_style_home_one.dashbord_pages li a{ color: #ffffff; } header.header-nav.menu_style_home_one .ace-responsive-menu li a{ /*color: #ffffff;*/ } header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu, header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu, header.header-nav.menu_style_home_four .ace-responsive-menu li ul.sub-menu, header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu, header.header-nav.menu_style_home_six .ace-responsive-menu li ul.sub-menu, header.header-nav.menu_style_home_seven .ace-responsive-menu li ul.sub-menu, header.header-nav.menu_style_home_eight .ace-responsive-menu li ul.sub-menu{ background-color: #ffffff; border-top: 2px solid #071c35; border-radius: 0 0 3px 3px; padding: 15px 0; -webkit-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.1); -moz-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.1); -o-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.1); box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.1); } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu{ border-top: 2px solid #FF385C; } header.header-nav.menu_style_home_one.home6_style .ace-responsive-menu.widget_menu_home2 li a{ padding: 30px 10px; } header.header-nav.menu_style_home_one.home6_style .ace-responsive-menu > li > a:before{ background-color: #0D263B; } header.header-nav.menu_style_home_one.home6_style .ace-responsive-menu.custom_menu_space_home2 li a, header.header-nav.menu_style_home_one.home6_style a.navbar_brand span{ color: #0D263B; } header.header-nav.menu_style_home_one.home6_style ul.ace-responsive-menu li.add_listing{ top: 15px; } header.header-nav.menu_style_home_one.home6_style ul.ace-responsive-menu li.add_listing a{ top: -17px; } header.header-nav.menu_style_home_one.home6_style ul.ace-responsive-menu li.add_listing a:before{ display: none; } header.header-nav.menu_style_home_one.home7_style{ border-bottom: 1px solid rgba(255,255,255, .15); } header.header-nav.menu_style_home_one.home9_style{ background-color: #0D263B; display: inline-block; width: 100%; } header.header-nav.menu_style_home_one.home7_style .ace-responsive-menu li a, header.header-nav.menu_style_home_one.home9_style .ace-responsive-menu li a{ font-size: 14px; font-weight: 400; text-transform: capitalize; } header.header-nav.menu_style_home_one.home9_style .ace-responsive-menu li.add_listing.home8{ background-color: #071c35; border: 1px solid #071c35; } header.header-nav.menu_style_home_one.home9_style .ace-responsive-menu li.add_listing.home8 a{ color: #fff; } header.header-nav.menu_style_home_one.home9_style .ace-responsive-menu li.add_listing.home9{ background-color: transparent; border: 1px solid #FFFFFF; } header.header-nav.menu_style_home_one.home9_style .ace-responsive-menu li.add_listing.home9 a{ color: #fff; font-weight: 400; } header.header-nav.menu_style_home_one.home9_style .ace-responsive-menu li.add_listing.home8 a:before, header.header-nav.menu_style_home_one.home9_style .ace-responsive-menu li.add_listing.home9 a:before{ display: none; } header.header-nav.menu_style_home_one.home10_style .ace-responsive-menu li ul.sub-menu{ border-top: 2px solid #006766; } header.header-nav.menu_style_home_one .ace-responsive-menu > li:first-child ul.sub-menu, header.header-nav.menu_style_home_one .ace-responsive-menu > li:nth-child(2) ul.sub-menu, header.header-nav.home2.style_one .ace-responsive-menu > li:first-child ul.sub-menu, header.header-nav.home2.style_one .ace-responsive-menu > li:nth-child(2) ul.sub-menu{ margin-left: 0; } header.header-nav.menu_style_home_one .ace-responsive-menu > li:first-child ul.sub-menu:before, header.header-nav.menu_style_home_one .ace-responsive-menu > li:nth-child(2) ul.sub-menu:before, header.header-nav.home2.style_one .ace-responsive-menu > li:first-child ul.sub-menu:before, header.header-nav.home2.style_one .ace-responsive-menu > li:nth-child(2) ul.sub-menu:before{ left: 25px; } header.header-nav.menu_style_home_one .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_one .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_one .ace-responsive-menu li:nth-child(4) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_one .ace-responsive-menu li:nth-child(5) ul.sub-menu li ul.sub-menu, header.header-nav.home2.style_one .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.home2.style_one .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.home2.style_one .ace-responsive-menu li:nth-child(4) ul.sub-menu li ul.sub-menu, header.header-nav.home2.style_one .ace-responsive-menu li:nth-child(5) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(4) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(5) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(6) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(4) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(5) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(6) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(4) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(5) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(6) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(4) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(5) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(6) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(4) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(5) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(6) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(4) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(5) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(6) ul.sub-menu li ul.sub-menu{ left: 260px; z-index: 1; } header.header-nav.menu_style_home_one .ace-responsive-menu > li > ul.sub-menu, header.header-nav.home2.style_one .ace-responsive-menu > li > ul.sub-menu{ margin-left: -180px; } header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu, header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu{ padding-left: 0 !important; } header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu:before{ background-color: #191919; } header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu:before{ background-color: #051925; } header.header-nav.menu_style_home_four .ace-responsive-menu li ul.sub-menu:before{ background-color: #ffffff; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu:before{ left: 25px; } header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu{ margin-left: 0; } header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(2) ul.sub-menu:before, header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(3) ul.sub-menu:before, header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(4) ul.sub-menu:before, header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(5) ul.sub-menu:before, header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(6) ul.sub-menu:before, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(2) ul.sub-menu:before, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(3) ul.sub-menu:before, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(4) ul.sub-menu:before, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(5) ul.sub-menu:before, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(6) ul.sub-menu:before, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(2) ul.sub-menu:before, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(3) ul.sub-menu:before, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(4) ul.sub-menu:before, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(5) ul.sub-menu:before, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(6) ul.sub-menu:before, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(2) ul.sub-menu:before, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(3) ul.sub-menu:before, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(4) ul.sub-menu:before, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(5) ul.sub-menu:before, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(6) ul.sub-menu:before, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(2) ul.sub-menu:before, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(3) ul.sub-menu:before, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(4) ul.sub-menu:before, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(5) ul.sub-menu:before, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(6) ul.sub-menu:before, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(2) ul.sub-menu:before, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(3) ul.sub-menu:before, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(4) ul.sub-menu:before, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(5) ul.sub-menu:before, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(6) ul.sub-menu:before{ left: 25px; } header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu{ margin-left: -445px; } header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu li ul.sub-menu li:hover a, header.header-nav.menu_style_home_four .ace-responsive-menu li ul.sub-menu li ul.sub-menu li:hover a, header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu li ul.sub-menu li:hover a, header.header-nav.menu_style_home_six .ace-responsive-menu li ul.sub-menu li ul.sub-menu li:hover a, header.header-nav.menu_style_home_seven .ace-responsive-menu li ul.sub-menu li ul.sub-menu li:hover a, header.header-nav.menu_style_home_eight .ace-responsive-menu li ul.sub-menu li ul.sub-menu li:hover a{ color: #071c35; padding-left: 30px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li, header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_four .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_six .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_seven .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_eight .ace-responsive-menu li ul.sub-menu li{ background-color: #ffffff; border-radius: 5px; padding: 0 30px; width: 260px; } header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li:hover a, header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li a li:hover ul.sub-menu a{ color: #071c35; } header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li:hover a, header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li:hover li a ul.sub-menu a{ color: #0D263B; } header.header-nav.menu_style_home_four .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_six .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_seven .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_eight .ace-responsive-menu li ul.sub-menu li{ background-color: transparent; } header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li, header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu{ background-color: #191919; } header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu{ background-color: #051925; } header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li ul.sub-menu:before, header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu li ul.sub-menu:before, header.header-nav.menu_style_home_four .ace-responsive-menu li ul.sub-menu li ul.sub-menu:before, header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu li ul.sub-menu:before, header.header-nav.menu_style_home_six .ace-responsive-menu li ul.sub-menu li ul.sub-menu:before, header.header-nav.menu_style_home_seven .ace-responsive-menu li ul.sub-menu li ul.sub-menu:before, header.header-nav.menu_style_home_eight .ace-responsive-menu li ul.sub-menu li ul.sub-menu:before{ display: none; } header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li a, header.header-nav.menu_style_home_four .ace-responsive-menu li ul.sub-menu li a, header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu li a, header.header-nav.menu_style_home_six .ace-responsive-menu li ul.sub-menu li a, header.header-nav.menu_style_home_seven .ace-responsive-menu li ul.sub-menu li a, header.header-nav.menu_style_home_eight .ace-responsive-menu li ul.sub-menu li a{ border-bottom: 1px solid #E6E9EC; color: #0D263B; font-size: 13px; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li:last-child a, header.header-nav.menu_style_home_four .ace-responsive-menu li ul.sub-menu li:last-child a, header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu li:last-child a, header.header-nav.menu_style_home_six .ace-responsive-menu li ul.sub-menu li:last-child a, header.header-nav.menu_style_home_seven .ace-responsive-menu li ul.sub-menu li:last-child a, header.header-nav.menu_style_home_eight .ace-responsive-menu li ul.sub-menu li:last-child a{ border-bottom: none; } header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li a:hover, header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li ul.sub-menu { color: #0e3a6d; } header.header-nav.menu_style_home_one ul.sign_up_btn{ margin-right: 35px; } header.header-nav.menu_style_home_one .ace-responsive-menu > li > a, header.header-nav.menu_style_home_three .ace-responsive-menu > li > a, header.header-nav.menu_style_home_four .ace-responsive-menu > li > a, header.header-nav.menu_style_home_five .ace-responsive-menu > li > a, header.header-nav.menu_style_home_six .ace-responsive-menu > li > a, header.header-nav.menu_style_home_seven .ace-responsive-menu > li > a, header.header-nav.menu_style_home_eight .ace-responsive-menu > li > a{ font-family: Cerebri Sans; padding: 25px 10px 23px; text-transform: uppercase; } header.header-nav.menu_style_home_one .ace-responsive-menu > li > a:before, header.header-nav.menu_style_home_five .ace-responsive-menu > li > a:before{ background-color: #fff; bottom: 25px; content: ""; height: 2px; position: absolute; left: 10px; opacity: 0; width: 0px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } header.header-nav.menu_style_home_one .ace-responsive-menu > li:hover a:before, header.header-nav.menu_style_home_five .ace-responsive-menu > li:hover a:before{ opacity: 1; width: 40px; } header.header-nav.menu_style_home_one .ace-responsive-menu > li > a:before, header.header-nav.menu_style_home_one.style2 .ace-responsive-menu > li > a:before{ background-color: #071c35; } header.header-nav.menu_style_home_one .ace-responsive-menu > li.add_listing > a:before{ background-color: #d1ab3e; } header.header-nav.menu_style_home_five .ace-responsive-menu > li > a:before{ background-color: #FF385C; } header.header-nav.menu_style_home_one.home10_style .ace-responsive-menu > li > a:before{ background-color: #006766; } header.header-nav.menu_style_home_one.home10_style ul.ace-responsive-menu li.add_listing a{ color: #0D263B; } header.header-nav.menu_style_home_five .ace-responsive-menu > li.add_listing:hover > a:before, header.header-nav.menu_style_home_one.home10_style ul.ace-responsive-menu li.add_listing:hover a:before{ display: none; } header.header-nav.menu_style_home_three .ace-responsive-menu > li > a, header.header-nav.menu_style_home_four .ace-responsive-menu > li > a, header.header-nav.menu_style_home_five .ace-responsive-menu > li > a, header.header-nav.menu_style_home_six .ace-responsive-menu > li > a, header.header-nav.menu_style_home_seven .ace-responsive-menu > li > a, header.header-nav.menu_style_home_eight .ace-responsive-menu > li > a{ padding: 27px 35px 30px 10px; } header.header-nav.menu_style_home_five .ace-responsive-menu > li > a{ padding: 27px 20px 30px 10px; } header.header-nav.menu_style_home_one.style2{ background-color: #ffffff; -webkit-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); } header.header-nav.menu_style_home_one.menu_boxshadow{ -webkit-box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07); -moz-box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07); -o-box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07); box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07); } header.header-nav.menu_style_home_one.style2.home3{ background-color: #ffffff; box-shadow: none; } header.header-nav.menu_style_home_one.style2 a.navbar_brand{ margin-top: 15px; } header.header-nav.menu_style_home_one.style2 a.navbar_brand span{ color: #0D263B; font-family: Cerebri Sans; font-size: 25px; font-weight: bold; line-height: 43.35px; margin-top: 3px; } header.header-nav.menu_style_home_one.style2 .ace-responsive-menu li a{ color: #0D263B; font-size: 13px; font-family: Cerebri Sans; font-weight: 600; line-height: 17px; } header.header-nav.menu_style_home_one.style2 ul.ace-responsive-menu li.list_s{ position: relative; } header.header-nav.menu_style_home_one.style2 ul.ace-responsive-menu li.add_listing{ background-color: #ffffff; border: 1px solid #071c35; border-radius: 3px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } header.header-nav.menu_style_home_one.style2 ul.ace-responsive-menu li.add_listing:hover{ background-color: #071c35; } header.header-nav.menu_style_home_one.style2 ul.ace-responsive-menu li.add_listing:hover a{ color: #FFF; } header.header-nav.menu_style_home_one.style2 ul.ace-responsive-menu li.add_listing a:before{ display: none; } header.header-nav.menu_style_home_one.style2 ul.ace-responsive-menu li.add_listing a{ font-size: 13px; font-family: Cerebri Sans; color: #071c35; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } header.header-nav.menu_style_home_one.style2 ul.ace-responsive-menu li.add_listing.home2{ background-color: rgb(36, 50, 74); -webkit-box-shadow: 0px 1px 4px 0px rgba(255, 90, 95, 0.3); -moz-box-shadow: 0px 1px 4px 0px rgba(255, 90, 95, 0.3); -o-box-shadow: 0px 1px 4px 0px rgba(255, 90, 95, 0.3); box-shadow: 0px 1px 4px 0px rgba(255, 90, 95, 0.3); } header.header-nav.menu_style_home_one.style3 ul.ace-responsive-menu li.add_listing.home6{ background-color: #071c35; } header.header-nav.menu_style_home_one.style2.listing_single_page5{ position: absolute; width: 100%; z-index: 9; } .menu_style_home_one.style2.menu-fixed{ position: fixed; width: 100%; z-index: 9; } header.header-nav.menu_style_home_one.home5_style.navbar-scrolltofixed.stricky.main-menu.scroll-to-fixed-fixed.slideIn.animated{ top: 40px !important; } header.header-nav.menu_style_home_one.home5_style.navbar-scrolltofixed.stricky.main-menu.scroll-to-fixed-fixed.slideInDown.animated{ top: 0 !important; } .widget_menu_home2 { position: absolute; right: 30px; top: 5px; } .widget_menu_home2.home6 { top: 0; } header.header-nav.menu_style_home_one.home7_style .widget_menu_home2 { top: 0; } .custom_menu_space_home2{ margin-right: 250px; } /*== Menu Style For Home V2 ==*/ header.header-nav.home2.style_one { display: -webkit-box; background-color: #141414; position: relative; z-index: 1 !important; } header.header-nav.home2.style_one .ace-responsive-menu > li > a{ padding: 27px 40px 27px 5px; } header.header-nav.home2.style_one ul.sign_up_btn li{ position: relative; } header.header-nav.home2.style_one ul.sign_up_btn li:first-child:before{ background-color: #434343; content: ""; height: 30px; right: -5px; position: absolute; top: 5px; width: 1px; } header.header-nav.home2.style_one ul.sign_up_btn li a{ color: #a4a4a4; font-family: Cerebri Sans; font-size: 14px; line-height: 1.2; } header.header-nav.home2.style_one ul.sign_up_btn li a:hover{ color: #ffffff; } header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu{ border-radius: 5px; padding: 15px 0; -webkit-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); -o-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); } header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li a{ border-bottom: 1px solid #dedede; color: #a4a4a4; font-size: 16px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li a:hover, header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li ul.sub-menu { color: #ffffff; padding-left: 20px; box-shadow: none !important; } header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li ul.sub-menu:before{ display: none; } header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li a{ border-bottom: 1px solid #555; color: #a4a4a4; font-size: 16px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li:last-child a, header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li:last-child a{ border-bottom: none; } header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li a:hover, header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li ul.sub-menu{ box-shadow: none !important; color: #ffffff; padding-left: 20px; } header.header-nav.menu_style_home_three a.navbar_brand{ margin-top: 10px; } header.header-nav.menu_style_home_three .ht_left_widget.home3 ul li:last-child{ margin-top: 5px; } header.header-nav.menu_style_home_three .header_search_widget .mailchimp_form .form-control{ margin-top: 10px; } header.header-nav.menu_style_home_three .header_search_widget .mailchimp_form button{ background-color: transparent; margin-top: 10px; } /*== Menu Style For Home V3 ==*/ header.header-nav.menu_style_home_three{ background-color: #051925; padding: 0; } header.header-nav.menu_style_home_three a.navbar_brand:before{ background-color: #6077dd; height: 80px; } header.header-nav.menu_style_home_three .ace-responsive-menu > li{ float: right; } header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu{ background-color: #051925; } header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu:nth-child(3){ left: 0; margin-left: 0; } header.header-nav.menu_style_home_three .ace-responsive-menu li a, header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu li a{ color: #ffffff; font-family: Cerebri Sans; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu li a{ border-bottom: 1px solid #2e2e2e; } header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu li:last-child a{ border-bottom: none; } header.header-nav.menu_style_home_three .ace-responsive-menu > li.last a{ padding-right: 5px; } header.header-nav.menu_style_home_three .ace-responsive-menu > li .sub-menu li:hover a, header.header-nav.menu_style_home_four .ace-responsive-menu > li .sub-menu li:hover a, header.header-nav.menu_style_home_five .ace-responsive-menu > li .sub-menu li:hover a, header.header-nav.menu_style_home_six .ace-responsive-menu > li .sub-menu li:hover a{ padding-left: 20px; } header.header-nav.menu_style_home_three .container-fluid{ padding: 0 70px; } header.header-nav.menu_style_home_three a.navbar_brand:before{ display: none; } .sign_up_btn .btn{ box-shadow: none; border-radius: 4px; color: #ffffff; height: auto; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .sign_up_btn.home3 .btn{ font-family: Cerebri Sans; font-size: 14px; line-height: 1.2; } .sign_up_btn.home3 .btn i{ font-size: 18px; margin-right: 5px; } .sign_up_btn li:first-child .btn span{ padding-left: 10px; } .sign_up_btn a.btn.cart_btn, .sign_up_btn a.btn.search_btn{ font-size: 24px; line-height: normal; } .sign_up_btn a.btn.cart_btn span{ background-color: #192675; margin: 0 auto 0 -10px; } .sign_up_btn a.btn.cart_btn span sup{ color: #ffffff; } .sign_up_btn a.btn.cart_btn span, .ht_right_widget .cart_btn a.btn span{ border-radius: 50%; height: 17px; line-height: 15px; position: absolute; text-align: center; width: 17px; } .sign_up_btn.home3 a.btn.cart_btn span{ line-height: 17px; } .ht_right_widget .cart_btn a.btn span{ line-height: 20px; } .ht_right_widget .cart_btn a.btn span{ margin: -5px auto 0 -5px; } .sign_up_btn a.btn.cart_btn span sup{ font-size: 10px; margin-left: -10px; vertical-align: baseline; } .ht_right_widget .cart_btn a.btn span sup{ color: #141414; font-size: 10px; margin-left: 0; vertical-align: sub; } header.header-nav.menu_style_home_one li.list_c a span{ vertical-align: middle; } header.header-nav.menu_style_home_one li.list_c a:before, header.header-nav.menu_style_home_one li.list_s a:before{ display: none; } header.header-nav.menu_style_home_one .sign_up_btn li.list_s{ border-right: 1px solid rgba(255, 255, 255, 0.2); margin-right: 0 !important; } header.header-nav.menu_style_home_one .sign_up_btn li.list_s a.btn.flaticon-avatar{ line-height: 30px; } header.header-nav.menu_style_home_one .sign_up_btn li.list_s{ border-right: 1px solid #dadada; } .sign_up_btn li.list_s:last-child{ border: none; } .sign_up_btn li .btn .cart_btn{ background-color: #192675; font-size: 10px; height: 17px; width: 17px; text-align: center; } /*== Menu Style For Home V4 ==*/ header.header-nav.menu_style_home_four{ background: transparent; border-bottom: none; padding: 10px 0; } header.header-nav.menu_style_home_four a.navbar_brand{ margin-top: 10px; } header.header-nav.menu_style_home_four a.navbar_brand span{ color: #ffffff; font-weight: bold; font-size: 22px; margin-top: 10px; padding-left: 15px; text-transform: uppercase; vertical-align: middle; } header.header-nav.menu_style_home_four{ background-color: #ffffff; border-bottom: none; padding: 10px 0; } header.header-nav.menu_style_home_four a.navbar_brand span{ color: #0D263B; } header.header-nav.menu_style_home_four a.navbar_brand:before{ background-color: transparent !important; } header.header-nav.menu_style_home_four .ace-responsive-menu > li > a{ color: #ffffff; } header.header-nav.menu_style_home_four .ace-responsive-menu li ul.sub-menu, header.header-nav.menu_style_home_four .ace-responsive-menu li ul.sub-menu li a{ color: #0D263B; background-color: #ffffff; } header.header-nav.menu_style_home_four .ace-responsive-menu > li{ float: right; } header.header-nav.menu_style_home_four .ace-responsive-menu li a{ color: #ffffff; font-family: Cerebri Sans; } header.header-nav.menu_style_home_four .sign_up_btn .btn{ background-color: transparent; border: 1px solid #ffffff; border-radius: 20px; color: #ffffff; height: 45px; line-height: 30px; margin-top: 10px; } header.header-nav.menu_style_home_four .sign_up_btn .btn:hover, .sign_up_btn .btn:hover{ color: #ffffff; } header.header-nav.menu_style_home_four .ace-responsive-menu li a{ color: #0D263B; } /*== Menu Style For Home V5 ==*/ header.header-nav.menu_style_home_five{ background-color: #ffffff; height: 98px; padding: 10px 0; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); } header.header-nav.menu_style_home_five a.navbar_brand{ display: inline-block; margin-left: 200px; margin-top: 15px; position: absolute; } header.header-nav.menu_style_home_five a.navbar_brand:before{ background-color: #6077dd; height: 80px; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.cart.sub-menu{ background-color: transparent; box-shadow: none; padding: 0; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu{ background-color: #ffffff; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.cart.sub-menu{ display: block; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.cart.sub-menu li{ width: auto; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.cart.sub-menu .dropdown_content{ height: auto; right: 10px; top: 110%; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.cart.sub-menu .dropdown_content .list_content .cart_btns{ background-color: #071c35; border: 1px solid #071c35; float: left; line-height: 20px; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.cart.sub-menu .dropdown_content .list_content .checkout_btns{ background-color: #ff1053; border: 1px solid #ff1053; float: right; line-height: 0; line-height: 20px; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.cart a.btn.cart_btn{ font-size: 22px; padding-top: 21px; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.cart a.btn.cart_btn span{ background-color: #192675; border-radius: 50%; height: 17px; line-height: 17px; margin: -2px auto 0 -10px; position: absolute; text-align: center; width: 17px; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.cart a.btn.cart_btn span:before{ display: none; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.cart a.btn.cart_btn span sup{ color: #ffffff; font-size: 10px; z-index: 9; } header.header-nav.menu_style_home_five a.navbar_brand span, header.header-nav.menu_style_home_five .ace-responsive-menu li a{ color: #0D263B; } header.header-nav.menu_style_home_five .ace-responsive-menu li a{ padding-top: 27px; font-family: Cerebri Sans; text-transform: capitalize; } header.header-nav.menu_style_home_five .ace-responsive-menu li.list_c a:before, header.header-nav.menu_style_home_five .ace-responsive-menu li.list_s a:before{ display: none; } header.header-nav.menu_style_home_five .ace-responsive-menu li.add_listing a{ border: 1px solid #E6E9EC; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu li{ } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu li a{ padding: 12px 20px 12px 0; } header.header-nav.menu_style_home_five .container-fluid{ padding: 0 70px; } header.header-nav.menu_style_home_five a.navbar_brand:before{ display: none; } header.header-nav.menu_style_home_five .header_search_widget .mailchimp_form button{ background-color: transparent; border: none; border-radius: 50%; color: #0D263B; font-size: 24px; height: 45px; margin-left: -65px; } header.header-nav.menu_style_home_five .header_search_widget .mailchimp_form button:active, header.header-nav.menu_style_home_five .header_search_widget .mailchimp_form button:focus{ color: #000000 !important; border: none; box-shadow: none !important; outline: none; } header.header-nav.menu_style_home_five .sign_up_btn{ margin-bottom: 0; } header.header-nav.menu_style_home_five .sign_up_btn .btn{ color: #0D263B; margin-top: 10px; } header.header-nav.menu_style_home_five .header_search_widget .mailchimp_form .form-control{ background-color: #edeff7; border: 1px solid #edeff7; border-radius: 25px; color: #555555; font-size: 14px; height: 45px; margin-top: 5px; padding-left: 30px; width: 450px; } header.header-nav.menu_style_home_five .header_search_widget .mailchimp_form .form-control:focus{ border: 1px solid #edeff7; box-shadow: none; outline: none; } /*== Menu Style For Home V4 ==*/ header.header-nav.menu_style_home_six { display: -webkit-box; background: #ffffff; height: 80px; padding: 10px 0; position: relative; z-index: 1 !important; } header.header-nav.menu_style_home_six a.navbar_brand{ margin-top: 10px; } header.header-nav.menu_style_home_six a.navbar_brand span{ color: #0D263B; font-weight: bold; font-size: 22px; margin-top: 10px; padding-left: 15px; text-transform: uppercase; vertical-align: middle; } header.header-nav.menu_style_home_six{ background-color: #ffffff; border-bottom: none; padding: 10px 0; } header.header-nav.menu_style_home_six a.navbar_brand span{ color: #0D263B; } header.header-nav.menu_style_home_six a.navbar_brand:before{ background-color: transparent !important; } header.header-nav.menu_style_home_six .ace-responsive-menu > li > a{ color: #ffffff; } header.header-nav.menu_style_home_six .ace-responsive-menu li ul.sub-menu, header.header-nav.menu_style_home_six .ace-responsive-menu li ul.sub-menu li a{ color: #0D263B; background-color: #ffffff; } header.header-nav.menu_style_home_six .ace-responsive-menu > li{ float: right; } header.header-nav.menu_style_home_six .ace-responsive-menu li a{ color: #ffffff; font-family: Cerebri Sans; } header.header-nav.menu_style_home_six .sign_up_btn .btn{ background-color: transparent; border: 1px solid #ffffff; border-radius: 20px; color: #ffffff; height: 45px; line-height: 30px; margin-top: 10px; } header.header-nav.menu_style_home_six .sign_up_btn .btn:hover, .sign_up_btn .btn:hover{ color: #ffffff; } header.header-nav.menu_style_home_six .ace-responsive-menu > li.last{ margin-right: 40px; } header.header-nav.menu_style_home_six .ace-responsive-menu li a{ color: #0D263B; } .menu6_search.home6 #search-button i{ color: #0D263B; } /*== Menu Style For Home V6 ==*/ header.header-nav.menu_style_home_six{ background-color: #ffffff; border-bottom: none; padding: 0; } header.header-nav.menu_style_home_six .ace-responsive-menu > li > a{ padding: 25px 25px 25px 5px; } header.header-nav.menu_style_home_six .ace-responsive-menu li ul.sub-menu{ background-color: #ffffff; } header.header-nav.menu_style_home_six .ace-responsive-menu li a{ color: #251730; } header.header-nav.menu_style_home_six a.navbar_brand:before{ background-color: transparent; } header.header-nav.menu_style_home_six .sign_up_btn .btn{ border: none; color: #ffffff; margin-top: 10px; } /*== Menu Style For Home V7 ==*/ header.header-nav.menu_style_home_seven { display: -webkit-box; background-color: transparent; height: 80px; padding: 10px 0; position: relative; z-index: 1 !important; } header.header-nav.menu_style_home_seven.navbar-scrolltofixed.main-menu.scroll-to-fixed-fixed{ background-color: #ffffff; } header.header-nav.menu_style_home_seven a.navbar_brand{ margin-top: 0; position: relative; } header.header-nav.menu_style_home_seven a.navbar_brand:before{ display: none; } header.header-nav.menu_style_home_seven .ace-responsive-menu > li > a{ color: #ffffff; } header.header-nav.menu_style_home_seven .ace-responsive-menu li ul.sub-menu, header.header-nav.menu_style_home_seven .ace-responsive-menu li ul.sub-menu li a{ color: #0D263B; background-color: #ffffff; } header.header-nav.menu_style_home_seven .ace-responsive-menu > li{ float: right; } header.header-nav.menu_style_home_seven .ace-responsive-menu li a{ color: #ffffff; font-family: Cerebri Sans; padding: 18px 20px 18px 15px; } header.header-nav.menu_style_home_seven .ace-responsive-menu li ul.sub-menu li a:hover{ padding-left: 20px; } header.header-nav.menu_style_home_seven .sign_up_btn .btn{ background-color: transparent; border: 1px solid #ffffff; border-radius: 20px; color: #ffffff; height: 45px; line-height: 30px; margin-top: 10px; } header.header-nav.menu_style_home_seven .sign_up_btn .btn:hover, .sign_up_btn .btn:hover{ color: #ffffff; } header.header-nav.menu_style_home_seven .ace-responsive-menu > li.last{ margin-right: 40px; } /*== Mobile Menu Css ==*/ .stylehome1 .mm-navbar{ color: #0D263B; height: 75px; line-height: 4; } .stylehome1 .mm-panel ul.mm-listview li:first-child.mm-listitem{ margin-top: 30px; } .stylehome1 .mm-panel ul.mm-listview li.mm-listitem.cl_btn{ border-bottom: none; margin: 50px auto; max-width: 90%; } .stylehome1 .mm-panel ul.mm-listview li.mm-listitem.cl_btn a.btn{ color: #ffffff; font-size: 13px; font-size: 13px; font-weight: 600; text-transform: uppercase; } .stylehome1 a.mm-listitem__text, .stylehome1 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text{ color: #0D263B; font-size: 13px; font-weight: 600; text-transform: uppercase; } .stylehome1 a.mm-listitem__text:hover, .stylehome1 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text:hover{ background-color: #e5e5e5; color: #0D263B; } .stylehome1.home3 a.mm-listitem__text, .stylehome1.home3 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text{ color: #cecff9; } .stylehome1.home3 a.mm-listitem__text:hover, .stylehome1.home3 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text:hover{ background-color: #e5e5e5; color: #0D263B; } .stylehome1.home6 .mm-navbar{ background-color: #ffffff; } .stylehome1.home6 .mm-panel{ background-color: #ebf9f4; } .stylehome1.home6 a.mm-listitem__text, .stylehome1.home6 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text{ color: #252834; } .stylehome1.home6 a.mm-listitem__text:hover, .stylehome1.home6 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text:hover{ background-color: #43d4b6; color: #ffffff; } .stylehome1.home6 .mm-navbar{ color: #252834; } .stylehome1.home6 .mm-btn_next::after{ border-color: #252834; } .stylehome1 li.mm-listitem:hover, .stylehome1 li.mm-listitem:active, .stylehome1 li.mm-listitem:focus{ color: #ffffff; } .stylehome1 .mm-navbar, .stylehome1 .mm-btn_prev:before{ background-color: #ffffff; } /*== Home Css ==*/ .home_content{ padding: 100px 0 0px; } .home_content.home1.custom_width{ margin: 0 auto; width: 67%; } .home_content.home1.custom_width.home4{ width: 59%; } .paralax_home_search_content.custom_width{ margin: 0 auto; width: 67%; } .home_content.home6.custom_width{ width: 67%; } .home_content.home2{ padding: 250px 0 400px; } .home_content.home3{ padding: 240px 0 200px; } .home_content.home3 .title{ font-size: 50px; line-height: 4.5rem; } .home_content .home-text p{ font-weight: normal; } .home_content.home5{ padding: 230px 0 0px; } .home_content.home6{ padding: 280px 0 100px; position: relative; } .home_content.home7{ padding: 265px 0 100px 80px; position: relative; } .divider_contact_form.home7{ margin-top: 100px; } .home_content.home10{ padding: 340px 0 400px; } .icon_home1{ cursor: pointer; margin: 0 30px; position: relative; text-align: center; } .icon_home1 .icon{ color: #ffffff; font-size: 40px; margin-bottom: 20px; } .icon_home1 p{ font-size: 16px; font-family: Cerebri Sans; font-weight: 500; color: #ffffff; line-height: 23px; margin-bottom: 0; } .home1_adsrchfrm{ background-color: #ffffff; border-radius: 3px; padding: 30px 20px; position: relative; z-index: 9; } .home1_adsrchfrm:before{ background-color: rgba(255,255,255, .15); border-radius: 3px; bottom: -10px; content: ""; left: -10px; position: absolute; right: -10px; top: -10px; z-index: -1; } .home_adv_srch_opt{ margin-top: 20px; position: relative; } .home_adv_srch_opt .nav-pills{ border-bottom: none; margin: 0 auto; text-align: center; width: 250px; } .home_adv_srch_opt.home3{ margin-bottom: 185px; margin-top: 0; } .home_adv_srch_opt.home3 .nav-pills, .home_adv_srch_opt.home6 .nav-pills{ margin: 0; } .home_adv_srch_opt .nav-pills li.nav-item a.nav-link:first-child{ margin-right: 15px; } .home_adv_srch_opt .nav-pills li.nav-item a.nav-link{ background-color: #ffffff; border-radius: 3px; color: #1b2032; font-size: 16px; height: 50px; width: 110px; text-align: center; line-height: 35px; } .home_adv_srch_opt .nav-pills li.nav-item a.nav-link.active{ background-color: #071c35; border-color: #071c35; color: #ffffff; } .home_adv_srch_opt .nav-pills li.nav-item a.nav-link.active:before{ background-color: #071c35; content: ""; height: 20px; margin-left: 5px; position: absolute; top: 35px; width: 20px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .home_adv_srch_opt.home6{ margin-top: 100px; } .home_adv_srch_opt.home6 .nav-pills li.nav-item a.nav-link.active{ background-color: #3e4c66; border-color: #3e4c66; color: #ffffff; } .home_adv_srch_opt.home6 .nav-pills li.nav-item a.nav-link.active:before{ background-color: #3e4c66; } .home_adv_srch_opt .tab-content{ margin-top: 30px; } .home_adv_srch_opt.listing_page_v7{ background-color: #fff; border-radius: 3px; margin-top: -40px; padding: 10px 0; -webkit-box-shadow:0px 10px 50px rgba(13, 38, 59, 0.1); -moz-box-shadow:0px 10px 50px rgba(13, 38, 59, 0.1); -o-box-shadow:0px 10px 50px rgba(13, 38, 59, 0.1); box-shadow:0px 10px 50px rgba(13, 38, 59, 0.1); } .home1-advnc-search ul li{ margin-right: 15px !important; } .home1-advnc-search.home2{ padding-left: 8px; } .home1-advnc-search.home2 ul li{ margin-right: 15px !important; } .home1-advnc-search ul li:first-child .form-control{ background-color: #ffffff; border: 1px solid #ebebeb; border-radius: 3px; font-size: 14px; color: #0D263B; line-height: 1.2; height: 50px; width: 215px; } .home1-advnc-search.home2.style2 ul li:first-child .form-control::placeholder, .home1-advnc-search.home2.style2 ul li:nth-child(3) .form-group .form-control::placeholder, .home1-advnc-search .search_option_two.home2.style2 .dropdown.bootstrap-select .dropdown-toggle .filter-option, .small_dropdown2.home2.style2 .dd_btn, .mega-dropdown.home2.style2 .dropbtn{ color: #006c70; } .home1-advnc-search ul li:first-child input[type="text"].form-control::-webkit-input-placeholder{ background-color: #ffffff; color: #0D263B; font-size: 14px; font-family: Cerebri Sans; line-height: 1.2; } .home1-advnc-search.home3 ul li:first-child input[type="text"].form-control::-webkit-input-placeholder, .home1-advnc-search.home3 ul li:nth-child(3) .form-group input[type="text"].form-control::-webkit-input-placeholder, .home1-advnc-search.home6 ul li:first-child input[type="text"].form-control::-webkit-input-placeholder, .home1-advnc-search.home6 ul li:nth-child(3) .form-group input[type="text"].form-control::-webkit-input-placeholder{ color: #006c70; font-size: 14px; font-family: Cerebri Sans; line-height: 1.2; } .header_search_widget .mailchimp_form input[type="text"].form-control::-webkit-input-placeholder, .home1-advnc-search ul li .form-group{ margin-bottom: 0; } .home1-advnc-search ul li:nth-child(2){ margin-right: 0; } .home1-advnc-search ul li:nth-child(3) .form-group{ position: relative; } .home1-advnc-search ul li:nth-child(3) .form-group .form-control{ border: 1px solid #ebebeb; border-radius: 3px; background-color: #ffffff; font-size: 14px; height: 50px; width: 190px; } .home1-advnc-search ul li:nth-child(3) .form-group label{ font-size: 16px; position: absolute; right: 15px; top: 11px; } .home1-advnc-search ul li:nth-child(3) .form-group label span{ font-size: 18px; } .home1-advnc-search ul li:last-child{ margin-right: 0 !important; } .home1-advnc-search.home3 ul li .search_option_button button{ background-color: #3e4c66; } .home1-advnc-search.home6 ul li .search_option_button button{ background-color: #3e4c66; border: 1px solid #3e4c66; -webkit-box-shadow:0px 1px 4px 0px rgba(29, 41, 62, 0.3); -moz-box-shadow:0px 1px 4px 0px rgba(29, 41, 62, 0.3); -o-box-shadow:0px 1px 4px 0px rgba(29, 41, 62, 0.3); box-shadow:0px 1px 4px 0px rgba(29, 41, 62, 0.3); } .home1-advnc-search.home6 ul li .search_option_button.style2 button{ background-color: #071c35; border: 1px solid #071c35; } .home1-advnc-search.home3 ul li .search_option_button button:hover{ background-color: #ffffff; border: 1px solid #3e4c66; color: #3e4c66; } .search_option_button.listing_page ul li{ margin-right: 0; } .home1-advnc-search ul.apeartment_area_list{ text-align: left; } .home1-advnc-search ul.apeartment_area_list li, .home1-advnc-search ul.apeartment_area_list li:nth-child(2){ margin-right: 15px; } .home1-advnc-search .dropdown-menu.pricing .dropdown-item:hover{ background-color: transparent; } .home1-advnc-search span.ui-slider-handle.ui-corner-all.ui-state-default, .sasw_list span.ui-slider-handle.ui-corner-all.ui-state-default{ background-color: #ffffff; border-radius: 50%; -webkit-box-shadow:0px 0px 5px 0px rgba(19, 19, 28, 0.2); -moz-box-shadow:0px 0px 5px 0px rgba(19, 19, 28, 0.2); -o-box-shadow:0px 0px 5px 0px rgba(19, 19, 28, 0.2); box-shadow:0px 0px 5px 0px rgba(19, 19, 28, 0.2); height: 16px; top: -5px; width: 16px; } .home1-advnc-search span.ui-slider-handle.ui-corner-all.ui-state-default:before, .sasw_list span.ui-slider-handle.ui-corner-all.ui-state-default:before{ background-color: #fff; border-radius: 10px; content: ""; height: 11px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: 11px; } .home1-advnc-search span.ui-slider-handle.ui-corner-all.ui-state-default:hover, .sasw_list span.ui-slider-handle.ui-corner-all.ui-state-default:hover{ background-color: #ffffff; cursor: pointer; } .home1-advnc-search span.ui-slider-handle.ui-corner-all.ui-state-default:active, .home1-advnc-search span.ui-slider-handle.ui-corner-all.ui-state-default:focus, .sasw_list span.ui-slider-handle.ui-corner-all.ui-state-default:active, .sasw_list span.ui-slider-handle.ui-corner-all.ui-state-default:focus{ background-color: #ffffff; border: none; outline: none; } .home1-advnc-search .search_option_two .dropdown.bootstrap-select>.dropdown-toggle{ background-color: #ffffff; border-radius: 3px; border: 1px solid #ebebeb; height: 50px; line-height: 35px; width: 180px; } .home1-advnc-search.home3 .search_option_two .dropdown.bootstrap-select>.dropdown-toggle .filter-option-inner-inner, .home1-advnc-search.home6 .search_option_two .dropdown.bootstrap-select>.dropdown-toggle .filter-option-inner-inner, .mega-dropdown.home3 .dropbtn, .small_dropdown2.home6 .dd_btn, .mega-dropdown.home6 .dropbtn{ color: #006c70; } .home1-advnc-search .dropdown.bootstrap-select>.dropdown-toggle{ background-color: #ffffff; border-radius: 3px; border: 1px solid #ebebeb; height: 50px; line-height: 40px; font-size: 14px; width: 190px; } .home1-advnc-search .search_option_two .dropdown.bootstrap-select .dropdown-toggle .filter-option{ font-size: 14px; color: #0D263B; } .home1-advnc-search .search_option_two .dropdown.bootstrap-select>.dropdown-toggle:focus, .home1-advnc-search .search_option_two .dropdown.bootstrap-select>.dropdown-toggle:active{ box-shadow: none; outline: none; } .home1-advnc-search .search_option_two .dropdown.bootstrap-select .dropdown-menu.show, .home1-advnc-search .dropdown.bootstrap-select .dropdown-menu.show{ min-width: 250px !important; } .home1-advnc-search .search_option_two ul.dropdown-menu.inner.show li, .home1-advnc-search ul.dropdown-menu.inner.show li{ font-size: 14px; margin-right: 0 !important; } .home1-advnc-search .search_option_two .dropdown-menu{ top: 50px !important; } .home1-advnc-search .search_option_two.home2 .dropdown-menu{ top: 35px !important; } .home1-advnc-search .search_option_two .dropdown-menu button.btn{ font-size: 14px; font-family: Cerebri Sans; color: #0D263B; line-height: 1.2; } .home1-advnc-search .search_option_two .dropdown-menu.show:before{ background-color: #ffffff; content: ""; height: 20px; left: 0; margin: 0 auto; position: absolute; right: 0; top: -5px; width: 20px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .custom_dropdown_widget .dropdown-menu{ top: 0; } .custom_dropdown_widget .dropdown-menu.show:before{ display: none; } .custom_dropdown_widget .title{ color: #0D263B; font-size: 13px; font-weight: 600; margin-bottom: 10px; position: relative; text-transform: uppercase; } .custom_dropdown_widget .dropdown.bootstrap-select>.dropdown-toggle{ background-color: transparent; border: none; border-bottom: 2px solid #ddd; border-radius: 0; color: #696969; font-size: 14px; font-weight: 400; height: 30px; line-height: 18px; padding: 0; } .custom_dropdown_widget .dropdown.bootstrap-select>.dropdown-toggle:hover, .custom_dropdown_widget .dropdown.bootstrap-select>.dropdown-toggle:active, .custom_dropdown_widget .dropdown.bootstrap-select>.dropdown-toggle:focus{ box-shadow: none; outline: none !important; } .custom_dropdown_widget .bootstrap-select li{ margin-right: 30px; } .custom_dropdown_widget .bootstrap-select li a.dropdown-item{ margin-right: 30px; } .custom_dropdown_widget .bootstrap-select li a.dropdown-item:hover{ background-color: transparent; color: #0D263B; font-weight: 600; } .custom_dropdown_widget .bootstrap-select li.selected.active a.dropdown-item.selected.active{ background-color: transparent; color: #696969; } .custom_dropdown_widget .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{ top: 15px; } .custom_dropdown_widget input.amount, .custom_dropdown_widget input.amount2, .custom_dropdown_widget input.amount3, .custom_dropdown_widget input.amount4{ width: 90px; } .home9-advnc-search .h1ads_1st_list li{ margin-right: 15px; } .home9-advnc-search .h1ads_1st_list li:last-child{ margin-right: 0; } .home9-advnc-search .left_area h4, .half_map_area_content .lib-row.tc_content h4 a{ font-size: 22px; font-weight: 600; } .half_map_area_content .btn.cusbtn{ height: 45px; font-size: 16px; } .listing_page_v7 .home9-advnc-search .h1ads_1st_list li, .listing_page_v7 .home9-advnc-search .h1ads_1st_list li:last-child{ margin-right: 10px; } .home1-advnc-search .bootstrap-select .bs-ok-default:after{ color: #071c35; } .home1-advnc-search .bootstrap-select .dropdown-menu li a{ color: #0D263B; font-size: 14px; line-height: 2; width: 250px; } .small_dropdown .dd_btn{ background-color: #ffffff; border: 1px solid #ebebeb; border-radius: 3px; color: #0D263B; font-size: 14px; font-family: Cerebri Sans; height: 50px; line-height: 2.5; width: 180px; text-align: left; } .small_dropdown2 .dd_btn { background-color: #ffffff; border: 1px solid #ebebeb; border-radius: 3px; cursor: pointer; font-size: 14px; color: #0D263B; height: 55px; line-height: 45px; margin: 0; outline: none; text-align: left; width: 150px; } .custom_dropdown_widget{ position: relative; } .custom_dropdown_widget .drop_btn, .custom_dropdown_widget .drop_btn2, .custom_dropdown_widget .drop_btn3, .custom_dropdown_widget .drop_btn4, .custom_dropdown_widget .advance_btn{ background-color: #ffffff; border: 1px solid #ebebeb; border-radius: 4px; color: #0D263B; font-size: 14px; height: 55px; line-height: 45px; margin-top: -12px; width: 110px; } .custom_dropdown_widget .advance_btn{ width: 130px; } .custom_dropdown_widget .drop_btn span, .custom_dropdown_widget .drop_btn2 span, .custom_dropdown_widget .drop_btn3 span, .custom_dropdown_widget .drop_btn4 span, .custom_dropdown_widget .advance_btn span{ color: #071c35; font-size: 20px; margin-right: 5px; vertical-align: middle; } .drop_content, .drop_content2, .drop_content3, .drop_content4{ background-color: #ffffff; border-top: 2px solid #071c35; border-radius: 0 0 3px 3px; -webkit-box-shadow:0px 10px 50px rgba(13, 38, 59, 0.1); -moz-box-shadow:0px 10px 50px rgba(13, 38, 59, 0.1); -o-box-shadow:0px 10px 50px rgba(13, 38, 59, 0.1); box-shadow:0px 10px 50px rgba(13, 38, 59, 0.1); display: none; height: 106px; left: 0px; margin: 0 auto; padding: 15px 30px; position: absolute; right: 0; top: 50px; width: 260px; z-index: 1; } .drop_content:before, .drop_content2:before, .drop_content3:before, .drop_content4:before{ border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #071c35 transparent; content: ""; height: 0; position: absolute; left: 30px; top: -10px; width: 0; } .drop_content4.pricing_style{ height: 145px; } .search_option_button.home9 button{ background-color: #d1ab3e; border-radius: 3px; height: 55px; padding: 0 45px; } .search_option_button.home9.innerpage button{ margin-top: -12px; } .search_option_button.home9 button span{ margin-right: 7px; vertical-align: middle; } .search_option_button.home9.style2 button{ background-color: #FF6E01; border: none; } .small_dropdown .dd_btn label, .small_dropdown2 .dd_btn label{ float: right; } .small_dropdown .dd_btn:hover{ cursor: pointer; } .small_dropdown:hover .dd_content { display: block; } .dd_content{ background-color: #ffffff; border-radius: 3px; -webkit-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); -o-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); display: none; height: 240px !important; left: -40% !important; margin: 0 auto; padding: 40px 30px; position: absolute; right: 0 !important; top: 140px; width: 250px; } .dd_content2 { background-color: #ffffff; border-radius: 3px; -webkit-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); -o-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); display: none; left: 0; margin: 0 auto; max-width: 304px; padding: 30px; position: absolute; right: -20%; top: 140px; } .dd_content:before, .dd_content2:before{ background-color: #ffffff; content: ""; height: 20px; left: auto; margin: 0 auto; position: absolute; right: 25%; top: -5px; width: 20px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .dd_content2.home3{ border-radius: 0 0 3px 3px; border-top: 2px solid #071c35; padding: 25px 30px 30px; top: 72px; width: 260px; z-index: 0; } .dd_content2.home3 input.amount, .dd_content2.home3 input.amount2, .dd_content2.home3 input.amount3, .dd_content2.home3 input.amount4, .dd_content2.home3 #slider-range-value1, .dd_content2.home3 #slider-range-value2{ width: 90px; } .dd_content2.home3:before{ background-color: rgba(13, 39, 59, 0.07); border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #071c35 transparent; content: ""; height: 0; position: absolute; right: auto; top: -10px; width: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .dd_content:after{ background-color: transparent; content: ""; height: 42px; left: auto; margin: 0 auto; right: 0 !important; top: -25% !important; width: 200px !important; position: absolute; } .dd_content2:after{ background-color: transparent; content: ""; height: 90px; left: auto; margin: 0 auto; position: absolute; right: 15%; top: -29%; width: 100px; z-index: -1; } .dd_content2.home2{ top: 110px; z-index: 9; } /* Home Search Select Dropdown Filter Css Code */ .home_tabs .nav-tabs{ border-bottom: none; } .home_tabs .nav-tabs .nav-link{ background-color: transparent; border: none; color: #ffffff; font-size: 16px; font-weight: 600; padding-left: 0; padding-right: 0; margin: 0 15px; } .home_tabs .nav-tabs .nav-item.show .nav-link, .home_tabs .nav-tabs .nav-link.active{ border-bottom: 2px solid #ffffff; } .home_tabs.home3 .nav-tabs .nav-item{ border: none; position: relative; } .home_tabs.home3 .nav-tabs .nav-link{ background-color: rgba(13, 39, 59, 0.7); border-radius: 4px 4px 0 0; border-bottom: none; margin: 0 1px; padding: 15px 0; text-align: center; width: 102px; } .home_tabs.home3 .nav-tabs .nav-link.active{ background-color: #fff; color: #0D263B; } .home_tabs.home3 .nav-tabs .nav-link.active:before{ border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; content: ""; height: 0; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50px; width: 0; transform: rotate(180deg); z-index: 1; } .home_tabs.home6 .nav-tabs .nav-link{ color: #0D263B; } .home_tabs.home6 .nav-tabs .nav-item.show .nav-link, .home_tabs.home6 .nav-tabs .nav-link.active{ border-bottom: 2px solid #0D263B; } .select-wrap.style1-dropdownp{ border-right: 1px solid #E6E9EC; } .select-wrap.style1-dropdown .searchBoxElement{ max-height: 320px; padding-top: 10px; } .select-wrap.style1-dropdown .searchBoxElement li{ border-bottom: 1px solid #E6E9EC; height: 80px; padding-left: 55px; position: relative; } .select-wrap.style1-dropdown .searchBoxElement li:nth-child(2):before{ background-image: url(../images/property/search_img1.png); background-position: left; background-repeat: no-repeat; background-size: cover; border-radius: 3px; content: ""; height: 50px; left: 0; position: absolute; top: 13px; width: 50px; } .select-wrap.style1-dropdown .searchBoxElement li:nth-child(2) span:before{ color: #0D263B; content: "$7500"; font-size: 13px; font-weight: 600; left: 60px; position: absolute; top: 20px; } .select-wrap.style1-dropdown .searchBoxElement li:nth-child(2) span:after{ color: #696969; content: "4 Beds 5 Baths 1200 Sq Ft"; font-size: 13px; font-weight: 400; left: 60px; position: absolute; top: 40px; } .select-wrap.style1-dropdown .searchBoxElement li:nth-child(3):before{ background-image: url(../images/property/search_img2.png); background-position: left; background-repeat: no-repeat; background-size: cover; border-radius: 3px; content: ""; height: 50px; left: 0; position: absolute; top: 13px; width: 50px; } .select-wrap.style1-dropdown .searchBoxElement li:nth-child(3) span:before{ color: #0D263B; content: "$7500"; font-size: 13px; font-weight: 600; left: 60px; position: absolute; top: 18px; } .select-wrap.style1-dropdown .searchBoxElement li:nth-child(3) span:after{ color: #696969; content: "4 Beds 5 Baths 1200 Sq Ft"; font-size: 13px; font-weight: 400; left: 60px; position: absolute; top: 35px; } .select-wrap.style1-dropdown .searchBoxElement li:nth-child(4):before{ background-image: url(../images/property/search_img3.png); background-position: left; background-repeat: no-repeat; background-size: cover; border-radius: 3px; content: ""; height: 50px; left: 0; position: absolute; top: 13px; width: 50px; } .select-wrap.style1-dropdown .searchBoxElement li:nth-child(4) span:before{ color: #0D263B; content: "$7500"; font-size: 13px; font-weight: 600; left: 60px; position: absolute; top: 18px; } .select-wrap.style1-dropdown .searchBoxElement li:nth-child(4) span:after{ color: #696969; content: "4 Beds 5 Baths 1200 Sq Ft"; font-size: 13px; font-weight: 400; left: 60px; position: absolute; top: 38px; } .select-wrap.style1-dropdown .searchBoxElement li:nth-child(5){ border-bottom: none; color: #071c35; height: 55px; padding-left: 0; padding-top: 6px; text-decoration: underline; } .select-wrap.style1-dropdown .searchBoxElement li:nth-child(5) span{ color: #071c35; font-weight: normal; } .select-wrap.style1-dropdown input.refineText.formTextbox{ width: 245px !important; } .select-wrap.style2-dropdown input.refineText.formTextbox{ width: 240px !important; } .searchBoxElement{ background-color: #ffffff; border: none; border-top: 2px solid #0e3a6d; border-radius: 0 0 3px 3px; left: 15px; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0 20px; position: absolute; right: 0; top: 60px; width: 100% !important; z-index: 9; -ms-overflow-style: none; scrollbar-width: none; text-align: left; max-width: 300px; } .searchBoxElement span{ padding: 0 5px; } .searchBoxElement li{ border-bottom: 1px solid #E6E9EC; line-height: 3; font-size: 13px; } .searchBoxElement li span{ color: #0D263B; font-weight: 600; } .searchBoxElement li:hover{ cursor: pointer; } .searchBoxElement li:hover span{ color: #0e3a6d; } .searchBoxElement li.selected{ color: #0e3a6d; } .select-wrap.style1-dropdown .searchBoxElement li:first-child{ display: none; } .select-wrap.style2-dropdown .searchBoxElement li:first-child{ display: block; } .searchBoxElement li:last-child{ border-bottom: none; } .home_form_input.home9 .select-wrap.style1-dropdown input.refineText.formTextbox{ width: 550px !important; } .home_form_input.home9.innerpage_style .select-wrap.style1-dropdown input.refineText.formTextbox{ color: #0D263B; width: 420px !important; } .home_form_input.home9 .searchBoxElement{ left: 0; max-width: inherit; right: 0; } .refineText{ border: none; border-bottom: 2px solid #E6E9EC; color: #696969; height: 40px; line-height: 40px; } .refineText:active, .refineText:focus{ outline: none; } .home_adv_srch_form form{ border-radius: 3px; } .home_adv_srch_form.home2 .home_form_input input.form_control, .home_adv_srch_form.home5 .home_form_input input.form_control{ border-bottom: none; } .home_adv_srch_form .input-group-text, .home_adv_srch_form.home2 .home2_befor_icon, .home_adv_srch_form.home5 .home2_befor_icon, .home_form_input.home9 .home2_befor_icon, .home_adv_srch_form label{ background-color: transparent; border: none; color: #071c35; font-size: 20px; font-weight: 600; margin-bottom: 0; text-transform: uppercase; } .home_adv_srch_form.home2 .col-auto.home_form_input{ width: 90%; } .home_adv_srch_form.home2 .col-auto.home_form_input2{ width: 10%; } .home_adv_srch_form.home2 .home2_befor_icon, .home_adv_srch_form.home5 .home2_befor_icon, .home_form_input.home9 .home2_befor_icon{ font-weight: 400; padding: 7px 20px 0 10px; } .home_adv_srch_form.home5 .col-auto.home_form_input{ width: 77%; } .home_adv_srch_form.home5 .col-auto.home_form_input2{ width: auto; } .home_form_input.home9 .input-group{ background-color: #fff; border: 1px solid #E6E9EC; border-radius: 3px; height: 55px; line-height: 55px; } .home_form_input.home9 .home2_befor_icon{ padding: 0 20px; } .home_form_input.home9.custom_wide{ width: 350px; } .home_form_input.home9 .custom_input{ font-size: 14px; height: 53px; padding-left: 0; } .home_form_input.home9 .refineText{ border-bottom: none; } .home_adv_srch_form label{ color: #0D263B; font-size: 13px; } .home_adv_srch_form .search-btn{ background-color: #020BA7; border-radius: 3px; color: #ffffff !important; font-size: 13px; font-weight: 600; height: 55px; text-transform: uppercase; width: 150px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .home_adv_srch_form .search-btn:hover { background-color: #d1ab3e; } .home_adv_srch_form .search-btn span{ font-size: 16px; font-weight: 400; margin-right: 5px; vertical-align: middle; } .home_adv_srch_form.home2 form{ border-radius: 60px; margin: 0 auto; padding: 10px 0 10px 25px; width: 75%; } .home_adv_srch_form.home3 form{ background-color: rgba(13, 39, 59, 0.7); border-radius: 3px; margin: 0 auto; padding: 20px; width: 90%; } .home_adv_srch_form.home4 form{ border-radius: 60px; margin: 0 auto; padding: 10px 0 10px 25px; } .home_adv_srch_form.home5 form{ border-radius: 3px; margin: 0 auto; padding: 10px 0 10px 15px; width: 75%; } .home_adv_srch_form.home2 .search-btn{ background-color: #071c35; border-radius: 50%; height: 50px; width: 50px; } .home_adv_srch_form.home4 .search-btn{ background-color: #FF783D; border-radius: 30px; color: #ffffff; height: 55px; text-transform: uppercase; width: 155px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .home_adv_srch_form.home5 .search-btn{ background-color: #071c35; border-radius: 3px; font-size: 13px; height: 50px; width: 145px; } .home_adv_srch_form.home6 form{ -webkit-box-shadow:0px 10px 50px rgba(13, 39, 59, 0.1); -moz-box-shadow:0px 10px 50px rgba(13, 39, 59, 0.1); -o-box-shadow:0px 10px 50px rgba(13, 39, 59, 0.1); box-shadow:0px 10px 50px rgba(13, 39, 59, 0.1); } .home_adv_srch_form .dropdown-menu.show .inner.show ul.dropdown-menu.inner.show li{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .home_adv_srch_form .dropdown-menu.show{ border-top: 2px solid #071c35; } .home_adv_srch_form .dropdown-menu.show .inner.show ul.dropdown-menu.inner.show{ border-top: none; } .home_adv_srch_form .dropdown-menu.show .inner.show ul.dropdown-menu.inner.show li a{ font-size: 13px; line-height: 35px; padding-left: 0px; padding-right: 0px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .custom_dropdowns .dropdown-menu.show .inner.show ul.dropdown-menu.inner.show li a{ line-height: 40px; } .custom_dropdowns .dropdown-item:hover{ font-weight: 600; } .custom_dropdowns .dropdown-item:hover, .custom_dropdowns .dropdown-item.active, .custom_dropdowns .dropdown-item:active{ background-color: transparent; color: #0D263B; } .home_adv_srch_form .dropdown-menu.show .inner.show ul.dropdown-menu.inner.show li:last-child a{ border-bottom: none; } .home_adv_srch_form .dropdown-menu.show .inner.show ul.dropdown-menu.inner.show li:hover a, .home_adv_srch_form .dropdown-menu.show .inner.show ul.dropdown-menu.inner.show li.selected a{ color: #d1ab3e; font-weight: 600; } .home_adv_srch_form .dropdown-menu.show .inner.show ul.dropdown-menu.inner.show li a span.check-mark{ right: 5px; top: 15px; color:#d1ab3e; } .home_adv_srch_form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ width: 192px; } .home_adv_srch_form .bootstrap-select>.dropdown-toggle:hover, .home_adv_srch_form .bootstrap-select>.dropdown-toggle:active, .home_adv_srch_form .bootstrap-select>.dropdown-toggle:focus, .custom_dropdowns .bootstrap-select>.dropdown-toggle:hover, .custom_dropdowns .bootstrap-select>.dropdown-toggle:active, .custom_dropdowns .bootstrap-select>.dropdown-toggle:focus{ border-bottom: 2px solid #E6E9EC; box-shadow: none !important; outline: none !important; } .home_adv_srch_form .bootstrap-select .dropdown-menu.show{ border-radius: 0 0 3px 3px; margin: -2px 0 0; top: 0 !important; } .home_form_adv_srch_form_btn .adv_srch_btn{ color: #0D263B; display: inline-flex; font-size: 15px; line-height: 20px; cursor: pointer; padding: 7px 15px; min-width: 160px; /*border: 1px solid #071c35;*/ border-radius: 3px; } .home_form_adv_srch_form_btn .adv_srch_btn i{ color: #696969; font-size: 20px; margin-right: 20px; } .home_adv_srch_form.home3 .form-row{ margin: 0; } .home_adv_srch_form.home3 .home_form_input .form-group, .home_adv_srch_form.home3 .home_form_input2 .form-group{ margin-bottom: 0; } .home_adv_srch_form.home3 .input-group{ height: 55px; line-height: 60px; } .home_adv_srch_form.home3 .search-btn{ background: linear-gradient(90deg, #EC2549 0%, #FF385C 100%); border-radius: 3px; height: 55px; } .small_dropdown2.home3 .dd_btn{ border-radius: 0; border: none; } .home_adv_srch_form.home3 .home_form_input{ padding: 0; } .home_adv_srch_form.home3 .home_form_input:first-child .bootstrap-select>.dropdown-toggle{ background-color: #fff; border-radius: 3px 0px 0px 3px; width: 250px; } .home_adv_srch_form.home3 .home_form_input .small_dropdown2.home3 .dd_btn{ border-radius: 0 3px 3px 0; } .home_adv_srch_form.home3 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ width: auto; } .home_adv_srch_form.home3 .bootstrap-select>.dropdown-toggle{ background-color: #fff; border-bottom: none; color: #0D263B; font-size: 14px; height: 55px; line-height: 50px; padding: 0 15px; width: 175px; } .home_adv_srch_form.home3 .bootstrap-select>.dropdown-toggle:hover, .home_adv_srch_form.home3 .bootstrap-select>.dropdown-toggle:active, .home_adv_srch_form.home3 .bootstrap-select>.dropdown-toggle:focus{ background-color: #fff; } .home_adv_srch_form.home3 .bootstrap-select>.dropdown-toggle:before{ background-color: #E6E9EC; content: ""; height: 35px; position: absolute; right: 0; top: 8px; width: 1px; } .home_adv_srch_form .bootstrap-select>.dropdown-toggle, .custom_dropdowns .bootstrap-select>.dropdown-toggle{ padding-right: 0; } .home_adv_srch_form .bootstrap-select>.dropdown-toggle, .custom_dropdowns .bootstrap-select>.dropdown-toggle, .home_adv_srch_form.listing_page_v3 .bootstrap-select>.dropdown-toggle{ background-color: transparent; border: none; border-bottom: 2px solid #E6E9EC; border-radius: 0; color: #d1ab3e; font-size: 14px; padding-left: 0; width: 192px; } .home_adv_srch_form.home4 .bootstrap-select>.dropdown-toggle, .home_adv_srch_form.home4 .refineText{ border: none; padding: 0; } .home_adv_srch_form.home4 .refineText{ height: auto; line-height: normal; } .home_adv_srch_form.home4 .searchBoxElement{ border-top: 2px solid #FF783D; top: 59px; } .home_adv_srch_form.home4 .bootstrap-select .dropdown-menu.show{ border-top: 2px solid #FF783D; top: 16px !important; } .home_adv_srch_form.listing_page_v3 .bootstrap-select>.dropdown-toggle:hover, .home_adv_srch_form.listing_page_v3 .bootstrap-select>.dropdown-toggle:active, .home_adv_srch_form.listing_page_v3 .bootstrap-select>.dropdown-toggle:focus{ border: none; box-shadow: none !important; outline: none !important; } .home_adv_srch_form.listing_page_v3 .bootstrap-select .dropdown-menu.show{ top: 15px !important; } .home_adv_srch_form .dropdown-item, .home_adv_srch_form.listing_page_v3 .dropdown-item { background-color: transparent; color: #696969; } .home_adv_srch_form.listing_page_v3 .dropdown-item.active, .home_adv_srch_form.listing_page_v3 .dropdown-item:active { color: #0e3a6d; } /* Icon Box Css Code */ .border-bottom{ border-bottom: 1px solid #EBEBEB; } .feature-content{ background-color: #fff; border-radius: 3px; margin-bottom: 50px; margin-top: -90px; padding: 30px 30px; position: relative; } .icon-box{ background: #F4F4F4; border-radius: 3px; margin-bottom: 30px; padding: 30px 0; position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .icon-box .icon span{ color: #0e3a6d; font-size: 35px; } .icon-box:hover{ background: #071c35; cursor: pointer; } .icon-box:hover .icon span, .icon-box:hover .content-details .title{ color: #fff; } .icon-box .content-details .title{ color: #0D263B; font-size: 16px; font-weight: 500; } /* MegaDropDown Content Style/Css Code */ .mega-dropdown .dropbtn { color: #0D263B; border: none; font-size: 14px; margin: 0; outline: none; position: relative; } .mega-dropdown .dropbtn:hover{ cursor: pointer; } .search_dropdown{ border-radius: 0; display: none; padding: 15px; position: fixed; top: 89px; width: 100%; z-index: 9; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .search_dropdown:before{ background-color: rgba(13,38,59, .5); bottom: 0; content: ""; height: 100%; left: 0; right: 0; position: absolute; width: 100%; z-index: 0; } .search_dropdown .closer { background-color: #E6E9EC; border-radius: 50%; height: 30px; line-height: 28px; position: absolute; right: 20px; text-align: center; top: 15px; width: 30px; z-index: 9; } .search_dropdown .closer span img{ width: 11px; } .search_dropdown .modal-content{ border: none; } .search_dropdown .modal-header{ background-color: #F6F8F9; border-bottom: none; overflow: hidden; padding: 22px 32px; position: relative; } .search_dropdown .modal-header .modal-title{ font-weight: 600; } .search_dropdown .modal-header .close{ background-color: #E6E9EC; height: 30px; line-height: 30px; right: 30px; text-align: center; top: 25px; width: 30px; } .search_dropdown .closer span img{ width: 11px; } .search_dropdown.home6{ top: 0; z-index: 9999; } .dropdown-content{ background-color: #ffffff; border-radius: 3px; -webkit-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); -o-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); display: none; min-height: 254px; left: 0; padding: 15px; position: absolute; top: 140px; width: 100%; z-index: 9; } .dropdown-content:before{ background-color: #ffffff; content: ""; height: 20px; left: auto; margin: 0 auto; position: absolute; right: 20%; top: -5px; width: 20px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .dropdown-content.home2{ top: 110px; } .price_ranger_dropdown .bootstrap-select>.dropdown-toggle{ background-color: #f4f4f4; border-radius: 3px; color: #696969; height: 40px; line-height: 25px; padding-left: 20px; padding-right: 15px; width: 150px; z-index: 0; } form.listing_page_v9{ width: 100%; } .form_input_dd .bootstrap-select>.dropdown-toggle, .form_input_dd .form-control{ background-color: #f4f4f4; border-radius: 3px; color: #696969; height: 55px; line-height: 40px; padding-left: 20px; padding-right: 15px; z-index: 0; } .form_input_dd .form-control{ border: none; } .form_input_dd .bootstrap-select, .form_input_dd.icon_style .bootstrap-select{ border-radius: 3px; } .form_input_dd.brdr_style .bootstrap-select .dropdown-menu{ padding: 0px 15px 10px; } .form_input_dd.brdr_style .bootstrap-select .dropdown-menu li{ line-height: 45px; } .form_input_dd.brdr_style .bootstrap-select .dropdown-menu li a{ padding: 0; } .form_input_dd .dropdown-item{ background-color: #ffffff; color: #0D263B; } .form_input_dd.brdr_style .dropdown-item.active{ color: #0e3a6d; } .form_input_dd.icon_style .bootstrap-select .dropdown-menu li{ line-height: 50px; padding-left: 40px; } .form_input_dd .bootstrap-select .dropdown-menu li:first-child, .form_input_dd.icon_style .bootstrap-select .dropdown-menu li:first-child{ display: none; } .form_input_dd.icon_style .bootstrap-select .dropdown-menu li:nth-child(2):before{ background-image: url(../images/icons/icon3.html); background-position: left; background-repeat: no-repeat; background-size: cover; content: ""; height: 35px; left: 20px; position: absolute; top: 10px; width: 35px; } .form_input_dd.icon_style .bootstrap-select .dropdown-menu li:nth-child(3):before{ background-image: url(../images/icons/icon4.html); background-position: left; background-repeat: no-repeat; background-size: cover; content: ""; height: 35px; left: 20px; position: absolute; top: 10px; width: 35px; } .form_input_dd.icon_style .bootstrap-select .dropdown-menu li:nth-child(4):before{ background-image: url(../images/icons/icon5.html); background-position: left; background-repeat: no-repeat; background-size: cover; content: ""; height: 35px; left: 20px; position: absolute; top: 10px; width: 35px; } .form_input_dd.icon_style .bootstrap-select .dropdown-menu li a{ color: #0D263B; font-size: 15px; font-weight: normal; } .form_input_dd .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ background-color: #f4f4f4; width: 100% !important; } .form_input_dd.icon_style .bootstrap-select .dropdown-menu.show, .form_input_dd.brdr_style .bootstrap-select .dropdown-menu.show{ border-radius: 0 0 8px 8px; margin-top: 10px; border-top: 2px solid #0e3a6d; } .form_input_dd.icon_style .bootstrap-select ul.dropdown-menu.inner.show, .form_input_dd.brdr_style .bootstrap-select ul.dropdown-menu.inner.show{ border-top: none; } .price_ranger_dropdown .bootstrap-select>.dropdown-toggle:active, .price_ranger_dropdown .bootstrap-select>.dropdown-toggle:focus, .form_input_dd .bootstrap-select>.dropdown-toggle:active, .form_input_dd .bootstrap-select>.dropdown-toggle:focus{ background-color: #f4f4f4 !important; border: none; box-shadow: none !important; outline: none !important; } .price_ranger_dropdown .dropdown-item{ background-color: #ffffff; color: #696969; } .price_ranger_dropdown .dropdown-item.active, .price_ranger_dropdown .dropdown-item:active, .form_input_dd .dropdown-item.active, .form_input_dd .dropdown-item:active{ color: #0e3a6d; } .price_ranger_dropdown .bootstrap-select .dropdown-menu.show{ border-radius: 3px; margin-top: 10px; } .price_ranger_dropdown .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ width: 160px; } .price_ranger_dropdown ul li:first-child{ margin-right: 0; } .listing_price_tag .tag_btn{ background-color: #f4f4f4; border-radius: 3px; color: #696969; font-size: 15px; height: 40px; line-height: 40px; text-align: center; width: 90px; } .listing_price_tag .tag_btn:hover{ cursor: pointer; } .tag_dropdown_content{ background-color: #ffffff; border: 1px solid #E6E9EC; border-radius: 3px; display: none; left: 0; max-width: 460px; min-height: 195px; padding: 20px 30px; position: absolute; top: 60px; width: 100%; z-index: 9; } .price_ranger_dropdown .ui_kit_checkbox .custom-control-label{ color: #696969; font-size: 15px; font-weight: normal; padding-left: 5px; padding-right: 0; } /* Home Two Featured Row */ .featured_row{ border-radius: 3px; background-color: #ffffff; -webkit-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); -o-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); height: 90px; margin-bottom: 60px; margin-left: 0; margin-right: 0; margin-top: -100px; } .home1-advnc-search .dropdown-menu.show{ -webkit-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); -o-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); border-radius: 3px; overflow: visible !important; } .home1-advnc-search .bootstrap-select .bs-ok-default:after{ color: #071c35; } .home9-mainslider { display: block; position: relative; width: 100%; } .home9-mainslider .banner-style-one .slide:before{ background-color: rgba(13,39,59, 0.7) bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .home9-mainslider .banner-style-one .banner-title{ font-size: 60px; font-family: Cerebri Sans; color: #ffffff; font-weight: bold; line-height: 1.2; margin-bottom: 10px; text-transform: capitalize; } .home9-mainslider .home-content{ padding-top: 15px; } .home_iconbox_container{ left: 0; margin: 0 auto; position: absolute; right: 0; top: 10%; } .animated { -webkit-animation-duration :3s; animation-duration :3s; -webkit-animation-delay :500ms; animation-delay :500ms; } .animate-out { -webkit-animation-delay : 0ms ; animation-delay : 0ms ; } .home-text h1, .home-text h2, .home-text h3 { color: #ffffff; margin-top: 0; } .home-text.home6 h2{ font-family: Cerebri Sans; color: #0D263B; font-weight: bold; line-height: 1.2; } .home-text.home6 p{ font-family: Cerebri Sans; color: #0D263B; line-height: 1.2; } .mouse_scroll { position: absolute; right: -350px; top: -80px; } .mouse_scroll .icon{ cursor: pointer; display: inline-block; padding-right: 14px; text-align: right; } .mouse_scroll .icon h4{ color: #ffffff; line-height: 1.2; margin: 0; } .mouse_scroll .icon p{ color: rgba(255, 255, 255, 0.42); line-height: 1.2; margin: 0; } .mouse_scroll .thumb{ float: right; } /* ==== Home 2 Main Sliders === */ .main-banner-wrapper { position: relative; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .main-banner-wrapper { overflow: hidden; } } .property_sp3_slider.psp_v5, .listing_single_property_slider{ height: 89vh; overflow: hidden; } .property_sp3_slider.psp_v5 .owl-stage-outer, .property_sp3_slider.psp_v5 .owl-stage-outer .owl-stage, .property_sp3_slider.psp_v5 .owl-stage-outer .owl-stage .owl-item, .property_sp3_slider.psp_v5 .owl-stage-outer .owl-stage .owl-item > *, .listing_single_property_slider .owl-stage-outer, .listing_single_property_slider .owl-stage-outer .owl-stage, .listing_single_property_slider .owl-stage-outer .owl-stage .owl-item, .listing_single_property_slider .owl-stage-outer .owl-stage .owl-item > *{ height: 100%; } .property_sp3_slider.psp_v5 .owl-stage-outer .owl-stage .owl-item .thumb > img.img-fluid, .listing_single_property_slider .owl-stage-outer .owl-stage .owl-item .item > img.img-fluid{object-fit: cover; height: 100%; } .property_sp3_slider.psp_v5 .owl-controls .owl-nav{top: calc(50% - 28px) !important; } .property_sp3_slider.psp_v5 .owl-controls .owl-nav .owl-prev{ left: -5px; } .property_sp3_slider.psp_v5 .owl-controls .owl-nav .owl-next{ right: -5px; } .main-banner-wrapper .carousel-btn-block, .listing_single_property_slider .owl-controls .owl-nav, .property_sp3_slider.psp_v4 .owl-controls .owl-nav, .property_sp3_slider.psp_v5 .owl-controls .owl-nav{ cursor: pointer; position: absolute; top: 45%; width: 100%; z-index: 9; } .property_sp3_slider.psp_v5 .owl-controls .owl-nav{ top: 85%; } .main-banner-wrapper .carousel-btn-block .carousel-btn, .listing_single_property_slider .owl-controls .owl-nav .owl-prev, .listing_single_property_slider .owl-controls .owl-nav .owl-next, .property_sp3_slider.psp_v4 .owl-controls .owl-nav .owl-prev, .property_sp3_slider.psp_v4 .owl-controls .owl-nav .owl-next { background-color: rgba(255, 255, 255, .2); border-radius: 50%; color: #ffffff; cursor: pointer; display: inline-block; font-size: 13px; height: 45px; width: 45px; line-height: 45px; text-align: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; vertical-align: middle; z-index: 9; } .listing_single_property_slider .owl-controls .owl-nav .owl-prev, .listing_single_property_slider .owl-controls .owl-nav .owl-next{ color: #0D263B; line-height: 40px; } .listing_single_property_slider .owl-controls .owl-nav, .property_sp3_slider.psp_v4 .owl-controls .owl-nav{ top: 41%; } .listing_single_property_slider .owl-controls .owl-nav .owl-prev, .property_sp3_slider.psp_v4 .owl-controls .owl-nav .owl-prev{ background-color: #ffffff; color: #696969; left: 30px; position: absolute; } .listing_single_property_slider .owl-controls .owl-nav .owl-next, .property_sp3_slider.psp_v4 .owl-controls .owl-nav .owl-next{ background-color: #ffffff; color: #696969; right: 30px; position: absolute; } .property_sp3_slider.psp_v5 .owl-controls .owl-nav .owl-prev, .property_sp3_slider.psp_v5 .owl-controls .owl-nav .owl-next{ background-color: rgb(0 0 0 / 53%); border-radius: 0%; color: #ffffff; height: 65px; line-height: 60px; position: absolute; text-align: center; width: 45px; transition: all 0.5s; } .property_sp3_slider.psp_v5 .owl-controls .owl-nav .owl-prev:hover, .property_sp3_slider.psp_v5 .owl-controls .owl-nav .owl-next:hover{ background-color: rgb(0 0 0 / 70%); } .property_sp3_slider.psp_v5 .owl-controls .owl-nav .owl-prev{ right: 90px; } .property_sp3_slider.psp_v5 .owl-controls .owl-nav .owl-next{ right: -5px; } .property_sp3_slider.psp_v4 .owl-controls .owl-nav .owl-prev, .property_sp3_slider.psp_v4 .owl-controls .owl-nav .owl-next{ color: #0D263B; line-height: 40px; } .main-banner-wrapper .carousel-btn-block .carousel-btn:hover { background-color: #ffffff; color: #696969; opacity: 1; } .main-banner-wrapper .carousel-btn-block .carousel-btn.left-btn{ position: absolute; left: 30px; } .main-banner-wrapper .carousel-btn-block .carousel-btn.right-btn{ position: absolute; right: 30px; } .banner-style-one .slide{ padding: 165px 0; background-repeat: no-repeat; background-position: center center; background-size: cover; } .banner-style-one .slide:before{ background-color: rgba(13,38,59, .7); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .banner-style-one .owl-nav{ display: none; } .banner-style-one h3, .banner-style-one p { margin: 0; } .banner-style-one .banner-title, .banner-style-one .banner_top_title, .banner-style-one .banner_top_title small{ color: #ffffff; font-size: 50px; font-weight: 700; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } .banner-style-one .banner_top_title{ font-size: 28px; color: #ffffff; font-weight: bold; line-height: 1.2; } .banner-style-one .banner_top_title small{ font-size: 14px; color: #ffffff; } .banner-style-one .property_details{ -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } .banner-style-one .property_details li span.icon, .banner-style-one .property_details li span.text{ font-size: 19px; color: #ffffff; } .banner-style-one .property_details li span.text{ font-size: 14px; } .banner-style-one .property_details li{ margin-right: 20px; } .banner-style-one .property_details li:last-child{ margin-right: 0; } .banner-style-one .banner-title{ font-weight: normal; text-transform: uppercase; } .banner-style-one p{ color: #ffffff; font-size: 16px; line-height: 20px; margin-bottom: 20px; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } .banner-style-one .banner-btn{ display: inline-block; vertical-align: middle; color: #FFFFFF; font-size: 18px; padding: 19.5px 50px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; margin-top: 20px; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } .banner-style-one .banner-btn:hover{ background-color: #ffffff; color: #2D174F; } .banner-style-one .active .banner-title, .banner-style-one .active .banner_top_title, .banner-style-one .active .property_details{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: .5s; animation-delay: .5s; } .banner-style-one .active p{ -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-delay: 1s; animation-delay: 1s; } .banner-style-one .active .banner-btn{ border:2px solid #ffffff; border-radius:8px; color:#ffffff; font-size:18px; padding:12px 50px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .banner-style-one .active .banner-btn:hover, .banner-style-one .active .banner-btn:active, .banner-style-one .active .banner-btn:focus{ background-color:#ffffff; color:#071c35; } .banner-style-one .owl-dots{ display: none !important; margin: 0; position: absolute; bottom: 110px; left: 50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); width: 100%; max-width: 1170px; text-align: center; } .banner-style-one .owl-dots .owl-dot span{ background-color: #eeeeee; width: 8px; height: 8px; margin: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .banner-style-one .owl-dots .owl-dot + .owl-dot{ margin-left: 7px; } .banner-style-one .owl-dots .owl-dot.active span{ height: 13px; width: 13px; background-color: #ffffff; } .banner-style-one.no-dots .owl-dots{ display: none !important; } .content-slider {height: 88vh;} .content-slider .owl-controls{ position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); } .content-slider .owl-controls{ position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); } .content-slider.owl-theme .owl-dots .owl-dot span{ background: #d8dde6; width: 8px !important; height: 8px !important; } .content-slider.owl-theme .owl-dots .owl-dot.active span, .content-slider.owl-theme .owl-dots .owl-dot:hover span{ background: #d1ab3e; width: 12px !important; height: 12px !important; margin-bottom: 3px; } .content-slider .owl-stage-outer, .content-slider .owl-stage-outer .owl-stage, .content-slider .owl-stage-outer .owl-stage .owl-item, .content-slider .item, .content-slider .item .single_item{height: 100%;} .content-slider .item{position: relative;} .content-slider .item .single_item .img-fluid{ height: 100%; width: 100%; object-fit: cover; } .content-slider .item .container{ position: absolute; top: 0; left: 0; height: 100%; right: 0; bottom: 0; display: flex; align-items: center; } .content-slider .item .slide-content{ padding: 45px 20px 45px 25px; width: 550px; background: rgba(0, 0, 0, 0.3); color: #fff !important; margin-left: 10px; } .content-slider .item .slide-content .fst-p{ font-size: 40px; font-family: Cerebri Sans !important; color: #fff; line-height: 1; font-weight: 600; } .content-slider .item .slide-content .sec-p{ font-size: 20px; color: #fff; margin-bottom: 10px; } .content-slider .item .slide-content .hr-underline{ width: 25%; border-top: 2px solid #d1ab3e; margin: 0px 0 20px 0; } .content-slider .item .slide-content ul{ line-height: 25px; padding: 0 0 2em 1em; } .content-slider .item .slide-content ul li{ list-style-type: disc; font-size: 16px; } .content-slider .item .slide-content .btn.enq-now-btn{ margin-top: 0; padding: 10px 15px; color: #ffffff; min-width: 140px; font-size: 15px; font-family: Cerebri Sans; line-height: 1.466; background-color: #d1ab3e; border: 1px solid #d1ab3e; border-radius: 3px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: 500; text-transform: uppercase; } .content-slider .item .slide-content .btn.enq-now-btn:hover{ background-color: #0e3a6d !important; border-color: #0e3a6d !important; color: #ffffff !important; } .project-list.our-listing .feat_property .details {position: relative;padding-right: 90px;} .project-list.our-listing .feat_property .details img { position: absolute; right: 10px; top: 20px; max-height: 70px; } .home9-mainslider .banner-style-one .banner_top_title{ font-size: 30px; margin-top: 30px; } .home-one, .home-four, .home-five{ margin-top: -96px; padding: 0; } .home-one.home5_style{ display: flex; position: relative; top: -70px; width: 100%; z-index: -1; } .home-six{ margin-top: -90px; padding: 0; } .home-seven{ margin-top: -91px; } .home-one .home-text a.btn { border: 2px solid #ffffff; border-radius: 27px; color: #ffffff; font-size: 18px; margin-top: 15px; padding: 10px 50px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .home-one .home-text a.btn:hover { background-color: #ffffff; color: #2D174F; } .home-one .home-text.home3{ position: relative; } .home-three{ margin-top: 0; } .home-three:before{ background-color: rgba(29, 41, 62, .702); bottom: 0; border-radius: 3px; content:""; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .home3_home_content{ padding: 160px 0; position: relative; } .home3_home_content h1{ font-size: 55px; font-family: Cerebri Sans; color: #ffffff; font-weight: bold; line-height: 1.2; } .home3_home_content h4{ font-size: 18px; font-family: Cerebri Sans; color: #ffffff; line-height: 1.2; } .home3_home_content a.popup_video_btn { background: rgb(255, 90, 95); border-radius: 50%; color: #ffffff; font-size: 30px; height: 74px; line-height: 74px; position: absolute; right: 0; text-align: center; top: 56%; width: 74px; z-index: 9; } .home3_home_content a.popup_video_btn:after { background-color: rgba(255, 90, 95, 0.5); border-radius: 100%; content: ""; height: 89px; left: -7px; position: absolute; top: -7px; width: 89px; z-index: -1; } .home-four .banner-style-one .slide:before{ background-image: -moz-linear-gradient( -36deg, rgb(62,62,165) 0%, rgb(255,90,95) 100%); background-image: -webkit-linear-gradient( -36deg, rgb(62,62,165) 0%, rgb(255,90,95) 100%); background-image: -ms-linear-gradient( -36deg, rgb(62,62,165) 0%, rgb(255,90,95) 100%); left: 0; opacity: 0.902; position: absolute; right: 0; content:""; top: 0; bottom: 0; } .home-five{ margin-top: 0; } .home-five .home-text{ padding: 230px 0 210px; } .home-five .home-text h2{ color: #0D263B; font-size: 45px; } .home-five .home-text p{ font-family: Cerebri Sans; font-size: 18px; line-height: 30px; max-width: 495px; } .home-five .home-text a.btn { border: 2px solid #0D263B; border-radius: 27px; color: #0D263B; font-size: 18px; margin-top: 15px; padding: 10px 50px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .home-five .home-text a.btn:hover { background-color: #ffffff; border: 2px solid #ffffff; color: #2D174F; } .home-one .home-text.home10 h2{ color: #0D263B; } .home-one .home-text.home10 a.btn { background-color: #006766; border: 1px solid #006766; border-radius: 3px; color: #ffffff; font-size: 13px; height: 55px; line-height: 35px; margin-top: 15px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .home-one .home-text.home10 a.btn:hover { background-color: #ffffff; color: #006766; } .slide.slide-one.home6{ height: 730px; } .banner-style-one .slide.slide-one.home6 .banner-title{ font-size: 50px; font-weight: normal; line-height: initial; text-transform: uppercase; } .banner-style-one .slide.slide-one.home6 p{ margin: 0 auto; max-width: 450px; } .banner-style-one .slide.home6 { padding: 295px 0; } .banner-style-one .slide.home6:before{ background-color: rgba(0,0,0,.5); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .home1-overlay{ position: relative; } .home1-overlay:before { content: ""; opacity: 0.2; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: 100%; } .home2-overlay:before { content: ""; background-color: rgb(13, 38, 59); opacity: 0.2; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: 100%; } .home3-overlay:before { content: ""; background-color: rgb(13, 38, 59); opacity: 0.3; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: 100%; } .home7-overlay:before { content: ""; background-color: rgb(13, 38, 59); opacity: 0.7; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: 100%; } .listing-home-bg{ background-image: url(../images/background/listing-bg1.jpg); -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; height: 400px; } .listing-home-bg:before { background-color: rgba(29, 41, 62, 0.6); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .home_content.listing{ padding: 90px 0; } .home_content.listing.slider_style{ padding: 200px 0 90px; } .home_adv_srch_opt.listing{ margin-top: 45px; } .home-listing-slider{ margin-top: 0; position: relative; } .home-listing-slider .banner-style-one .slide:before{ background-color: rgba(29, 41, 62, 0.7); left: 0; position: absolute; right: 0; content:""; top: 0; bottom: 0; } /*== Home Five Overlay Slider ==*/ .divider-btn { line-height: 40px; } .home1-divider2 { background-image: url(../images/background/3.jpg); -webkit-background-size: cover; background-position: center center; background-size: cover; overflow: hidden; padding: 145px 0 145px; position: relative; } .home1-divider2:before { background-color: rgba(36, 65, 231, .7); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .app_grid h1{ margin-bottom: 5px; } .app_grid h1, .app_grid p{ color: #ffffff; } .app_grid p{ margin-bottom: 40px; } .app_grid button:last-child{ margin-right: 0; } .app_grid .apple_btn, .app_grid .play_store_btn{ background-color: transparent; border-radius: 5px; border: 2px solid rgba(255,255,255, .4); color: #ffffff; height: 75px; line-height: normal; margin-right: 30px; position: relative; -ms-text-align-last: auto; text-align: left; width: 210px; } .app_grid .apple_btn{ width: 230px; } .app_grid .apple_btn:hover, .app_grid .play_store_btn:hover{ border: 2px solid transparent; cursor: pointer; } .app_grid .apple_btn .icon, .app_grid .play_store_btn .icon{ font-size: 36px; float: left; margin-right: 20px; margin-left: 15px; } .app_grid .apple_btn .title, .play_store_btn .title{ display: block; font-size: 16px; } .app_grid .apple_btn .subtitle, .play_store_btn .subtitle{ font-size: 13px; } .phone_img{ position: absolute; right: 0; top: -80px; } /*== School Category Courses ==*/ .img_hvr_box{ -webkit-background-size: cover; background-size: cover; border-radius: 5px; overflow: hidden; margin-bottom: 30px; padding: 60px 30px 55px; position: relative; text-align: center; } .img_hvr_box:before { background-color: rgba(10, 10, 10, .5); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .img_hvr_box:hover{ cursor: pointer; } .img_hvr_box:hover:before { background-color: rgba(36, 65, 231, .8); } .img_hvr_box.home3:hover:before { background-color: rgba(54, 159, 219, .8); } .img_hvr_box .overlay .details{ display: block; position: relative; } .img_hvr_box .overlay .details h5, .img_hvr_box .overlay .details p{ color: #ffffff; margin-bottom: 0; } .img_hvr_box .overlay .details h5{ font-size: 18px; } .img_hvr_box .overlay .details p{ font-size: 15px; } .courses_all_btn .btn{ border: 2px solid; border-radius: 25px; font-size: 15px; height: 50px; line-height: 35px; margin-top: 30px; width: 235px; } .courses_all_btn.home3 .btn{ border-color: #369fdb; color: #369fdb; } .courses_all_btn.home3 .btn:hover, .courses_all_btn.home3 .btn:active, .courses_all_btn.home3 .btn:focus{ background-color: #369fdb; color: #ffffff; } .course-single2{ background-color: #f9fafc; } .courses_single_container{ position: relative; width: 100%; } .cs_row_one .cs_instructor{ clear: both; display: inline-block; position: relative; width: 100%; } .cs_row_one .cs_instructor .cs_instrct_list li{ margin-right: 15px; } .cs_row_one .cs_instructor .cs_instrct_list li .thumb{ height: 50px; width: 50px; } .cs_row_one .cs_instructor .cs_instrct_list li a{ font-size: 15px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 1.2; } .cs_row_one .cs_instructor .cs_instrct_list li a{ font-size: 15px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 1.2; } .cs_row_one .cs_instructor .cs_watch_list li a, .cs_row_one.csv3 .cs_watch_list li a{ font-size: 15px; font-family: Cerebri Sans; color: #0D263B; line-height: 1.2; } .cs_row_one .cs_instructor .cs_watch_list li:first-child a{ font-size: 20px; } .cs_row_one .cs_instructor .cs_watch_list li:last-child a, .cs_row_one.csv3 .cs_watch_list li:last-child a{ border-radius: 5px; background-color: rgb(36, 65, 231); color: #ffffff; display: block; height: 30px; text-align: center; width: 90px; } .cs_row_one .cs_instructor .cs_watch_list li:last-child a span, .cs_row_one.csv3 .cs_watch_list li:last-child a span{ font-size: 13px; font-family: Cerebri Sans; color: #ffffff; line-height: 2.2; } .cs_row_one .cs_title{ font-size: 26px; font-family: Cerebri Sans; color: #0D263B; line-height: 1.2; } .cs_row_one .cs_review_seller{ margin-bottom: 15px; } .cs_row_one .cs_review_seller li{ margin-right: 4px; } .cs_row_one .cs_review_seller li a{ font-size: 13px; font-family: "FontAwesome"; color: #bcc52a; line-height: 1.2; } .cs_row_one .cs_review_seller li:first-child{ margin-right: 15px; } .cs_row_one .cs_review_seller li:first-child a{ border-radius: 5px; background-color: rgb(255, 16, 83); color: #ffffff; display: block; height: 30px; text-align: center; width: 90px; } .cs_row_one .cs_review_seller li:first-child a span{ font-size: 13px; font-family: Cerebri Sans; color: #ffffff; line-height: 2.2; } .cs_row_one .cs_review_seller li:last-child a{ font-size: 14px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 1.2; } .cs_row_one .cs_review_enroll{ margin-bottom: 30px; } .cs_row_one .cs_review_enroll li{ margin-right: 15px; } .cs_row_one .cs_review_enroll li a{ font-size: 14px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 1.2; } .cs_row_one .cs_review_enroll li a span{ padding-right: 6px; } .cs_row_one .courses_big_thumb{ margin-bottom: 30px; } .cs_row_one .courses_big_thumb .thumb{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; overflow: hidden; position: relative; } .cs_ins_container .courses_big_thumb .iframe_video{ border-radius: 5px; min-height: 540px; max-width: 960px; } .cs_row_one .courses_big_thumb .thumb img{ border-radius: 5px; } .cs_row_one .courses_big_thumb .thumb .overlay_icon:before{ bottom: 0; background-color: rgba(0,0,0, .3); content:""; position: absolute; left: 0; right: 0; top: 0; width: 100%; } .cs_row_one .courses_big_thumb .thumb .overlay_icon a, .cs_row_one .courses_big_thumb .thumb .overlay_icon .title{ color: #ffffff; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 40%; } .cs_row_one .courses_big_thumb .thumb .overlay_icon .title{ top: 58%; } .cs_row_one.csv3 .cs_review_enroll{ display: inline; } .cs_row_two .cs_overview{ border-style: solid; border-width: 2px; border-color: rgb(237, 239, 247); border-radius: 5px; background-color: rgba(42, 53, 59, 0); margin-bottom: 30px; padding: 30px; } .cs_row_two.csv2 .cs_overview, .cs_row_three.csv2 .course_content, .cs_row_four.csv2 .about_ins_container, .cs_row_five.csv2 .student_feedback_container, .cs_row_six.csv2 .sfeedbacks, .cs_row_seven.csv2 .sfeedbacks{ border-radius: 5px; background-color: #ffffff; -webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); margin-top: 30px; } .cs_row_two .cs_overview .title{ font-family: Cerebri Sans; font-size: 20px; color: #0D263B; line-height: 1.2; margin-bottom: 22px; } .cs_row_two .cs_overview h4{ font-family: Cerebri Sans; font-size: 18px; color: rgb(59, 59, 59); line-height: 1.333; margin-bottom: 10px; } .cs_row_two .cs_overview p{ font-family: Cerebri Sans; font-size: 15px; color: rgb(126, 126, 126); line-height: 1.6; } .cs_row_two .cs_overview ul.cs_course_syslebus{ margin-bottom: 17px; margin-right: 100px; } .cs_row_two .cs_overview ul.cs_course_syslebus, .cs_row_two .cs_overview ul.cs_course_syslebus2{ display: inline-block; } .cs_row_two .cs_overview ul.cs_course_syslebus li p, .cs_row_two .cs_overview ul.cs_course_syslebus2 li p{ font-family: Cerebri Sans; font-size: 15px; color: rgb(126, 126, 126); display: inline; line-height: 2.8; margin-bottom: 0; padding-left: 10px; } .cs_row_two .cs_overview ul.list_requiremetn li i{ font-size: 10px; color: rgb(126, 126, 126); } .cs_row_two .cs_overview ul.list_requiremetn li p{ color: rgb(126, 126, 126); font-family: Cerebri Sans; font-size: 15px; display: inline; line-height: 2.667; margin-bottom: 0; padding-left: 13px; } .cs_row_three .course_content{ border-style: solid; border-width: 2px; border-color: rgb(237, 239, 247); border-radius: 5px; background-color: rgba(42, 53, 59, 0); margin-bottom: 30px; position: relative; padding: 30px; } .cs_row_three .course_content .cc_headers{ position: relative; } .cs_row_three .course_content h4.title{ font-size: 20px; font-family: Cerebri Sans; color: #0D263B; float: left; line-height: 1.2; } .cs_row_three .course_content .details{ display: inline-block; position: relative; width: 100%; } .cs_row_three .course_content .details .cc_tab{ margin-top: 30px; } .cs_row_three .course_content .details .cc_tab h4.panel-title{ font-size: 18px; font-family: Cerebri Sans; color: rgb(59, 59, 59); line-height: 1.7; border-radius: 5px; background-color: rgb(237, 239, 247); height: 50px; padding: 10px 20px; } .cs_row_three .course_content .details .cc_tab .panel-body .cs_list li{ border: 1px solid rgb(235, 235, 235); padding: 20px 25px; } .cs_row_three .course_content .details .cc_tab .panel-body .cs_list li:last-child{ border-bottom: none; } .cs_row_three .course_content .details .cc_tab .panel-body .cs_list li a{ font-size: 15px; font-family: Cerebri Sans; color: rgb(79, 79, 79); line-height: 1.6; } .cs_row_three .course_content .details .cc_tab .panel-body .cs_list li a span{ padding-right: 4px; } .cs_row_three .course_content .details .cc_tab .panel-body .cs_list li a span.cs_preiew{ float: right; margin-right: 50px; } .cs_row_three .course_content .details .cc_tab .panel-body .cs_list li:hover a{ color: #071c35; } .cs_row_three .course_content .details .cc_tab .panel-body .cs_list li a span.cs_time{ float: right; } .cs_row_four .about_ins_container, .cs_row_five .student_feedback_container, .cs_row_six .sfeedbacks, .cs_row_seven .sfeedbacks{ border-radius: 5px; margin-bottom: 30px; position: relative; } .cs_row_six .sfeedbacks .sspd_review_liked{ background-color: rgb(237, 239, 247); border-radius: 20px; height: 40px; text-align: center; max-width: 200px; } .cs_row_six .sfeedbacks .sspd_review_liked a{ font-size: 14px; font-family: Cerebri Sans; line-height: 2.714; } .cs_row_six.csv2.style2{ overflow: hidden; } .cs_row_four .about_ins_container .aii_title, .cs_row_five .student_feedback_container .aii_title{ font-size: 20px; font-family: Cerebri Sans; color: #0D263B; margin-bottom: 25px; line-height: 1.2; } .cs_row_four .about_ins_container .about_ins_info{ float: left; } .cs_row_four .about_ins_container .details{ padding-left: 160px; } .cs_row_four .about_ins_container .details h4{ font-size: 20px; font-family: Cerebri Sans; color: #0D263B; margin-bottom: 0; line-height: 1.5; } .cs_row_four .about_ins_container .details .subtitle{ font-size: 14px; font-family: Cerebri Sans; color: rgb(137, 137, 137); margin-bottom: 15px; line-height: 1.714; } .cs_row_four .about_ins_container .details p{ font-size: 15px; font-family: Cerebri Sans; color: rgb(79, 79, 79); line-height: 1.6; } .cs_row_four .about_ins_container .details .about_ins_list li:first-child p{ font-size: 15px; font-family: Cerebri Sans; color: rgb(79, 79, 79); margin-bottom: 0; line-height: 1.6; } .cs_row_four .about_ins_container .details .about_ins_list li a{ font-size: 15px; font-family: Cerebri Sans; color: rgb(79, 79, 79); line-height: 1.6; } .cs_row_four .about_ins_container .details .review_list{ float: left; margin-right: 80px; } .cs_row_four.csv2 .about_ins_container .details .review_list{ margin-right: 50px; } .cs_row_four.csv2 .about_ins_container .details .about_info_list li{ margin-right: 15px; } .cs_row_four .about_ins_container .details .review_list li{ margin-right: 4px; } .cs_row_four .about_ins_container .details .review_list li i{ font-size: 13px; color: #bcc52a; line-height: 1.2; } .cs_row_four .about_ins_container .details .about_info_list li{ font-size: 14px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 1.2; margin-right: 30px; } .cs_row_four .about_ins_container .details .about_info_list li:last-child{ margin-right: 0; } .cs_row_four .about_ins_container .details .about_info_list li span{ padding-right: 10px; } .cs_row_five .student_feedback_container .s_feeback_content .sonny_progressbar{ border-radius: 5px; max-width: 470px; padding-left: 100px; } .cs_row_five .student_feedback_container .s_feeback_content ul.skills{ margin-bottom: 30px; } .cs_row_five .student_feedback_container .s_feeback_content ul.skills li{ color: rgb(79, 79, 79); font-size: 14px; font-family: Cerebri Sans; float: left; line-height: 1.2; } .cs_row_five .student_feedback_container .s_feeback_content .sonny_progressbar .bar{ background-color: #d0d23c !important; } .cs_row_five .student_feedback_container .s_feeback_content .sonny_progressbar .bar-container{ border-radius: 5px; height: 10px !important; overflow: hidden; } .cs_row_five .student_feedback_container .s_feeback_content .sonny_progressbar p.title{ float: right; margin-right: -50px; margin-top: -10px; } .my_course_content_list .mc_content_list .s_feeback_content .sonny_progressbar{ border-radius: 5px; max-width: 170px; padding-left: 100px; } .my_course_content_list .mc_content_list .sonny_progressbar .bar-container{ margin-left: -190px; margin-right: 130px; margin-top: 10px; } .my_course_content_list .mc_content_list .sonny_progressbar p.title{ float: right; margin-bottom: 0; margin-right: 0; margin-top: -10px; } .cs_row_five .student_feedback_container .aii_average_review{ border-radius: 5px; background-color: rgb(237, 239, 247); height: 180px; position: absolute; right: 30px; top: 75px; width: 230px; } .cs_row_five .student_feedback_container .aii_average_review .av_content{ margin-top: 45px; } .cs_row_five .student_feedback_container .aii_average_review .av_content h2{ font-size: 50px; font-family: Cerebri Sans; color: #0D263B; line-height: 0.6; } .cs_row_five .student_feedback_container .aii_average_review .av_content .aii_rive_list li{ font-size: 13px; font-family: "FontAwesome5FreeSolid"; color: #bcc52a; margin-right: 3px; line-height: 1.2; } .cs_row_five .student_feedback_container .aii_average_review .av_content p{ font-size: 15px; font-family: Cerebri Sans; color: rgb(79, 79, 79); line-height: 1.2; } .r_course_title{ font-size: 26px; font-family: Cerebri Sans; color: #0D263B; line-height: 1.2; margin-bottom: 30px; } .mbp_first.media.csv1.style2{ position: relative; } .mbp_first.media.csv1.style2:before{ bottom: -30px; background-color: #dedede; content: ""; position: absolute; height: 1px; left: -30px; right: -30px; width: 105%; } /*== Feature Property ==*/ .latest-property{ border-bottom: 1px solid #ebebeb; } .best-property .container{ max-width: 1560px; } .feat_property { background-color: #ffffff; border: 1px solid #E6E9EC !important; border-radius: 3px; margin-bottom: 30px; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .feat_property:hover{ -webkit-box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07); -moz-box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07); -o-box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07); box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07); } .feat_property:hover .listing_gallery{ opacity: 1; } .feat_property .thumb{ /*background: #0D263B;*/ background: #0d263b00; /*display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;*/ overflow: hidden; position: relative; padding-bottom: 0px !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .feat_property .thumb img{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .feat_property:hover .thumb img, .feat_property.sidebar .thumb img{ /*opacity: .5;*/ opacity: 1; } .feat_property.sidebar .thumb .thmb_cntnt{ height: 95%; } .feat_property.sidebar .thumb .thmb_cntnt .title{ bottom: 0; line-height: 20px; left: 10px; top: 63%; } .feat_property.sidebar .thumb .thmb_cntnt a.fp_price{ bottom: auto; left: 10px; top: 78%; } .feat_property.sidebar .thumb .thmb_cntnt a.fp_price small{ font-size: 12px; } .feat_property .thumb .blog_tag{ background-color: #071c35; border-radius: 3px; color: rgb(254, 254, 254); font-family: Cerebri Sans; font-size: 14px; height: 25px; line-height: 25px; left: 10px; position: absolute; text-align: center; top: 10px; width: 110px; } .feat_property .thumb .thmb_cntnt ul.tag2, .feat_property.home6 .thmb_cntnt ul.tag2{ left: auto; position: absolute; right: 10px; top: 10px; } .feat_property.home6 .thmb_cntnt ul.tag2{ right: 0; top: 0; } .feat_property .thumb .thmb_cntnt ul.tag2 li a, .feat_property.home6 .thmb_cntnt ul.tag2 li a{ background-color: #0D263B; border-radius: 3px; color: #fff; font-size: 10px; padding: 6px 13px; text-transform: uppercase; } .feat_property .thumb .thmb_cntnt ul.tag li a, .feat_property.home6 .thmb_cntnt ul.tag li a{ background-color: #d1ab3e; border-radius: 3px; color: #fff; font-size: 10px; padding: 6px 13px; text-transform: uppercase; } .feat_property .thumb .thmb_cntnt ul.tag li:nth-child(2) a{ background-color: #0D263B; } .feat_property .thumb .thmb_cntnt ul.tag.style2 li a{ background-color: #CC5040; } .feat_property .thumb .thmb_cntnt .icon{ bottom: 15px; position: absolute; right: 20px; } .feat_property .thumb .thmb_cntnt .icon li{ border-radius: 3px; background-color: rgb(15, 21, 31); height: 35px; line-height: 35px; margin-right: 5px; opacity: 0.502; text-align: center; width: 35px; } .feat_property .details .tc_content ul.icon{ float: right; margin-bottom: 0; } .feat_property .thumb .thmb_cntnt .icon li a{ color: #ffffff; } .feat_property .thumb .thmb_cntnt .icon li:last-child{ margin-right: 0; } .feat_property .thumb .thmb_cntnt a.fp_price{ bottom: 15px; font-size: 16px; font-family: Cerebri Sans; color: #ffffff; font-weight: 600; left: 20px; line-height: 20px; top: 130px; position: absolute; } .feat_property .thumb .thmb_cntnt a.fp_price small{ font-size: 14px; } .feat_property .thumb .thmb_cntnt2{ bottom: 17px; left: 0; position: absolute; display: none; } .feat_property .thumb .thmb_cntnt2 .listing_gallery{ bottom: 0; position: relative; } .feat_property .thumb .thmb_cntnt2.top{ bottom: auto; top: 24px; } .feat_property .thumb .thmb_cntnt2.top.right{ left: auto; right: 44px; } .feat_property .thumb .thmb_cntnt2.top.right.style5{ left: auto; right: 22px; } .feat_property .thumb .thmb_cntnt2.top.right.style5 ul li{ margin-right: 25px; } .feat_property .thumb .thmb_cntnt2.top.right.style5 ul li:last-child{ margin-right: 0; } .feat_property .details{ position: relative; } .feat_property.home6 .details{ padding: 50px 50px 45px; } .feat_property .details .tc_content{ padding: 12px !important; } .feat_property .details .tc_content h4, .feat_property .details .tc_content h4 a, .feat_property.all_listing_style5 .fp_footer.all_listing_style5 h4 a, .feat_property.all_listing_style6 .fp_footer.all_listing_style6 h4 a{ font-size: 30px; font-family: Cerebri Sans; color: #0D263B; font-weight: 500; line-height: 28px; margin-bottom: 16px; } .feat_property .details .tc_content h4 a{ font-size: 22px; font-family: Cerebri Sans; color: #0D263B; font-weight: 600; line-height: 28px; margin-bottom: 5px; } .feat_property .details .tc_content h4 { line-height: 28px; margin-bottom: 8px; } .feat_property .details .tc_content .prop_details li{ margin-right: 5px; text-align: center; width: 21%; } .feat_property .details .tc_content .prop_details li a{ font-size: 11px; color: #0d263b; line-height: 1.125rem; pointer-events: none; } .feat_property .details .tc_content .prop_details li a span{ font-size: 18px; color: #696969; } /*.feat_property .details .tc_content .prop_details li:last-child{ margin-right: 0; width: 27%; }*/ .feat_property.home2 .details .tc_content h5{ color: #0D263B; font-family: Cerebri Sans; line-height: 1.333; } .feat_property .fp_footer{ /*border-top: 1px solid #E6E9EC;*/ display: flow-root; padding: 12px; position: relative; } .feat_property.all_listing_style4.home5{ border: none; } .feat_property.all_listing_style3 .thumb img, .feat_property.all_listing_style4 .thumb img, .feat_property.all_listing_style5 .thumb img, .feat_property.all_listing_style6 .thumb img{ opacity: 0.5; } .feat_property.all_listing_style3:hover .thumb img, .feat_property.all_listing_style4:hover .thumb img, .feat_property.all_listing_style5:hover .thumb img, .feat_property.all_listing_style6:hover .thumb img{ opacity: 0.4; } .feat_property .fp_footer.all_listing_style3, .feat_property .fp_footer.all_listing_style4, .feat_property .fp_footer.all_listing_style5, .feat_property .fp_footer.all_listing_style6{ bottom: 12px; border: none; display: block; left: 20px; padding: 0; position: absolute; right: 20px; top: auto; } .feat_property .fp_footer.all_listing_style4, .feat_property .fp_footer.all_listing_style5, .feat_property .fp_footer.all_listing_style6{ bottom: 17px; } .feat_property .fp_footer.all_listing_style3 .fp_meta li{ margin-right: 0; } .feat_property .fp_footer.all_listing_style3 .fp_meta li a{ color: #fff; font-size: 16px; } .feat_property .fp_footer.all_listing_style4 .fp_meta li a, .feat_property .fp_footer.all_listing_style5 .fp_meta li a, .feat_property .fp_footer.all_listing_style6 .fp_meta li a{ color: #fff; font-size: 15px; } .feat_property .fp_footer.all_listing_style6 .prop_details li{ margin-right: 15px; text-align: center; } .feat_property .fp_footer.all_listing_style6 .prop_details li a{ color: #fff; font-size: 14px; } .feat_property .fp_footer.all_listing_style6 .prop_details li a span{ font-size: 18px; } .feat_property .fp_footer.all_listing_style3 .fp_meta li a span, .feat_property .fp_footer.all_listing_style4 .fp_meta li a span, .feat_property.all_listing_style4 .details .tc_content .prop_details li a span{ font-size: 15px; } .feat_property .fp_footer.all_listing_style3 .fp_meta li:hover a.icon, .feat_property .fp_footer.all_listing_style4 .fp_meta li:hover a.icon, .feat_property .fp_footer.all_listing_style5 .fp_meta li:hover a.icon{ background-color: rgba(13, 38, 59, .7); } .feat_property.all_listing_style3 .details .tc_content .prop_details li{ margin-right: 8px; } .feat_property.all_listing_style3 .details .tc_content .prop_details li a span{ font-size: 13px; } .feat_property .fp_footer .fp_meta li { margin-right: 10px; vertical-align: middle; } .feat_property .fp_footer .fp_meta li:last-child{ margin-right: 0; } .feat_property .fp_footer .fp_meta li a { font-size: 15px; font-family: Cerebri Sans; color: #696969; line-height: 1.466; } .feat_property .fp_footer .fp_meta li a.icon{ border-radius: 40px; display: block; height: 35px; line-height: 35px; position: relative; text-align: center; width: 35px; } .feat_property .fp_footer .fp_meta li:hover a.icon{ background-color: #F4F4F4; } .feat_property .fp_footer .fp_meta li a .icon span{ color: #696969; } .feat_property .fp_footer .fp_pdate{ font-size: 14px; font-family: Cerebri Sans; color: #777777; line-height: 1.2; margin-top: 12px; } .feat_property.recent{ border: none; } .property-ofthe-week .feat_property.recent{ display: flex; align-items: center; border: 1px solid #E6E9EC; } .property-ofthe-week .feat_property.recent .thumb{flex-basis: 50%; } .property-ofthe-week .feat_property.recent .details{ flex-basis: 50%; padding: 10px 40px; } .property-ofthe-week .feat_property.recent .details h4{margin-bottom: 15px; } .property-ofthe-week .feat_property.recent .details h4 a{font-size: 30px; } .property-ofthe-week .feat_property.recent .details h4 + div{font-size: 18px;margin-bottom: 20px; } .property-ofthe-week .feat_property.recent .details h4 + div + p{font-size: 16px;margin-bottom: 30px; } .property-ofthe-week .feat_property.recent .details .list-inline-item a.btn{ margin-top: 0; padding: 10px 15px; background: #020BA7; color: #ffffff; min-width: 140px; } .property-ofthe-week .feat_property.recent .details .list-inline-item a.btn:hover { background-color: #d1ab3e !important; border: 1px solid #d1ab3e !important; } .property-ofthe-week .feat_property.recent .details .list-inline-item a.btn.btn-typ2:hover { background-color: #d1ab3e; border-color: #d1ab3e; border:1px solid !important; } .property-ofthe-week .feat_property.recent .details .list-inline-item a.btn.btn-typ2{ background-color: #9d9d9c; border: 1px solid #9d9d9c; } .feat_property.recent .thumb{ border-radius: 3px; } .feat_property.recent:hover{ box-shadow: none; } .feat_property.recent .details .tc_content{ padding: 20px 0; } .feat_property.recent .details .fp_footer{ padding: 10px 0 5px; } .feat_property.map:hover{ box-shadow: none; } .feat_property.map .thumb{ background-color: transparent; } .feat_property.map:hover .thumb img{ opacity: 1; } .for_blog.list-type{ display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; } .for_blog.feat_property:hover{ -webkit-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); -moz-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); -o-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); } .for_blog.feat_property.home2, .for_blog.feat_property.home4{ border: none; } .for_blog.feat_property.home2 .details .tc_content{ padding: 20px 20px 30px; } .for_blog.feat_property.home4 .details .tc_content{ padding: 20px 20px 30px 0; } .for_blog.feat_property.home4:hover{ box-shadow: none; } .for_blog.feat_property.blog_details_inner:hover{ box-shadow: none; } .for_blog.feat_property .details .bp_meta ul li:first-child{ margin-right: 20px; } .for_blog.feat_property .details .bp_meta ul li a{ font-size: 14px; color: #696969; } .for_blog.feat_property .thumb .tag{ border-radius: 3px; font-size: 10px; font-weight: 600; left: 20px; line-height: 20px; padding: 3px 13px; position: absolute; text-transform: capitalize; top: 20px; } .for_blog.feat_property .thumb img{ opacity: 1; } .for_blog.feat_property .fp_footer .fp_meta li:nth-child(2){ margin-right: 30px; } .for_blog.feat_property .details .tc_content{ padding: 20px 20px 30px; } .for_blog.feat_property .details .tc_content .bpg_meta li a{ font-size: 14px; color: rgb(119, 119, 119); line-height: 1.2; } .for_blog.feat_property .details .tc_content .read_more_btn{ font-size: 13px; font-weight: 600; line-height: 17px; text-transform: uppercase; } .feat_property .thumb .thmb_cntnt, .properti_city.home6 .thumb .thmb_cntnt{ left: 10px; position: absolute; right: 10px; top: 10px; } .feat_property .thumb .thmb_cntnt ul.tag, .properti_city.home6 .thumb .thmb_cntnt ul.tag{ position: absolute; left: 10px; top: 10px; } .feat_property .thumb .thmb_cntnt ul.tag li, .properti_city.home6 .thumb .thmb_cntnt ul.tag li, .feat_property.list .dtls_headr ul.tag li{ border-radius: 3px; height: 25px; line-height: 25px; text-align: center; } .properti_city.home6 .thumb .thmb_cntnt ul.tag li:first-child, .feat_property.list .dtls_headr ul.tag li:first-child{ background-color: rgb(62, 76, 102); } .properti_city.home6 .thumb .thmb_cntnt ul.tag li:last-child, .feat_property.list .dtls_headr ul.tag li:last-child{ background-color: #071c35; margin-right: 0; } .properti_city.home6 .thumb .thmb_cntnt ul.tag li a, .feat_property.list ul.tag li a{ color: #fefefe; } .feat_property.home6, .feat_property.home7{ border: none; } .feat_property.home6 .details .tc_content .thmb_cntnt{ margin-bottom: 50px; } .feat_property.home6 .thumb .thmb_cntnt2{ bottom: 50px; left: auto; right: 70px; } .feat_property.home6 .fp_footer .fp_meta li a.price{ font-size: 22px; } .feat_property.home6 .details .tc_content .title{ font-size: 22px; line-height: 28px; } .listing_gallery, .listing_reviews{ bottom: -190px; left: 23px; position: absolute; } .listing_gallery{ bottom: -190px; opacity: 0; } .listing_gallery li a span, .listing_reviews li a span{ font-size: 15px; font-weight: normal; vertical-align: middle; } .listing_gallery li:first-child{ margin-right: 20px; } .listing_gallery li a, .listing_reviews li a{ font-size: 12px; font-weight: 600; } .feat_property.list .listing_gallery{ left: 15px; } .listing_reviews li a .total_review{ font-size: 14px; line-height: 20px; } .badge_icon { position: absolute; right: 10px; top: 40px; width: 60px; display: block; } .badge_icon a img{ border: 2px solid #e6e9ec; /*border-radius: 50%;*/ /*-webkit-box-shadow:0px 4px 4px rgb(0 0 0 / 25%);*/ /*-moz-box-shadow:0px 4px 4px rgb(0 0 0 / 25%);*/ /*-o-box-shadow:0px 4px 4px rgb(0 0 0 / 25%);*/ /*box-shadow:0px 4px 4px rgb(0 0 0 / 25%);*/ } .feat_property.list, .feat_property.list .thumb{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .feat_property.list.listing .thumb{ border-radius: 3px 0 0 3px; max-height: 220px; max-width: -webkit-fill-available; margin: 0; position: relative; width: 280px; } .feat_property.list.listing:hover{ -webkit-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); -moz-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); -o-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); } .blog_post_slider_home8 .feat_property.list.listing:hover{ box-shadow: none; } .feat_property.list.listing .thumb .thmb_cntnt .listing_gallery{ top: 170px; } .feat_property.list.listing .details{ width: 75%; } .feat_property.list.listing .details.style7{ width: 60%; } .feat_property.list .details .tc_content{ display: flow-root; padding: 25px 20px 15px; position: relative; } .feat_property.home6 .details .tc_content, .feat_property.home6 .fp_footer{ padding: 0; } .feat_property.home6 .fp_footer{ border: none; } .feat_property.list.listing .details .tc_content .wrapper2 .title{ color: #0D263B; font-size: 14px; line-height: 18px; margin-bottom: 30px; } .feat_property.list.listing .details .tc_content .wrapper2 .btn { background-color: rgba(0, 97, 223, .1); border-radius: 3px; color: #071c35; font-size: 13px; font-weight: 600; height: 45px; text-transform: uppercase; width: 126px; } .feat_property.list.listing .fp_footer{ padding: 6px 20px 10px; } .feat_property.list .details .tc_content .list_simg{ height: 28.8px; width: 28.8px; } .feat_property.list .dtls_headr{ display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; } .feat_property.list .dtls_headr a.fp_price{ font-size: 22px; color: #0D263B; font-weight: bold; line-height: 1.2; position: absolute; right: 20px; } .feat_property.list.favorite_page{ border: none; border-radius: 0; box-shadow: none; border-bottom: 1px solid #ebebeb; padding: 0 0 30px; } .feat_property.list.favorite_page .thumb{ height: 126px; max-width: 150px; margin: 0; position: relative; } .feat_property.list.favorite_page .view_edit_delete_list{ position: absolute; right: 0; } .feat_property.list.favorite_page.style2{ border-bottom: none; margin: 10px 0; margin-bottom: 0; padding-bottom: 0; } .feat_property.list.favorite_page.style2 .details .tc_content p{ margin-bottom: 0; } .feat_property.list.agent{ border-radius: 3px; } .feat_property.list.agent:hover{ -webkit-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); -moz-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); -o-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); } .feat_property.list.agent:hover .thumb img{ opacity: 1; } .feat_property.list.agent .thumb{ height: auto; margin: 20px; max-width: -webkit-fill-available; width: 240px; } .feat_property.list.agent .fp_footer{ padding: 5px 20px 20px 0; } .feat_property.list.agent .fp_footer .fp_pdate{ margin-top: 5px; text-decoration: underline; } .feat_property.list.agent .thumb img{ border-radius: 3px; } .feat_property.list.agent .details .tc_content{ padding: 30px 0 10px; } .feat_property.list.agent .details .tc_content h4{ margin-bottom: 0; } .feat_property.list.agent .details .tc_content .prop_details li a{ line-height: 27px; } .feat_property.list.agent .details .tc_content .prop_details li a span{ color: #0D263B; font-size: 14px; font-weight: 600; margin-right: 20px; } .feat_property.list.favorite, .feat_property.list.property{ border: none; margin: 0; } .feat_property.list.favorite:hover, .feat_property.list.property:hover{ box-shadow: none; } .feat_property.list.favorite .thumb, .feat_property.list.property .thumb{ border-radius: 3px; margin: 0; overflow: hidden; width: 160px; } .feat_property.list.favorite:hover .thumb img, .feat_property.list.property:hover .thumb img{ opacity: 1; } .feat_property.list.favorite .details, .feat_property.list.property .details{ width: auto; } .feat_property.list.favorite .details .tc_content, .feat_property.list.property .details .tc_content{ padding: 20px; } .feat_property.list.favorite .details .tc_content .title, .feat_property.list.property .details .tc_content .title{ line-height: 20px; margin-bottom: 10px; } .feat_property.list.favorite .details .tc_content .title small.tag2, .feat_property.list.property .details .tc_content .title small.tag2{ background-color: #0D263B; border-radius: 3px; color: #fff; font-size: 10px; font-weight: 600; line-height: 13px; margin-left: 12px; padding: 6px 15px; text-transform: uppercase; } .feat_property.list.favorite .details .tc_content p, .feat_property.list.property .details .tc_content p{ font-size: 14px; margin-bottom: 10px; } .invoice_table.faborites td.editing_list{ vertical-align: middle; } .agent_single{ display: flex; position: relative; } .agent_single .thumb img{ border-radius: 3px; } .agent_single .details .tc_content{ padding: 10px 0 0; } .agent_single .details .tc_content h4{ margin-bottom: 0; } .agent_single .details .tc_content .prop_details li a{ line-height: 30px; } .agent_single .thumb{ margin: 0 30px 0 0; width: 460px; } .agent_single .sspd_review ul li, .agent_single .sspd_review ul li a{ font-size: 14px; } .agent_single .table td{ color: #696969; } .agent_single .table th{ color: #0D263B; } .agent_single .table td, .agent_single .table th{ padding: 10px 0 0; } .agent_contact_btns{ display: inline-flex; } .agent_contact_btns .btn{ border-radius: 3px; font-size: 13px; font-style: normal; font-weight: 600; height: 55px; letter-spacing: 0; line-height: 45px; text-transform: uppercase; width: 210px; } .btn-whatsapp{ border: 1px solid #48C740; color: #48C740; } .btn-whatsapp:hover, .btn-whatsapp:active, .btn-whatsapp:focus{ background-color: #48C740; color: #fff; } .status_tag.badge{ border-radius: 3px; background-color: rgb(255, 90, 95); font-size: 14px; color: rgb(254, 254, 254); height: 25px; line-height: 1.2; padding: 5px 8px; text-align: center; } .status_tag.badge2{ border-radius: 3px; background-color: rgb(57, 218, 138); font-size: 14px; color: rgb(254, 254, 254); height: 25px; line-height: 20px; padding: 5px 8px; text-align: center; } .status_tag.badge3{ border-radius: 3px; background-color: rgb(253, 57, 122); font-size: 14px; color: rgb(254, 254, 254); height: 25px; line-height: 20px; padding: 5px 8px; text-align: center; } .feat_property.home2 .fp_footer .fp_pdate{ color: #192675; } .feat_property.home3{ border: none; } .feat_property.home3 .thumb{ padding: 0; } .feat_property.home3 .fp_footer{ border-top: none; } .feat_property.agency .thumb img{ opacity: 1; } .feat_property.agent .fp_footer .fp_pdate, .feat_property.agency .fp_footer .fp_pdate{ margin-top: 6px; } .feat_property.agency .thumb{ background-color: #ffffff; border-bottom: 1px solid #ebebeb; } .feat_property.agency .thumb img{ margin: 0 auto; } .feat_property.list.agency .thumb{ border-bottom: none; height: 235px; width: 300px; } .feat_property.list.agency .details{ border-left: 1px solid #ebebeb; padding-left: 10px; } .properti_city.home6 .details .tc_content h4, .properti_city.home6 .details a.fp_price, .properti_city.home6 ul.prop_details li a{ color: #ffffff; font-weight: 600; } .properti_city.home6 .overlay .details h4{ font-size: 16px; font-family: Cerebri Sans; color: #ffffff; font-weight: 500; line-height: 1.2; } .properti_city.home6 .details a.fp_price{ font-size: 22px; font-family: Cerebri Sans; color: #ffffff; font-weight: bold; line-height: 2; } .feature_property_slider.owl-carousel.owl-theme .owl-nav, .popular_listing_slider1.owl-carousel.owl-theme .owl-nav, .team_slider_home1.owl-carousel.owl-theme .owl-nav, .testimonial_slider_home1.owl-carousel.owl-theme .owl-nav, .feature_place_home3_slider.owl-carousel.owl-theme .owl-nav, .recent_property_slider_home5.owl-carousel.owl-theme .owl-nav, .popular_listing_slider_home8.owl-carousel.owl-theme .owl-nav{ margin: 0; } .team_slider_home1.owl-carousel.owl-theme .owl-item, .testimonial_slider_home1.owl-carousel.owl-theme .owl-item{ margin-bottom: 60px; } .team_slider_home1.owl-carousel.owl-theme .owl-controls .owl-dots .owl-dot, .testimonial_slider_home1.owl-carousel.owl-theme .owl-controls .owl-dots .owl-dot{ display: none; } .feature_property_slider.owl-carousel.owl-theme .owl-dots .owl-dot, .sidebar_feature_property_slider.owl-carousel.owl-theme .owl-dots .owl-dot, .popular_listing_slider1.owl-carousel.owl-theme .owl-dots .owl-dot, .popular_listing_slider_home8.owl-carousel.owl-theme .owl-dots .owl-dot, .team_slider_home1.owl-carousel.owl-theme .owl-dots .owl-dot, .testimonial_slider_home1.owl-carousel.owl-theme .owl-dots .owl-dot, .feature_place_home3_slider.owl-carousel.owl-theme .owl-dots .owl-dot, .testimonial_slider_home3.owl-carousel.owl-theme .owl-dots .owl-dot, .recent_property_slider_home5.owl-carousel.owl-theme .owl-dots .owl-dot, .testimonial_slider_home6.owl-carousel.owl-theme .owl-dots .owl-dot, .blog_post_slider_home8.owl-carousel.owl-theme .owl-dots .owl-dot { background-color: transparent; margin-right: 7px; vertical-align: middle; } .sidebar_feature_property_slider.owl-carousel.owl-theme .owl-nav{ display: none; } .feature_property_slider.owl-carousel.owl-theme .owl-dots .owl-dot span, .sidebar_feature_property_slider.owl-carousel.owl-theme .owl-dots .owl-dot span, .popular_listing_slider1.owl-carousel.owl-theme .owl-dots .owl-dot span, .popular_listing_slider_home8.owl-carousel.owl-theme .owl-dots .owl-dot span, .team_slider_home1.owl-carousel.owl-theme .owl-dots .owl-dot span, .testimonial_slider_home1.owl-carousel.owl-theme .owl-dots .owl-dot span, .feature_place_home3_slider.owl-carousel.owl-theme .owl-dots .owl-dot span, .testimonial_slider_home3.owl-carousel.owl-theme .owl-dots .owl-dot span, .recent_property_slider_home5.owl-carousel.owl-theme .owl-dots .owl-dot span, .testimonial_slider_home6.owl-carousel.owl-theme .owl-dots .owl-dot span, .blog_post_slider_home8.owl-carousel.owl-theme .owl-dots .owl-dot span { background-color: #d1ab3e; border-radius: 50%; height: 8px; margin: 3px; width: 8px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .feature_property_slider.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .feature_property_slider.owl-carousel.owl-theme .owl-dots .owl-dot:hover span, .sidebar_feature_property_slider.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .sidebar_feature_property_slider.owl-carousel.owl-theme .owl-dots .owl-dot:hover span, .popular_listing_slider1.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .popular_listing_slider1.owl-carousel.owl-theme .owl-dots .owl-dot:hover span, .popular_listing_slider_home8.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .popular_listing_slider_home8.owl-carousel.owl-theme .owl-dots .owl-dot:hover span, .team_slider_home1.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .team_slider_home1.owl-carousel.owl-theme .owl-dots .owl-dot:hover span, .testimonial_slider_home1.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .testimonial_slider_home1.owl-carousel.owl-theme .owl-dots .owl-dot:hover span, .feature_place_home3_slider.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .feature_place_home3_slider.owl-carousel.owl-theme .owl-dots .owl-dot:hover span, .testimonial_slider_home3.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .testimonial_slider_home3.owl-carousel.owl-theme .owl-dots .owl-dot:hover span, .recent_property_slider_home5.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .recent_property_slider_home5.owl-carousel.owl-theme .owl-dots .owl-dot:hover span, .testimonial_slider_home6.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .testimonial_slider_home6.owl-carousel.owl-theme .owl-dots .owl-dot:hover span, .blog_post_slider_home8.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .blog_post_slider_home8.owl-carousel.owl-theme .owl-dots .owl-dot:hover span { background-color: #ffffff !important; border: 2px solid #d1ab3e; border-radius: 50%; height: 12px; width: 12px; } .popular_listing_slider1.home7.owl-carousel.owl-theme .owl-dots .owl-dot span{ background-color: #fff; } .popular_listing_slider1.home10.owl-carousel.owl-theme .owl-dots .owl-dot span{ background-color: #006766; } .popular_listing_slider1.home10.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .popular_listing_slider1.home10.owl-carousel.owl-theme .owl-dots .owl-dot:hover span{ border: 2px solid #006766; } .popular_listing_sliders .tab-content .tab-pane { display: block; height:0; } .popular_listing_sliders .tab-content .active { height:auto; } .popular_listing_sliders .nav-tabs{ border-bottom: none; } .popular_listing_sliders .nav-tabs .nav-link{ background-color: #fff; border: 1px solid #E6E9EC; border-radius: 3px; color: #696969; font-size: 12px; font-weight: 600; line-height: 22px; margin: 0 10px; padding: 8px 30px; text-transform: uppercase; -webkit-box-shadow:0px 10px 50px rgba(13, 38, 59, 0.1); -moz-box-shadow:0px 10px 50px rgba(13, 38, 59, 0.1); -o-box-shadow:0px 10px 50px rgba(13, 38, 59, 0.1); box-shadow:0px 10px 50px rgba(13, 38, 59, 0.1); } .popular_listing_sliders .nav-tabs .nav-link.active{ background-color: #071c35; border: 1px solid #071c35; border-radius: 3px; color: #ffffff; } /*== Property Cities ==*/ .properti_city{ border-radius: 3px; margin-bottom: 30px; position: relative; } .properti_city .thumb{ border-radius: 3px; overflow: hidden; position: relative; } .properti_city .thumb img{ -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .properti_city:hover .thumb img{ -webkit-transform: scale(1.1) rotate(-1deg); -moz-transform: scale(1.1) rotate(-1deg); -o-transform: scale(1.1) rotate(-1deg); -ms-transform: scale(1.1) rotate(-1deg); transform: scale(1.1) rotate(-1deg); } .properti_city .overlay{ background: rgba(13, 38, 59, .5); border-radius: 3px; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; text-align: center; } .properti_city.home3 .overlay{ background: rgba(39, 42, 51, .30); } .properti_city .overlay .details{ bottom: 20px; left: 0; position: absolute; right: 0; } .withlogo .properti_city .overlay, .withlogo .properti_city .overlay .details{ position: static; background: transparent; } .withlogo.owl-carousel .owl-item img{ max-height: 110px; width: auto !important; margin: 0 auto; } .withlogo .properti_city .overlay .details h4{color: #000000;font-weight: 500;} .withlogo .properti_city .overlay .details .icon{margin-bottom: 10px; } .withlogo.feature_place_home2_slider.owl-carousel.owl-theme.owl-loaded .owl-prev, .withlogo.feature_place_home2_slider.owl-carousel.owl-theme.owl-loaded .owl-next{top: 60px;} .properti_city .overlay .details .icon{ color: #ffffff; font-size: 60px; margin-bottom: 50px; } .properti_city .overlay .details h4, .properti_city .overlay .details h4 a, .property_city_home6 .details h4 a{ color: #ffffff; font-size: 18px; font-family: Cerebri Sans; font-weight: 600; line-height: 1.43rem; } .property_city_home6 .details h4 a{ color: #0D263B; } .properti_city.home6 .thumb .thmb_cntnt{ left: 8px; position: absolute; top: 20px; } .properti_city.home6 .overlay .details{ padding-left: 20px; text-align: left; } .properti_city .overlay .details p{ font-size: 14px; font-family: Cerebri Sans; color: #ffffff; line-height: 1.2; } .properti_city.style2{ background-color: #ffffff; border: 1px solid #ebebeb; border-radius: 3px; padding: 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .properti_city.style2:hover{ -webkit-box-shadow:0px 0px 50px 0px rgba(19, 19, 28, 0.12); -moz-box-shadow:0px 0px 50px 0px rgba(19, 19, 28, 0.12); -o-box-shadow:0px 0px 50px 0px rgba(19, 19, 28, 0.12); box-shadow:0px 0px 50px 0px rgba(19, 19, 28, 0.12); } .properti_city.style2 .details{ padding: 20px 20px 10px; text-align: center; } .properti_city.style2 .details p{ margin-bottom: 0; } .property_city_home6{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-bottom: 30px; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .property_city_home6:hover{ cursor: pointer; } .property_city_home6 .thumb{ position: relative; } .property_city_home6 .thumb img{ border-radius: 8px; height: 100px; max-width: 100px; } .property_city_home6 .details{ padding: 20px 25px 0; } .modern_apertment{ border-radius: 3px; background-color: #ffffff; padding: 55px 15px 50px 45px; position: relative; } .modern_apertment .title{ font-family: Cerebri Sans; color: #0D263B; font-weight: bold; line-height: 1.2; } .modern_apertment .subtitle{ font-family: Cerebri Sans; color: #0D263B; font-weight: bold; line-height: 1.2; margin-bottom: 15px; } .modern_apertment p{ font-size: 14px; font-family: Cerebri Sans; color: #0D263B; line-height: 1.429; margin-bottom: 30px; } .modern_apertment .booking_btn{ border-radius: 3px; background-color: #071c35; -webkit-box-shadow:0px 1px 4px 0px rgba(255, 90, 95, 0.3); -moz-box-shadow:0px 1px 4px 0px rgba(255, 90, 95, 0.3); -o-box-shadow:0px 1px 4px 0px rgba(255, 90, 95, 0.3); box-shadow:0px 1px 4px 0px rgba(255, 90, 95, 0.3); font-size: 16px; font-family: Cerebri Sans; color: #ffffff; font-weight: bold; line-height: 35px; height: 50px; width: 170px; } /*== Explore Cities ==*/ .explore_city { -webkit-background-size: cover; background-size: cover; border: 1px solid #E6E9EC; border-radius: 3px; height: 250px; margin-bottom: 30px; overflow: hidden; padding: 30px 0; position: relative; text-align: center; } .explore_city:before { background-color: #ffffff; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .explore_city:before { background-color: rgba(13, 38, 59, .5); } .explore_city .details { bottom: 20px; left: 0; position: absolute; right: 0; } .explore_city .details .icon{ color: #fff; font-size: 60px; } .explore_city .details .icon.style2{ margin-bottom: 100px; } .explore_city .details p{ color: #ffffff; font-size: 13px; font-weight: 600; line-height: 17px; } .explore_city .details .title, .explore_city .details .title a{ color: #ffffff; font-weight: 600; font-size: 18px; line-height: 23px; } .explore_city .thumb img{ height: 250px; left: 0; position: absolute; right: 0; top: 0; width: 100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); } .explore_city.style2, .explore_city.style2 .thumb img{ height: 530px; } .for_blog.feat_property.blog_details_inner .thumb img{ -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); } .for_blog.feat_property.blog_details_inner:hover .thumb img, .explore_city:hover .thumb img{ -webkit-transform: scale(1.1) rotate(-1deg); -moz-transform: scale(1.1) rotate(-1deg); -o-transform: scale(1.1) rotate(-1deg); -ms-transform: scale(1.1) rotate(-1deg); transform: scale(1.1) rotate(-1deg); } .explore_city.custom_class_service{ width: 47%; } .explore_city.custom_class_service2, .explore_city.custom_class_service2 .thumb img{ height: 530px; } /*== Search Smart Property ==*/ .search_smart_property{ padding: 75px 0; position: relative; } .search_smart_property h2{ font-size: 30px; font-family: Cerebri Sans; color: #0D263B; font-weight: bold; line-height: 1.2; } .search_smart_property p{ font-size: 16px; font-family: Cerebri Sans; color: #0D263B; line-height: 1.875; margin-bottom: 30px; } .search_smart_property button.ssp_btn{ background-color: #ffffff; -webkit-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); -o-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); border-radius: 3px; color: #0D263B; font-size: 16px; font-family: Cerebri Sans; font-weight: bold; height: 60px; line-height: 1.2; width: 200px; } .search_smart_property button.ssp_btn:hover{ background-color: #3e4c66; color: #ffffff; } .icon_hvr_img_box { -webkit-background-size: cover; background-size: cover; border: 1px solid #E6E9EC; border-radius: 3px; cursor: pointer; height: 150px; margin-bottom: 30px; overflow: hidden; padding: 30px 0; position: relative; text-align: center; } .icon_hvr_img_box:before { background-color: #ffffff; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .icon_hvr_img_box:hover:before { background-color: rgba(39, 42, 51, .4); } .icon_hvr_img_box .icon{ color: #6CBF78; font-size: 40px; margin-bottom: 5px; position: relative; text-align: center; } .icon_hvr_img_box .details { position: relative; } .icon_hvr_img_box .details .title{ font-size: 16px; } .icon_hvr_img_box:hover .details .title{ color: #ffffff; } .icon_hvr_img_box:hover .details p, .icon_hvr_img_box:hover .overlay .icon { color: #ffffff; } /*== Single Property ==*/ .single_property_title{ position: relative; } .single_property_title .breadcrumb-item + h2{ font-size: 46px;} .single_property_title .breadcrumb-item{ position: relative; display: inline-block;} .single_property_title .breadcrumb-item:after{ display: block; content: ""; height: 1px; width: 120px; background-color: #9d9d9c; margin-top: 13px; margin-left: 146px; left: 0%; display: block; top: 0px; position: absolute; } .listing_single_row{ margin-bottom: 55px; margin-top: -220px; } .single_property_title .upload_btn{ border-radius: 3px; background-color: rgb(255, 255, 255); -webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); cursor: pointer; display: block; font-size: 14px; font-family: Cerebri Sans; height: 45px; line-height: 2.1; outline: none; position: relative; text-align: center; width: 150px; } .single_property_title .upload_btn span{ font-size: 20px; padding-right: 5px; } .single_property_title.multicolor_style h2, .single_property_title.multicolor_style p, .single_property_social_share_content.multicolor_style h2, .single_property_social_share_content.multicolor_style h2 small{ color: #ffffff; } .agency_profile_contact li{ margin-right: 20px !important; } .agency_profile_contact li:last-child{ margin-right: 0px !important; } .agency_profile_contact li a, .agency_profile_contact li a span{ color: #0D263B; font-size: 15px; line-height: 22px; } .agency_profile_contact li .price_range{ background-color: #f4f4f4; border-radius: 3px; color: #696969; font-size: 14px; padding: 5px 12px; text-align: center; } .single_property_title.listing_single_v1 .media .media-body h2, .agency_profile_contact.listing_single_v1 li a, .agency_profile_contact.listing_single_v1 li a span, .sspd_review.listing_single_v1 ul li a, .agency_profile_contact.listing_single_v1 li .price_range{ color: #ffffff; } .single_property_title.psp_v6{ margin-top: -180px; } .single_property_social_share_content.psp_v6{ margin-top: -150px; } .sidebar_agent_search_widget.psp_v6{ background-color: #fff; margin-top: -140px; } .property_single_page_widget{ background-color: #fff; border: 1px solid #E6E9EC; border-radius: 3px; padding: 30px; position: relative; -webkit-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); } .single_property_title.psp_v6 .media .media-body h3, .single_property_title.psp_v6 .media .media-body p, .single_property_title.psp_v6 .media .media-body a, .single_property_social_share_content.psp_v6 h3, .single_property_social_share_content.psp_v6 h3 small, .single_property_social_share_content.psp_v6 .spss.style2 ul li a, .single_property_social_share_content.psp_v6 p{ color: #fff; } .single_property_social_share_content.psp_v6 .spss.style2 li.icon{ background-color: transparent; border: 1px solid #fff; } .sspd_review.listing_single_v1 li .price_range{ background-color: transparent; border: 1px solid #ffffff; border-radius: 3px; font-size: 14px; padding: 10px 12px; text-align: center; } .single_property_social_share_content h2 { font-size: 30px; font-family: Cerebri Sans; font-weight: bold; line-height: 1.2; margin-bottom: 0; } .single_property_social_share_content h3 small{ color: #696969; font-size: 12px; } .single_property_social_share_content.style2{ position: absolute; right: 30px; } .spss.style2.listing_single_v1 ul li.icon{ background-color: rgba(255, 255, 255, .1); } .spss.style2.listing_single_v1 ul li.icon a{ color: #ffffff; } .single_property_social_share_content .price.listing_single_v1 .spr_btn{ background: #fff; border: 1px solid #ffffff; color: #071c35; } .single_property_social_share_content .price.listing_single_v1 .spr_btn:hover, .single_property_social_share_content .price.listing_single_v1 .spr_btn:active, .single_property_social_share_content .price.listing_single_v1 .spr_btn:focus{ background: linear-gradient(297.21deg, #071c35 0%, #4567D5 92.82%); border: 1px solid #ffffff; color: #ffffff; } .spss ul li{ text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .spss ul li:hover{ cursor: pointer; } .spss ul li a{ font-size: 14px; } .spss.style2 ul li a{ color: #696969; font-size: 15px; } .spss.style2 ul li.icon{ background-color: #f4f4f4; border-radius: 50%; color: #696969; height: 35px; line-height: 35px; width: 35px; } .single_property_social_share_content.psp_v7 .spss.style2 ul li.icon{ background-color: #fff; } .spss.style2 ul li:nth-child(2){ margin-right: 25px; } .spss.style2 ul li .icon{ border-radius: 50%; color: #696969; height: 45px; width: 45px; } .spls_style_two{ position: relative; } .spls_style_two .overlay{ bottom: 0; border-radius: 50%; background-color: #ffffff; cursor: pointer; height: 50px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 32%; width: 50px; } .spls_style_two .overlay .title{ font-size: 16px; font-family: Cerebri Sans; font-weight: 500; line-height: 50px; } .spls_style_two img{ border-radius: 3px; } .spls_style_two .first-img{ height: 580px; } .baddge_left{ background-color: #071c35; border-radius: 3px; color: #fff; font-size: 10px; left: 20px; padding: 6px 13px; position: absolute; text-transform: uppercase; top: 20px; } .baddge_right{ background-color: #0D263B; border-radius: 3px; color: #fff; font-size: 10px; left: auto; padding: 6px 13px; position: absolute; right: 20px; text-transform: uppercase; top: 20px; } .faq_according .accordion .card.floor_plan{ outline: none; } .faq_according .accordion .card.floor_plan .card-header.active .btn-link{ color: #0D263B; } .faq_according .accordion .card.floor_plan .card-header.active{ border: 1px solid #E6E9EC; } .faq_according .accordion .card.floor_plan .card-header .btn-link ul li{ display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; } .single_page_listing_tab{ position: relative; } .single_page_listing_tab .nav-tabs{ border: none; margin-top: 45px; position: absolute; right: 30px; z-index: 9; } .single_page_listing_tab .nav-tabs.psp_v7{ top: 500px; } .single_page_listing_tab .nav-tabs .nav-item{ border: none; margin-right: 10px; } .single_page_listing_tab .nav-tabs .nav-item .nav-link{ background: rgba(13, 38, 59, .8); border: 1px solid transparent; border-radius: 50%; font-size: 18px; height: 50px; line-height: 30px; text-align: center; width: 50px; } .single_page_listing_tab .nav-tabs .nav-link.active{ background-color: #071c35; border: none; } .single_page_listing_style { position: relative; } .property_video{ position: relative; } .property_video .thumb{ border-radius: 3px; overflow: hidden; } .property_video .thumb .overlay_icon a { background-color: #ffffff; border-radius: 50%; color: #696969; height: 70px; left: 0; line-height: 70px; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 40%; width: 70px; z-index: 99; } .property_video .thumb .overlay_icon a .map_img_icon{ width: 23px; } .video_popup_btn { border-radius: 50%; display: block; height: 70px; line-height: 70px; margin: 0 auto; text-align: center; width: 70px; animation: pulse-black 2s infinite; } .video_popup_btn span{ color: #0D263B; font-size: 20px; } .video_popup_btn.red { background: rgba(255, 90, 95, 1); box-shadow: 0 0 0 0 rgba(255, 90, 95, 1); animation: pulse-red 2s infinite; } @keyframes pulse-red { 0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(255, 90, 95, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 15px rgba(255, 90, 95, 0); } 100% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(255, 90, 95, 0); } } .listing_single_description{ position: relative; } .listing_single_description .first-para{ font-size: 15px; line-height: 24px; } .listing_single_description.style2{ border-radius: 0; } .listing_single_description2{ background-color: rgb(255, 255, 255); border: 1px solid rgb(235, 235, 235); border-bottom: none; border-radius: 8px 8px 0 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; position: relative; padding: 30px; } .listing_single_description .card.card-body{ border: none; padding: 0; } /*.white_goverlay{ position: relative; }*/ .white_goverlay:before{ background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255, 0.2) 20%, rgba(255,255,255, 0.3) 30%, rgba(255,255,255, 0.8) 20%); bottom: 0; content: ""; height: 140px; left: 0; position: absolute; right: 0; width: 100%; z-index: 1; } .white_goverlay.psp_v7:before{ height: 130px; } .white_goverlay.z-1:before{ z-index: -1; } .additional_details{ position: relative; } .listing_feature_iconbox{ margin-bottom: 25px; } .listing_feature_iconbox .icon{ background-color: #f4f4f4; border-radius: 50%; height: 40px; line-height: 41px !important; text-align: center; width: 40px; } .listing_feature_iconbox .details .title{ font-size: 22px; line-height: 35px; } .single_listing_faq{ position: relative; } .single_listing_faq .faq_according .accordion .card .card-header{ padding: 15px 10px 15px 25px; } .single_listing_faq .faq_according .accordion .card .card-header .btn-link{ font-size: 15px; } .walkscore_area{ position: relative; } .walkscore_area .title{ font-size: 20px; font-style: normal; font-weight: 400; } .walkscore_area input{ background-color: #F6F8F9; border: none; border-radius: 3px; height: 55px; padding-left: 20px; } .walkscore_area input:focus{ background-color: #F6F8F9; } .walkscore_area .more_info{ font-size: 14px; font-family: Cerebri Sans; line-height: 1.714; text-decoration: underline; } .iba_container{ margin-bottom: 25px; } .icon_box_area{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-bottom: 30px; } .icon_box_area .score{ border-radius: 50%; background-color: #F6F8F9; height: 70px; line-height: 70px; width: 70px; text-align: center; } .icon_box_area.style2 .details{ padding: 25px 20px 0; } .icon_box_area .details{ padding: 15px 20px; } .icon_box_area .details h5{ font-size: 16px; font-family: Cerebri Sans; font-weight: bold; line-height: 1.5; margin-bottom: 0; } .icon_box_area .details p{ font-size: 14px; font-family: Cerebri Sans; margin-bottom: 0; } .whats_nearby{ position: relative; } .education_distance{ display: grid; position: relative; } .education_distance h5{ color: #0D263B; font-size: 16px; font-weight: 600; line-height: 20px; margin-bottom: 15px; } .education_distance h5 .icon{ background-color: #F6F8F9; border-radius: 50%; display: inline-flex; height: 35px; line-height: 35px; margin-right: 10px; vertical-align: middle; width: 35px; } .education_distance h5 .icon span{ color: #696969; font-size: 18px; font-weight: 400; margin: 0 auto; } .custom_reivews{ position: relative; } .custom_reivews .title{ font-size: 15px; line-height: 22px; margin-bottom: 20px; } .custom_reivews .review_content{ display: inline-flex; position: relative; } .custom_reivews .review_content .review_point{ color: #0D263B; font-weight: 500; } .custom_reivews .review_content .review_line{ background-color: #E6E9EC; border-radius: 30px; height: 5px; margin-right: 15px; margin-top: 10px; overflow: hidden; width: 150px; } .custom_reivews .review_content .review_line:before{ background-color: #071c35; border-radius: 30px; content: ""; height: 5px; left: 0; position: absolute; width: 119px; } .custom_reivews .review_content .review_line.style2:before{ width: 135px; } /*== Listing Single V5 Page Sticky Nav ==*/ .sticky_heading{ -webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .sticky-nav-tabs { -webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .sticky-nav-tabs-container { background-color: #ffffff; display: inline-block; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 0; z-index: 1; -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); } .sticky-nav-tabs-container--top-first { padding-top: 13px; position: fixed; top: 0; -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); text-align: center; -webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .sticky-nav-tabs-container--top-second { background-color: #ffffff; padding-top: 13px; height: 60px; position: fixed; text-align: center; top: 0; z-index: 9; -webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .sticky-nav-tabs-container li:active, .sticky-nav-tabs-container li:hover, .sticky-nav-tabs-container li:visited, .sticky-nav-tabs-container li.active{ border-bottom: 1px solid #071c35; } .sticky-nav-tabs-container li.active a{ color: #071c35; } .sticky-nav-tabs-container li:visited{ border-bottom: 1px solid #071c35; } .sticky-nav-tabs-container li:visited a{ color: #071c35; } .sticky-nav-tabs-container li a{ font-size: 16px; font-family: Cerebri Sans; font-weight: bold; } .sticky-nav-tab { color: #221f1f; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 15px 25px 18px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .sticky-nav-tab-slider { position: absolute; bottom: 0; width: 0; height: 6px; background-color: #66B1F1; -webkit-transition: left 0.3s ease; -moz-transition: left 0.3s ease; -o-transition: left 0.3s ease; transition: left 0.3s ease; } .listing_single_property_compare{ position: relative; text-align: center; } .listing_single_property_compare ul li.list-inline-item{ margin-right: 25px; text-align: center; } .listing_single_property_compare ul li .icon{ background-color: #e3e3e3; border-radius: 50%; height: 50px; line-height: 50px; margin: 0 auto 15px; width: 50px; } .listing_single_property_compare ul li .icon span{ color: #0D263B; } .listing_single_property_compare ul li p{ font-size: 14px; font-family: Cerebri Sans; line-height: 1.857; margin-bottom: 0; } /*== Why Choose Us ==*/ .why_chose_us{ background-color: #ffffff; border: 1px solid #E6E9EC; border-radius: 3px; margin-bottom: 30px; padding: 50px 25px 40px; position: relative; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; box-sizing: border-box; } .why_chose_us:hover{ -webkit-box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07); -moz-box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07); -o-box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07); box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07); } .why_chose_us .icon{ border-radius: 50%; height: 112px; line-height: 112px; margin: 0 auto; width: 112px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .why_chose_us .icon span{ color: #0e3a6d; font-size: 50px; line-height: 112px; } .why_chose_us:hover .icon{ background-color: #071c35; } .why_chose_us:hover .icon span{ color: #ffffff; } .why_chose_us.home2{ border: none; padding-bottom: 0; padding-top: 85px; } .why_chose_us.home2:hover{ box-shadow: none; } .why_chose_us.home2:hover .icon, .why_chose_us.home2:hover .icon:before{ background-color: #071c35; } .why_chose_us.home2:hover .icon span{ color: #fff; } .why_chose_us.home2 .icon{ background-color: #EDF4FE; border-radius: 10px; height: 70px; margin: 0 auto; position: relative; width: 110px; z-index: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .why_chose_us.home2 .icon:before { background-color: #EDF4FE; border-radius: 10px 0 0 0; bottom: 0; content: ""; height: 70px; left: 0; margin: 0 auto; position: absolute; right: 0; top: -34px; width: 70px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .why_chose_us.home2 .icon span{ color: #071c35; font-size: 50px; left: 0; line-height: normal; margin: 0 auto; position: absolute; right: 0; top: -7px; } .why_chose_us.home2.style2{ padding-bottom: 30px; } .why_chose_us.home2.style2:hover{ -webkit-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); -moz-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); -o-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); } .why_chose_us:hover .icon{ background-color: #071c35; } .why_chose_us:hover .icon span{ color: #ffffff; } .why_chose_us .details{ margin-top: 30px; } .why_chose_us .details h4{ color: #0D263B; font-family: Cerebri Sans; font-weight: 600; margin-bottom: 20px; } .why_chose_us .details p{ font-size: 14px; font-family: Cerebri Sans; line-height: 24px; } .why_chose_us.home3{ background-color: transparent; border: none; overflow: hidden; padding: 0 25px; } .why_chose_us.home3 .details h4{ margin-bottom: 0; } .why_chose_us.home3 .details{ margin-top: 10px; } .why_chose_us.home3 .icon{ background-color: transparent; color: #fff; height: auto; } .why_chose_us.home3 .icon span{ color: #fff; } .why_chose_us.home3:hover{ box-shadow: none; } .features_row{ border-radius: 3px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); -moz-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); -o-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); margin-bottom: 70px; margin-top: -220px; } .why_chose_us.home6{ border-radius: 0; border-right: 1px solid #ebebeb; margin-bottom: 0; overflow: hidden; padding: 30px 20px; } .why_chose_us.home6.bdrrn{ border-right: none; } .why_chose_us.home6, .why_chose_us.home6:hover{ box-shadow: none; } .why_chose_us.home6 .icon{ background-color: #3e4c66; border-radius: 50%; height: 100px; margin: 0 auto; width: 100px; } .why_chose_us.home6:hover .icon{ background-color: #071c35; } .why_chose_us.home6:hover .icon span{ color: #ffffff; } .why_chose_us.home6 .icon span{ color: #ffffff; font-size: 50px; line-height: 100px; } .why_chose_us.home6 .details{ margin-top: 30px; } .why_chose_us.home6:hover .details h4{ color: #071c35; } .why_chose_us.home7{ border-bottom: 3px solid transparent; } .why_chose_us.home7:hover{ border-bottom: 3px solid #071c35; } .why_chose_us.home10 .icon span{ color: #FFBC01; } .why_chose_us.home10:hover .icon{ background-color: #FFBC01; } .why_chose_us.home10:hover .icon span{ color: #fff; } /*== Why Choose Us ==*/ .our-testimonials{ background-color: #F5F7FC; } .our-testimonials .container.max1800{ max-width: 1800px; } .testimonial_grid{ position: relative; text-align: center; } .testimonial_grid .thumb{ position: relative; } .testimonial_grid .thumb img{ border: 10px solid rgba(255, 255, 255, 0.1); border-radius: 50%; display: inline; height: 114px; width: 114px; } .testimonial_grid .details{ padding: 20px 40px; } .testimonial_grid .details h4{ margin-bottom: 0; } .testimonial_grid .details p{ font-size: 14px; font-family: Cerebri Sans; line-height: 1.429; margin-bottom: 0; } .testimonial_grid.style2{ padding: 40px 0 0; } .testimonial_grid.style2 .details h4, .testimonial_grid.style2 .details p{ color: #0D263B; } .testimonial_grid.style2 .thumb{ position: relative; } .testimonial_grid.style2 .thumb .tg_quote{ border-radius: 50%; background-image: -moz-linear-gradient( 148deg, rgb(253,85,89) 0%, rgb(255,51,125) 100%); background-image: -webkit-linear-gradient( 148deg, rgb(253,85,89) 0%, rgb(255,51,125) 100%); background-image: -ms-linear-gradient( 148deg, rgb(253,85,89) 0%, rgb(255,51,125) 100%); -webkit-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); -moz-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); -o-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); height: 43px; left: 0; line-height: 43px; margin: 0 auto; position: absolute; right: -100px; top: 70px; width: 43px; } .testimonial_grid.style2 .thumb .tg_quote span{ color: #ffffff; } .testimonial_grid.style2 .thumb img{ border: 5px solid #ffffff; -webkit-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); -moz-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); -o-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); } .start_partner h2{ color: #ffffff; font-weight: 600; line-height: 2.375rem; margin-bottom: 15px; } .start_partner p{ color: #ffffff; line-height: 1.2; margin-bottom: 0; } .parner_reg_btn a.btn{ background-color: #fff; border: 1px solid #071c35; border-radius: 3px; color: #071c35; font-size: 13px; font-weight: 600; height: 55px; line-height: 40px; width: 198px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .parner_reg_btn a.btn:hover, .parner_reg_btn a.btn:active, .parner_reg_btn a.btn:focus{ background-color: #071c35; border:1px solid #fff; color: #fff; } .container-fluid.style2{ max-width: 1720px; width: 90%; } .courses-list{ background-color: #f9fafc; } .my_course_content{ border-radius: 5px; background-color: #ffffff; -webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); position: relative; padding: 20px 0 0; } .courses_list_heading, .my_course_content_header{ background-color: #ffffff; border: 1px solid rgb(235, 235, 235); border-radius: 5px 5px 0 0; -webkit-box-shadow:1px 1px 5px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow:1px 1px 5px 2px rgba(0, 0, 0, 0.09); -o-box-shadow:1px 1px 5px 2px rgba(0, 0, 0, 0.09); box-shadow:1px 1px 5px 2px rgba(0, 0, 0, 0.09); padding: 20px; } .my_course_content_header{ box-shadow: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding: 20px 20px 30px; } .my_course_content_list{ position: relative; } .my_course_content_list .mc_content_list{ border: 1px solid rgb(235, 235, 235); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding: 30px; } .my_course_content_list .mc_content_list:hover{ background-color: #f9fafc; } .my_course_content_list .mc_content_list:last-child{ border-bottom: none; } .my_course_content_list .mc_content_list .thumb{ display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; margin-right: 20px; min-height: 150px; min-width: 250px; overflow: hidden; position: relative; } .my_course_content_list .mc_content_list .thumb .overlay{ background-color: rgba(0,0,0, .5); border-radius: 5px; bottom: 0; position: absolute; left: 0; right: 0; top: 0; width: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .my_course_content_list .mc_content_list:hover .thumb .overlay{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); text-align: center; } .my_course_content_list .mc_content_list .thumb .overlay ul{ margin-top: 110px; } .my_course_content_list .mc_content_list .thumb .overlay ul li{ border-radius: 17.5em; border-style: solid; border-width: 2px; border-color: #ffffff; background-color: transparent; height: 35px; text-align: center; width: 100px; } .my_course_content_list .mc_content_list .thumb .overlay ul li a{ color: #ffffff; line-height: 2.0; } .my_course_content_list .mc_content_list .thumb img{ border-radius: 5px; } .my_course_content_list .mc_content_list .details .mc_footer ul{ display: inline; } .my_course_content_list .mc_content_list .details .mc_footer ul:first-child{ margin-right: 25px; } .my_course_content_list .mc_content_list .details .mc_footer ul.mc_review li{ margin-right: 3px; } .my_course_content_list .mc_content_list .details .mc_footer ul.mc_review li.fp_pdate{ font-size: 18px; font-family: Cerebri Sans; color: rgb(199, 85, 51); font-weight: bold; line-height: 1.2; margin-left: 15px; } .my_course_content_list .mc_content_list .details .mc_footer{ margin-top: 23px; } .my_course_content_list .mc_content_list .details .mc_footer ul.mc_review li.fp_pdate a{ color: rgb(199, 85, 51); } .my_course_content_list .mc_content_list .details .mc_footer ul.mc_review li:nth-child(6) a{ font-size: 14px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 1.2; } .my_course_content_list .mc_content_list .details .mc_footer ul.mc_review li a i{ color: #bcc52a; line-height: 1.2; } .my_course_content_list .mc_content_list .details .mc_content .subtitle{ font-size: 15px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 1.2; margin-bottom: 5px; } .my_course_content_list .mc_content_list .details .mc_content .subtitle .title{ font-size: 18px; font-family: Cerebri Sans; color: rgb(10, 10, 10); line-height: 1.333; } .my_course_content_list .mc_content_list .details .mc_content h5.title span{ border-radius: 5px; background-color: rgb(27, 213, 75); display: inline-block; height: 30px; margin-left: 10px; text-align: center; width: 90px; } .my_course_content_list .mc_content_list .details .mc_content h5.title span.style2{ background-color: #ff1053; } .my_course_content_list .mc_content_list .details .mc_content h5.title span .tag{ color: #ffffff; font-size: 13px; font-family: Cerebri Sans; line-height: 2.2; } .my_course_content_list .mc_content_list .details .mc_content p{ font-size: 14px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 1.714; } .my_setting_content{ border-radius: 5px; background-color: #ffffff; -webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); position: relative; } .my_setting_content_header{ border: 1px solid rgb(235, 235, 235); padding: 30px; } .my_dashboard_profile label, .my_profile_setting_textarea label{ font-size: 15px; font-family: Cerebri Sans; color: #0D263B; font-weight: 500; line-height: 22px; } .my_dashboard_profile .form-control{ border: none; border-bottom: 2px solid #E6E9EC; border-radius: 0px; height: 55px; padding-left: 0px; } .my_dashboard_profile .form-control::placeholder{ font-size: 14px; font-weight: 400; line-height: 17px; } .my_dashboard_profile .form-control:focus::placeholder{ border-bottom: 2px solid #071c35; } .my_profile_setting_textarea textarea{ border: 1px solid #E6E9EC; border-radius: 3px; color: #696969; font-size: 15px; line-height: 24px; margin-bottom: 25px; padding: 15px; } .update_btn{ font-size: 13px; font-weight: 600; height: 55px; line-height: 35px; text-transform: uppercase; width: 220px; } .my_dashboard_profile .update_btn:hover{ background: #fff; border: 1px solid #071c35; color: #071c35; } .my_dashboard_profile .update_btn.style2{ width: 210px; } .my_dashboard_profile .btn1{ background-color: rgba(255, 90, 95, 0); border: 2px solid rgb(255, 90, 95); border-radius: 3px; -webkit-box-shadow:0px 1px 4px 0px rgba(255, 90, 95, 0.3); -moz-box-shadow:0px 1px 4px 0px rgba(255, 90, 95, 0.3); -o-box-shadow:0px 1px 4px 0px rgba(255, 90, 95, 0.3); box-shadow:0px 1px 4px 0px rgba(255, 90, 95, 0.3); font-size: 16px; font-family: Cerebri Sans; color: rgb(255, 90, 95); font-weight: bold; line-height: 1.2; height: 50px; margin-right: 30px; width: 200px; } .my_dashboard_profile .btn1:hover{ background-color: rgb(255, 90, 95); color: #ffffff; } .my_dashboard_profile .btn3{ background-color: rgb(29, 41, 62); border: 2px solid rgb(29, 41, 62); border-radius: 3px; -webkit-box-shadow:0px 1px 4px 0px rgba(255, 90, 95, 0.3); -moz-box-shadow:0px 1px 4px 0px rgba(255, 90, 95, 0.3); -o-box-shadow:0px 1px 4px 0px rgba(255, 90, 95, 0.3); box-shadow:0px 1px 4px 0px rgba(255, 90, 95, 0.3); font-size: 16px; font-family: Cerebri Sans; color: rgb(255, 255, 255); font-weight: bold; line-height: 1.2; height: 50px; width: 200px; } .my_dashboard_profile .btn3:hover{ border: 2px solid rgb(29, 41, 62); color: rgb(29, 41, 62); background-color: #ffffff; } .my_profile_setting_input2 label{ font-size: 14px; font-family: Cerebri Sans; color: rgb(10, 10, 10); line-height: 1.2; } .my_profile_setting_input .form-control:focus{ outline: none; } .admore_btn{ border-radius: 3px; background-color: rgb(236, 236, 236); font-size: 16px; font-family: Cerebri Sans; font-weight: bold; line-height: 1.2; height: 50px; width: 160px; } .my_setting_savechange_btn{ border-radius: 5px; background-color: rgb(36, 65, 231); font-size: 15px; font-family: Cerebri Sans; color: #ffffff; line-height: 1.2; height: 55px; width: 150px; } .view_edit_delete_list li:hover{ cursor: pointer; } .view_edit_delete_list li { background-color: rgb(247, 247, 247); border-radius: 3px; height: 45px; line-height: 45px; text-align: center; width: 45px; } .view_edit_delete_list li a span{ color: #071c35; font-size: 20px; } .courses_list_heading.style2{ box-shadow: none; } .courses_container{ position: relative; border-radius: 0 0 5px 5px; background-color: #ffffff; -webkit-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.09); box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.09); } .courses_container.style2{ box-shadow: none; } .courses_container .courses_list_content{ border: 1px solid rgb(235, 235, 235); padding: 20px; position: relative; } .courses_container .courses_list_content:hover{ background-color: #f9fafc; } .courses_list_content .feat_property.list{ border: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-bottom: 0; } .courses_list_content .feat_property.list{ background-color: transparent; } .courses_list_content .feat_property.list:hover{ box-shadow: none; } .courses_list_content .feat_property.list .details .tc_content p{ font-size: 14px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 1.714; } .courses_list_content .feat_property.list:hover .details .tc_content h5{ color: #071c35; } .original_price{ font-size: 13px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 1.2; } .courses_list_content .feat_property.list .details .fp_footer ul.tc_review{ margin-bottom: 0; margin-right: 20px; } .courses_list_content .feat_property.list .details .fp_footer ul.tc_review li{ margin-right: 4px; } .courses_list_content .feat_property.list .details .fp_footer ul.tc_review li a{ font-size: 13px; font-family: "FontAwesome"; color: #bcc52a; line-height: 1.2; } .courses_list_content .feat_property.list .details .fp_footer ul.tc_review li:last-child a{ color: #7e7e7e; } .courses_list_content .feat_property.list .details .tc_content{ padding: 0px 0px 20px 15px; } .courses_list_content .feat_property.list .details .fp_footer{ padding: 0 20px; } .courses_list_content .feat_property.list .thumb{ border-radius: 5px; overflow: hidden; width: 450px; } .courses_list_content .feat_property.list .details .fp_footer{ border: none; } /*== Popular Job Categories => Icon Hover Image Box ==*/ .hvr_img_box_container{ -webkit-background-size: cover; background-size: cover; border-radius: 5px; cursor: pointer; margin-bottom: 35px; overflow: hidden; position: relative; -webkit-box-shadow:1px 1px 5px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow:1px 1px 5px 2px rgba(0, 0, 0, 0.09); -o-box-shadow:1px 1px 5px 2px rgba(0, 0, 0, 0.09); box-shadow:1px 1px 5px 2px rgba(0, 0, 0, 0.09); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 0; } .hvr_img_box_container:before { background-color: #ffffff; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; } .hvr_img_box_container .hvr_img_box{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .hvr_img_box_container:hover .hvr_img_box{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .hvr_img_box{ position: relative; padding: 60px 50px; } .hvr_img_box.imgs{ height: 100%; position: absolute; width: 100%; } .hvr_img_box_container:hover:before { background-color: rgba(0,0,0, .5); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .hvr_img_box_container .overlay .details{ display: block; height: 250px; padding: 60px 50px; position: relative; width: 300px; z-index: 9; } .hvr_img_box_container .overlay .details h5 { color: #0D263B; font-family: Cerebri Sans; font-size: 18px; margin-bottom: 20px; text-transform: uppercase; } .hvr_img_box_container .overlay .details p { color: #7e7e7e; font-size: 15px; line-height: 24px; margin-bottom: 20px; } .hvr_img_box_container .overlay .details a { color: #192675; font-size: 14px; line-height: 24px; } .hvr_img_box_container .overlay .details a span.span{ padding-left: 15px; } .hvr_img_box_container:hover .overlay .details h5, .hvr_img_box_container:hover .overlay .details p, .hvr_img_box_container:hover .overlay .details a{ color: #ffffff; } .pjc_all_btn { margin-top: 25px; } .pjc_all_btn a.btn{ border-radius: 4px; line-height: 45px; padding: 5px 40px; } /*== Funfact Counter ==*/ .funfact_one{ margin-bottom: 30px; position: relative; } .funfact_one .details ul{ margin-bottom: 0; } .funfact_one .details .timer, .funfact_one .details ul li{ font-size: 30px; font-weight: 600; margin-bottom: 5px; line-height: 38px; } .funfact_one .details ul li:last-child{ margin: 0; } .funfact_one .details .ff_title{ margin-bottom: 0; text-transform: uppercase; } .funfact_one .timer { color: #0D263B; font-size: 25px; } .funfact_one p { margin-bottom: 0; } .funfact_one.style2 .details .timer, .funfact_one.style2 .details ul li{ color: #0D263B; } .funfact_one.style2 .details .ff_title{ color: #696969; } .brdr_left_right { position: relative; } .brdr_left_right:before { background-color: #383838; bottom: 0; content: ""; height: 40px; left: -30px; position: absolute; top: 25px; width: 1px; } .brdr_left_right.home6:before{ left: -15px; } .brdr_left_right.home3:before { background-color: #d5d6d8; } .footer_middle_area.home6 { background-color: #f0f0f0; position: relative; } /*== Footer Social Widget ==*/ .footer_social_widget { position: relative; } .footer_social_widget li{ border-radius: 3px; height: 36px; line-height: 36px; text-align: center; width: 30px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer_social_widget li:hover, .footer_social_widget.home2 li:hover{ background-color: rgba(255,255,255, 0.1); cursor: pointer; } .footer_social_widget.home4 li:hover{ background-color: rgba(13,38,49, 0.1); } .footer_social_widget.home4 li:hover a{ color: #696969; } .footer_social_widget li a, .footer_social_widget.home2 li , .footer_social_widget.home10 li a{ color: #FFFFFF; font-family: "FontAwesome"; line-height: 1rem; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer_social_widget.home4 li a{ color: #696969; } .footer_social_widget.home3 li a{ color: #777777; } .footer_social_widget li:hover a{ color: #ffffff; } .footer_social_widget.home3 li:hover a{ color: #071c35; } .footer_mailchimp_form{ position: relative; } .footer_mailchimp_form .col-auto input.form-control{ border: none; border-radius: 3px; color: #696969; height: 60px; padding-left: 30px; } .footer_mailchimp_form.home4 .col-auto{ border: 1px solid #E6E9EC; } .footer_mailchimp_form.home2 .col-auto{ border: 1px solid #E6E9EC; } .footer_mailchimp_form.home2 .col-auto input.form-control{ color: #696969; } .footer_mailchimp_form .col-auto input.form-control:placeholder{ color: #696969; } .footer_mailchimp_form .col-auto{ background-color: #fff; display: flex; border-radius: 3px; width: 100%; } .footer_mailchimp_form p{ font-size: 15px; margin-bottom: 20px; } .footer_mailchimp_form.home3 .col-auto input.form-control{ background-color: #e8eef2; border: 1px solid #e8eef2; color: #777777; } .footer_mailchimp_form.home4 .col-auto, .footer_mailchimp_form.home5 .col-auto{ border: 1px solid #E6E9EC; } .footer_mailchimp_form.home6 .col-auto input.form-control{ background-color: #ffffff; -webkit-box-shadow:0px 0px 50px 0px rgba(19, 19, 28, 0.12); -moz-box-shadow:0px 0px 50px 0px rgba(19, 19, 28, 0.12); -o-box-shadow:0px 0px 50px 0px rgba(19, 19, 28, 0.12); box-shadow:0px 0px 50px 0px rgba(19, 19, 28, 0.12); border: 1px solid #ffffff; color: #0D263B; } .footer_mailchimp_form.home6 .col-auto input.form-control:hover, .footer_mailchimp_form.home6 .col-auto input.form-control:focus, .footer_mailchimp_form.home6 .col-auto input.form-control:active{ -webkit-box-shadow:0px 0px 50px 0px rgba(19, 19, 28, 0.12); -moz-box-shadow:0px 0px 50px 0px rgba(19, 19, 28, 0.12); -o-box-shadow:0px 0px 50px 0px rgba(19, 19, 28, 0.12); box-shadow:0px 0px 50px 0px rgba(19, 19, 28, 0.12); } .footer_mailchimp_form.home8 .col-auto{ border: 1px solid #E6E9EC; } .footer_mailchimp_form .col-auto input.form-control:hover, .footer_mailchimp_form .col-auto input.form-control:focus, .footer_mailchimp_form .col-auto input.form-control:active{ box-shadow: none; outline: none; } .footer_mailchimp_form .col-auto input.form-control::placeholder, .footer_mailchimp_form .col-auto input.form-control:-ms-input-placeholder, .footer_mailchimp_form .col-auto input.form-control::-ms-input-placeholder { color: #8a99b3; } .footer_mailchimp_form button{ background-color: #020BA7; border-radius: 3px; border: none; color: #fff; height: 50px; margin-top: 5px; outline: none; padding: 12px 18px; text-align: center; } .footer_mailchimp_form.home2 button{ background: #6CBF78; border-color: #6CBF78; } .footer_mailchimp_form.home3 button{ border: 1px solid #E44548; color: #ffffff; } .footer_mailchimp_form.home2 button{ background-color: #071c35; } .footer_mailchimp_form.home3 button{ background: linear-gradient(90deg, #EC2549 0%, #FF385C 100%); } .footer_mailchimp_form.home4 button{ background-color: #0D263B; } .footer_mailchimp_form.home5 button{ background-color: #071c35; } .footer_mailchimp_form.home6 button{ background-color: #ffffff; border: 1px solid #ffffff; -webkit-box-shadow:0px 0px 50px 0px rgba(19, 19, 28, 0.12); -moz-box-shadow:0px 0px 50px 0px rgba(19, 19, 28, 0.12); -o-box-shadow:0px 0px 50px 0px rgba(19, 19, 28, 0.12); box-shadow:0px 0px 50px 0px rgba(19, 19, 28, 0.12); color: #0D263B; } .footer_mailchimp_form.home8 button{ background-color: #FF6E00; } .footer_mailchimp_form.home10 button{ background-color: #FFBC01; } .footer_middle_area.home3 .footer_social_widget p { color: #969ca9; } .footer_middle_area.home3 .footer_social_widget li a { color: #969696; } .footer_middle_area.home3 .footer_social_widget li:hover a{ color: #0D263B; } .footer_social_widget{ position: relative; } .footer_logo_widget .logo_title{ font-size: 25px; font-weight: 600; line-height: 32px; vertical-align: middle; } .footer_logo_widget.home2 .logo_title{ color: #0D263B; } .footer_logo_widget.home4 .logo_title{ color: #0D263B; } /*== 1st Layout Footer ==*/ .footer_one{ padding: 60px 15px 0; } .footer_one, .footer_middle_area { background-color: #020BA7; } .footer_one.home1:before, .footer_one.home3:before, .footer_one.home6:before{ /*background-image: url(../images/icons/footer-bg.svg);*/ background-repeat: no-repeat; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 43px; } .footer_one.home2:before{ background-image: url(../images/footer-bg2.svg); background-repeat: no-repeat; background-position: center center; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 25px; } .footer_one.home6:before{ left: 50px; } .footer_one.home6{ position: relative; z-index: 0; } .footer_one.home6:after { background-color: #112E46; bottom: 0; content: ""; position: absolute; top: 0; width: 510px; z-index: -1; } .footer_one hr{ border-top: 1px solid rgba(255,255,255, 0.1); } .footer_one.home3 hr{ border-top: 1px solid rgba(255,255,255, 0.15); } .footer_one.home4 hr{ border-top: 1px solid #E6E9EC; } .footer_bottom_area { background-color: #0D263B; } .copyright-widget p, .copyright-widget.home2 p, .copyright-widget.home10 p { font-size: 15px; font-family: Cerebri Sans; color: #ffffff; line-height: 35px; margin-bottom: 0; } .copyright-widget.home3 p, .copyright-widget.home6 p{ color: #777777; } .copyright-widget.home4 p{ color: #696969; } .footer_one.home2{ background-color: #FFFFFF; } .footer_one.home2 hr{ border-top: 1px solid rgba(255,255,255, 0.15); position: relative; } .footer_one.home8 hr{ border-top: 1px solid rgba(13, 38, 59, 0.1); position: relative; } .footer_one.home2{ background-color: #071c35; } .footer_one.home3{ background-color: #282F34; } .footer_one.home4{ background-color: #F6F8F9; } .footer_one.home8{ background-color: #ffffff; } .footer_one.home10{ background-color: #006766; } /*== Footer Widget ==*/ .footer_about_widget p{ font-size: 14px; font-family: Cerebri Sans; color: #8a99b3; line-height: 2.143; margin-bottom: 0; } .footer_contact_widget li{ padding-bottom: 0; line-height: 35px; } .footer_contact_widget li span{ font-size: 18px; vertical-align: bottom; } .footer_contact_widget li:first-child{ line-height: inherit; } .footer_contact_widget li:first-child a{ line-height: 1.625rem; } .footer_qlink_widget{ position: relative; padding-left: 70px; } .footer_about_widget h4, .footer_qlink_widget h4, .footer_contact_widget h4, .footer_social_widget h4, .footer_apps_widget h4, .footer_about_widget.home2 h4, .footer_qlink_widget.home2 h4, .footer_contact_widget.home2 h4, .footer_social_widget.home2 h4, .footer_apps_widget.home2 h4, .footer_about_widget.home10 h4, .footer_qlink_widget.home10 h4, .footer_contact_widget.home10 h4, .footer_social_widget.home10 h4, .footer_apps_widget.home10 h4{ color: #ffffff; font-size: 16px; font-weight: 500; line-height: 1.25rem; margin-bottom: 25px; } .footer_about_widget.home4 h4, .footer_qlink_widget.home4 h4, .footer_contact_widget.home4 h4, .footer_social_widget.home4 h4, .footer_apps_widget.home4 h4{ color: #0D263B; } .footer_about_widget.home4 li a, .footer_qlink_widget.home4 li a, .footer_contact_widget.home4 li a{ color: #696969; } .footer_about_widget li a, .footer_qlink_widget li a, .footer_contact_widget li a, .footer_about_widget.home2 li a, .footer_qlink_widget.home2 li a, .footer_contact_widget.home2 li a, .footer_about_widget.home10 li a, .footer_qlink_widget.home10 li a, .footer_contact_widget.home10 li a{ color: #fff; font-weight: 300; line-height: 40px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer_qlink_widget li{ position: relative; } .footer_qlink_widget li a:before, .footer_qlink_widget.home2 li a:before{ background-color: #d1ab3e; bottom: 2px; content: ""; height: 2px; position: absolute; left: 0; opacity: 0; width: 0px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer_qlink_widget.home4 li a:before{ background-color: #696969; } .footer_qlink_widget li:hover a:before{ opacity: 1; width: 46px; } .footer_apps_widget .app_grid .apple_btn, .footer_apps_widget .app_grid .play_store_btn{ background-color: #0D263B; border: none; border-radius: 4px; height: 75px; margin-bottom: 15px; margin-right: 0; width: 220px; } .footer_apps_widget .app_grid .apple_btn:hover, .footer_apps_widget .app_grid .play_store_btn:hover{ background-color: #071c35; } .footer_apps_widget .app_grid .play_store_btn{ margin-bottom: 0; } .footer_apps_widget .app_grid .apple_btn span, .footer_apps_widget .app_grid .play_store_btn span{ margin-right: 5px; } .footer_apps_widget .app_grid .apple_btn span.title, .footer_apps_widget .app_grid .play_store_btn span.title{ color: #ffffff; } .footer_apps_widget .app_grid .apple_btn span, .footer_apps_widget .app_grid .apple_btn span.subtitle, .footer_apps_widget .app_grid .play_store_btn span, .footer_apps_widget .app_grid .play_store_btn span.subtitle{ color: #969696; } .footer_apps_widget .app_grid .apple_btn:hover span, .footer_apps_widget .app_grid .apple_btn:hover span.subtitle, .footer_apps_widget .app_grid .play_store_btn:hover span, .footer_apps_widget .app_grid .play_store_btn:hover span.subtitle{ color: #ffffff; } .footer_apps_widget.home3 .app_grid .apple_btn:hover, .footer_apps_widget.home3 .app_grid .play_store_btn:hover{ background-color: #369fdb; } .footer_apps_widget .app_grid .apple_btn:focus, .footer_apps_widget.home3 .app_grid .apple_btn:active, .footer_apps_widget.home3 .app_grid .apple_btn:focus, .footer_apps_widget.home3 .app_grid .play_store_btn:active, .footer_apps_widget.home3 .app_grid .play_store_btn:focus{ box-shadow: none; outline: none; } .logo-widget{ position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .logo-widget span{ color: #ffffff; font-family: Cerebri Sans; font-size: 22px; font-weight: 500; padding-left: 15px; margin-top: 10px; text-transform: uppercase; vertical-align: middle; } .logo-widget.home3 span{ color: #051925; } .footer_menu_widget ul{ margin-bottom: 0; } .footer_menu_widget ul li{ margin-right: 0 !important; padding-right: 25px; vertical-align: middle; } .footer_menu_widget ul li:last-child{ padding-right: 0; } .footer_menu_widget ul li:hover a{ margin-top: -3px; } .footer_menu_widget ul li a, .footer_menu_widget.home2 ul li a, .footer_menu_widget.home10 ul li a{ color: #ffffff; line-height: 1.125rem; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer_menu_widget.home3 ul li a, .footer_menu_widget.home6 ul li a{ color: #777777; } .footer_menu_widget.home4 ul li a{ color: #696969; } .footer_menu_widget.home3 ul li a:hover, .footer_menu_widget.home6 ul li a:hover{ color: #0D263B; } .footer_apps_widget.home3 h4{ color: #051925; } .footer_apps_widget .mailchimp_form .form-control { background-color: #1a1a1a; border: 1px solid transparent; border-radius: 3px; box-shadow: none; color: #696969; height: 60px; width: 80%; } .footer_apps_widget .mailchimp_form button{ background-color: #071c35; border-radius: 3px; border: transparent; color: #ffffff; height: 50px; position: absolute; right: 15px; top: 5px; width: 50px; } .footer_one.home3 .footer_apps_widget .mailchimp_form button{ background-color: #1c327e; } .footer_apps_widget.home6 .mailchimp_form .form-control{ background-color: #101219; } .footer_menu { padding-left: 60px; } .footer_menu ul li:last-child { border-radius: 4px; } .footer_menu ul li:last-child a{ background-color: transparent !important; color: #7c7c7c; padding-left: 20px; } .footer_menu ul li:last-child:hover a{ color: #7c7c7c; } .footer_menu ul li .bootstrap-select>.dropdown-toggle { background-color: #2f2b2b; box-shadow: none !important; border: transparent; color: #ffffff; height: 45px; line-height: 35px; margin-left: 15px; outline: none !important; padding-left: 25px; padding-right: 20px; position: relative; text-align: right; white-space: nowrap; width: 130px; z-index: 1; } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle { background-color: transparent; box-shadow: none; } .footer_menu ul li .bootstrap-select .dropdown-toggle .filter-option { outline: none; } .footer_menu ul li .bootstrap-select { width: auto !important; } .footer_bottom_area.home3 .footer_menu ul li .bootstrap-select>.dropdown-toggle { background-color: #1f2532; } .sidebar_widge_on_home{ border: 1px solid #E6E9EC; position: relative; z-index: 1; } .sidebar_widge_on_home .sidebar_agent_search_widget{ background-color: #fff; border-radius: 3px; left: 50px; max-width: 330px; position: absolute; top: 40px; width: 100%; } .sidebar_contact_widget, .sidebar_agent_search_widget, .sidebar_about_widget{ border: 1px solid #E6E9EC; border-radius: 3px; padding: 30px; position: relative; -webkit-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); } .sidebar_contact_widget .title, .sidebar_about_widget .title{ color: #0D263B; } .sidebar_contact_widget li{ line-height: 35px; } .agent_search_form button.dropdown-toggle{ background-color: transparent; border: none; border-bottom: 2px solid #E6E9EC; border-radius: 0 !important; color: #696969; font-size: 14px; height: auto; line-height: 18px; padding-left: 0; } .agent_search_form button.dropdown-toggle:hover, .agent_search_form button.dropdown-toggle:active, .agent_search_form button.dropdown-toggle:focus{ background-color: transparent; border-bottom: 2px solid #071c35; box-shadow: none !important; outline: none !important; } .agent_search_form .bootstrap-select .dropdown-menu li a{ font-size: 14px; line-height: 40px; } .agent_search_form label{ color: #0D263B; font-size: 13px; font-weight: 600; line-height: 17px; } .agent_search_form.psp_v7 .prp_btn, .agent_search_form.psp_v7 .btn-whatsapp{ font-size: 13px; font-weight: 600; height: 55px; width: 270px; } .sidebar_agent_search_widget .btn{ font-size: 13px; height: 55px; line-height: 17px; text-transform: uppercase; } .sidebar_agent_search_widget .ui_kit_checkbox .custom-control-label{ line-height: 18px; margin-bottom: 30px; padding-top: 7px; } .sidebar_agent_search_widget .author_img, .property_single_page_widget .author_img{ width: 80px; } /*== Inner Pages Breadcrumb ==*/ .inner_page_breadcrumb { background-image: url(../images/background/inner-pagebg.jpg); background-repeat: no-repeat; background-size: cover; position: relative; padding-top: 30px !important; } .inner_page_breadcrumb.style2 { background: #F6F8F9; } .inner_page_breadcrumb.style4 { background: #ffffff; } .inner_page_breadcrumb.style3 { background-image: url(../images/background/inner-pagebg3.jpg); height: 550px; } .inner_page_breadcrumb:before{ background-color: rgb(29, 41, 62, 0.7); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: -1; } .inner_page_breadcrumb .breadcrumb_content{ text-align: center; } .inner_page_breadcrumb.csv2 .breadcrumb_content, .inner_page_breadcrumb.csv3 .breadcrumb_content{ margin-top: 100px; } .inner_page_breadcrumb .breadcrumb_content .breadcrumb { background-color: transparent; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; margin-bottom: 0; padding-left: 0; padding-right: 0; } .inner_page_breadcrumb .breadcrumb_title { font-size: 30px; font-family: Cerebri Sans; color: #ffffff; line-height: 38px; } .inner_page_breadcrumb .breadcrumb_title li:first-child{ color: #7f7f7f; } .inner_page_breadcrumb .breadcrumb_title li:last-child{ color: #221f1f; } .inner_page_breadcrumb .breadcrumb-item a, .inner_page_breadcrumb .breadcrumb-item.active, .inner_page_breadcrumb .breadcrumb-item+.breadcrumb-item::before{ color: #ffffff; text-transform: capitalize; } .breadcrumb_content.style2{ text-align: center; } .breadcrumb_content.style2 h2{ color: #0D263B; } .breadcrumb_content.style3{ text-align: left; } .breadcrumb_content.style3 .breadcrumb{ background-color: transparent; padding-left: 0; } .breadcrumb-item.active.style2{ color: #0D263B; } .inner_page_breadcrumb .breadcrumb_content.style2 .breadcrumb-item a, .inner_page_breadcrumb .breadcrumb_content.style2 .breadcrumb-item.active, .inner_page_breadcrumb .breadcrumb_content.style2 .breadcrumb-item+.breadcrumb-item::before, .inner_page_breadcrumb .breadcrumb_content.style3 .breadcrumb-item a, .inner_page_breadcrumb .breadcrumb_content.style3 .breadcrumb-item.active, .inner_page_breadcrumb .breadcrumb_content.style3 .breadcrumb-item+.breadcrumb-item::before{ color: #696969; } .breadcrumb_content.style2 ol.breadcrumb{ background-color: transparent; background-color: transparent; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; margin-bottom: 0; padding-bottom: 0; padding-left: 0; padding-top: 0; padding-right: 0; } .blog_single_post_heading{ position: relative; } .blog_single_post_heading .contents .bsph_tag{ border-radius: 3px; color: #ffffff; font-size: 10px; height: 30px; line-height: 30px; text-align: center; width: 96px; } .blog_single_post_heading .contents .bsph_tag.style2{ margin: 0 auto 20px; } .blog_single_post_heading .contents ul li a{ color: #696969; font-size: 14px; } .blog_single_post_heading .contents ul li a span{ font-size: 15px; } /*== About Page About Content ==*/ .about_content { margin-top: 115px; padding-left: 45px; } .about_content p.large { color: #0D263B; font-size: 15px; font-weight: 600; line-height: 21.68px; margin-bottom: 30px; } .about_content p{ font-size: 15px; color: #696969; line-height: 21.68px; margin-bottom: 30px; } .about_content.home10{ padding-left: 120px; } .about_content.home10 p{ font-size: 14px; line-height: 24px; } .about_content.home10 .btn{ background-color: #006766; border-radius: 3px; color: #fff; font-size: 13px; height: 55px; line-height: 45px; text-transform: uppercase; width: 176px; } .about_content.home10 .btn:hover{ background-color: #fff; border: 1px solid #006766; color: #006766; } .about_thumb{ position: relative; overflow: hidden; } .about_thumb a { background: #ffffff; border-radius: 100%; color: #0D263B; font-size: 22px; height: 70px; left: 0; line-height: 65px; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 43%; width: 70px; z-index: 0; } /*== About home3 ==*/ .home3_about, .home3_about2{ overflow: hidden; } .about_home3{ margin-top: 100px; } .about_home3 h3{ font-size: 26px; margin-bottom: 10px; } .about_home3 h5{ font-size: 16px; font-weight: 500; margin-bottom: 40px; } .about_home3 p{ margin-bottom: 0; max-width: 560px; } .about_home3 a.about_btn_home3{ background-color: #ffffff; border: 2px solid #369fdb; border-radius: 25px; color: #369fdb; height: 50px; line-height: 35px; margin-top: 40px; width: 180px; } .about_home3 a.about_btn_home3:hover, .about_home3 a.about_btn_home3:active, .about_home3 a.about_btn_home3:focus{ background-color: #369fdb; color: #ffffff; } .about_home3 .partners_thumb_list { margin-bottom: 0; margin-top: 50px; } .about_home3 .partners_thumb_list li{ margin-right: 55px; } .about_home3 .partners_thumb_list li:last-child{ margin-right: 0; } .home3_about_icon_box{ border-radius: 5px; display: block; margin-bottom: 45px; padding: 30px 60px 35px 40px; position: relative; z-index: 1; } .home3_about_icon_box .icon{ font-size: 70px; } .home3_about_icon_box .icon span{ color: #ffffff; } .home3_about_icon_box h4{ font-size: 18px; margin-bottom: 10px; } .home3_about_icon_box h4, .home3_about_icon_box p { color: #ffffff; } .home3_about_icon_box p { font-size: 15px; line-height: 30px; } .home3_about_icon_box.one{ background-color: #ecd06f; margin-top: -50px; } .home3_about_icon_box.two{ background-color: #ff1053; margin-top: -80px; } .home3_about_icon_box.three{ background-color: #00a78e; margin-bottom: 0; } .home3_about_icon_box.four{ background-color: #00bce4; margin-bottom: 0; margin-top: -25px; } .home3_about_icon_box.five{ background-color: #2ac4ea; margin-top: -50px; } .home3_about_icon_box.six{ background-color: #071c35; margin-bottom: 0; } .home3_about_icon_box.seven{ background-color: #fbbc05; margin-bottom: 0; margin-top: -25px; }s .about2_home3{ margin-top: 100px; } .about2_home3 h3{ font-size: 30px; margin-bottom: 10px; } .about2_home3 p{ font-size: 18px; margin-bottom: 0; } .about2_home3 a.about_btn_home3{ background-color: #ffffff; border: 2px solid #051925; border-radius: 25px; color: #051925; height: 50px; line-height: 35px; margin-top: 30px; width: 180px; } .about2_home3 a.about_btn_home3:hover, .about2_home3 a.about_btn_home3:active, .about2_home3 a.about_btn_home3:focus{ background-color: #051925; color: #ffffff; } .instructor_col{ text-align: center; margin-bottom: 40px; } .instructor_col .thumb img{ height: 150px; margin: 0 auto; width: 150px; } .instructor_col .details p{ font-size: 14px; margin-bottom: 0; } .instructor_col .details ul { margin-top: 10px; } .instructor_col .details ul li{ margin-right: 4px; } .instructor_col .details ul li a { color: #d0d23c; } .instructor_col .details ul li:last-child a { color: #7e7e7e; } .about_box_home6 .details{ position: relative; } .about_box_home6 .details h3{ font-size: 26px; font-family: Cerebri Sans; margin-bottom: 20px; } .about_box_home6 .details p{ font-size: 15px; line-height: 2; margin-bottom: 35px; max-width: 540px; } .about_box_home6 .details a{ border-radius: 5px; box-shadow: none; font-size: 15px; height: 50px; line-height: 30px; width: 200px; } .smp_icon_box{ position: relative; } .smp_icon_box .icon{ margin-bottom: 15px; } .smp_icon_box .details h4{ font-size: 18px; font-family: Cerebri Sans; font-weight: bold; line-height: 1.2; margin-bottom: 10px; } .smp_icon_box .details p{ color: #131313; font-size: 15px; line-height: 30px; } .smp_icon_box.box1 .details h4{ color: #f25141; } .smp_icon_box.box2 .details h4{ color: #93c524; } .smp_icon_box.box3 .details h4{ color: #28a8e3; } .smp_icon_box.box4 .details h4{ color: #00a78e; } .our-team.instructor-page{ background-color: #f9fafc; } .team_member{ border-radius: 3px; margin-bottom: 40px; position: relative; text-align: center; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .team_member .thumb{ border-radius: 3px; overflow: hidden; position: relative; } .team_member .thumb .overylay{ background-color: rgba(13, 38, 59, .6); bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .team_member:hover .thumb .overylay{ opacity: 1; } .team_member .thumb .overylay .social_icon, .our_agent .thumb .overylay .social_icon{ left: 0; position: absolute; right: 0; top: 50%; text-align: center; } .team_member .thumb .overylay .social_icon li, .our_agent .thumb .overylay .social_icon li{ margin-right: 20px; } .team_member .thumb .overylay .social_icon li:last-child, .our_agent .thumb .overylay .social_icon li:last-child{ margin-right: 0; } .team_member .thumb .overylay .social_icon li a i, .our_agent .thumb .overylay .social_icon li a i{ color: #ffffff; font-size: 13px; } .team_member .details{ background-color: #fff; -webkit-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); -moz-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); -o-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); bottom: -40px; border-radius: 3px; left: 20px; padding: 20px 0; position: absolute; right: 20px; text-align: center; } .team_member .details h4, .team_member .details h4 a{ color: #0D263B; font-weight: 600; font-size: 16px; line-height: 20px; } .team_member .details p{ font-size: 15px; color: #696969; line-height: 1.2; margin-bottom: 0; } .team_member.style2{ -webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .team_member.style3:hover{ -webkit-box-shadow:0px 0px 30px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow:0px 0px 30px 0px rgba(32, 32, 32, 0.15); -o-box-shadow:0px 0px 30px 0px rgba(32, 32, 32, 0.15); box-shadow:0px 0px 30px 0px rgba(32, 32, 32, 0.15); } .team_member .instructor_col{ margin-bottom: 15px; } .team_member .instructor_col .thumb img{ height: 120px; margin: 0 auto 20px; width: 120px; } .team_member .instructor_col .details p{ font-size: 15px; } .team_member .tm_footer{ border-top: 1px solid #eeeeee; } .team_member .tm_footer ul{ margin-bottom: 0; padding: 10px 0 10px; } .team_member .tm_footer ul li:first-child{ padding-right: 10px; } .team_member .tm_footer ul li a{ font-size: 14px; } .our-agents{ border-bottom: 1px solid #e8eef2; padding-bottom: 90px; } .our_agent{ margin-bottom: 30px; position: relative; } .our_agent .thumb{ margin-bottom: 15px; position: relative; } .our_agent .details p{ margin-bottom: 0; } .our_agent .thumb .overylay{ background-color: rgba(8, 15, 29, .8); border-radius: 3px; bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .our_agent:hover .thumb .overylay{ cursor: pointer; opacity: 1; } /*== Testimonials Grid ==*/ .testimonial_item .thumb{ margin-bottom: 30px; text-align: center; } .testimonial_item .thumb img{ height: 60px; width: 60px; } .testimonial_item .details { margin: 0 0 0 6%; padding: 0 35px; position: relative; text-align: center; } .testimonial_item .details h4{ font-family: Cerebri Sans; color: #0D263B; font-weight: bold; line-height: 1.2; margin-bottom: 0; } .testimonial_item .details .small{ font-size: 16px; font-family: Cerebri Sans; line-height: 1.5; } .testimonial_item .details p { font-size: 14px; font-family: Cerebri Sans; color: rgb(119, 119, 119); font-style: italic; line-height: 1.714; margin-bottom: 0; margin-top: 30px; } .testimonialsec { float: left; position: relative; width: 100%; } .testimonialsec:before{ bottom: -50px; color: #1b2032; content: "\f10d"; font-size: 270px; font-family: fontawesome; left: 0; margin: 0 auto; opacity: 0.03; position: absolute; right: 0; text-align: center; } .tes-for { float: left; margin: 0; position: relative; text-align: center; width: 100%; } .tes-nav { float: left; width: 100%; text-align: center; padding: 0; margin: 0; position: relative; left: 0; } .tes-nav img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: none; height: 60px; margin: 0 auto; opacity: .6; width: 60px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } li.slick-slide.slick-active:nth-child(6) img, li.slick-slide.slick-active:nth-child(8) img{ -webkit-transform: translate(5%, 0) scale(1.3); -moz-transform: translate(5%, 0) scale(1.3); -o-transform: translate(5%, 0) scale(1.3); transform: translate(5%, 0) scale(1.3); } .tes-nav .slick-list .slick-track li.slick-slide.slick-active{ margin: 20px 0 0; } .tes-nav .slick-list .slick-track li.slick-slide.slick-current.slick-active.slick-center{ margin: 0; width: 130px !important; } .tes-nav .slick-list .slick-track li.slick-slide.slick-active:first-child img, .tes-nav .slick-list .slick-track li.slick-slide.slick-active:last-child img{ height: 60px; width: 60px; } .tes-nav .slick-list .slick-track li.slick-slide.slick-active:nth-child(2) img, .tes-nav .slick-list .slick-track li.slick-slide.slick-active:nth-child(4) img{ height: 80px; width: 80px; } .tes-nav .slick-slide.slick-current.slick-active.slick-center img { height: 100px; margin: 0 auto; opacity: 1; width: 100px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow:0px 1px 4px 0px rgba(41, 39, 58, 0.3); -moz-box-shadow:0px 1px 4px 0px rgba(41, 39, 58, 0.3); -o-box-shadow:0px 1px 4px 0px rgba(41, 39, 58, 0.3); box-shadow:0px 1px 4px 0px rgba(41, 39, 58, 0.3); -webkit-transform: translate(5%, 0) scale(.9); -moz-transform: translate(5%, 0) scale(.9); -o-transform: translate(5%, 0) scale(.9); transform: translate(5%, 0) scale(.9); } .testimonial_item.home2{ position: relative; text-align: center; opacity: .5; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .testimonial_item.home2 .details{ border-radius: 5px; margin-bottom: 25px; padding: 13px 60px 35px; padding-left: 120px; text-align: left; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .testimonial_item.home2 .thumb .title{ color: #060606; font-size: 18px; } .testimonial_item.home2 .thumb .subtitle{ color: #071c35; font-size: 13px; margin-bottom: 40px; } .testimonial_item.home2 .details .icon{ font-size: 40px; left: 50px; line-height: normal; position: absolute; top: 70px; } .testimonial_item.home2 .thumb img{ display: inline-block; margin-bottom: 25px; } .testimonial_post{ margin-bottom: 30px; position: relative; } .testimonial_post .thumb{ display: block; position: relative; } .testimonial_post .thumb img{ width: 90px; margin: -45px auto 10px; border-radius: 50%; } .testimonial_post .thumb h4.title{ margin-bottom: 0; margin-top: 25px; } .testimonial_post .thumb .client-postn{ color: #696969; font-size: 15px; line-height: 22px; } .testimonial_post .details{ background-color: #fff; border-radius: 3px; padding: 50px 35px; -webkit-box-shadow:0px 10px 50px rgba(13, 38, 59, 0.1); -moz-box-shadow:0px 10px 50px rgba(13, 38, 59, 0.1); -o-box-shadow:0px 10px 50px rgba(13, 38, 59, 0.1); box-shadow:0px 10px 50px rgba(13, 38, 59, 0.1); } .testimonial_post .details p{ font-size: 14px; line-height: 1.5rem; } .testimonial_post .client_details .title{ font-size: 16px; font-weight: 600; line-height: 1.25rem; } .testimonial_post.home1{ margin-bottom: 0; } .testimonial_post.home1 .details{ -webkit-box-shadow:0px 10px 20px rgba(13, 38, 59, 0.1); -moz-box-shadow:0px 10px 20px rgba(13, 38, 59, 0.1); -o-box-shadow:0px 10px 20px rgba(13, 38, 59, 0.1); box-shadow:0px 10px 20px rgba(13, 38, 59, 0.1); } .testimonial_post.home3 .details{ border: 1px solid #E6E9EC; box-shadow: none; } .testimonial_post_home3{ margin-bottom: 60px; position: relative; } .testimonial_post_home3 .details{ background-color: #fafafa; margin-bottom: 20px; padding: 45px 55px 50px; } .testimonial_post_home3.home6{ margin: 0 115px 35px; } .testimonial_post_home3.home6:before{ color: rgba(13, 39, 59, 0.05); content: "\f10d"; font-family: FontAwesome; font-size: 130px; left: -100px; line-height: normal; position: absolute; } .testimonial_post_home3.home6:after{ color: rgba(13, 39, 59, 0.05); content: "\f10e"; font-family: FontAwesome; font-size: 130px; line-height: normal; position: absolute; right: -100px; top: 0; } .testimonial_post_home3.home6 .details{ background-color: transparent; padding: 10px 55px; } .testimonial_post_home3.home6 .details p{ color: #0D263B; font-size: 16px; font-weight: 600; line-height: 34px; } .testimonial_post_home3.home6 .thumb{ position: relative; } .testimonial_post_home3.home6 .thumb .tg_quote{ background-color: #071c35; border-radius: 50%; color: #fff; font-size: 20px; height: 53px; left: 0; line-height: 53px; margin: 0 auto; position: absolute; right: 190px; top: 65px; width: 53px; } .testimonial_post_home3.home6 .thumb img{ width: 110px; } .testimonial_post_home3.home6 .thumb .title{ margin-top: 30px; text-align: left; } .testimonial_post_home3.home7 .details{ background-color: #F6F7FC; padding: 45px 45px 40px; position: relative; } .testimonial_post_home3.home7 .details:before{ border-style: solid; border-width: 0 25px 25px 25px; border-color: transparent transparent #F5F7FC transparent; bottom: -15px; content: ""; height: 0; left: 55px; position: absolute; width: 0; transform: rotate(180deg); z-index: 1; } .testimonial_post_home3.home7 .thumb{ margin-left: 50px; } .testimonial_slider_home3.owl-carousel.owl-theme .owl-stage-outer .owl-item{ opacity: 0.4; } .testimonial_slider_home3.owl-carousel.owl-theme .owl-stage-outer .owl-item.active{ opacity: 1; } .testimonial_slider_home3.owl-carousel.owl-theme .owl-dots .owl-dot{ margin-right: 5px; } .testimonial_post_home3 .details .client_review li{ margin-right: 0; } .testimonial_post_home3 .details .client_review li a{ color: #FFC78B; font-size: 13px; } .testimonial_post_home3 .details p{ color: #696969; font-size: 14px; line-height: 24px; } .testimonial_post_home3 .thumb{ display: flex; } .testimonial_post_home3 .thumb img{ width: 60px; border-radius: 50%; } .testimonial_post_home3 .thumb .title{ font-size: 16px; margin-top: 15px; padding-left: 15px; } .testimonial_post_home3 .thumb .title small{ color: #696969; } .becomea_instructor{ border-radius: 5px; background-color: #f9f9f9; padding: 65px 15px 55px 200px; } .becomea_instructor.style2{ background-color: #f9f9f9; padding: 65px 200px 55px 15px; } .becomea_instructor h3{ font-size: 28px; margin-bottom: 25px; } .becomea_instructor p{ margin-bottom: 30px; } .becomea_instructor a{ border-radius: 5px; font-size: 14px; padding: 20px 25px 20px 40px; -webkit-box-shadow:0px 1px 4px 0px rgba(36, 65, 231, 0.3); -moz-box-shadow:0px 1px 4px 0px rgba(36, 65, 231, 0.3); -o-box-shadow:0px 1px 4px 0px rgba(36, 65, 231, 0.3); box-shadow:0px 1px 4px 0px rgba(36, 65, 231, 0.3); } .becomea_instructor a span{ padding-left: 15px; } .becomea_instructor_home3 { border-radius: 5px; padding: 65px 0 55px 35px; } .becomea_instructor_home3 h3 { color: #ffffff; font-size: 26px; margin-bottom: 15px; } .becomea_instructor_home3 p { color: #ffffff; font-size: 16px; } .becomea_instructor_home3.style1{ background-color: #369fdb; } .becomea_instructor_home3.style2{ background-color: #051925; } .becomea_instructor_home3 a{ border: none; border-radius: 5px; font-size: 14px; height: 50px; line-height: 35px; margin-top: 20px; width: 198px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .becomea_instructor_home3.style1 a{ color: #369fdb; } .becomea_instructor_home3.style1 a:hover, .becomea_instructor_home3.style1 a:active, .becomea_instructor_home3.style1 a:focus{ background-color: #051925; color: #ffffff; } .becomea_instructor_home3.style2 a{ color: #051925; } .becomea_instructor_home3.style2 a:hover, .becomea_instructor_home3.style2 a:active, .becomea_instructor_home3.style2 a:focus{ background-color: #369fdb; color: #ffffff; } .becomea_instructor_home3 a span{ padding-left: 15px; } /*== Blog Post Home V1 ==*/ .blog_post{ border-radius: 5px; overflow: hidden; position: relative; } .blog_post .thumb{ display: grid; overflow: hidden; position: relative; } .blog_post .thumb img{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .blog_post:hover .thumb img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); z-index: 0; } .blog_post.one .thumb .post_title{ font-size: 5vw; color: #ffffff; left: 20px; opacity: .15; position: absolute; top: 0; } .blog_post_home2 .bph2_header .bph2_date_meta, .blog_post.one .thumb .post_date{ background-color: #ffffff; border-radius: 5px; height: 64px; left: auto; padding-left: 15px; padding-top: 10px; right: 30px; text-align: center; width: 80px; } .blog_post_home2 .bph2_header .bph2_date_meta span, .blog_post.one .thumb .post_date span{ color: #0D263B; font-family: Cerebri Sans; font-size: 18px; font-weight: bold; display: table-caption; line-height: 22px; } .blog_post .thumb .post_date{ color: rgba(255,255,255, .8); font-size: 14px; left: 30px; position: absolute; top: 30px; z-index: 9; } .blog_post.one .thumb:before{ background-color: rgba(25, 38, 117, .7); bottom: 0; content: ""; position: absolute; right: 0; top: 0; left: 0; } .blog_post .thumb:before{ background-color: rgba(0,0,0, .6); bottom: 0; content: ""; position: absolute; right: 0; top: 0; left: 0; z-index: 1; } .blog_post.one .details .post_meta{ position: relative; } .blog_post.one .details .post_meta ul li{ margin-right: 30px; } .blog_post.one .details .post_meta ul li:last-child{ margin-right: 0; } .blog_post.one .details .post_meta ul li a{ color: #ffffff; font-size: 14px; } .blog_post.one .details .post_meta ul li a i { font-size: 16px; margin-right: 10px; } .blog_post .details{ bottom: 20px; left: 30px; position: absolute; z-index: 9; } .blog_post .details h4{ font-size: 20px; margin-top: 8px; width: 90%; } .blog_post .details h4{ color: #ffffff; } .blog_post .details h5{ color: rgba(255,255,255, .8); font-size: 14px; } .read_more_home a{ color: #c75533; } .blog_post_home6 { position: relative; } .blog_post_home6 h3.title{ font-size: 26px; margin-bottom: 50px; } .blog_post_home6 .thumb h4{ font-size: 18px; line-height: 24px; margin-bottom: 5px; margin-top: 20px; } .blog_post_home6 .thumb a{ font-size: 15px; line-height: 30px; } .blog_post_home6_media_objects .title{ font-size: 15px; margin-bottom: 60px; padding-top: 5px; position: relative; text-align: right; } .blog_post_home6_media_objects .title a{ color: #0D263B; font-size: 15px; } .blog_post_home6_date{ cursor: pointer; position: relative; } .blog_post_home6_date .title{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .blog_post_home6_date .post_grid{ background-color: #f9f9f9; border-radius: 5px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding: 30px 15px 30px 15px; position: relative; } .blog_post_home6_date .post_grid:hover .post_date { background-color: #192675; } .blog_post_home6_media_objects .title a span, .blog_post_home6_date .title a span{ padding-left: 15px; } .blog_post_home6_date .title h3{ float: left; font-size: 26px; margin-bottom: 50px; } .blog_post_home6_date .title a{ font-size: 15px; position: absolute; right: 0; top: 5px; } .blog_post_home6_date .post_grid .post_date { border-radius: 5px; background-color: #ff1053; color: #ffffff; float: left; height: 60px; line-height: normal; margin-right: 15px; padding-top: 7px; position: relative; text-align: center; width: 70px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .blog_post_home6_date .post_grid .post_meta ul{ margin-bottom: 0; } .blog_post_home6_date .post_grid .post_meta ul li a{ font-size: 13px; } .blog_post_home6_date .post_grid .post_meta ul li a span{ font-size: 16px; padding-right: 5px; } .about_home6 .partners_thumb_list { margin-bottom: 0; margin-top: 70px; } .about_home6 .partners_thumb_list li{ margin-right: 55px; } .about_home6 .partners_thumb_list li:last-child{ margin-right: 0; } .footer_apps_widget_home1.home6 input.form-control{ margin: 0 45px 0 0; } .footer_apps_widget_home1.home6 button.btn{ border-radius: 5px; } /*== Team Slider Code ==*/ .feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-prev, .feature_property_home3_slider.owl-carousel.owl-theme.owl-loaded .owl-prev{ left: -80px; } .feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-next, .feature_property_home3_slider.owl-carousel.owl-theme.owl-loaded .owl-next{ right: -80px; } .feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-prev, .feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-next, .feature_property_home3_slider.owl-carousel.owl-theme.owl-loaded .owl-prev, .feature_property_home3_slider.owl-carousel.owl-theme.owl-loaded .owl-next{ background-color: #ffffff !important; border: 1px solid #E6E9EC; border-radius: 50%; color: #696969; height: 45px; line-height: 37px; position: absolute; top: 40%; width: 45px; -webkit-box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07); -moz-box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07); -o-box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07); box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .feature_place_home2_slider.owl-carousel.owl-theme.owl-loaded .owl-prev{ left: -30px; top: 135px; } .feature_place_home2_slider.owl-carousel.owl-theme.owl-loaded .owl-next{ right: -30px; top: 135px; } .recent_property_slider_home1.owl-carousel.owl-theme.owl-loaded .owl-prev, .recent_property_slider_home2.owl-carousel.owl-theme.owl-loaded .owl-prev, .recent_property_slider_home5.owl-carousel.owl-theme.owl-loaded .owl-prev{ left: -30px; top: 190px; } .recent_property_slider_home1.home6.owl-carousel.owl-theme.owl-loaded .owl-prev, .recent_property_slider_home1.home6.owl-carousel.owl-theme.owl-loaded .owl-next{ top: 100px; } .recent_property_slider_home1.owl-carousel.owl-theme.owl-loaded .owl-next, .recent_property_slider_home2.owl-carousel.owl-theme.owl-loaded .owl-next, .recent_property_slider_home5.owl-carousel.owl-theme.owl-loaded .owl-next{ right: -30px; top: 190px; } .recent_property_slider_home2.owl-carousel.owl-theme.owl-loaded .owl-prev, .recent_property_slider_home2.owl-carousel.owl-theme.owl-loaded .owl-next, .recent_property_slider_home5.owl-carousel.owl-theme.owl-loaded .owl-prev, .recent_property_slider_home5.owl-carousel.owl-theme.owl-loaded .owl-next{ top: 120px; } .feature_place_home2_slider.owl-carousel.owl-theme.owl-loaded .owl-prev, .feature_place_home2_slider.owl-carousel.owl-theme.owl-loaded .owl-next, .recent_property_slider_home1.owl-carousel.owl-theme.owl-loaded .owl-prev, .recent_property_slider_home1.owl-carousel.owl-theme.owl-loaded .owl-next, .recent_property_slider_home2.owl-carousel.owl-theme.owl-loaded .owl-prev, .recent_property_slider_home2.owl-carousel.owl-theme.owl-loaded .owl-next, .recent_property_slider_home5.owl-carousel.owl-theme.owl-loaded .owl-prev, .recent_property_slider_home5.owl-carousel.owl-theme.owl-loaded .owl-next, .new_listing_slider_home6.owl-carousel.owl-theme.owl-loaded .owl-prev, .new_listing_slider_home6.owl-carousel.owl-theme.owl-loaded .owl-next{ background-color: #ffffff; border-radius: 50%; border: 1px solid #E6E9EC; color: #696969; height: 45px; line-height: 37px; position: absolute; text-align: center; width: 45px; -webkit-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); -moz-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); -o-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .new_listing_slider_home6.owl-carousel.owl-theme.owl-loaded .owl-prev{ right: 50%; top: 42%; } .new_listing_slider_home6.owl-carousel.owl-theme.owl-loaded .owl-next{ right: 50%; top: 54%; } .feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-prev:hover, .feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-next:hover, .feature_property_home3_slider.owl-carousel.owl-theme.owl-loaded .owl-prev:hover, .feature_property_home3_slider.owl-carousel.owl-theme.owl-loaded .owl-next:hover{ background-color: #071c35 !important; color: #ffffff; } .feature_place_home2_slider.owl-carousel.owl-theme .owl-nav, .feature_property_home3_slider.owl-carousel.owl-theme .owl-nav, .recent_property_slider_home1.owl-carousel.owl-theme .owl-nav, .recent_property_slider_home2.owl-carousel.owl-theme .owl-nav, .recent_property_slider_home5.owl-carousel.owl-theme .owl-nav{ margin: 0; } .popular_listing_slider1.owl-carousel.owl-theme .item, .team_slider_home1.owl-carousel.owl-theme .item, .testimonial_slider_home1.owl-carousel.owl-theme .item, .testimonial_slider_home3.owl-carousel.owl-theme .item, .feature_property_home3_slider.owl-carousel.owl-theme .item{ margin: 0 15px; } .testimonial_slider_home3.owl-carousel.owl-theme .owl-stage-outer { display: inline-block; } .testimonial_slider_home3.owl-carousel.owl-theme .owl-nav{ display: none; } .feature_post_slider .shop_grid .thumb img{ margin: 0 auto; width: auto; } .feat_property:hover .fp_single_item_slider.owl-carousel.owl-theme.owl-loaded .owl-prev{ left: 20px; } .feat_property:hover .fp_single_item_slider.owl-carousel.owl-theme.owl-loaded .owl-next{ right: 20px; } .fp_single_item_slider.owl-carousel.owl-theme.owl-loaded .owl-prev{ background-color: transparent; color: #ffffff; font-size: 16px; left: -30px; position: absolute; top: 40%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .fp_single_item_slider.owl-carousel.owl-theme.owl-loaded .owl-next{ background-color: transparent; color: #ffffff; font-size: 16px; right: -30px; position: absolute; top: 40%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .fp_single_item_slider.owl-theme .owl-nav{ margin: 0; } /*== Pricing Table Four ==*/ /*== Our Partners ==*/ .our-partner { padding: 40px 0; } .our_partner{ text-align: center; } .start-partners.home1{ background-image: url(../images/pattern/3.png); background-position: center; background-size: cover; } /*== Our Newslatters ==*/ .our-newslatters{ background-color: #f9fafc; } .footer_apps_widget_home1 input.form-control{ border: none; border-radius: 5px; height: 50px; margin: 0 auto; width: 65%; -webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .footer_apps_widget_home1 input.form-control:focus{ border: none; -webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .footer_apps_widget_home1 button.btn{ font-size: 14px; height: 50px; margin-left: -15px; width: 150px; } .footer_apps_widget_home1 button.btn span{ margin-left: 10px; } /*== Error/404 Page ==*/ .our-error{ padding: 80px 0; position: relative; } .our-coming-soon{ padding: 200px 0; position: relative; } .logo-widget.error_paged{ padding-left: 30px; } .erro_code{ margin-top: 50px; } .erro_code h1{ color: #0D263B; font-weight: 600; line-height: 1.2; } .error_page.footer_apps_widget { position: relative; margin-bottom: 25px; } .error_page.footer_apps_widget p{ font-size: 14px; color: #0D263B; line-height: 1.714; } .error_page.footer_apps_widget .form-inline { display: inline-block; margin-top: 20px; position: relative; } .error_page.footer_apps_widget .mailchimp_form .form-control { background-color: #ffffff; border-radius: 4px; border: 1px solid #E6E9EC; height: 60px; padding-left: 25px; width: 570px; } a.btn_error{ font-size: 15px; line-height: 22px; text-decoration: underline; } /*== Service Pages Style Code ==*/ .service_grid{ background-color: #ffffff; border: 1px solid #ebebeb; border-radius: 3px; margin-bottom: 30px; padding: 10px; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .service_grid:hover{ cursor: pointer; -webkit-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); -moz-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); -o-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); } .service_grid .details{ padding: 20px 0 10px; } .service_grid .details h4{ line-height: 1.444; margin: 0; } /*== Pricing Table Pages Style Code ==*/ .check_circle{ color: #071c35; font-size: 20px; } .check_circle_close{ color: #CC5040; font-size: 20px; } .compare_table .membership_header .thumb{ border-radius: 3px; margin-bottom: 20px; overflow: hidden; position: relative; } .compare_table .membership_header .thumb:before{ background-color: rgba(13,38,59, .3); bottom: 0; content:""; position: absolute; left: 0; right: 0; top: 0; } .compare_table .membership_header .thumb a{ background-color: #ffffff; border-radius: 50%; color: #696969; font-size: 13px; height: 45px; line-height: 45px; opacity: 0; position: absolute; right: 20px; text-align: center; top: 20px; width: 45px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .compare_table .membership_header .thumb a.fet{ background-color: #071c35; border-radius: 3px; color: #fff; font-size: 10px; height: auto; left: 20px; line-height: 25px; opacity: 0; position: absolute; right: auto; text-align: center; top: 20px; width: 73px; } .compare_table .membership_header:hover .thumb a, .compare_table .membership_header:hover .thumb a.fet{ opacity: 1; } .compare_table .table-borderless tbody+tbody, .compare_table .table-borderless td, .compare_table .table-borderless th, .compare_table .table-borderless thead th{ width: 345px; } .compare_table .table-borderless td{ color: #696969; } .compare_table .table-striped tbody tr:nth-of-type(even){ background-color: #F6F8F9; } .compare_table .table-striped tbody tr:nth-of-type(odd){ background-color: transparent; } /*== Switch Pricing Table ==*/ .pricing_packages_top { display: flex; flex-direction: column; align-items: center; } .pricing_packages_top .save_title{ font-size: 16px; font-weight: 500; line-height: 16px; } .pricing_packages_top .toggle-btn input, .pricing_packages_top .toggle-btn label { display: inline-block; vertical-align: middle; margin: 10px 0; } .pricing_packages_top .toggle-btn .switch { position: relative; display: inline-block; width: 60px; height: 30px; } .pricing_packages_top .toggle-btn .switch input { opacity: 0; width: 0; height: 0; } .pricing_packages_top .toggle-btn .pricing_save1, .pricing_packages_top .toggle-btn .pricing_save2{ margin: 12px; } .pricing_table_switch_slide { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #0D263B; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .pricing_table_switch_slide:before { bottom: 5px; content: ""; height: 20px; left: 5px; position: absolute; width: 20px; background-color: white; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .pricing_packages_top .toggle-btn .switch input:checked + .pricing_table_switch_slide { background-color: #071c35; } .pricing_packages_top .toggle-btn .switch input:focus + .pricing_table_switch_slide { box-shadow: 0 0 1px #50bfe6; } .pricing_packages_top .toggle-btn .switch input:checked + .pricing_table_switch_slide:before { -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } .pricing_table_switch_slide.round { border-radius: 30px; } .pricing_table_switch_slide.round:before { border-radius: 50%; } .pricing_packages{ border-radius: 3px; margin-bottom: 30px; overflow: hidden; padding: 25px 0 40px; position: relative; -webkit-box-shadow:0px 10px 50px rgba(13, 38, 59, 0.1); -moz-box-shadow:0px 10px 50px rgba(13, 38, 59, 0.1); -o-box-shadow:0px 10px 50px rgba(13, 38, 59, 0.1); box-shadow:0px 10px 50px rgba(13, 38, 59, 0.1); } .pricing_packages .heading{ margin-bottom: 70px; position: relative; } .pricing_packages .heading:before{ border-radius: 0 0 50% 50%; content: ""; background-color: #071c35; height: 270px; left: -15px; margin: 0 auto; opacity: .05; position: absolute; right: -15px; top: -160px; width: auto; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .pricing_packages:hover .heading:before{ opacity: 1; } .pricing_packages:hover .heading .package_title, .pricing_packages:hover .heading .text1, .pricing_packages:hover .heading .text2{ color: #ffffff; } .pricing_packages .heading .package_title{ color: #071c35; font-size: 16px; line-height: 21px; } .pricing_packages .heading .text1, .pricing_packages .heading .text2{ line-height: 38.1px; } .pricing_packages .details{ position: relative; text-align: center; } .pricing_packages .details .list{ margin-bottom: 30px; } .pricing_packages .details .list li { color: #696969; font-size: 14px; line-height: 35px; } .pricing_packages .details .package_btn{ background-color: rgba(0, 97, 223, 0.05); color: #071c35; font-size: 13px; font-weight: 600; height: 55px; line-height: 45px; text-transform: uppercase; width: 183px; } .pricing_packages:hover .details .package_btn{ background-color: #071c35; color: #ffffff; } /*== LogIn Register Page ==*/ .login_form { padding: 0; } .login_form .input-group-text, .sign_up_form .input-group-text{ background-color: transparent; border: none; color: #006c70; height: 40px; position: absolute; right: 2px; top: 6px; } .login_form .form-group .custom-control-label, .sign_up_form .form-group .custom-control-label{ font-size: 14px; padding-top: 2px; margin: 5px 0px; } .login_form .btn-fpswd{ font-size: 14px; font-family: Cerebri Sans; line-height: 18px; text-decoration: underline; } .sign_up_form .divide, .login_form .divide{ position: relative; } .sign_up_form .divide .lf_divider, .login_form .divide .lf_divider{ background-color: #f9fafc; height: 20px; left: 0; line-height: 20px; margin: 0 auto; position: absolute; right: 0; text-align: center; top: -10px; width: 62px; } .sign_up_form.inner_page, .login_form.inner_page { border: 1px solid #E6E9EC; border-radius: 3px; padding: 30px; -webkit-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); } .sign_up_form.inner_page .title, .login_form.inner_page .title{ font-weight: 600; margin-bottom: 35px; } .sign_up_form.inner_page.style2, .login_form.inner_page.style2 { padding: 30px 0; } .login_form.inner_page .heading h4{ font-size: 25px; font-weight: bold; margin-bottom: 5px; } .login_form .heading, .sign_up_form .heading { margin-bottom: 25px; } .sign_up_form .heading h4{ color: #006c70; } .login_form .form-control:focus, .sign_up_form .form-control:focus, .sign_up_form button.btn.dropdown-toggle:focus::-webkit-input-placeholder{ border-bottom: 2px solid #071c35; box-shadow: none; color: #0D263B; outline: none; } .login_form .form-control:focus::-webkit-input-placeholder, .sign_up_form .form-control:focus::-webkit-input-placeholder, .sign_up_form button.btn.dropdown-toggle:focus::-webkit-input-placeholder{ color: #0D263B; } .sign_up_form .bootstrap-select .dropdown-toggle .filter-option-inner-inner{ background-color: #ffffff; border: none; font-size: 14px; font-family: Cerebri Sans; line-height: 3; } .login_form.inner_page .heading p { margin-bottom: 0; } .login_form.inner_page .form-control{ background-color: #ffffff; border: none; border-bottom: 2px solid #E6E9EC; padding-left: 0; font-size: 14px; } .login_form .form-control{ margin-bottom: 20px; } .login_form .form-control, .sign_up_form .form-control, .sign_up_form button.btn.dropdown-toggle{ /* background-color: #ffffff; border-bottom: 2px solid #E6E9EC; border-left: none; border-right: none; border-top: none; border-radius: 0; color: #696969; font-size: 14px; font-family: Cerebri Sans; line-height: 18px; padding-left: 0;*/ height: 52px; } .custom-checkbox.custom-control{padding-left: 2rem;} .custom-checkbox .custom-control-label::after, .custom-checkbox .custom-control-label::before{ top: 0.1rem; left: -2rem; width: 1.3rem; height: 1.3rem; } .sign_up_form .bootstrap-select .dropdown-menu li{ line-height: 40px; } .sign_up_form .bootstrap-select .dropdown-menu li .dropdown-item{ font-size: 13px; } .sign_up_form .bootstrap-select .dropdown-menu li .dropdown-item:hover{ background-color: #E6E9EC; } .sign_up_form .bootstrap-select .dropdown-menu li .dropdown-item.active, .sign_up_form .bootstrap-select .dropdown-menu li .dropdown-item:active{ background-color: #fff; color: #071c35; } .login_form .form-check-input { height: 17px; width: 17px; } .login_form .form-check-label{ color: #0D263B; font-size: 14px; padding-left: 0; } div#modal_contact_form .form-group.mb5 { margin-bottom: 0px; } .login_form .btn-log:hover { background-color: #d1ab3e; } .login_form .btn-log { border-radius: 3px; background-color: #0061DF; color: #ffffff; font-size: 13px; font-weight: 600; height: 55px; line-height: 17px; margin-bottom: 15px; text-transform: uppercase; width: 100%; } .sign_up_form { padding: 0; } .login_form.inner_page .form-label, .sign_up_form .form-label{ color: #0D263B; font-size: 13px; } .sign_up_form.inner_page .form-control{ background-color: #ffffff; border: none; border-bottom: 2px solid #E6E9EC; } .login_form.inner_page .form-control:focus, .sign_up_form .form-control:focus{ border-bottom: 2px solid #071c35; } .login_form.inner_page .form-control:focus::-webkit-input-placeholder, .sign_up_form .form-control:focus::-webkit-input-placeholder{ color: #0D263B; } .sign_up_form .form-check-input { border-radius: 2px; height: 15px; width: 15px; } .user_log_info{ background-color: #F6F8F9; border-radius: 3px; padding: 30px; position: relative; } .user_log_info p{ font-size: 14px; line-height: 26px; margin-bottom: 0; } .user_log_info p span{ color: #0D263B; } /* Create a custom checkbox */ .sign_up_form .checkmark { background-color: #ffffff; border: 1px solid #dddddd; border-radius: 2px; height: 15px; position: absolute; top: 0; left: 0; width: 15px; -webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .sign_up_form .form-check-label{ color: #0D263B; font-size: 14px; padding-left: 7px; } .sign_up_form button { margin-bottom: 30px; } .sign_up_form .btn-log { border-radius: 3px; background-color: #071c35; color: #ffffff; font-size: 13px; font-family: Cerebri Sans; height: 55px; } .sign_up_form .btn-signup{ background-color: #d1ab3e; border-radius: 3px; color: #ffffff; font-size: 13px; font-family: Cerebri Sans; height: 55px; } /*== Question Widget Faq Page ==*/ .shortcode_widget_accprdons, .shortcode_widget_tab, .shortcode_widget_table, .shortcode_widget_message_box, .shortcode_widget_buttons{ margin-bottom: 60px; } .shortcode_widget_buttons .ui_kit_button button{ margin-right: 10px; } .shortcode_widget_buttons .ui_kit_button button:last-child{ margin-right: 0; } .shortcode_widget_accprdons h4, .shortcode_widget_tab h4, .shortcode_widget_table h4, .shortcode_widget_message_box h4, .shortcode_widget_buttons h4, .shortcode_widget_form h4, .shortcode_widget_multiselect h4, .ui_kit_select_box h4, .shortcode_widget_radiobox h4, .shortcode_widget_checkbox h4, .shortcode_widget_switch h4, .shortcode_widget_form h4, .shortcode_widget_progressbar h4, .shortcode_form_title h4{ font-size: 18px; font-family: Cerebri Sans; color: #0D263B; font-weight: 600; line-height: 1.2; margin-bottom: 30px; } .faq_content{ position: relative; } .faq_according .panel .panel-body{ padding: 15px 0; } .faq_according .panel .panel-body p{ font-size: 15px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 1.6; } .faq_according .panel .panel-body h4{ font-size: 18px; font-family: Cerebri Sans; color: rgb(59, 59, 59); line-height: 1.333; } .faq_according .panel-heading{ background-color: #ffffff; border: 1px solid #E6E9EC; border-radius: 3px; height: 50px; margin-bottom: 20px; } .faq_according .panel-heading .panel-title{ font-family: Cerebri Sans; font-size: 16px; font-weight: bold; line-height: 3; } .faq_according .panel-heading .panel-title a{ padding: 0 20px; } .faq_according .accordion .card{ border: none; margin-bottom: 20px; } .faq_according .accordion .card .card-header{ background-color: #ffffff; border: 1px solid #E6E9EC; border-radius: 3px; margin-bottom: 1px; padding: 20px 10px 20px 25px; } /*.faq_according.style2 .accordion .card .card-header{ padding: 20px 10px; } .faq_according.style2 .accordion .card .card-header .flor_plat_space{ margin-bottom: 0; position: absolute; right: 50px; } .faq_according.style2 .accordion .card .card-header .btn-link{ width: 96%; }*/ .faq_according.style2 .accordion .card.floor_plan .card-header .btn-link ul li{ text-transform: capitalize; margin-right: 20px; } .faq_according.style2 .accordion .card.floor_plan .card-header .btn-link ul li span{ font-size: 14px; font-weight: 400; line-height: 18px; margin-left: 8px; } .faq_according.style2 .accordion .card .card-body{ margin-top: 0; } .faq_according.style2 .accordion .card.floor_plan .card-header .btn-link ul li:last-child{ margin-right: 0; } .faq_according .accordion .card .card-header.active{ background-color: #F6F8F9; border-radius: 4px; margin-bottom: 0; } .faq_according .accordion .card .card-header .btn-link{ color: #0D263B; display: block; font-family: Cerebri Sans; font-size: 14px; font-weight: 600; line-height: 18px; padding: 0; text-align: left; } .faq_according .accordion .card .card-header .btn-link:active, .faq_according .accordion .card .card-header .btn-link:focus, .faq_according .accordion .card .card-header .btn-link:hover{ text-decoration: none; } .faq_according .accordion .card .card-header.active .btn-link{ color: #0D263B; } .faq_according .accordion .card .card-header::before { font-family: 'FontAwesome'; color: #0D263B; content: "\f078"; float: right; font-weight: lighter; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; margin-right: 10px; margin-top: 0; } .faq_according .accordion .card .card-header.active::before { content:"\f077"; font-family: FontAwesome; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .faq_according .accordion .card .card-body{ border-radius: 0 0 8px 8px; font-size: 15px; padding: 30px 0 0; } .faq_according .accordion .card .card-body p{ font-size: 15px; font-family: Cerebri Sans; color: #696969; line-height: 24px; } /*== Terms & Condition Page ==*/ .terms_condition_grid{ position: relative; } .terms_condition_grid .grids .title{ font-weight: 600; margin-bottom: 10px; } .terms_condition_grid .grids p{ font-size: 15px; font-family: Cerebri Sans; color: #696969; line-height: 24px; } .terms_condition_widget{ border: 1px solid #E6E9EC; border-radius: 3px; margin-bottom: 30px; padding: 20px 30px; position: relative; -webkit-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); } .blog_search_widget .title, .terms_condition_widget .title{ font-size: 16px; font-weight: 600; line-height: 32px; } .terms_condition_widget ul{ margin-bottom: 0; } .terms_condition_widget ul li{ border-bottom: 1px solid #E6E9EC; } .terms_condition_widget ul li:last-child{ border-bottom: none; } .terms_condition_widget ul li a{ color: #696969; font-size: 14px; line-height: 40px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-transform: capitalize; } .terms_condition_widget ul li a i{ font-size: 6px; vertical-align: middle; } .terms_condition_widget ul li:hover a, .terms_condition_widget ul li:hover::marker{ color: #071c35; } .terms_condition_widget ul li:hover a span{ color: #0D263B; } .terms_condition_widget ul li a span{ color: #0D263B; } /*== Tab Widget UI Page ==*/ .ui_kit_tab .nav.nav-tabs { border-bottom: none; } .ui_kit_tab .nav.nav-tabs { height: 60px; } .ui_kit_tab .nav.nav-tabs .nav-link { color: #2D4F93; font-weight: 600; height: 43px; line-height: 27px; margin-top: 10px; text-align: center; width: 104px; } .ui_kit_tab .nav.nav-tabs .nav-link:hover { border: 1px solid transparent; } .ui_kit_tab .nav.nav-tabs .nav-link.active { background-color: #071c35; color: #ffffff; border: none; border-radius: 30px; } .ui_kit_tab.style2 .nav.nav-tabs{ border-bottom: 1px solid #E6E9EC; } .ui_kit_tab.style2 .nav.nav-tabs .nav-link { color: #696969; } .ui_kit_tab.style2 .nav.nav-tabs .nav-link.active { background-color: transparent; border-bottom: 3px solid #0D263B; border-radius: 0; color: #0D263B; height: auto; line-height: 31px; } .ui_kit_tab.style2 .tab-content .tab-pane{ padding: 20px 0 30px; } .ui_kit_tab .tab-content .tab-pane{ padding: 10px 0 30px; } .ui_kit_tab .tab-content .tab-pane p{ font-size: 14px; font-family: Cerebri Sans; color: #0D263B; line-height: 1.857; margin-bottom: 0; } /*== Table Widget UI Page ==*/ .ui_kit_table .table { background-color: #ffffff; border-radius: 3px; border: none; } .ui_kit_table .table thead{ border-radius: 3px; } .ui_kit_table .table th { background-color: #071c35; border-bottom: transparent; color: #fff; font-weight: normal; } .ui_kit_table .table th, .ui_kit_table .table td{ border: none; height: 50px; line-height: 50px; padding-left: 30px; } /*== Message Box Widget UI Page ==*/ .ui_kit_message_box .alert{ border-radius: 3px; font-size: 14px; font-weight: 600; height: 75px; line-height: 50px; padding-left: 30px; } .ui_kit_message_box .alert .close{ right: 10px; top: 10px; } .alert.alart_style_one{ background-color: #CDE9F6; color: #4780AA; } .alert.alart_style_two{ background-color: #F7F3D7; color: #927238; } .alert.alart_style_three{ background-color: #ECC8C5; color: #AB3331; } .alert.alart_style_four{ background-color: #DEF2D7; color: #5B7052; } .ui_kit_button .btn { border-radius: 3px; height: 55px; width: 170px; } /*== Form Input Widget UI Page ==*/ .ui_kit_input .form-control{ border: none; border-bottom: 2px solid #E6E9EC; border-radius: 0; font-size: 14px; padding-left: 0; } .ui_kit_input .form-control:hover, .ui_kit_input .form-control:active, .ui_kit_input .form-control:focus{ border-bottom: 2px solid #071c35; box-shadow: none; color: #0D263B; outline: none; } .ui_kit_input .form-control:focus::placeholder{ color: #0D263B; } .short_code_title{ font-weight: 600; } /*== Form Textarea Widget UI Page ==*/ .ui_kit_textarea h5{ margin-bottom: 18px; } .ui_kit_textarea .form-control:focus { box-shadow: none; } textarea.form-control{ border: none; border-bottom: 2px solid #E6E9EC; border-radius: 0; padding-left: 0; } textarea.form-control:hover, textarea.form-control:active, textarea.form-control:focus, .ui_kit_select_search button.btn:hover, .ui_kit_select_search button.btn:active, .ui_kit_select_search button.btn:focus{ border-bottom: 2px solid #071c35; } .contact_form.profile textarea.form-control{ font-size: 14px; } /*== Form Tooltip Widget UI Page ==*/ .ui_kit_tooltip .btn { border-radius: 3px; background-color: #F6F8F9; color: #696969; height: 50px; margin-right: 5px; width: 100px; } .ui_kit_tooltip .btn:hover, .ui_kit_tooltip .btn:active, .ui_kit_tooltip .btn:focus { box-shadow: none; border-color: #F6F8F9; } /*== Select Search Box Widget UI Page ==*/ .ui_kit_select_search button.btn{ background-color: #ffffff !important; border: none; border-bottom: 2px solid #E6E9EC; border-radius: 0; color: #696969 !important; height: 50px; line-height: 40px; padding-left: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .ui_kit_select_search.add_new_property button.btn{ font-size: 14px; height: auto; line-height: 30px; } .ui_kit_select_search.add_new_property button.btn:focus, .ui_kit_select_search button.btn:focus{ box-shadow: none !important; outline: none !important; } .ui_kit_select_search .bs-searchbox .form-control { background-color: #F6F8F9; border-color: #F6F8F9; height: 50px; } .ui_kit_select_search .bs-searchbox .form-control:focus { box-shadow: none; } .ui_kit_select_search .bs-searchbox:before { color: #d0d1d3; content: "\f002"; font-family: FontAwesome; font-size: 20px; line-height: 45px; position: absolute; right: 25px; z-index: 999; } .ui_kit_select_search .dropdown-item { color: #0D263B; } .ui_kit_select_search .dropdown-item:hover, .agent_search_form .dropdown-item:hover { background-color: transparent; color: #221f1f; font-weight: 600; } .ui_kit_select_search .dropdown-item.active, .ui_kit_select_search .dropdown-item:active, .agent_search_form .dropdown-item.active, .agent_search_form .dropdown-item:active { background-color: transparent; color: #696969; } /*== Radiobox, Checkbox, Switch Widget UI Page ==*/ .ui_kit_radiobox .radio input[type=radio] { position: absolute; opacity: 0; } .ui_kit_radiobox input[type=radio] { box-shadow: none; cursor: pointer; width: 16px; height: 16px; } .ui_kit_radiobox .radio label { cursor: pointer; font-size: 15px; font-family: Cerebri Sans; color: #696969; line-height: 40px; padding-left: 30px; position: relative; } .ui_kit_radiobox label, legend { display: block; font-size: 16px; margin-bottom: 8px; } .ui_kit_radiobox .radio input[type=radio]:checked+label .radio-label { background-color: #ffffff; box-shadow: inset 0 0 0 5px #071c35; } .ui_kit_radiobox .radio input[type=radio]+label .radio-label { content: ''; background-color: #fff; border-radius: 100%; border: 1px solid #E6E9EC; display: inline-block; width: 20px; height: 20px; margin-right: 5px; vertical-align: top; cursor: pointer; text-align: center; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; box-shadow: inset 0 0 0 8px #fff; z-index: 100; position: absolute; top: 10px; left: 0; } .ui_kit_radiobox label span, legend span { font-weight: 400; font-size: 14px; color: #444; } .ui_kit_radiobox .radio-label:before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 50%; background-color: transparent; display: block; } .ui_kit_radiobox .radio input[type=radio]+label .radio-label:after { background-color: #071c35; box-sizing: border-box; border-radius: 50%; content: ""; height: 100%; left: 0; opacity: 1; margin: 0 auto; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); transform:scale(0); width: 100%; z-index: 99; } /*== CheckBox Widget UI Page ==*/ .ui_kit_checkbox input[type=checkbox], .ui_kit_checkbox input[type=radio] { height: 18px; width: 18px; top: 10px; } .ui_kit_checkbox.style2 .custom-control-label::before{ border-radius: 8.5px; } .ui_kit_checkbox .custom-control-label::after{ left: -1.4rem; top: 11px; } .custom-control-label:focus, .custom-control:focus{ outline: none; } .ui_kit_checkbox .custom-control-label::before{ background-color: #ffffff; border: 2px solid #E6E9EC; border-radius: 0; height: 18px; top: 10px; width: 18px; } .ui_kit_checkbox .custom-control-input:checked~.custom-control-label::before{ background-color: #0e3a6d; border-color: #0e3a6d; top: 10px; } .ui_kit_checkbox .custom-control-label { color: #696969; font-size: 14px; font-weight: 400; justify-content: left; line-height: 40px; margin: 0 0 10px; outline: none; padding-left: 5px; padding-right: 15px; width: 100%; } .ui_kit_checkbox .custom-control-label span{ color: #c1c1c1; font-size: 14px; } .ui_kit_checkbox .custom-control-input:focus~.custom-control-label::before { box-shadow: none; } .add_listing .custom-control-label{ color: #696969; font-size: 15px; font-weight: normal; justify-content: left; margin: 0 0 15px; outline: none; padding-left: 3px; padding-right: 15px; width: 100%; } .add_listing .custom-control-label::before { border: 2px solid #E6E9EC; border-radius: 0; } .sidebar_tag .custom-control-label { color: #696969; font-size: 15px; font-weight: 400; justify-content: left; line-height: 40px; margin: 0; outline: none; padding-left: 10px; padding-right: 15px; width: 100%; } .sidebar_tag .custom-control-label::before{ background-color: #ffffff; border: 1px solid #E6E9EC; border-radius: 4px; height: 18px; top: 10px; width: 18px; } .sidebar_tag .custom-control-label::after{ left: -1.4rem; top: 10px; } .sidebar_tag .wrapper{ border-radius: 3px; height: 340px; overflow: hidden scroll; } .sidebar_tag .wrapper::-webkit-scrollbar { border-radius: 6px; margin-top: 15px; margin-right: 10px; width: 8px; z-index: 3; } .sidebar_tag .wrapper::-webkit-scrollbar * { background:transparent; border-radius: 6px; } .sidebar_tag .wrapper::-webkit-scrollbar-track { background-color: #f4f4f4; border-radius: 6px; } .sidebar_tag .wrapper::-webkit-scrollbar-thumb { background-color: #dedede !important; border-radius: 6px; } /*== SwithcBox Widget UI Page ==*/ .ui_kit_whitchbox .custom-control-label { font-size: 15px; font-family: Cerebri Sans; color: #696969; line-height: 40px; margin: 0 0 10px; outline: none; padding-left: 35px; } .ui_kit_whitchbox .custom-control-input:checked~.custom-control-label::before{ background-color: #071c35; } .ui_kit_whitchbox .custom-switch .custom-control-label::before { border-radius: 30px; height: 30px; border: 1px solid #E6E9EC; width: 60px; -webkit-box-shadow: 0px 8px 15px rgba(13, 38, 59, 0.1); -moz-box-shadow: 0px 8px 15px rgba(13, 38, 59, 0.1); -o-box-shadow: 0px 8px 15px rgba(13, 38, 59, 0.1); box-shadow: 0px 8px 15px rgba(13, 38, 59, 0.1); } .ui_kit_whitchbox .custom-control-input:focus~.custom-control-label::before { box-shadow: none; } .ui_kit_whitchbox .custom-switch .custom-control-input:checked~.custom-control-label::after { -webkit-transform:translateX(2.0rem); -moz-transform:translateX(2.0rem); -o-transform:translateX(2.0rem); transform:translateX(2.0rem); } .ui_kit_whitchbox .custom-switch .custom-control-label::after { background-color: #696969; border-radius: 25px; height: 20px; left: calc(-2.25rem + 5px); top: 9px; width: 20px; } /*== Select Box Widget UI Page ==*/ .bootstrap-select .dropdown-menu li{ border-bottom: 1px solid #E6E9EC; margin: 0 30px; padding-left: 0; } .home_adv_srch_form .bootstrap-select .dropdown-menu li{ margin: 0 20px; } .bootstrap-select .dropdown-menu li a{ padding-left: 0; } .bootstrap-select .dropdown-menu li:last-child{ border-bottom: none; } .ui_kit_select_box .custom-select:focus{ box-shadow: none; border-color: #dddddd; } .ui_kit_select_box .dropdown.bootstrap-select.custom-select-lg { padding-left: 0; padding-top: 0; } .ui_kit_progress_bar .skills li span { color: #262626; } .ui_kit_select_box .bootstrap-select .dropdown-menu{ top: -3px !important; } .ui_kit_select_box .bootstrap-select .dropdown-menu.inner li{ border-bottom: 1px solid #E6E9EC; font-size: 13px; line-height: 40px; margin: 0 30px; padding: 5px 0; } .ui_kit_select_box .bootstrap-select .dropdown-menu.inner li.selected.active a{ color: #0D263B; font-weight: 600; } .ui_kit_multi_select_box .bootstrap-select .dropdown-menu li a{ font-weight: normal; padding-left: 0; } .ui_kit_multi_select_box .bootstrap-select .dropdown-menu li a:hover, .ui_kit_multi_select_box .bootstrap-select .dropdown-menu li a:active, .ui_kit_multi_select_box .bootstrap-select .dropdown-menu li a:focus, .ui_kit_multi_select_box .bootstrap-select .dropdown-menu li a.selected, .ui_kit_multi_select_box .bootstrap-select .dropdown-menu li a.selected{ background-color: transparent; font-weight: 600; } .ui_kit_select_box .bootstrap-select .dropdown-menu li:last-child{ border-bottom: none; } .ui_kit_select_box .bootstrap-select .dropdown-item{ border-radius: 0 0 3px 3px; margin-top: 0; padding: 0; text-transform: uppercase; } .ui_kit_select_box .bootstrap-select .dropdown-item.active, .ui_kit_select_box .bootstrap-select .dropdown-item:hover, .ui_kit_select_box .bootstrap-select .dropdown-item:active{ background-color: transparent; color: #071c35; font-weight: 600; } /*== BlockQueto UI Page ==*/ .ui_page_heading{ position: relative; } .ui_page_heading p{ color: #696969; font-size: 14px; font-weight: normal; line-height: 24px; } .ui_page_heading .blockquote, .mbp_blockquote .blockquote{ border-left: 3px solid #071c35; margin-left: 10%; margin-bottom: 50px; padding: 10px 0px 10px 25px; width: 60%; } .mbp_blockquote .blockquote{ margin-left: 5%; width: 83%; } .ui_page_heading .blockquote .title, .mbp_blockquote .blockquote .title{ color: #0D263B; font-weight: 400; font-size: 18px; line-height: 23px; } .ui_page_heading .blockquote .blockquote-footer:before{ display: none; } .order_list{ margin-bottom: 0; } .order_list li{ padding-left: 30px; position: relative; line-height: 45px; } .order_list li a span{ background-color: #696969; color: #696969; left: 0; position: absolute; } .order_list li a{ font-size: 14px; font-family: Cerebri Sans; color: #696969; } .list-style-check-circle li a:before{ content: "\f058"; color: #696969; font-family: FontAwesome; position: absolute; left: 0; font-size: 18px; } .list-style-type-bullet li{ color: #696969; list-style-type: disc; margin-left: 15px; padding-left: 0; position: relative; } /*== MultiSelect CheckBox Widget UI Page ==*/ .ui_kit_multi_select_box .dropdown.bootstrap-select.show-tick.show .dropdown-menu { border-radius: 3px; margin: 0; } .ui_kit_multi_select_box .bootstrap-select.show-tick .dropdown-menu li a span.text{ font-size: 14px; font-family: Cerebri Sans; color: #0D263B; line-height: 2.5; } .ui_kit_select_search .dropdown-menu.show{ border-radius: 0 0 3px 3px; margin: 0; } .ui_kit_select_search .bootstrap-select .dropdown-menu li a span.text{ font-size: 14px; font-family: Cerebri Sans; color: #0D263B; line-height: 2.5; } .ui_kit_select_box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn), .ui_kit_multi_select_box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; } .ui_kit_select_box .bootstrap-select>.dropdown-toggle, .ui_kit_multi_select_box .bootstrap-select>.dropdown-toggle { background-color: transparent; border: none; border-bottom: 2px solid #E6E9EC; border-radius: 0; color: #696969; height: 60px; line-height: 50px; padding-left: 0; } .ui_kit_select_box .bootstrap-select>.dropdown-toggle:focus, .ui_kit_multi_select_box .bootstrap-select>.dropdown-toggle:focus, .ui_kit_multi_select_box .bootstrap-select>.dropdown-toggle:focus-visible { border: none; box-shadow: none !important; outline: none !important; border-bottom: 2px solid #071c35; } .ui_kit_select_box .filter-option-inner-inner:focus, .ui_kit_multi_select_box .filter-option-inner-inner:focus { outline: none; } .ui_kit_select_box .btn-light:not(:disabled):not(.disabled).active, .ui_kit_select_box .btn-light:not(:disabled):not(.disabled):active, .ui_kit_select_box .show>.btn-light.dropdown-toggle, .ui_kit_multi_select_box .btn-light:not(:disabled):not(.disabled).active, .ui_kit_multi_select_box .btn-light:not(:disabled):not(.disabled):active, .ui_kit_multi_select_box .show>.btn-light.dropdown-toggle { background-color: #ffffff; border: none; border-bottom: 2px solid #071c35; color: #696969; outline: none; } /*== Blog Post Main Page ==*/ .mbp_pagination { display: inline-block; position: relative; width: 100%; } .mbp_pagination ul.page_navigation { margin-bottom: 0; text-align: center; width: 100%; } .mbp_pagination ul.page_navigation li.page-item { display: inline-block; margin-right: 6px; margin-top: 12px; } .mbp_pagination ul.page_navigation li .page-link{ background-color: transparent; border: 1px solid transparent; border-radius: 50%; color: #0D263B; font-size: 14px; font-family: Cerebri Sans; height: 40px; line-height: 40px; overflow: hidden; padding: 0; text-align: center; width: 40px; } .mbp_pagination ul.page_navigation li .page-link:hover{ background-color: #F6F8F9; } .mbp_pagination ul.page_navigation li.active .page-link { background-color: #071c35; color: #ffffff; } .mbp_pagination .new_line_pagination{ position: relative; } .mbp_pagination .new_line_pagination p{ color: #696969; font-size: 15px; line-height: 22px; } .mbp_pagination .new_line_pagination .pagination_line{ background-color: #E6E9EC; border-radius: 10px; height: 6px; margin: 0 auto 15px; max-width: 300px; position: relative; width: 100%; } .mbp_pagination .new_line_pagination .pagination_line:before{ background-color: #0e3a6d; border-radius: 10px; content: ""; left: 0; height: 6px; max-width: 119px; position: absolute; width: 100%; } .mbp_pagination .new_line_pagination .pagi_btn{ position: relative; } .mbp_pagination .new_line_pagination .pagi_btn:before{ background-color: #0e3a6d; bottom: -3px; content: ""; height: 2px; left: 0; position: absolute; width: 60px; } .mbp_thumb_post .thumb{ border-radius: 5px; overflow: hidden; position: relative; } .main_blog_post_content{ position: relative; } .main_blog_post_content .mbp_thumb_post .details { padding-top: 30px; } .main_blog_post_content .mbp_thumb_post .details ul.post_meta{ margin-bottom: 20px; } .mbp_thumb_post .details .post_meta li:nth-child(2) { margin-right: 20px; margin-left: 8px; } .mbp_thumb_post .details .post_meta li:nth-child(4) { margin-left: 8px; } .event_counter_plugin_container{ position: relative; } .event_counter_plugin_content{ text-align: center; } .event_counter_plugin_content ul{ margin-bottom: 0; text-align: left; } .event_counter_plugin_content ul li { display: inline-block; font-size: 15px; font-family: Cerebri Sans; line-height: 2.667; margin-top: 10px; text-align: left; text-transform: capitalize; } .event_counter_plugin_content ul li:first-child, .event_counter_plugin_content ul li:nth-child(2), .event_counter_plugin_content ul li:nth-child(3){ margin-right: 50px; } .event_counter_plugin_content ul li span { border: 1px solid #E6E9EC; border-radius: 50%; color: #0e3a6d; display: block; font-family: Cerebri Sans; font-size: 30px; font-weight: 500; height: 90px; line-height: 90px; margin: 0 auto; text-align: center; width: 90px; } .event_counter_plugin_content ul li .time_text{ color: #0D263B; font-size: 22px; font-weight: 500; line-height: 32px; margin-top: 15px; text-align: center; } /*== Blog Grid Post ==*/ .blog_grid_post{ border-style: solid; border-width: 2px; border-color: rgb(237, 239, 247); border-radius: 5px; background-color: #ffffff; overflow: hidden; } .blog_grid_post .thumb{ position: relative; overflow: hidden; } .blog_grid_post .thumb:before{ background-color: rgba(0,0,0, .3); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .blog_grid_post .thumb .tag{ font-size: 14px; font-family: Cerebri Sans; color: rgb(250, 250, 250); line-height: 1.2; left: 30px; line-height: 40px; position: absolute; top: 30px; } .blog_grid_post .thumb .post_date{ bottom: 30px; font-weight: bold; max-width: 95px; position: absolute; right: 30px; text-align: center; } .blog_grid_post .thumb .post_date h2{ font-size: 50px; font-family: Cerebri Sans; color: #ffffff; margin-bottom: 0; } .blog_grid_post .thumb .post_date span{ font-size: 18px; font-family: Cerebri Sans; color: #ffffff; } .blog_grid_post .details h3{ font-size: 26px; font-family: Cerebri Sans; color: #0D263B; line-height: 1.2; margin-bottom: 15px; } .blog_grid_post .details{ padding: 20px 25px 30px 30px; } .blog_grid_post .details ul.post_meta{ margin-bottom: 18px; } .blog_grid_post .details ul.post_meta li a span{ font-size: 15px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 1.6; } .blog_grid_post .details p{ font-size: 15px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 1.6; margin-bottom: 0; } .blog_grid_post.style2 .details{ border-radius: 0 5px 5px 0; padding: 60px 45px 55px 40px; } .blog_grid_post.style2 .details p{ font-size: 15px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 1.6; } .blog_grid_post .details .post_meta li:nth-child(2){ margin-right: 20px; margin-left: 8px; } .blog_grid_post .details .post_meta li:nth-child(4){ margin-left: 8px; } .blog_grid_post li{ display: inline-block; } .blog_grid_post.style2.event_lists{ border-left: none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .main_blog_post_content .event_lists:hover .blog_grid_post.event_lists{ -webkit-box-shadow:0px 0px 30px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow:0px 0px 30px 0px rgba(32, 32, 32, 0.15); -o-box-shadow:0px 0px 30px 0px rgba(32, 32, 32, 0.15); box-shadow:0px 0px 30px 0px rgba(32, 32, 32, 0.15); } .blog_grid_post.style2.event_lists .thumb img{ max-width: 600px; max-height: 385px; } .blog_grid_post.style2.event_lists ul li{ display: list-item; } .blog_grid_post.style2.event_lists .details{ padding: 50px 75px 60px 50px; } .blog_grid_post.style2.event_lists .details h3{ font-size: 22px; font-family: Cerebri Sans; color: #0D263B; line-height: 1.091; } .blog_grid_post.style2.event_lists .details p{ font-size: 15px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 1.6; } .blog_grid_post.style2.event_lists .details ul{ margin-top: 25px; } .blog_grid_post.style2.event_lists .details ul li{ margin-bottom: 20px; } .blog_grid_post.style2.event_lists .details ul li:last-child{ margin-bottom: 0; } .blog_grid_post.style2.event_lists .details ul li a{ font-size: 14px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 1.2; } .blog_grid_post.style2.event_lists .details ul li a span{ font-size: 18px; padding-right: 10px; } .event_participator_tile{ font-size: 20px; font-family: Cerebri Sans; color: #0D263B; line-height: 1.2; margin-bottom: 50px; } .participator_team .thumb img{ height: 100px; width: 100px; } .participator_team .details h4{ font-size: 18px; font-family: Cerebri Sans; color: #0D263B; line-height: 1.333; margin-bottom: 0; margin-top: 20px; } .participator_team .details p{ font-size: 15px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 1.2; } /*== Search Widget Blog Page ==*/ .sidebar_recent_product, .sidebar_feature_listing, .sidebar_search_widget{ background-color: #FFFFFF; border: 1px solid #E6E9EC; border-radius: 3px; margin-bottom: 30px; padding: 30px; -webkit-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); } .sidebar_recent_product, .sidebar_feature_listing{ padding: 30px 20px 30px 30px; } .sidebar_recent_product .title, .sidebar_feature_listing .title{ font-size: 16px; font-weight: 600; color: #0D263B; line-height: 20px; margin-bottom: 25px; } .sidebar_recent_product .media, .sidebar_feature_listing .media{ margin-bottom: 20px; } .sidebar_recent_product .media img, .sidebar_feature_listing .media img{ border-radius: 6px; height: 80px; width: 80px; } .sidebar_recent_product .media .media-body .post_title, .sidebar_feature_listing .media .media-body .post_title{ color: #0D263B; font-size: 14px; font-weight: 600; line-height: 22px; margin-bottom: 0; } .sidebar_recent_product .media .media-body a, .sidebar_feature_listing .media .media-body a{ font-size: 16px; font-family: Cerebri Sans; color: #696969; line-height: 25px; } .sidebar_feature_listing .media .media-body ul li{ font-size: 14px; font-family: Cerebri Sans; color: #0D263B; line-height: 1.2; margin-right: 0; } .blog_search_widget button.btn{ height: 48px; } .blog_search_widget input.form-control{ border: 1px solid #F6F8F9; border-radius: 3px; background-color: #F6F8F9; flex: 1; height: 55px; padding-left: 20px; width: 100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .blog_search_widget input.form-control:focus{ border-right: none; } .blog_search_widget button#button-addon2{ background-color: #F6F8F9; border: none; border-radius: 3px 0 0 3px; color: #696969; height: 55px; } .blog_search_widget button#button-addon2:focus{ box-shadow: none; } /*== Category Widget Blog Page ==*/ .blog_category_widget{ margin-bottom: 30px; } .blog_recent_post_widget .title, .blog_category_widget .title{ font-size: 20px; font-family: Cerebri Sans; color: #0D263B; line-height: 1.2; margin-bottom: 0; } .blog_category_widget ul.list-group{ border-style: solid; border-width: 2px; border-color: rgb(238, 238, 238); border-radius: 5px; background-color: rgba(243, 243, 246, 0); padding: 30px; } .blog_category_widget ul li.list-group-item{ background-color: transparent; border: none; font-size: 15px; font-family: Cerebri Sans; color: #0D263B; padding: 10px 0; } .blog_category_widget ul li.list-group-item span{ font-size: 15px; font-family: Cerebri Sans; color: rgb(126, 126, 126); font-weight: normal; } .event_details_widget{ border-style: solid; border-width: 2px; border-color: rgb(238, 238, 238); border-radius: 5px; background-color: rgba(243, 243, 246, 0); margin-bottom: 30px; padding: 30px; } .event_details_widget .title{ font-size: 20px; font-family: Cerebri Sans; color: #0D263B; line-height: 1.2; margin-bottom: 25px; } .event_details_widget ul{ margin-bottom: 0; } .event_details_widget ul li{ font-size: 14px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 1.5; margin-bottom: 20px; } .event_details_widget ul li:last-child{ margin-bottom: 0; } .event_details_widget ul li span{ font-size: 18px; padding-right: 10px; } .category_sidebar_widget{ position: relative; } .category_sidebar_widget .category_list{ margin-bottom: 0; } .category_sidebar_widget .category_list li a{ font-family: Cerebri Sans; font-size: 15px; color: rgb(79, 79, 79); line-height: 2.667; } .category_sidebar_widget .category_list li a span{ font-family: Cerebri Sans; font-size: 14px; color: rgb(193, 193, 193); line-height: 2.857; } .feature_course_widget{ border-style: solid; border-width: 2px; border-color: rgb(238, 238, 238); border-radius: 5px; background-color: rgba(243, 243, 246, 0); padding: 30px 0 15px; margin-bottom: 30px; } .feature_course_widget h4{ font-family: Cerebri Sans; font-size: 20px; color: #0D263B; line-height: 1.2; padding-left: 30px; } .feature_course_widget ul li{ border: 1px solid rgb(235, 235, 235); color: #0D263B; font-family: Cerebri Sans; font-size: 15px; line-height: 2.667; padding: 0 30px; } .feature_course_widget ul li span{ font-size: 15px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 2.667; } .feature_course_widget ul li:last-child{ border-bottom: none; padding: 0 30px; } .instructor_pricing_widget{ border-style: solid; border-width: 2px; border-color: rgb(237, 239, 247); border-radius: 5px; background-color: #ffffff; margin-bottom: 30px; padding: 30px; text-align: center; } .instructor_pricing_widget.csv2{ margin-top: -300px; } .instructor_pricing_widget .price{ font-size: 30px; font-family: Cerebri Sans; color: #0D263B; font-weight: bold; line-height: 1.2; } .instructor_pricing_widget .price span{ font-size: 15px; font-family: Cerebri Sans; color: rgb(79, 79, 79); line-height: 2.667; } .instructor_pricing_widget .price small{ font-size: 14px; font-family: Cerebri Sans; color: rgb(193, 193, 193); line-height: 2.857; } .instructor_pricing_widget h5{ font-size: 15px; font-family: Cerebri Sans; color: rgb(79, 79, 79); line-height: 2.667; } .instructor_pricing_widget .price_quere_list li a{ font-size: 15px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 2.667; } .instructor_pricing_widget .price_quere_list li a span{ color: #0D263B; font-size: 18px; padding-right: 5px; } .cart_btnss{ border-radius: 27px; background-color: rgb(255, 16, 83); display: block; font-size: 15px; font-family: Cerebri Sans; color: #ffffff; height: 50px; line-height: 3.2; margin-bottom: 23px; margin-top: 23px; max-width: 234px; } .cart_btnss:hover{ background-color: #ffffff; border: 1px solid #ff1053; color: #ff1053; } .cart_btnss_white{ background-color: #ffffff; border: 1px solid #ff1053; border-radius: 27px; color: #ff1053; display: block; font-size: 15px; font-family: Cerebri Sans; line-height: 3.2; margin-bottom: 23px; height: 50px; max-width: 234px; } .cart_btnss_white:hover{ background-color: #ff1053; color: #ffffff; } /*== Recent Post Widget Blog Page ==*/ .blog_recent_post_widget{ margin-bottom: 30px; } .blog_recent_post_widget .title{ font-size: 20px; margin-bottom: 20px; } .blog_recent_post_widget.media_widget{ border-style: solid; border-width: 2px; border-color: rgb(238, 238, 238); border-radius: 5px; background-color: rgba(243, 243, 246, 0); padding: 30px 20px 30px 30px; } .blog_recent_post_widget.media_widget .media{ margin-bottom: 30px; } .blog_recent_post_widget.media_widget .media:last-child{ margin-bottom: 0; } .blog_recent_post_widget.media_widget .media img{ border-radius: 3px; max-width: 90px; } .blog_recent_post_widget .media-body .post_title{ font-size: 16px; font-family: Cerebri Sans; color: #212121; line-height: 1.5; margin-bottom: 0; } .blog_recent_post_widget .media-body a{ font-size: 14px; font-family: Cerebri Sans; color: rgb(123, 123, 123); line-height: 1.2; } /*== Tag Widget Blog Page ==*/ .blog_tag_widget { background-color: #FFFFFF;; border: 1px solid #E6E9EC; border-radius: 3px; padding: 30px 30px 20px; -webkit-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); } .blog_tag_widget .title { font-size: 16px; color: #0D263B; font-weight: 600; line-height: 21px; margin-bottom: 20px; } .blog_tag_widget .tag_list li { background-color: #E6E9EC; border-radius: 3px; height: 30px; line-height: 30px; margin-bottom: 10px; padding: 0px 11px; } .blog_tag_widget .tag_list li:hover{ cursor: pointer; } .blog_tag_widget .tag_list li a{ font-size: 12px; color: #0D263B; line-height: 15px; } /*== BlokQuote Blog Sinlge Page ==*/ .mbp_blockquote{ border-radius: 3px; margin-top: 25px; padding: 25px 30px 0px 40px; } .mbp_blockquote .blockquote{ position: relative; } .mbp_blockquote .blockquote:before{ background-color: transparent; } .mbp_blockquote .blockquote span{ font-size: 16px; font-family: Cerebri Sans; color: rgb(187, 187, 187); font-style: italic; line-height: 0.333; } .mbp_blockquote .blockquote .icon{ color: #696969; line-height: 0; } .mbp_blockquote .blockquote em{ font-size: 16px; font-family: Cerebri Sans; color: #0D263B; font-style: italic; font-weight: 500; line-height: 26px; } .mbp_blockquote .blockquote .blockquote-footer:before{ display: none; } .bpost_simage li{ margin-bottom: 10px; max-width: 252px; } .bpost_simage li img{ border-radius: 3px; } .bsp_tags{ position: relative; } .bsp_tags li a{ background-color: #E6E9EC; border-radius: 3px; color: #0D263B; font-size: 12px; line-height: 15px; padding: 8px 15px 8px; } .blog_post_share li{ border-radius: 3px; margin-bottom: 10px; padding: 15px 30px; text-align: center; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .blog_post_share li:first-child{ background-color: #306199; } .blog_post_share li:nth-child(2){ background-color: #26C4F1; } .blog_post_share li:nth-child(3){ background-color: #E82B2D; } .blog_post_share li:last-child{ background-color: #0D263B; padding: 15px 20px; } .blog_post_share li:last-child a span{ margin-right: 0; } .blog_post_share li:hover{ cursor: pointer; } .blog_post_share li a{ font-size: 12px; color: #ffffff; line-height: 15px; text-transform: capitalize; } .blog_post_share li a span{ font-size: 14px; margin-right: 10px; } /*== Next Prev Pagination Blog Sinlge Page ==*/ .mbp_pagination_tab{ padding: 30px 0; position: relative; } .mbp_pagination_tab .pag_prev{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .mbp_pagination_tab .pag_prev:hover, .mbp_pagination_tab .pag_next:hover{ cursor: pointer; } .mbp_pagination_tab .pag_prev .detls, .mbp_pagination_tab .pag_next .detls{ display: inline-block; font-size: 16px; color: #0D263B; line-height: 1.75; margin-bottom: 0; } .mbp_pagination_tab .pag_prev .detls h5, .mbp_pagination_tab .pag_next .detls h5{ color: #696969; font-size: 14px; font-weight: 600; line-height: 1.5; margin-bottom: 0; text-transform: uppercase; } .mbp_pagination_tab .pag_prev .detls p, .mbp_pagination_tab .pag_next .detls p{ font-size: 14px; color: #0D263B; line-height: 18px; margin-bottom: 0; } .mbp_pagination_tab .pag_prev .detls h5:hover, .mbp_pagination_tab .pag_next .detls h5:hover, .mbp_pagination_tab .pag_prev a:hover, .mbp_pagination_tab .pag_next a:hover{ color: #071c35; } /*== Commenting Blog Sinlge Page ==*/ .mbp_pagination_comments{ position: relative; } .mbp_pagination_comments .total_review{ padding: 30px 0 0; position: relative; } .mbp_pagination_comments .total_review h4{ color: #0D263B; line-height: 26px; margin-bottom: 0; } .mbp_pagination_comments .title{ font-size: 20px; margin-bottom: 30px; } .mbp_pagination_comments .mbp_first.media{ padding: 30px 0 0; } .mbp_pagination_comments .mbp_first.media img{ width: 70px; } .mbp_pagination_comments .mbp_first.media .media-body p{ font-size: 14px; line-height: 1.714; } .mbp_pagination_comments .mbp_first .media-body .sub_title{ font-size: 16px; font-family: 'Jost'; color: #0D263B; font-size: 16px; font-weight: 500; line-height: 23px; margin-bottom: 0; } .mbp_pagination_comments .mbp_first .media-body .sspd_postdate{ color: #696969; font-size: 14px; line-height: 20px; } .mbp_pagination_comments .mbp_first .media-body .sspd_postdate .sspd_review ul li a, .sspd_review ul li a{ color: #CAB877; font-family: "FontAwesome"; font-size: 10px; line-height: 11px; text-align: right; } .mbp_pagination_comments .mbp_first .media-body .sspd_postdate .sspd_review ul li, .sspd_review ul li{ margin-right: 2px !important; } .sspd_review ul li:last-child { color: #696969; font-size: 12px; } /*== Commenting Form Blog Sinlge Page ==*/ .mbp_comment_form{ margin-top: 20px; } .mbp_comment_form h4{ font-size: 20px; margin-bottom: 30px; } .mbp_comment_form .comments_form{ background-color: #f1f1f1; padding: 30px 50px 50px; } .mbp_comment_form .comments_form input{ border: 1px solid #dddddd; height: 50px; } .mbp_comment_form .comments_form input:focus, .mbp_comment_form .comments_form button.btn:focus, .mbp_comment_form .comments_form textarea:focus{ box-shadow: none; } .mbp_comment_form .comments_form textarea{ border: 1px solid #dddddd; height: auto; } .mbp_comment_form .comments_form .form-group label { color: #221f1f; } .mbp_comment_form .comments_form button.btn { border-radius: 4px; font-size: 16px; height: 55px; margin-top: 10px; } .mbp_comment_form .comments_form button span { padding-left: 10px; } /*== Dashbord details Page ==*/ .extra-dashboard-menu{ padding-bottom: 0; padding-top: 77px; position: relative; z-index: 1; } .ed_menu_list { background-color: #FFFFFF; bottom: 0; height: auto; left: 0; margin: 0; overflow-x: hidden; overflow-y: scroll; padding: 150px 0 0 0; position: fixed; top: 0; width: 300px; z-index: 9; -webkit-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); } .ed_menu_list::-webkit-scrollbar { margin-top: 15px; margin-right: 10px; width: 6px; z-index: 3; } .ed_menu_list::-webkit-scrollbar * { background:transparent; } .ed_menu_list::-webkit-scrollbar-track { display: none; } .ed_menu_list::-webkit-scrollbar-thumb { background-color: #E6E9EC !important; // manage scrollbar thumb background color here border-radius: 6px; } .ed_menu_list ul{ margin-bottom: 0; } .ed_menu_list ul li a{ border-radius: 3px; color: #0D263B; display: block; font-size: 14px; font-weight: 400; line-height: 23px; margin: 0 30px; padding: 15px 15px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .ed_menu_list ul li a span{ color: #071c35; font-size: 18px; margin-right: 5px; vertical-align: middle; } .ed_menu_list ul li a:hover, .ed_menu_list ul li a.active{ background-color: #071c35; color: #fff; } .ed_menu_list ul li a:hover span, .ed_menu_list ul li a.active span{ color: #fff; } .our-dashbord { position: relative; } .our-dashbord.dashbord .container-fluid{ padding-left: 3%; padding-right: 60px; } .breadcrumb_widgets{ border-radius: 5px; background-color: rgb(225, 230, 239); height: 70px; margin-bottom: 30px; padding: 20px 30px; position: relative; } .breadcrumb_widgets .title{ font-size: 22px; font-family: Cerebri Sans; color: rgb(10, 10, 10); line-height: 1.2; margin-bottom: 0; } .breadcrumb_widgets .breadcrumb{ background-color: transparent; padding: 0; position: relative; } .breadcrumb_widgets .breadcrumb .breadcrumb-item{ font-family: Cerebri Sans; font-size: 15px; color: #7e7e7e; } .breadcrumb_widgets .breadcrumb .breadcrumb-item.active{ color: rgb(126, 126, 126); line-height: 1.6; } .user_board{ padding: 0 15px 0 0; position: relative; } .user_profile { margin-bottom: 10px; position: relative; } .user_profile .media .media-body h4{ font-size: 18px; font-family: Cerebri Sans; color: #0D263B; line-height: 1.2; padding-left: 30px; } .user_profile .media .media-body h5, .user_profile .media .media-body p { margin-bottom: 0; } .user_profile .media img { width: 65px; } .dashbord_nav_list h4{ position: relative; padding-left: 30px; } .dashbord_nav_list li { height: 50px; line-height: 45px; padding-left: 30px; position: relative; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .dashbord_nav_list li a{ color: #7f7f7f; font-size: 16px; } .dashbord_nav_list li:hover a, .dashbord_nav_list li:hover a span{ color: #071c35; } .dashbord_nav_list li.active{ background-color: #f9fafc; } .dashbord_nav_list li.active a{ color: #071c35; } .dashbord_nav_list li.active:before { background-color: #071c35; bottom: 0; content: ""; height: 50px; position: absolute; right: 0px; top: 0; width: 2px; } .dashbord_nav_list li a span { font-size: 23px; margin-right: 15px; } .my_dashboard_review, .my_listing_single{ background-color: #ffffff; border: 1px solid #ECEDF2; border-radius: 3px; padding: 30px; -webkit-box-shadow:0px 6px 15px rgba(64, 79, 104, 0.05); -moz-box-shadow:0px 6px 15px rgba(64, 79, 104, 0.05); -o-box-shadow:0px 6px 15px rgba(64, 79, 104, 0.05); box-shadow:0px 6px 15px rgba(64, 79, 104, 0.05); } .my_dashboard_review .review_content .review_title{ font-size: 18px; line-height: 26px; margin-bottom: 0; } .my_dashboard_review .review_content .review_date{ font-size: 14px; font-family: Cerebri Sans; color: rgb(118, 118, 118); line-height: 2.143; } .my_dashboard_review .review_content .para{ margin-top: 10px; } .my_dashboard_review .review_content .sspd_review ul li{ margin-right: 3px; } .my_dashboard_review .review_content .sspd_review ul li a{ font-size: 14px; font-family: "FontAwesome"; color: rgb(188, 197, 42); line-height: 2.143; } .my_dashboard_profile{ background-color: #ffffff; border: 1px solid #ECEDF2; border-radius: 3px; padding: 30px; position: relative; -webkit-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); } .my_dashboard_profile .title{ font-size: 16px; } .my_dashboard_profile .file_title{ bottom: -110px; color: #696969; font-size: 14px; left: 0; position: absolute; right: 0; } .packages_table .table, .savesearched_table .table, .property_table .table{ border: 1px solid #ebebeb; border-radius: 3px; margin-bottom: 30px; } .packages_table .table .thead-light th, .savesearched_table .table .thead-light th, .property_table .table .thead-light th{ background-color: rgb(36, 50, 74); border: none; font-size: 16px; font-family: Cerebri Sans; color: #ffffff; font-weight: bold; line-height: 2.2; } .packages_table .table td, .packages_table .table th, .savesearched_table .table td, .savesearched_table .table th, .property_table .table td, .property_table .table th{ font-size: 16px; font-family: Cerebri Sans; color: #0D263B; font-weight: 600; line-height: 3; padding-left: 30px; } .property_table .table td, .property_table .table th{ vertical-align: middle; } .savesearched_table td.para, .property_table td.para{ font-size: 14px; font-family: Cerebri Sans; color: #0D263B; } .pck_chng_btn .btn{ border-radius: 3px; background-color: rgb(255, 90, 95); -webkit-box-shadow:0px 1px 4px 0px rgba(255, 90, 95, 0.3); -moz-box-shadow:0px 1px 4px 0px rgba(255, 90, 95, 0.3); -o-box-shadow:0px 1px 4px 0px rgba(255, 90, 95, 0.3); box-shadow:0px 1px 4px 0px rgba(255, 90, 95, 0.3); font-size: 16px; font-family: Cerebri Sans; color: #ffffff; font-weight: bold; line-height: 1.2; height: 50px; width: 200px; } .skill_sidebar_widget { margin-top: 40px; margin-left: 15px; padding-right: 50px; } .skill_sidebar_widget h4 { font-size: 17px; margin-bottom: 20px; } .skill_sidebar_widget .sonny_progressbar .bar{ border-radius: 5px; height: 10px; } .skill_sidebar_widget .sonny_progressbar .bar-container { border-radius: 5px; height: 10px !important; overflow: hidden; } .password_change_form form input { border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 5px; background-color: rgba(196, 14, 117, 0); height: 48px; margin-bottom: 30px; padding-left: 20px; -webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .password_change_form form input:focus { -webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); outline: none; } .password_change_form form button { border-radius: 4px; height: 55px; padding: 0 35px; } .password_change_form form button:focus { box-shadow: none; outline: none; } /*== Header User Notification & User ID ==*/ .header_user_notif { margin-bottom: 0; margin-top: 10px; position: relative; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .header_user_notif li{ display: inline-block; vertical-align: middle; } .header_user_notif li:first-child{ margin-right: 20px; } .header_user_notif li:nth-child(2){ margin-right: 15px; } .header_user_notif li span{ color: #ffffff; font-size: 20px; line-height: 2; } .header_user_notif li .dropdown .notification_icon{ border-radius: 50%; background-color: #e35a9a; display: block; height: 43px; line-height: 40px; text-align: center; width: 43px; } .header_user_notif li img { width: 50px; } .header_user_notif .user_notif { position: relative; } .header_user_notif .user_notif .dropdown-menu.notification_dropdown_content.show{ border: none; border-radius: 5px; margin-top: 25px; margin-left: -270px !important; padding: 30px 10px 25px 30px; -webkit-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); -o-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); max-width: 340px; } .header_user_notif .user_setting .dropdown-menu.notification_dropdown_content.show:before { background-color: #ffffff; content: ""; height: 37px; position: absolute; right: 40px; width: 37px; top: -7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .header_user_notif .user_notif .dropdown-menu.notification_dropdown_content.show .view_all_noti{ display: block; padding: 20px 0 0; } .header_user_notif .user_notif .so_heading:before { background-color: #ffffff; content: ""; height: 37px; position: absolute; right: 30px; width: 37px; top: -7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .header_user_notif .user_notif .so_heading p{ border-bottom: 1px solid #dedede; color: #0D263B; font-size: 18px; font-family: Cerebri Sans; line-height: 1.333; margin-bottom: 0; padding-bottom: 20px; } .header_user_notif .user_notif .so_content { max-height: 200px; } .header_user_notif .user_notif .so_content .simplebar-offset{ width: auto; } .header_user_notif .user_notif .so_content ul{ margin-bottom: 0; } .header_user_notif .user_notif .so_content ul li { border-bottom: 1px solid #dedede; padding: 20px 0 20px; } .header_user_notif .user_notif .so_content ul li h5, .header_user_notif .user_notif .so_content ul li p{ font-size: 15px; margin-bottom: 0; } .header_user_notif .user_notif .so_content ul li p{ color: #7f7f7f; } .header_user_notif .user_notif .so_content ul li:first-child { margin-right: 0; } .header_user_notif .user_notif .so_content ul li:last-child { border-bottom: none; } .header_user_notif .user_notif { padding: 0; } .header_user_notif .user_notif .simplebar-offset:focus { outline: none; } .header_user_notif .user_notif .simplebar-offset::-webkit-scrollbar { margin-top: 15px; margin-right: 10px; width: 6px; z-index: 3; } .header_user_notif .user_notif .simplebar-offset::-webkit-scrollbar * { background:transparent; } .header_user_notif .user_notif .simplebar-offset::-webkit-scrollbar-track { display: none; } .header_user_notif .user_notif .simplebar-offset::-webkit-scrollbar-thumb { background-color: #dfdfdf !important; // manage scrollbar thumb background color here border-radius: 6px; } .simplebar-placeholder { max-height: 355px !important; width: 325px !important; } /*== Header User Setting ID ==*/ .user_setting { position: relative; } .user_setting .btn{ border: 1px solid transparent; color: #ffffff; } .user_setting a.btn.dropdown-toggle:after{ display: none; } .user_setting .btn:focus { border: 1px solid transparent; box-shadow: none; } .user_setting .dropdown-menu.show { border: none; border-top: 2px solid #071c35; border-radius: 0 0 3px 3px; margin-top: 0; margin-left: -200px !important; padding: 20px 30px 10px; -webkit-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); -o-box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); box-shadow:0px 0px 50px 0px rgba(32, 32, 32, 0.15); width: 300px; } .user_setting .dropdown-menu.show:before { content: ""; position: absolute; right: 40px; top: -10px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #071c35 transparent; } .user_setting .dropdown-menu.show .user_set_header{ padding: 10px 0; } .user_setting .dropdown-menu.show .user_set_header img{ margin-left: -10px; margin-right: 15px; margin-top: -15px; } .user_setting .dropdown-menu .user_set_header p{ font-size: 16px; font-family: Cerebri Sans; color: #0D263B; line-height: 1.2; } .user_setting .dropdown-menu .user_set_header p span{ font-size: 14px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 1.2; } .user_setting .dropdown-menu .user_setting_content { padding: 15px 0 0; } .user_setting .dropdown-menu .user_setting_content a { color: #0D263B; font-size: 16px; font-family: Cerebri Sans; line-height: 2.125 !important; padding-left: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .user_setting .dropdown-menu .user_setting_content a:hover{ padding-left: 12px; } .user_setting .dropdown-menu .user_setting_content a.active, .user_setting .dropdown-menu .user_setting_content a.active span, .user_setting .dropdown-menu .user_setting_content a:hover, .user_setting .dropdown-menu .user_setting_content a:hover span { background-color: transparent; } .user_setting .dropdown-menu .user_setting_content a span { margin-right: 10px; } /*== Candidate Job Review Page Table ==*/ .candidate_revew_search_box{ overflow: hidden; position: relative; } .candidate_revew_search_box input.form-control{ background-color: #F6F8F9; border: none; border-radius: 0 3px 0 3px; height: 50px; margin-right: 0 !important; position: absolute; left: 70px; padding-left: 0; padding-right: 0; right: 30px; width: 100%; } .candidate_revew_search_box button{ background-color: #F6F8F9; border: none; border-radius: 3px 0 0 3px; color: #696969; height: 50px; width: 70px; } .candidate_revew_search_box button:hover{ color: #696969; } .candidate_revew_search_box input.form-control:focus, .candidate_revew_search_box button:focus{ box-shadow: none; outline: none; } .dropdown_selector.property_page .bootstrap-select>.dropdown-toggle, .candidate_revew_select .bootstrap-select>.dropdown-toggle, .grid_list_search_result .bootstrap-select>.dropdown-toggle, .grid_list_search_result .bootstrap-select>.dropdown-toggle{ background-color: #f4f4f4; border-radius: 3px; color: #696969; height: 40px; line-height: 25px; padding-left: 20px; padding-right: 15px; } .candidate_revew_select.review_page .bootstrap-select>.dropdown-toggle{ width: 140px; } .dropdown_selector.property_page .bootstrap-select>.dropdown-toggle:hover, .dropdown_selector.property_page .bootstrap-select>.dropdown-toggle:focus, .dropdown_selector.property_page .bootstrap-select>.dropdown-toggle:active, .candidate_revew_select .bootstrap-select>.dropdown-toggle:hover, .candidate_revew_select .bootstrap-select>.dropdown-toggle:focus, .candidate_revew_select .bootstrap-select>.dropdown-toggle:active, .grid_list_search_result .bootstrap-select>.dropdown-toggle:hover, .grid_list_search_result .bootstrap-select>.dropdown-toggle:focus, .grid_list_search_result .bootstrap-select>.dropdown-toggle:active, .sidebar_select_options .bootstrap-select>.dropdown-toggle:hover, .sidebar_select_options .bootstrap-select>.dropdown-toggle:focus, .sidebar_select_options .bootstrap-select>.dropdown-toggle:active, .listing_list_style .bootstrap-select>.dropdown-toggle:hover, .listing_list_style .bootstrap-select>.dropdown-toggle:focus, .listing_list_style .bootstrap-select>.dropdown-toggle:active, .sign_up_form button.btn.dropdown-toggle:focus, .sign_up_form button.btn.dropdown-toggle:active{ box-shadow: none !important; outline: none !important; } .dropdown_selector.property_page .dropdown-item.active, .dropdown_selector.property_page .dropdown-item:active, .candidate_revew_select .dropdown-item.active, .candidate_revew_select .dropdown-item:active, .grid_list_search_result .dropdown-item.active, .grid_list_search_result .dropdown-item:active, .sidebar_select_options .dropdown-item.active, .sidebar_select_options .dropdown-item:active{ color: #0e3a6d; } .dropdown_selector.property_page .dropdown-item, .candidate_revew_select .dropdown-item, .grid_list_search_result .dropdown-item, .sidebar_select_options .dropdown-item, .listing_list_style .dropdown-item{ background-color: #ffffff; color: #696969; } .dropdown_selector.property_page .input-group-text{ background-color: transparent; border: none; color: #0D263B; font-size: 14px; line-height: 18px; padding: 0; } .dropdown_selector.property_page .bootstrap-select>.dropdown-toggle{ background-color: transparent; border: none; font-size: 14px; height: auto; line-height: 18px; padding-left: 5px; padding-right: 0; width: 140px; } .dropdown_selector.property_page .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ width: 150px; } .dropdown_selector.property_page .wrapper{ border-bottom: 2px solid #E6E9EC; } .dropdown_selector.property_page .style2 .bootstrap-select>.dropdown-toggle{ width: 40px; } .dropdown_selector.property_page .style2 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ width: 50px; } .sidebar_select_options .dropdown-menu.show{ min-width: 300px !important; } .grid_list_search_result{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 62px; margin: 0 auto 30px; position: relative; width: 100%; } .grid_list_search_result .left_area p{ margin-bottom: 0; margin-top: 20px; } .grid_list_search_result .right_area ul{ margin-bottom: 0; } .grid_list_search_result .right_area li{ margin-top: 6px; } .grid_list_search_result .right_area ul li:first-child{ margin-right: 40px; position: relative; } .grid_list_search_result .right_area.style2 ul li:first-child{ margin-right: 0; } .grid_list_search_result .right_area.style2 ul li:first-child:before{ display: none; } .grid_list_search_result .right_area ul li:first-child .dropdown.bootstrap-select.show-tick, .grid_list_search_result .right_area ul li:first-child button.btn.dropdown-toggle{ border: none; box-shadow: none; padding-left: 0; padding-right: 0; width: 80px; } .grid_list_search_result .right_area.style2 ul li:first-child button.btn.dropdown-toggle{ border: none; box-shadow: none; padding-left: 0; padding-right: 0; width: 120px; } .grid_list_search_result .right_area ul li:last-child .dropdown.bootstrap-select.show-tick, .grid_list_search_result .right_area ul li:last-child button.btn.dropdown-toggle{ border: none; box-shadow: none; padding-left: 0; padding-right: 0; width: 105px; } .grid_list_search_result .right_area ul.dropdown-menu.inner li{ margin-right: 0; overflow: hidden; } .grid_list_search_result .right_area ul li .filter-option-inner-inner{ font-size: 14px; font-family: Cerebri Sans; color: #0D263B; } .grid_list_search_result .right_area ul li span.stts, .grid_list_search_result .right_area ul li span.shrtby{ font-size: 15px; font-family: Cerebri Sans; color: #0D263B; } .grid_list_search_result .right_area .bootstrap-select.show-tick .dropdown-menu li a span.text{ color: #777777; font-weight: 600; } .grid_list_search_result .half_map_advsrch_navg ul li:first-child:before{ background-color: rgb(232, 238, 242); content: ""; height: 35px; position: absolute; right: -20px; top: 7px; width: 1px; } .grid_list_search_result .half_map_advsrch_navg ul li:first-child{ margin-right: 35px; position: relative; } .grid_list_search_result .half_map_advsrch_navg ul li{ margin-right: 15px; margin-top: 6px; } .half_map_advsrch_navg.style2 ul li{ margin-right: 10px; } .half_map_advsrch_navg.style3 ul li:first-child{ margin-right: 15px; } .half_map_advsrch_navg.style3 ul li:first-child:before{ display: none; } .half_map_advsrch_navg.style3 ul li{ margin-right: 10px; } .half_map_area_content{ height: 850px; overflow-x: hidden; overflow-y: scroll; padding: 0 15px 20px; } .half_map_area.version4{ position: fixed; bottom: 0; width: 100%; top: 0; } .our-listing-list-v4::-webkit-scrollbar, .half_map_area_content::-webkit-scrollbar { background: transparent; border-radius: 3px; padding-right: 10px; width: 4px; } .our-listing-list-v4::-webkit-scrollbar-thumb{ background-color: #f7f7f7; border-radius: 3px; } .half_map_area_content::-webkit-scrollbar-thumb { background-color: #f7f7f7; border-radius: 3px; height: 250px; } .half_map_area_content .search_option_two.home2 .dropdown-menu{ top: 0 !important; } .grid_list_search_result .half_map_advsrch_navg .dropdown.bootstrap-select.show-tick.show .dropdown-menu.show .inner.show{ overflow-y: initial !important; } .grid_list_search_result .half_map_advsrch_navg ul li ul.dropdown-menu.inner.show li{ margin-right: 0; } .grid_list_search_result .half_map_advsrch_navg ul li:last-child{ margin-right: 0; } .grid_list_search_result .half_map_advsrch_navg ul li .dropdown.bootstrap-select.show-tick{ border: none; box-shadow: none; padding-left: 0; padding-right: 0; width: 120px; } .grid_list_search_result .half_map_advsrch_navg ul li button.btn.dropdown-toggle{ border: none; box-shadow: none; padding-left: 0; padding-right: 0; width: 120px; } .half_map_area_content .grid_list_search_result{ width: 97%; } .half_style .search_option_two .dropdown.bootstrap-select>.dropdown-toggle{ background-color: #ffffff; } .h1ads_1st_list.half_style input.form-control{ border: 1px solid rgb(235, 235, 235); border-radius: 3px; background-color: #ffffff; height: 52px; line-height: 50px; padding-left: 20px; } .h1ads_1st_list.half_style input.form-control::placeholder{ font-size: 14px; font-family: Cerebri Sans; color: #0D263B; line-height: 1.2; } .h1ads_1st_list.half_style li:last-child{ margin-right: 0 !important; } .h1ads_1st_list.half_style .navbered{ background-color: #ffffff; border: 1px solid rgb(235, 235, 235); border-radius: 3px; height: 52px; line-height: 50px; text-align: center; width: 142px; } .h1ads_1st_list.half_style .navbered .dropbtn i{ color: #bdc6ce; float: right; margin-left: -15px; margin-right: 15px; } .h1ads_1st_list.half_style .navbered .dropdown-content:before{ right: 5%; } .h1ads_1st_list.half_style li.custome_fields_half:nth-child(2){ width: 69%; } .h1ads_1st_list.half_style li.custome_fields_half:nth-child(3){ width: 13%; } .h1ads_1st_list.half_style .apeartment_area_list li:nth-child(2){ width: auto; } .feature_property_half_clist li.extrawide{ margin: 0 5px; width: 32%; } .feature_property_half_clist li.extrawide.grid-3{ margin-left: 10px; margin-right: 0; width: 32%; } .feature_property_half_clist.style2 li.extrawide{ width: 48%; } .listing_filter_row{ display: inline-flex; margin-bottom: 30px; width: 100%; } .listing_filter_row_listing12{ position: relative; } .listing_list_style{ position: relative; text-align: right; } .listing_list_style ul li{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .listing_list_style ul li .stts{ color: #0D263B; } .listing_list_style ul li.gird, .listing_list_style ul li.list{ border: 1px solid #E6E9EC; border-radius: 3px; height: 40px; line-height: 40px; text-align: center; width: 40px; } .listing_list_style ul li.gird a, .listing_list_style ul li.list a{ color: #0D263B; font-size: 15px; } .listing_list_style ul li.gird:hover, .listing_list_style ul li.list:hover{ background-color: #E6E9EC; } .listing_list_style .bootstrap-select>.dropdown-toggle{ background-color: transparent; border: none; color: #696969; font-size: 14px; padding-left: 0; padding-right: 0; z-index: 0; } .listing_list_style .bootstrap-select .dropdown-menu li a{ font-size: 14px; line-height: 35px; } .listing_list_style .bootstrap-select .dropdown-menu li:hover a{ color: #0D263B; font-weight: 600; } .listing_list_style .bootstrap-select>.dropdown-toggle:hover, .listing_list_style .bootstrap-select>.dropdown-toggle:active, .listing_list_style .bootstrap-select>.dropdown-toggle:visited, .listing_list_style .bootstrap-select>.dropdown-toggle:focus{ background-color: transparent; border: none; } .listing_list_style ul li:hover{ cursor: pointer; } .listing_list_style .bootstrap-select .dropdown-menu{ min-width: auto; } .listing_list_style .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ width: 122px; } .sidebar_listing_list{ border: 1px solid #E6E9EC; border-radius: 3px; margin-bottom: 30px; padding: 30px; -webkit-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); } .sidebar_listing_list.style2{ background-color: #fff; border: none; max-height: 850px; overflow-y: scroll; } .sidebar_listing_list.style2::-webkit-scrollbar { background: transparent; border-radius: 3px; padding-right: 0; width: 0; } .sidebar_listing_list.style2::-webkit-scrollbar-thumb { background-color: transparent; } .siderbar_widget_header{ background-color: #F6F8F9; color: #0D263B; padding: 20px 20px 20px 30px; position: relative; } .filter_closed_btn{ background-color: #E6E9EC; border-radius: 50%; color: #0D263B; height: 30px; line-height: 25px; text-align: center; margin-top: -5px; width: 30px; } .sidebar_listing_list.style2.mobile_sytle_sidebar{ padding: 0; } .mobile_sytle_sidebar .sidebar_advanced_search_widget{ padding: 30px; } .sidebar_listing_list.style3{ background-color: #fff; border: 1px solid #E6E9EC; -webkit-box-shadow:0px 8px 30px rgba(34, 34, 34, 0.07); -moz-box-shadow:0px 8px 30px rgba(34, 34, 34, 0.07); -o-box-shadow:0px 8px 30px rgba(34, 34, 34, 0.07); box-shadow:0px 8px 30px rgba(34, 34, 34, 0.07); } .lss_contact_location, .sidebar_author_widget{ border: 1px solid #E6E9EC; border-radius: 3px; margin-bottom: 30px; padding: 30px; } .lss_contact_location .contact_list li{ line-height: 35px; } .lss_contact_location .contact_list li a{ color: #696969; font-size: 15px; } .sidebar_map .lss_map{ border-radius: 3px; } .sidebar_social_icon li{ background-color: #f4f4f4; border-radius: 50%; height: 35px; line-height: 35px; text-align: center; width: 35px; } .sidebar_social_icon li:hover{ cursor: pointer; } .sidebar_social_icon li a{ font-size: 14px; } .sl_creator{ margin-bottom: 30px; } .sl_creator .media-body h5{ font-size: 16px; font-family: Cerebri Sans; line-height: 1.2; } .sl_creator .media-body p{ font-size: 14px; font-family: Cerebri Sans; line-height: 1.5; margin-bottom: 0; } .sl_creator .media-body a{ font-size: 14px; font-family: Cerebri Sans; font-weight: bold; line-height: 1.2; margin-bottom: 0; } .sasw_list li{ margin-bottom: 30px; } .sasw_list li:last-child{ margin-bottom: 0; } .sasw_list .search_area{ position: relative; } .sasw_list .search_area input{ background-color: #ffffff; border: none; border-bottom: 2px solid #E6E9EC; border-radius: 0; color: #0D263B; font-size: 14px; line-height: 18px; padding-left: 0px; } .sasw_list .search_area input:hover, .sasw_list .search_area input:active, .sasw_list .search_area input:focus{ border-bottom: 2px solid #071c35; } .sasw_list .search_area textarea{ border: 1px solid rgb(235, 235, 235); border-radius: 3px; box-shadow: none; font-size: 14px; line-height: 2.2; } .sasw_list .min_area .form-control::placeholder, .sasw_list .max_area .form-control::placeholder, .sasw_list .search_area input::placeholder, .sasw_list .search_area textarea::placeholder{ color: #696969; } .sasw_list .min_area .form-control:focus::placeholder, .sasw_list .max_area .form-control:focus::placeholder, .sasw_list .search_area input:focus::placeholder, .sasw_list .search_area textarea:focus::placeholder{ color: #0D263B; } .sasw_list .search_area input:focus, .sasw_list button.btn.dropdown-toggle{ outline: none; box-shadow: none; } .sasw_list .search_area label{ font-size: 18px; position: absolute; right: 20px; top: 10px; } .sasw_list button.btn.dropdown-toggle{ background-color: #fff; border: none; border-bottom: 2px solid #E6E9EC; border-radius: 0; color: #696969; font-size: 14px; padding-left: 0; line-height: 25px; } .sasw_list .bootstrap-select .dropdown-menu li a, .custom_dropdown_widget .bootstrap-select .dropdown-menu li a{ font-size: 14px; line-height: 40px; } .sasw_list .bootstrap-select .dropdown-menu li a:hover{ font-weight: 600; } .sasw_list .small_dropdown2{ position: relative; } .sasw_list .small_dropdown2 .dd_content2{ right: 0; top: 65px; z-index: 9; } .sasw_list .small_dropdown2 .dd_btn{ margin-bottom: 20px; padding-left: 20px; width: 100%; } .sasw_list .search_option_two .selectpicker{ width: 100%; } .sidebar_accordion_widget .panel-heading h4.panel-title{ font-size: 14px; font-family: Cerebri Sans; line-height: 1.2; margin-bottom: 20px; } .sidebar_accordion_widget .other_fet .icon{ background-color: rgba(0, 97, 223, .07); border-radius: 50%; font-size: 10px; height: 25px; line-height: 25px; margin-right: 10px; text-align: center; vertical-align: unset; width: 25px; } .sasw_list #accordion .panel-heading a.accordion-toggle:before{ display: none; } .sasw_list .ui_kit_checkbox .custom-control-label{ padding-right: 0; } .sasw_list .min_area { margin-right: 20px; } .sasw_list .min_area, .sasw_list .max_area{ width: 135px; } .sasw_list .max_area{ float: right; margin-right: 0; } .sasw_list .min_area .form-control, .sasw_list .max_area .form-control{ background-color: #ffffff; border: 1px solid rgb(235, 235, 235); border-radius: 3px; font-size: 14px; height: 52px; padding-left: 20px; } .sasw_list .search_option_button button.btn{ height: 50px; } /*== My Resume Page ==*/ .portfolio_upload{ background-color: #fafafa; border: 1px dashed #696969; border-radius: 3px; height: 150px; overflow: hidden; position: relative; text-align: center; width: 170px; } .portfolio_upload .btn { color: #ffffff; cursor: pointer; padding: 8px 20px; font-size: 46px; font-weight: normal; } .portfolio_upload .icon{ color: #696969; font-size: 30px; margin-top: 50px; } .portfolio_upload input[type=file] { font-size: 100px; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; } /*== Message Page ==*/ .message_container { background-color: #ffffff; border: 1px solid #E6E9EC; border-radius: 3px; height: 100%; overflow: hidden; position: relative; -webkit-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); } .inbox_user_list { display: inline-block; padding: 30px 30px 27px; width: 100%; } .inbox_user_list ul{ height: 620px; overflow-y: scroll; } .inbox_user_list ul::-webkit-scrollbar { background: transparent; border-radius: 3px; padding-right: 10px; width: 4px; } .inbox_user_list ul::-webkit-scrollbar-thumb { background-color: #f7f7f7; border-radius: 3px; height: 250px; } .inbox_user_list .wrap{ position: relative; } .inbox_user_list .wrap img{ border-radius: 50%; float: left; margin-right: 15px; } .inbox_user_list .wrap .meta h5.name{ font-size: 14px; color: #0D263B; font-weight: 600; line-height: 18px; margin-bottom: 5px; } .inbox_user_list .wrap .meta p.preview{ font-size: 14px; color: #696969; line-height: 18px; margin-bottom: 0; } .iul_notific small{ display: block; font-size: 14px; position: absolute; right: 10px; top: 10px; } .inbox_user_list .wrap .m_notif{ border: 1px solid #ffffff; border-radius: 50%; background-color: #0e3a6d; color: #ffffff; font-size: 8px; font-weight: bold; line-height: 15px; height: 16px; position: absolute; right: 10px; text-align: center; top: 33px; width: 16px; } .inbox_user_list .wrap .m_notif.online{ background-color: #34A853; } .inbox_user_list .wrap .m_notif.away{ background-color: #F9AB00; } .inbox_user_list .wrap .m_notif.busy{ background-color: #e74c3c; } .inbox_user_list ul li { padding: 15px 0; } .inbox_user_list .iu_heading { padding-bottom: 25px; } .inbox_user_list ul li.contact .wrap .meta{ display: inline-block; margin-top: 10px; } .iu_heading .candidate_revew_search_box .candidate_revew_search_box button{ background-color: transparent; } .inbox_user_list ul li.contact .wrap span { background-color: #95a5a6; border: 1px solid #ffffff; border-radius: 50%; height: 13px; left: 50px; margin: 0px 0 0 1px; position: absolute; width: 13px; } .inbox_user_list ul li.contact .wrap span.online { background-color: #2ecc71; } .inbox_user_list ul li.contact .wrap span.away { background-color: #f1c40f; } .inbox_user_list ul li.contact .wrap span.busy { background-color: #e74c3c; } .inbox_user_list ul li.contact .wrap img { border-radius: 50%; float: left; margin-right: 10px; width: 50px; } .message_container .inbox_chatting_box { position: relative; max-height: 575px !important; height: auto; margin-right: 10px; max-height: calc(100% - 93px); overflow-y: scroll; overflow-x: hidden; } .message_container .inbox_chatting_box::-webkit-scrollbar { background: transparent; border-radius: 3px; padding-right: 10px; width: 4px; } .message_container .inbox_chatting_box::-webkit-scrollbar-thumb { background-color: #ededed; border-radius: 3px; } .message_container .user_heading{ background-color: #ffffff; border-bottom: 1px solid rgb(235, 235, 235); border-radius: 8px 8px 0 0; padding: 30px; position: relative; } .inbox_chatting_box .chatting_content{ display: inline-block; padding: 15px 30px 0 30px; position: relative; width: 100%; } .message_container .user_heading .wrap img { float: left; margin-right: 10px; border-radius: 50%; } .message_container .user_heading .wrap h5.name { font-size: 14px; font-weight: 600; color: #202124; line-height: 18px; margin-bottom: 0; } .message_container .user_heading .wrap p.preview { font-size: 15px; font-family: Cerebri Sans; color: #696969; line-height: 1.867; margin-bottom: 0; } .inbox_chatting_box .chatting_content li { padding: 25px 0; margin-bottom: 0; } .inbox_chatting_box .chatting_content li.sent { float: left; clear: both; } .inbox_chatting_box .chatting_content li img{ border-radius: 50px; margin-bottom: 10px; } .inbox_chatting_box .chatting_content li { display: block; } .inbox_chatting_box .chatting_content li .title{ color: #222222; font-size: 14px; font-weight: 600; line-height: 18px; margin-top: 15px; } .inbox_chatting_box .chatting_content li .date_time{ font-size: 14px; margin-bottom: 5px; } .inbox_chatting_box .chatting_content li p{ background-color: #F6F8F9; border-radius: 3px; color: #696969; font-size: 14px; font-family: Cerebri Sans; padding: 15px 20px; max-width: 456px; } .inbox_chatting_box .chatting_content li.reply { float: right; clear: both; } .inbox_chatting_box .chatting_content li.reply.first { margin: -15px 0; } .inbox_chatting_box .chatting_content li.reply p { background-color: rgba(0, 97, 223, .07); border-radius: 3px; color: #071c35; max-width: 450px; padding: 15px 30px; text-align: right; } .message_container .message_input { background-color: #f9fafc; bottom: 0; left: 0; position: absolute; right: 0; text-align: center; } .message_container .message_input form input.form-control { color: #696969; border-bottom: none; border-left: none; border-right: none; border-top: 1px solid #E6E9EC; height: 100px; padding: 20px 30px; width: 100%; } .message_container .message_input form input::placeholder{ color: #696969; font-family: Cerebri Sans; font-size: 14px; font-weight: normal; color: #0D263B; line-height: 18px; } .message_container .message_input form input.form-control:focus{ box-shadow: none; outline: none; } .message_container .message_input form input.form-control:focus::placeholder{ color: #0D263B; } .message_container .message_input form button.btn { background-color: #071c35; border: 1px solid #ffffff; border-radius: 3px; color: #ffffff; font-size: 13px; flex: 1; height: 50px; position: absolute; right: 20px; top: 20px; text-transform: uppercase; width: 150px; } .message_container .message_input form button.btn:focus { box-shadow: none; outline: none; } .message_container .message_input form button.btn span { font-size: 20px; padding-left: 10px; } /*== My Profile Page ==*/ .my_profile_select_box label { color: #221f1f; } .my_profile_select_box { margin-bottom: 20px; } .my_profile_select_box .dropdown.bootstrap-select{ display: inline; } .my_profile_select_box .dropdown.bootstrap-select button.btn{ background-color: transparent; border: none; border-bottom: 2px solid #E6E9EC; border-radius: 0; color: #696969; font-size: 14px; height: 55px; line-height: 35px; padding-left: 0; } .my_profile_select_box .dropdown.bootstrap-select button.btn:focus{ box-shadow: none; outline: none !important; } .my_profile_select_box .dropdown.bootstrap-select:focus{ border-bottom: 2px solid #071c35; } .my_profile_select_box .bootstrap-select .dropdown-menu li{ line-height: 40px; } /*== DashBoard Pages ==*/ .ff_one { background-color: #ffffff; border: 1px solid #E6E9EC; border-radius: 3px; margin-bottom: 30px; position: relative; padding: 30px 30px 40px; -webkit-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); } .ff_one .icon{ border-radius: 50%; background-color: rgba(0,97,223, 0.07); float: left; height: 80px; line-height: 80px; margin-right: 40px; text-align: center; width: 80px; } .ff_one .icon span{ color: #071c35; font-size: 30px; } .ff_one .detais .timer{ color: #071c35; font-size: 30px; font-weight: 600; line-height: 38px; } .application_statics{ background-color: #ffffff; border: 1px solid #ECEDF2; border-radius: 3px; -webkit-box-shadow:0px 6px 15px rgba(64, 79, 104, 0.05); -moz-box-shadow:0px 6px 15px rgba(64, 79, 104, 0.05); box-shadow:0px 6px 15px rgba(64, 79, 104, 0.05); padding: 30px; position: relative; } .application_statics h4{ font-family: Cerebri Sans; color: #0D263B; font-weight: 500; line-height: 26px; } .application_statics .chart-container canvas{ height: 450px !important; } .recent_job_activity { background-color: #ffffff; border: 1px solid #ECEDF2; border-radius: 3px; -webkit-box-shadow:0px 6px 15px rgba(64, 79, 104, 0.05); -moz-box-shadow:0px 6px 15px rgba(64, 79, 104, 0.05); box-shadow:0px 6px 15px rgba(64, 79, 104, 0.05); padding: 30px; } .recent_job_activity h4 { color: #0D263B; font-family: Cerebri Sans; line-height: 26.01px; margin-bottom: 20px; } .recent_job_activity .grid{ display: block; margin-bottom: 25px; position: relative; } .recent_job_activity .grid ul.bb_none{ border-bottom: none; } .recent_job_activity .grid ul li{ vertical-align: middle; } .recent_job_activity .grid ul li:first-child{ font-size: 16px; } .recent_job_activity .grid ul li:first-child{ background-color: #F6F8F9; border-radius: 50%; font-size: 16px; height: 40px; line-height: 40px; margin-right: 10px; text-align: center; width: 40px; } .recent_job_activity .grid ul li:first-child .icon{ color: #696969; } .recent_job_activity .grid ul li p{ font-size: 14px; color: #696969; line-height: 18px; margin-bottom: 0; } /*== sidebar about widget ==*/ .siderbar_contact_widget h4 { font-size: 20px; font-family: Cerebri Sans; color: #0D263B; margin-bottom: 15px; line-height: 1.2; } .siderbar_contact_widget p { font-size: 15px; font-family: Cerebri Sans; color: rgb(126, 126, 126); margin-bottom: 0; line-height: 2.667; } .siderbar_contact_widget .scw_social_icon li a{ font-size: 16px; font-family: "FontAwesome"; color: rgb(126, 126, 126); line-height: 1.2; } /*== Pricing SLider ==*/ .cl_pricing_slider{ position: relative; padding: 0 10px; } .cl_pricing_slider p{ margin-bottom: 0; } .cl_pricing_slider div#slider-range{ background-color: #dfdfdf; border-radius: 3px; height: 6px; margin-bottom: 25px; margin-top: 25px; } .cl_pricing_slider .ui-slider-range.ui-corner-all.ui-widget-header{ background-color: #071c35; } .cl_pricing_slider span.ui-slider-handle.ui-corner-all.ui-state-default { background-color: #fff; border: 2px solid #071c35; border-radius: 50%; height: 18px; outline: none; top: -7px; width: 18px; } .cl_pricing_slider .sl_input{ background-color: transparent; border: none; color: #221f1f; text-align: center; } .cl_pricing_slider .sl_input:focus{ box-shadow: none; outline: none; } .cl_skill_checkbox .content.ui_kit_checkbox{ border-radius: 6px; height: 250px; overflow: hidden scroll; text-align: left; } .cl_skill_checkbox .content.ui_kit_checkbox::-webkit-scrollbar { border-radius: 6px; margin-top: 15px; margin-right: 10px; width: 6px; z-index: 3; } .cl_skill_checkbox .content.ui_kit_checkbox::-webkit-scrollbar * { background:transparent; border-radius: 6px; } .cl_skill_checkbox .content.ui_kit_checkbox::-webkit-scrollbar-track { background-color: #dfdfdf; border-radius: 6px; } .cl_skill_checkbox .content.ui_kit_checkbox::-webkit-scrollbar-thumb { background-color: #a2a2a2 !important; // manage scrollbar thumb background color here border-radius: 6px; } input.amount, input.amount2, input.amount3, input.amount4 { background-color: rgba(0, 97, 223, .07); border: none; border-radius: 3px; box-shadow: none; color: #071c35; font-size: 12px; font-weight: 400; height: 30px; line-height: 16px; margin-top: 25px; text-align: center; width: 130px; } input.amount:hover, input.amount:active, input.amount:focus, input.amount2:hover, input.amount2:active, input.amount2:focus{ outline: none; } input.amount2{ float: right; } input.amount::placeholder, input.amount2::placeholder, input.amount3::placeholder, input.amount4::placeholder{ color: #071c35; } .home1-advnc-search .slider-range.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content{ background-color: #E6E9EC; border: none; border-radius: 30px; height: 7px; margin-top: 25px; width: 240px; } .sidebar_priceing_slider_desktop .slider-range.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content, .sidebar_priceing_slider_mobile .slider-range.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content{ background-color: #E6E9EC; border: none; border-radius: 30px; height: 5px; margin-left: 9px; margin-top: 17px; width: 98%; } .sidebar_priceing_slider_mobile #slider-range-value1, .sidebar_priceing_slider_mobile #slider-range-value2{ margin-bottom: 40px; width: 120px; } .sasw_list .ui-slider-range.ui-corner-all.ui-widget-header{ background-color: #071c35; } .home1-advnc-search .ui-slider-range.ui-corner-all.ui-widget-header{ background-color: rgba(0, 97, 223, .3); } .slider-range.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content{ background-color: #E6E9EC; border-radius: 30px; height: 5px; } .ui-slider-range.ui-corner-all.ui-widget-header{ background-color: #071c35; height: 5px; } span.ui-slider-handle.ui-corner-all.ui-state-default, span.ui-slider-handle.ui-corner-all.ui-state-default:active, span.ui-slider-handle.ui-corner-all.ui-state-default:focus, span.ui-slider-handle.ui-corner-all.ui-state-default:hover, span.ui-slider-handle.ui-corner-all.ui-state-default:focus-visible, .sidebar_priceing_slider_desktop span.ui-slider-handle.ui-corner-all.ui-state-default, .sidebar_priceing_slider_desktop span.ui-slider-handle.ui-corner-all.ui-state-default:active, .sidebar_priceing_slider_desktop span.ui-slider-handle.ui-corner-all.ui-state-default:focus, .sidebar_priceing_slider_desktop span.ui-slider-handle.ui-corner-all.ui-state-default:hover, .sidebar_priceing_slider_desktop span.ui-slider-handle.ui-corner-all.ui-state-default:focus-visible{ background-color: #fff; border: 2px solid #071c35; border-radius: 50%; height: 17px; outline: none; top: -6px; width: 17px; } /* New Pricing Range Smooth Slider */ #slider-range-value1, #slider-range-value2{ background-color: rgba(0, 97, 223, .07); border-radius: 3px; color: #071c35; font-size: 12px; height: 30px; line-height: 30px; margin-top: 25px; text-align: center; width: 130px; } #slider-range-value1{ float: left; } #slider-range-value2{ float: right; } .slider-labels { margin-top: 15px; } .noUi-target,.noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; } .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; } .noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .noUi-handle { position: relative; z-index: 1; } .noUi-stacking .noUi-handle { z-index: 10; } .noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s,top .3s; transition: left 0.3s,top .3s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-base,.noUi-handle { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .noUi-horizontal .noUi-handle { background-color: #ffffff; border: 2px solid #071c35; border-radius: 50%; height: 14px; left: -7px; top: -6px; width: 14px; -webkit-box-shadow:0px 0px 5px 0px rgba(19, 19, 28, 0.2); -moz-box-shadow:0px 0px 5px 0px rgba(19, 19, 28, 0.2); -o-box-shadow:0px 0px 5px 0px rgba(19, 19, 28, 0.2); box-shadow:0px 0px 5px 0px rgba(19, 19, 28, 0.2); } .noUi-background { background-color: #E6E9EC; border-radius: 30px; height: 5px; } .noUi-connect { background-color: #071c35; border-radius: 30px; -webkit-transition: background 450ms; transition: background 450ms; } .noUi-draggable { cursor: w-resize; } .noUi-vertical .noUi-draggable { cursor: n-resize; } .noUi-handle { cursor: default; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; } .noUi-handle:active { background-clip: padding-box; -webkit-background-clip: padding-box; } /* Disabled state; */ [disabled].noUi-connect,[disabled] .noUi-connect { background: #B8B8B8; } [disabled].noUi-origin,[disabled] .noUi-handle { cursor: not-allowed; } /*== Profile Avatar ==*/ .wrap-custom-file { height: 400px; position: relative; text-align: center; } .wrap-custom-file input[type="file"] { position: absolute; top: 0; left: 0; width: 2px; height: 2px; overflow: hidden; opacity: 0; } .wrap-custom-file label { background-image: url(../images/team/upload_photo.png); background-size: cover; background-position: center center; border-radius:3px; bottom: 0; cursor: pointer; height: 320px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .wrap-custom-file label span, .wrap-custom-file label.file-ok span { background-color: #ffffff; border: 1px solid #071c35; border-radius: 3px; bottom: -106%; color: #071c35; display: block; font-weight: 600; font-size: 13px; height: 55px; left: 0; line-height: 55px; margin: 0 auto; position: relative; right: 0; text-transform: uppercase; width: 100%; } .wrap-custom-file label i{ color: #071c35; display: inline-block; font-size: 20px; margin-right: 5px; -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -o-transform:rotate(-180deg); transform:rotate(-180deg); } .wrap-custom-file label.file-ok { background-size: cover; background-position: center; } .wrap-custom-file label.file-ok .fa { display: none; } .avatar-upload { position: relative; } .avatar-upload .avatar-edit { position: absolute; right: 0; top: 0; width: 27%; } .avatar-upload .avatar-edit input { display: none; } .avatar-upload .avatar-edit input + label { height: 50px; border-radius: 3px; background-color: rgb(29, 41, 62); cursor: pointer; font-size: 16px; font-family: Cerebri Sans; color: rgb(255, 255, 255); font-weight: bold; line-height: 30px; position: absolute; top: 0; width: 100%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .avatar-upload .avatar-edit input + label:hover { background-color: #ffffff; border: 1px solid #071c35; } .avatar-upload .avatar-edit input + label:hover:after { color: #071c35; } .avatar-upload .avatar-edit input + label::after { content: "Upload"; color: #ffffff; position: absolute; top: 10px; left: 0; right: 0; text-align: center; margin: auto; } .avatar-upload .avatar-preview { height: 50px; left: 0; position: absolute; width: 70%; } .avatar-upload #imagePreview { background-color: #ffffff; border: 1px solid #ebebeb; border-radius: 3px; height: 100%; } .portfolio_item{ background-color: #fafafa; border-radius: 3px; height: 150px; margin-bottom: 30px; overflow: hidden; position: relative; width: 170px; } .portfolio_item .edu_stats_list{ background-color: #ffffff; border-radius: 50%; border: 1px solid #E6E9EC; cursor: pointer; height: 35px; line-height: 30px; opacity: 0; position: absolute; right: 10px; text-align: center; top: 10px; width: 35px; } .portfolio_item:hover .edu_stats_list{ opacity: 1; } .portfolio_item .edu_stats_list span{ color: #0D263B; font-size: 10px; font-weight: 600; } .resume_uploader .upload input[type="file"] { display: none; } .resume_uploader .upload-path { border: 1px solid #ebebeb; border-radius: 3px; flex: 1; height: 50px; margin-right: 20px; outline: none; padding-left: 20px; width: 70%; } .resume_uploader .upload { border-radius: 3px; border: 1px solid rgb(29, 41, 62); background-color: rgb(29, 41, 62); color: #ffffff; cursor: pointer; display: block; font-size: 16px; font-family: Cerebri Sans; height: 50px; line-height: 50px; margin-top: 0; outline: 0; position: relative; text-align: center; width: 200px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .resume_uploader .upload:hover { background-color: #ffffff; border: 1px solid #071c35; color: #071c35; } .resume_uploader .upload:active { background-color: #ffffff; } .listing_save_btn{ font-size: 16px; font-weight: normal; height: 55px; line-height: 40px; width: 220px; } .ad_flor_btn{ border-radius: 3px; font-size: 13px; height: 55px; line-height: 40px; text-transform: uppercase; width: 200px; } .remov_flor_btn{ background-color: #E6E9EC; border-radius: 3px; color: #0D263B; font-size: 13px; font-weight: 600; height: 55px; line-height: 40px; text-transform: uppercase; width: 200px; } .remov_flor_btn:hover, .remov_flor_btn:active, .remov_flor_btn:focus{ background-color: #0e3a6d; color: #fff; } /*== Alpha v2 Page ==*/ .alpha-pag { background: #ffffff; margin-bottom: 35px; text-align: center; } .alpha-pag ul { margin-bottom: 0; } .alpha-pag ul.option-set li{ margin-right: 40px; } .alpha-pag ul.option-set li:last-child{ margin-right: 0; } .alpha-pag ul.option-set li a{ padding: 0 0 5px; } .alpha-pag ul.option-set li a.selected{ border-bottom: 2px solid #071c35; color: #071c35; } .alpha-pag li a{ color: #7d7d7d; padding: 0 8px; } .alpha-pag li a:hover { color: #221f1f; } .emply-text-sec { float: left; width: 100%; } .emply-text { float: left; margin-bottom: 40px; } .emply-text > h4 { margin-bottom: 30px; } /*== Carrer Tips Home V3 ==*/ .blog_post_home2 { border-radius: 5px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 450px; margin: 0 13px 45px; overflow: hidden; position: relative; } .blog_post_home2.one{ background-color: #ffffff; border: 1px solid #eeeeee; padding: 30px 25px; } .blog_post_home2.one .bph2_header:before{ display: none; } .blog_post_home2 .bph2_header:before{ background-color: rgba(0, 0, 0, .3); border-radius: 5px; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .blog_post_home2:hover{ cursor: pointer; } .blog_post_home2:hover .bph2_header:before{ background-color: rgba(36, 65, 231, .8); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .blog_post_home2 .bph2_header img{ height: 100%; } .blog_post_home2 .bph2_header .bph2_date_meta{ border-radius: 5px; overflow: hidden; position: absolute; right: 25px; top: 30px; text-align: center; } .blog_post_home2 .bph2_header .bph2_date_meta:hover, .blog_post_home2 .bph2_header .bph2_date_meta:hover span{ background-color: #0D263B; color: #ffffff; } .blog_post_home2.one .details{ bottom: 0; margin-top: 210px; padding: 0; position: relative; } .blog_post_home2.one .details h4{ color: #0D263B; } .blog_post_home2.one .details p{ margin-bottom: 0; } .blog_post_home2.one .details .post_meta ul li a{ color: #898989; } .blog_post_home2 .details{ position: absolute; bottom: 50px; padding: 0 30px; } .blog_post_home2 .details h4{ color: #fafafa; font-family: Cerebri Sans; font-size: 20px; font-weight: normal; line-height: 1.5; } .blog_post_home2 .details .post_meta ul li a{ color: #fafafa; font-size: 14px; } .blog_post_home2 .details .post_meta ul li a i{ font-size: 18px; padding-right: 5px; } /*== Testimonials Home V3 ==*/ .testimonial_content { background-color: #ffffff; border-radius: 4px; height: 300px; margin: 70px 100px; position: relative; padding: 60px 100px; text-align: center; -webkit-box-shadow:0px 0px 20px 10px rgba(0, 0, 0, 0.05); -moz-box-shadow:0px 0px 20px 10px rgba(0, 0, 0, 0.05); -o-box-shadow:0px 0px 20px 10px rgba(0, 0, 0, 0.05); box-shadow:0px 0px 20px 10px rgba(0, 0, 0, 0.05); } .testimonial_content .thumb { display: inline-block; margin-bottom: 40px; margin-top: -120px; position: relative; } .testimonial_content .thumb h4{ margin-bottom: 0; } .testimonial_content .thumb p{ color: #071c35; margin-bottom: 0; } .testimonial_content .thumb img{ border-radius: 50%; margin-bottom: 20px; } .testimonial_content .details p{ font-size: 15px; line-height: 28px; margin: 0 auto; max-width: 510px; } .t_icon.home3 { color: #1c327e; left: 130px; top: 0px; } /*== Contact Page ==*/ .form_grid .contact_form input, .search_field input{ background-color: #ffffff; border: none; border-bottom: 2px solid #E6E9EC; border-radius: 0; color: #696969; font-size: 14px; height: 55px; line-height: 21px; margin-bottom: 20px; padding-left: 0; } .form_grid .contact_form textarea.form-control{ background-color: #ffffff; border: none; border-bottom: 2px solid #E6E9EC; border-radius: 0; font-size: 14px; color: #696969; line-height: 21px; margin-bottom: 25px; padding: 20px 0; } .form_grid .contact_form input:active, .form_grid .contact_form input:focus, .form_grid .contact_form textarea.form-control:focus, .form_grid .contact_form textarea.form-control:active, .search_field input:focus, .search_field input:active{ border-bottom: 2px solid #071c35; } .search_field.property input.form-control{ height: auto; width: 270px; } .search_field input{ margin-bottom: 30px; } .search_field input.form-control{ height: 45px; } .form_grid .contact_form button{ border-radius: 3px; font-size: 13px; color: #ffffff; line-height: 23px; height: 55px; width: 200px; } .contact_form.profile{ background-color: #fff; border-radius: 3px; padding: 30px; -webkit-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); } .new_property_form{ background-color: #fff; border-radius: 3px; margin-bottom: 30px; padding: 30px; position: relative; -webkit-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); } .new_property_form .title{ font-size: 16px; font-weight: 600; line-height: 20px; } /*== Maximage_slider ==*/ .maximage-home .mc-image { height: 920px !important; position: relative !important; } .maximage-home .mc-image img { margin: 0 !important; width: 100% !important; } .maxtext { bottom: 45%; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; z-index: 9; } .maxtext h1{ color: #ffffff; font-size: 50px; font-family: Cerebri Sans; line-height: 1.2; text-transform: uppercase; } .maxtext p{ color: #ffffff; font-family: Cerebri Sans; font-size: 18px; line-height: 1.2; } /*== Color Area ==*/ .img-whp { width: 100% !important; } .text-thm { color: #071c35 !important; } .hvr-text-thm:hover { color: #071c35 !important; } .text-thm2 { color: #FF385C !important; } .text-thm3 { color: #FF783D !important; } .text-thm4 { color: #FF6E00; } .text-thm5 { color: #FFBC01; } .text-thm6 { color: #006766; } .color-white { color: #ffffff !important; } .color-lightgray { color: #D3D3D3; } .color-gray { color: gray; } .color-gray2 { color: #7e7e7e; } .color-green2 { color: #28B928; } .color-blue { color: #201b71; } .color-orose { color: #c75533; } .color-dark { color: #0D263B; } .color-black { color: #000; } .color-black2 { color: #0D263B; } .color-black11 { color: #111111 !important; } .color-black22 { color: #222222 !important; } .color-black33 { color: #333333; } .color-black31 { color: #303030; } .color-black44 { color: #434343; } .color-black55 { color: #555555; } .color-black66 { color: #676767; } .color-primary { color: #337ab7; } .color-success { color: #5cb85c; } .color-info { color: #5bc0de; } .color-silver { color: #c0c0c0; } .color-warning { color: #f0ad4e; } .color-danger { color: #d9534f; } .color-green { color: #28B928; } .color-purple { color: #800080; } .color-fb { color: #3B5998; } .color-golden { color: #febe42; } .color-red { color: #ff4b53; } .bgc-alice-blue{ background-color: #F6F8F9; } .color-alice-blue{ color: #F6F8F9; } .bgc-dark { background-color: #0D263B; } .bgc-thm { background-color: #071c35 !important; } .bgc-thm2 { background-color: #FF385C !important; } .bgc-thm3 { background-color: #FF783D; } .bgc-thm4 { background-color: #FF6E00; } .bgc-thm5 { background-color: #FFBC01; } .bgc-thm6 { background-color: #006766; } .bgc-fb { background-color: #3B5998; } .color-twtr { color: #1DA1F2; } .bgc-twtr { background-color: #1DA1F2; } .color-inst { color: #D31A77; } .bgc-inst { background-color: #D31A77; } .color-lnkdn { color: #007BB6; } .bgc-lnkdn { background-color: #007BB6; } .color-pint { color: #CB2027; } .bgc-pint { background-color: #CB2027; } .color-skyp { color: #00AFF0; } .bgc-skyp { background-color: #00AFF0; } .color-skyp { color: #00AFF0; } .bgc-skyp { background-color: #00AFF0; } .color-drbl { color: #EA4C89; } .bgc-drbl { background-color: #EA4C89; } .color-behnc { color: #0B7BFF; } .bgc-behnc { background-color: #0B7BFF; } .color-utube { color: #FF0000; } .bgc-utube { background-color: #FF0000; } .color-gogle { color: #EA4335; } .bgc-gogle { background-color: #EA4335; } .bgc-darkblue { background-color: #112360; } .bgc-seagreen { background-color: #43d4b6; } .bgc-black11 { background-color: #111111; } .bgc-split { background-color: #181413 !important; } .bgc-primary { background-color: #337ab7; } .bgc-success { background-color: #5cb85c; } .bgc-info { background-color: #5bc0de; } .bgc-warning { background-color: #f0ad4e; } .bgc-danger { background-color: #d9534f; } .bgc-white { background-color: #ffffff !important; } .bgc-lightgray { background-color: #D3D3D3; } .bgc-snowshade { background-color: #f9f9f9; } .bgc-snowshade2 { background-color: #fafafa; } .bgc-golden { background-color: #febe42; } .color-whitef1 { color: #f1f1f1; } .color-whitef2 { color: #f2f2f2; } .color-whitef3 { color: #f3f3f3; } .color-whitef4 { color: #f4f4f4; } .color-whitef5 { color: #f5f5f5; } .color-whitef6 { color: #f6f6f6; } .color-whitef7 { color: #f7f7f7; } .color-whitef8 { color: #f8f8f8; } .color-whitef9 { color: #f9f9f9; } .color-whitef0 { color: #f0f0f0; } .bgc-f0 { background-color: #f0f0f0; } .bgc-f1 { background-color: #f1f1f1; } .bgc-f2 { background-color: #f2f2f2; } .bgc-f3 { background-color: #f3f3f3; } .bgc-f4 { background-color: #f4f4f4; } .bgc-f5 { background-color: #f5f5f5; } .bgc-f6 { background-color: #f6f6f6; } .bgc-f7 { background-color: #f7f7f7; } .bgc-f8 { background-color: #f8f8f8; } .bgc-f9 { background-color: #f9f9f9; } .bgc-fa { background-color: #fafafa !important; } .bgc-transparent { background-color: transparent !important; } .bgc-darkcyan { background-color: darkcyan; } .bgc-darkblue { background-color: #004274; } .bgc-green { background-color: #28B928; } .bdrrn{ border: none; } .bdrs0 { border-radius: 0 !important; } .bdr1 { border: 1px solid #ebebeb; } .bdrs3 { border-radius: 3px; } .bdrs4 { border-radius: 4px; } .bdrs5 { border-radius: 5px; } .bdrs8 { border-radius: 3px; } .bdrs10 { border-radius: 10px; } .bdrs20 { border-radius: 20px; } .bdrs50 { border-radius: 50%; } .bxshd { -webkit-box-shadow: none; box-shadow: none; } .hvr-bxshd:hover { -webkit-box-shadow: none; box-shadow: none; } .ttu{ text-transform: uppercase; } .tdu { text-decoration: underline; } .tdu-hvr:hover { cursor: pointer; text-decoration: underline; } .all-body-content { background-color: #ffffff; margin-bottom: 760px; position: relative; z-index: 9; } .h125 { height: 125px; } .bb1{ border-bottom: 1px solid #E6E9EC; } .bb2{ border-bottom: 2px solid #E6E9EC; } .bt1{ border-top: 1px solid #E6E9EC; } /*== Button Area ==*/ .btn { border-radius: 3px; } .btn.dbxshad { -webkit-box-shadow:0px 1px 4px 0px rgba(36, 65, 231, 0.3); -moz-box-shadow:0px 1px 4px 0px rgba(36, 65, 231, 0.3); -o-box-shadow:0px 1px 4px 0px rgba(36, 65, 231, 0.3); box-shadow:0px 1px 4px 0px rgba(36, 65, 231, 0.3); } .btn.circle { border-radius: 27px; } .btn.white { background-color: #ffffff; border-color: #071c35; color: #0e3a6d; } .btn:hover, .btn:active, .btn:focus { box-shadow: none !important; outline: none !important; } button.btn.btn-lg.btn-thm.cusbtn.mt30 { background-color: #d1ab3e; border: 1px solid #d1ab3e; border-radius: 3px; color: #ffffff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 13px; font-weight: 500; text-transform: uppercase; } .btn-thm { background-color: #d1ab3e; border: 1px solid #d1ab3e; border-radius: 3px; color: #ffffff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 13px; font-weight: 500; text-transform: uppercase; } .btn-thm.rounded { background-color: #d1ab3e; border-radius: 5px; color: #ffffff;} .btn-thm:hover, .btn-thm:active, .btn-thm:focus, .btn.btn-typ2:hover, .btn.btn-typ2:active, .btn.btn-typ2:focus{ background-color: #0e3a6d !important; border-color: #0e3a6d !important; color: #ffffff !important; } .btn-thm.white:hover, .btn-thm.white:active, .btn-thm.white:focus{ background-color: #071c35; border-color: #071c35; color: #ffffff; } .btn-thm2 { background-color: #FF783D; border-color: #FF783D; color: #ffffff; border-radius: 3px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-thm2:hover, .btn-thm2:active, .btn-thm2:focus { background-color: #fff; border-color: #FF783D; color: #FF783D; } .btn-thm3 { background-color: #E44548; border: 1px solid #E44548; color: #ffffff; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-thm3:hover, .btn-thm3:active, .btn-thm3:focus { background-color: #ffffff; border-color: #E44548; color: #ff1053;} .btn-dark { background-color: #d1ab3e; border-color: #d1ab3e; color: #ffffff; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-dark:hover, .btn-dark:active, .btn-dark:focus { background-color: #183955; border-color: #183955; color: #ffffff; } .btn-yellow { background-color: #F0C900; border-color: #F0C900; color: #333333; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus { color: #333333; } .btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus { color: #ffffff; } .btn-white { background-color: #ffffff; border-color: #eeeeee; color: #303030; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-white:hover, .btn-white:active, .btn-white:focus { color: #071c35; } .btn-gray { background-color: #9d9d9c; border-color: #9d9d9c; color: #ffffff; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-gray:hover, .btn-gray:active, .btn-gray:focus { background-color: #071c35; color: #ffffff; } .btn-green { background-color: #28B928; border-color: #28B928; color: #ffffff; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-green:hover, .btn-green:active, .btn-green:focus { color: #ffffff; } .btn-blue { background-color: #1c327e; border-color: #1c327e; color: #ffffff; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-blue:hover, .btn-blue:active, .btn-blue:focus { background-color: #071c35; border-color: #071c35; color: #ffffff; } .btn-transparent { background-color: transparent; border-color: #071c35; color: #071c35; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-transparent:hover, .btn-transparent:active, .btn-transparent:focus { background-color: #071c35; color: #ffffff; } .btn-transparent2 { background-color: transparent; border-color: -webkit-linear-gradient(30deg, rgb(69, 104, 220) 0%, rgb(123, 105, 199) 50%, rgb(176, 106, 179) 100%); border-color: -o-linear-gradient(30deg, rgb(69, 104, 220) 0%, rgb(123, 105, 199) 50%, rgb(176, 106, 179) 100%); border-color: -ms-linear-gradient(30deg, rgb(69, 104, 220) 0%, rgb(123, 105, 199) 50%, rgb(176, 106, 179) 100%); border-color: -moz-linear-gradient(30deg, rgb(69, 104, 220) 0%, rgb(123, 105, 199) 50%, rgb(176, 106, 179) 100%); border-color: linear-gradient(60deg, rgb(69, 104, 220) 0%, rgb(123, 105, 199) 50%, rgb(176, 106, 179) 100%); color: #4568dc; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-transparent2:hover, .btn-transparent2:active, .btn-transparent2:focus { background: -webkit-linear-gradient(30deg, rgb(69, 104, 220) 0%, rgb(123, 105, 199) 50%, rgb(176, 106, 179) 100%); background: -o-linear-gradient(30deg, rgb(69, 104, 220) 0%, rgb(123, 105, 199) 50%, rgb(176, 106, 179) 100%); background: -ms-linear-gradient(30deg, rgb(69, 104, 220) 0%, rgb(123, 105, 199) 50%, rgb(176, 106, 179) 100%); background: -moz-linear-gradient(30deg, rgb(69, 104, 220) 0%, rgb(123, 105, 199) 50%, rgb(176, 106, 179) 100%); background: linear-gradient(60deg, rgb(69, 104, 220) 0%, rgb(123, 105, 199) 50%, rgb(176, 106, 179) 100%); color: #ffffff; } .btn-default { font-size: 14px; padding: 8px 15px; } /*== Fonts Size, Font Weights, Height, Display & Position ==*/ .fz6 { font-size: 6px; } .fz11 { font-size: 11px; } .fz12 { font-size: 12px; } .fz13 { font-size: 13px; } .fz14 { font-size: 14px; } .fz15 { font-size: 15px; } .fz16 { font-size: 16px; } .fz17 { font-size: 17px; } .fz18 { font-size: 18px; } .fz19 { font-size: 19px; } .fz20 { font-size: 20px; } .fz24 { font-size: 24px; } .fz26 { font-size: 26px; } .fz30 { font-size: 30px; } .fz40 { font-size: 40px; } .fz45 { font-size: 45px; } .fz48 { font-size: 48px; } .fz50 { font-size: 50px; } .fz55 { font-size: 55px; } .fz60 { font-size: 60px; } .fz72 { font-size: 72px; } .fz100 { font-size: 100px !important; } .lh30 { line-height: 30px; } .h0 { height: 0px; } .h05 { height: 5px !important; } .h10 { height: 10px; } .h20 { height: 20px; } .h25 { height: 25px; } .h30 { height: 30px; } .h35 { height: 35px; } .h40 { height: 40px; } .h45 { height: 45px; } .h50 { height: 50px; } .h55 { height: 55px; } .h60 { height: 60px; } .h65 { height: 65px; } .h70 { height: 70px; } .h75 { height: 75px; } .h80 { height: 80px; } .h85 { height: 85px; } .h90 { height: 90px; } .h95 { height: 95px; } .h100p { height: 100%; } .h100 { height: 100px; } .h150 { height: 150px; } .h200 { height: 200px; } .h250 { height: 250px !important; } .h280 { height: 280px; } .h300 { height: 300px; } .h320 { height: 320px; } .h345 { height: 345px; } .h350 { height: 350px; } .h355 { height: 355px; } .h400 { height: 400px; } .h450 { height: 450px; } .h500 { height: 500px; } .h550 { height: 550px; } .h600 { height: 600px; } .h650 { height: 650px; } .h660 { height: 660px; } .h700 { height: 700px; } .h750 { height: 750px; } .h800 { height: 800px; } .h850 { height: 850px; } .h900 { height: 900px; } .h950 { height: 950px; } .h1000 { height: 1000px; } .wa { width: auto; } .w60 { width: 60px !important; } .w80 { width: 80px !important; } .w100 { width: 100% !important; } .w110 { width: 110px; } .w120 { width: 120px; } .maxw100 { max-width: 100%; } .maxw1600 { max-width: 1600px; } .fw300 { font-weight: 300 !important; } .fw400 { font-weight: 400; } .fw500 { font-weight: 500 !important; } .fw600 { font-weight: 600; } .fw700 { font-weight: 700; } .fw800 { font-weight: 800; } .fw900 { font-weight: 900; } .fwb { font-weight: bold; } .db { display: block; } .dib { display: inline-block; } .dif { display: inline-flex; } .df { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .dfr { display: flow-root; } .dn { display: none !important; } .ovh { overflow: hidden; } .ovv { overflow: visible; } .posa { position: absolute;} .posr { position: relative;} /*== Custome Margin Padding ==*/ .ulockd-pmz { margin: 0; padding: 0; } .p0 { padding: 0 !important; } .p1 { padding: 1; } .p10 { padding: 10px; } .p15 { padding: 15px; } .p20 { padding: 20px; } .p25 { padding: 25px; } .p30 { padding: 30px; } .p35 { padding: 35px; } .p40 { padding: 40px; } .p45 { padding: 45px; } .p50 { padding: 50px; } .p55 { padding: 55px; } .p60 { padding: 60px; } .p65 { padding: 65px; } .p70 { padding: 70px; } .p75 { padding: 75px; } .p80 { padding: 80px; } .pad10 { padding: 10% 5%; } .pad17 { padding-top: 17% !important; } .pt0 { padding-top: 0px !important; } .pt3 { padding-top: 3px !important; } .pt5 { padding-top: 5px; } .pt10 { padding-top: 10px !important; } .pt15 { padding-top: 15px; } .pt20 { padding-top: 20px; } .pt25 { padding-top: 25px; } .pt30 { padding-top: 30px !important; } .pt35 { padding-top: 35px; } .pt40 { padding-top: 40px; } .pt45 { padding-top: 45px; } .pt50 { padding-top: 50px; } .pt55 { padding-top: 55px; } .pt60 { padding-top: 60px; } .pt65 { padding-top: 65px; } .pt70 { padding-top: 70px; } .pt75 { padding-top: 75px; } .pt80 { padding-top: 80px; } .pt85 { padding-top: 85px; } .pt90 { padding-top: 90px; } .pt95 { padding-top: 95px; } .pt100 { padding-top: 100px; } .pt120 { padding-top: 120px; } .pt130 { padding-top: 130px; } .pt140 { padding-top: 140px; } .pt150 { padding-top: 150px; } .pt160 { padding-top: 160px; } .pt170 { padding-top: 170px; } .pt180 { padding-top: 180px; } .pt190 { padding-top: 190px; } .pt200 { padding-top: 200px; } .pt100 { padding-top: 100px; } .pt70 { padding-top: 70px; } .pt70 { padding-top: 70px; } .pt70 { padding-top: 70px; } .pr0 { padding-right: 0; } .pr1 { padding-right: 1px; } .pr5 { padding-right: 5px; } .pr10 { padding-right: 10px; } .pr15 { padding-right: 15px; } .pr20 { padding-right: 20px; } .pr25 { padding-right: 25px; } .pr30 { padding-right: 30px; } .pr35 { padding-right: 35px; } .pr40 { padding-right: 40px; } .pr45 { padding-right: 45px; } .pr50 { padding-right: 50px; } .pr55 { padding-right: 55px; } .pr60 { padding-right: 60px; } .pr65 { padding-right: 65px; } .pr70 { padding-right: 70px; } .pb0 { padding-bottom: 0px !important; } .pb15 { padding-bottom: 15px; } .pb5 { padding-bottom: 5px; } .pb10 { padding-bottom: 10px !important; } .pb15 { padding-bottom: 15px; } .pb20 { padding-bottom: 20px; } .pb25 { padding-bottom: 25px; } .pb30 { padding-bottom: 30px; } .pb35 { padding-bottom: 35px; } .pb40 { padding-bottom: 40px; } .pb45 { padding-bottom: 45px; } .pb50 { padding-bottom: 50px; } .pb55 { padding-bottom: 55px; } .pb60 { padding-bottom: 60px; } .pb65 { padding-bottom: 65px; } .pb70 { padding-bottom: 70px; } .pb75 { padding-bottom: 75px; } .pb80 { padding-bottom: 80px; } .pb85 { padding-bottom: 85px; } .pb90 { padding-bottom: 90px; } .pb95 { padding-bottom: 95px; } .pb100 { padding-bottom: 100px; } .pl0 { padding-left: 0 !important; } .pl1 { padding-left: 1px; } .pl5 { padding-left: 5px; } .pl10 { padding-left: 10px; } .pl15 { padding-left: 15px; } .pl20 { padding-left: 20px; } .pl25 { padding-left: 25px; } .pl30 { padding-left: 30px !important; } .pl35 { padding-left: 35px; } .pl40 { padding-left: 40px; } .pl45 { padding-left: 45px; } .pl50 { padding-left: 50px; } .pl55 { padding-left: 55px; } .pl60 { padding-left: 60px; } .pl65 { padding-left: 65px; } .pl70 { padding-left: 70px; } .pl75 { padding-left: 75px; } .pl80 { padding-left: 80px; } .pl85 { padding-left: 85px; } .pl90 { padding-left: 90px; } .pl95 { padding-left: 95px; } .pl100 { padding-left: 100px; } .prpl0 { padding-left: 0; padding-right: 0; } .prpl5 { padding-left: 5px; padding-right: 5px; } .prpl10 { padding-left: 10px; padding-right: 10px; } .prpl15 { padding-left: 15px; padding-right: 15px; } .prpl20 { padding-left: 20px; padding-right: 20px; } .prpl25 { padding-left: 25px; padding-right: 25px; } .prpl30 { padding-left: 30px; padding-right: 30px; } .prpl35 { padding-left: 35px; padding-right: 35px; } .prpl40 { padding-left: 40px; padding-right: 40px; } .prpl2 { padding-left: 2px; padding-right: 2px; } .ptpb50 { padding-top: 50px; padding-bottom: 50px; } .ptpb60 { padding-top: 60px; padding-bottom: 60px; } .plpr0 { padding-left: 0px; padding-right: 0px; } .m0a{ margin: 0 auto; } .mt-5 { margin-top: -5px; } .mt-6 { margin-top: -6px; } .mt-7 { margin-top: -7px; } .mt-8 { margin-top: -8px; } .mt-9 { margin-top: -9px; } .mt-10 { margin-top: -10px; } .mt-15 { margin-top: -15px; } .mt-20 { margin-top: -20px; } .mt-25 { margin-top: -25px; } .mt-30 { margin-top: -30px; } .mt-35 { margin-top: -35px; } .mt-40 { margin-top: -40px; } .mt-45 { margin-top: -45px; } .mt-50 { margin-top: -50px; } .mt-55 { margin-top: -55px; } .mt-60 { margin-top: -60px; } .mt-65 { margin-top: -65px; } .mt-70 { margin-top: -70px; } .mt-75 { margin-top: -75px; } .mt-80 { margin-top: -80px; } .mt-85 { margin-top: -85px; } .mt-90 { margin-top: -90px; } .mt-95 { margin-top: -95px; } .mt-100 { margin-top: -100px; } .mt-120 { margin-top: -120px; } .mt-150 { margin-top: -150px; } .mt-200 { margin-top: -200px; } .m0 { margin: 0;} .m5 { margin: 5px;} .m10 { margin: 10px !important;} .m15 { margin: 15px;} .m20 { margin: 20px;} .m25 { margin: 25px;} .m30 { margin: 30px;} .m35 { margin: 35px;} .m40 { margin: 40px;} .m45 { margin: 45px;} .m50 { margin: 50px;} .m55 { margin: 55px;} .m60 { margin: 60px;} .m65 { margin: 65px;} .m70 { margin: 70px;} .m75 { margin: 75px;} .m80 { margin: 80px;} .m85 { margin: 85px;} .m90 { margin: 90px;} .m95 { margin: 95px;} .m100 { margin: 100px;} .mt0 { margin-top: 0px !important; } .mt1 { margin-top: 1px; } .mt2 { margin-top: 2px; } .mt3 { margin-top: 3px; } .mt4 { margin-top: 4px; } .mt5 { margin-top: 5px; } .mt8 { margin-top: 8px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt25 { margin-top: 25px !important; } .mt30 { margin-top: 30px; } .mt35 { margin-top: 35px; } .mt40 { margin-top: 40px; } .mt45 { margin-top: 45px; } .mt50 { margin-top: 50px; } .mt60 { margin-top: 60px; } .mt60 { margin-top: 60px; } .mt65 { margin-top: 65px; } .mt70 { margin-top: 70px; } .mt75 { margin-top: 75px; } .mt80 { margin-top: 80px; } .mt85 { margin-top: 85px; } .mt90 { margin-top: 90px; } .mt95 { margin-top: 95px; } .mt100 { margin-top: 100px; } .mt150 { margin-top: 150px; } .mt200 { margin-top: 200px; } .mt250 { margin-top: 250px !important; } .mt300 { margin-top: 3000px; } .mt-30{ margin-top: -30px;} .mr0 { margin-right: 0px; } .mr2 { margin-right: 2px; } .mr3 { margin-right: 3px; } .mr4 { margin-right: 4px; } .mr5 { margin-right: 5px; } .mr6 { margin-right: 6px; } .mr7 { margin-right: 7px; } .mr8 { margin-right: 8px; } .mr9 { margin-right: 9px; } .mr10 { margin-right: 10px; } .mr15 { margin-right: 15px; } .mr20 { margin-right: 20px; } .mr25 { margin-right: 25px; } .mr30 { margin-right: 30px; } .mr35 { margin-right: 35px; } .mr40 { margin-right: 40px; } .mr45 { margin-right: 45px; } .mr50 { margin-right:50px; } .mr55 { margin-right:55px; } .mr60 { margin-right:60px; } .mr65 { margin-right:65px; } .mr70 { margin-right:70px; } .mr75 { margin-right:75px; } .mr80 { margin-right:80px; } .mr85 { margin-right:85px; } .mr90 { margin-right:90px; } .mr95 { margin-right:95px; } .mr100 { margin-right:100px; } .mb0 { margin-bottom: 0px !important; } .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mb30 { margin-bottom: 30px; } .mb35 { margin-bottom: 35px; } .mb40 { margin-bottom: 40px !important; } .mb45 { margin-bottom: 45px; } .mb50 { margin-bottom: 50px !important; } .mb55 { margin-bottom: 55px; } .mb60 { margin-bottom: 60px; } .mb65 { margin-bottom: 65px; } .mb70 { margin-bottom: 70px; } .mb75 { margin-bottom: 75px; } .mb80 { margin-bottom: 80px; } .mb85 { margin-bottom: 85px; } .mb90 { margin-bottom: 90px; } .mb95 { margin-bottom: 95px; } .mb100 { margin-bottom: 100px; } .ml0 { margin-left: 0px; } .ml5 { margin-left: 5px; } .ml10 { margin-left: 10px; } .ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; } .ml25 { margin-left: 25px; } .ml30 { margin-left: 30px; } .ml35 { margin-left: 35px; } .ml40 { margin-left: 40px; } .ml45 { margin-left: 45px; } .ml47 { margin-left: 47px; } .ml50 { margin-left: 50px; } .ml55 { margin-left: 55px; } .ml60 { margin-left: 60px; } .ml65 { margin-left: 65px; } .ml70 { margin-left: 70px; } .ml75 { margin-left: 75px; } .ml80 { margin-left: 80px; } .ml85 { margin-left: 85px; } .ml90 { margin-left: 90px; } .ml95 { margin-left: 95px; } .ml100 { margin-left: 100px; } .zi1 { z-index: 1; } .zi9 { z-index: 9; } .zi-1 { z-index: -1; } .curp{ cursor: pointer; } /*== BackGround Images ==*/ .bg-img1{ background-image: url(../images/background/1.jpg); -webkit-background-size: cover; background-size: cover; background-position: center center; height: 860px; } .bg-img2 { background-attachment: fixed; background-image: url("../images/background/2.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } .bg-img3 { background-attachment: fixed; background-image: url("../images/background/3.jpg"); background-position: center; background-repeat: no-repeat; border-radius: 3px; height: 600px; } .bg-img4 { background-attachment: fixed; background-image: url("../images/background/4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg-img5 { background-attachment: fixed; background-image: url("../images/background/5.jpg"); background-position: center; background-repeat: no-repeat; } .bg-img6 { background-attachment: fixed; background-image: url("../images/background/6.jpg"); background-position: center; background-size: cover; } .bg-img7 { background-attachment: fixed; background-image: url("../images/background/7.jpg"); background-position: center; background-repeat: no-repeat; } .bg-img8 { background-attachment: fixed; background-image: url("../images/background/8.jpg"); background-position: center; background-repeat: no-repeat; } .bg-img9 { background-attachment: fixed; background-image: url("../images/background/9.jpg"); background-position: center; background-repeat: no-repeat; height: 960px; } .bg-img10 { background-attachment: fixed; background-image: url("../images/background/10.jpg"); background-position: center; background-repeat: no-repeat; } .bg-home1{ display: flex; -webkit-background-size: cover; background-size: cover; background-position: center center; /* height: 105vh; */ } .bg-home1.home-one{ background-position: top center; height: 85vh; margin-top: 0px; } .bg-home1 > .container{align-self: end;} .bg-home2{ background-image: url(../images/banner.jpg); -webkit-background-size: cover; background-size: cover; background-position: center center; height: 860px; } .bg-home3{ background-image: url(../images/home/3.jpg); -webkit-background-size: cover; background-size: cover; background-position: center center; } .bg-home4{ background-image: url(../images/home/4.jpg); -webkit-background-size: cover; background-size: cover; background-position: center center; height: 860px; } .bg-home6{ background-image: url(../images/home/6.jpg); -webkit-background-size: cover; background-size: cover; background-position: center center; height: 860px; } .bg-home7{ background-image: url(../images/home/7.jpg); -webkit-background-size: cover; background-size: cover; background-position: center center; height: 860px; } .bg-home10{ background-image: url(../images/home/9.jpg); -webkit-background-size: cover; background-size: cover; background-position: center center; height: 860px; } .bg-ptrn1 { background-attachment: scroll; background-image: url("../images/pattern/1.png"); background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } .bg-ptrn2 { background-attachment: scroll; background-image: url("../images/pattern/2.png"); background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } .bg-ptrn3 { background-attachment: scroll; background-image: url("../images/pattern/3.png"); background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } .bg-ptrn4 { background-attachment: scroll; background-image: url("../images/pattern/4.png"); background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } section { padding: 30px 0; position: relative; } .main-title { position: relative; margin-bottom: 50px; } .main-title h2 { color: #0D263B; font-weight: 600; line-height: 2.375rem; margin-bottom: 10px; margin-top: 0; } .main-title h3 { display: inline-block; margin-bottom: 10px; margin-top: 0; } .main-title p { font-size: 16px; color: #696969; line-height: 1.25rem; margin-bottom: 0; } .main-title p a{ color: #0D263B; font-weight: bold; line-height: 1.5; } .preloader { background-color: #ffffff; background-image: url("../images/preloader.gif"); background-position: center center; background-repeat: no-repeat; height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 99999; } .scrollToHome:hover { color: #ffffff; } .scrollToHome { border-radius: 3px; background-color: #d1ab3e; bottom: 15px; color: #ffffff; display: none; font-size: 18px; height: 45px; line-height: 40px; padding: 3px 10px; position: fixed; right: 20px; text-align: center; width: 45px; z-index: 99999; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .scrollToHome.home4 { background-color: rgba(13, 38, 59, 0.1); color: #0D263B; } .scrollToHome.home8{ background-color: #F5F7FC; color: #0D263B; } .scrollToHome.home3, .scrollToHome.home10{ background-color: rgba(255, 255, 255, 0.1); color: #fff; } /*== BackGround Color White Overlay ==*/ .bgc-overlay-white3:before { background-color: rgba(255, 255, 255, 0.3); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white35:before { background-color: rgba(255, 255, 255, 0.35); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white4:before { background-color: rgba(255, 255, 255, 0.4); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white45:before { background-color: rgba(255, 255, 255, 0.45); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white5:before { background-color: rgba(255, 255, 255, 0.5); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white55:before { background-color: rgba(255, 255, 255, 0.55); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white6:before { background-color: rgba(255, 255, 255, 0.6); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white65:before { background-color: rgba(255, 255, 255, 0.65); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white7:before { background-color: rgba(255, 255, 255, 0.7); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white75:before { background-color: rgba(255, 255, 255, 0.75); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white8:before { background-color: rgba(255, 255, 255, 0.8); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white85:before { background-color: rgba(255, 255, 255, 0.85); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white9:before { background-color: rgba(255, 255, 255, 0.9); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white95:before { background-color: rgba(255, 255, 255, 0.95); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } /*== BackGround Color Black Overlay ==*/ .bgc-overlay-black3:before { background-color: rgba(0, 0, 0, 0.3); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black35:before { background-color: rgba(0, 0, 0, 0.35); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black4:before { background-color: rgba(0, 0, 0, 0.4); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black45:before { background-color: rgba(0, 0, 0, 0.45); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black5:before { background-color: rgba(0, 0, 0, 0.5); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black55:before { background-color: rgba(0, 0, 0, 0.55); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black6:before { background-color: rgba(0, 0, 0, 0.6); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black65:before { background-color: rgba(0, 0, 0, 0.65); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black7:before { background-color: rgba(0, 0, 0, 0.7); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black75:before { background-color: rgba(0, 0, 0, 0.75); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black8:before { background-color: rgba(0, 0, 0, 0.8); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black85:before { background-color: rgba(0, 0, 0, 0.85); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black9:before { background-color: rgba(0, 0, 0, 0.9); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black95:before { background-color: rgba(0, 0, 0, 0.95); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } /*== Parallax Css ==*/ .parallax { /*background-attachment: scroll;*/ background-position: 50% 0px; z-index: 1; position: relative; } /*== Divider Css ==*/ .divider { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; padding: 180px 0 200px; position: relative; } .divider:before { background-color: rgba(13, 38, 59, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .divider.home-style1{ background-attachment: fixed; background-image: url("../images/background/1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } .divider.home-style3{ background-attachment: fixed; background-image: url("../images/background/3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 100px 0; } .divider.home-style8{ background-attachment: fixed; background-image: url("../images/background/3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 100px 0 70px; } .divider.home-style9{ background-attachment: fixed; background-image: url("../images/background/9.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 100px 0; } .divider.home4{ padding: 85px 0; } .divider.home5{ padding: 100px 0 70px; } .business_exposer{ position: relative; } .business_exposer .title{ font-size: 30px; font-weight: 600; line-height: 45px; } .business_exposer .exposer_btn{ background-color: #071c35; border-radius: 3px; color: #ffffff; font-weight: 600; font-size: 13px; line-height: 40px; height: 55px; text-transform: uppercase; width: 176px; } .business_exposer .exposer_btn:hover, .business_exposer .exposer_btn:active, .business_exposer .exposer_btn:focus{ background-color: #ffffff; color: #071c35; } .business_exposer .exposer_btn.style2{ background-color: #FF6E00; color: #ffffff; width: 218px; } .business_exposer .exposer_btn.style2:hover{ background-color: #fff; color: #FF6E00; } .business_exposer .exposer_btn.style3{ background-color: #FFFFFF; color: #FF6E00; width: 218px; } .business_exposer .exposer_btn.style3:hover{ background-color: #FF6E00; color: #fff; } .stay_amplace_btn{ background-color: #6CBF78; border-radius: 3px; color: #ffffff; font-style: normal; font-weight: normal; font-size: 16px; line-height: 40px; height: 55px; width: 200px; } .stay_amplace_btn:hover, .stay_amplace_btn:active, .stay_amplace_btn:focus{ background-color: #ffffff; border-color: #6CBF78; color: #6CBF78; } .divider_home2 { background-position: center center; -webkit-background-size: cover; background-size: cover; overflow: hidden; padding: 130px 0; position: relative; } .divider_home1{ background-color: rgb(29, 41, 62); } .divider_home1:before{ background-image: url("../images/background/2.jpg"); content: ""; height: 100%; left: 0; opacity: .5; position: absolute; top: 0; width: 100%; } .divider_home2:before{ background-color: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .form_control { border-radius: 0; box-shadow: none; height: 45px; } .form_control{ border: none; border-bottom: 2px solid #E6E9EC; padding-left: 0; } .form_control:active, .form_control:focus{ border-bottom: 2px solid #071c35; box-shadow: none; outline: none; } .form_control::placeholder{ color: #696969; font-size: 14px; } .form_control:active::placeholder, .form_control:focus::placeholder, .contact_form.profile textarea.form-control:active::placeholder, .contact_form.profile textarea.form-control:focus::placeholder{ color: #0D263B; } .divider-one h1, .divider-two h1{ font-size: 40px; line-height: 50px; margin-bottom: 50px; } .divider-two h1{ margin-bottom: 120px; } .divider-one .divider-btn{ border: 2px solid #ffffff; border-radius: 25px; color: #ffffff; height: 50px; line-height: 35px; width: 215px; } .divider-one .divider-btn:hover{ border: 2px solid #071c35; } .divider-one p{ margin-bottom: 15px; } .divider2{ padding-bottom: 110px; padding-top: 135px; } .divider2:before{ background-image: url(../images/background/2.html); background-repeat: no-repeat; bottom: 0; content: ""; left: 0; opacity: 0.2; position: absolute; top: 30px; width: 100%; } .divider-two{ position: relative; } .divider-two h3{ font-size: 26px; font-weight: normal; margin-bottom: 50px; } .divider-two p{ margin-bottom: 0; } #mc_embed_signup input{ background-color: transparent; border-bottom: 1px solid #ffffff; border-top: 0; border-left: 0; border-right: 0; color: #ffffff; font-weight: 300; height: 45px; width: 85%; } #mc_embed_signup input:focus{ outline: none; } #mc_embed_signup input::placeholder { color: #ffffff; } #mc_embed_signup .mc-field-group{ margin-bottom: 40px; } #mc_embed_signup .mailchimp_btn{ background-color: transparent; border: 2px solid #ffffff; border-radius: 25px; color: #ffffff; height: 50px; width: 190px; } #mc_embed_signup .mailchimp_btn:hover{ background-color: #ffffff; color: #192675; } .divider-two .wrapper{ text-align: center; } div#countdown .col-xs-6.col-sm-3:first-child{ margin-right: 40px; text-align: left; width: auto; } div#countdown .col-xs-6.col-sm-3{ display: inline-block; } .divider-two .time { color: #fff; font-size: 30px; line-height: normal; } .divider-two .label { color: #ffffff; display: block; font-size: 20px; text-transform: uppercase; } /*== Chart Js Css ==*/ canvas { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .chart-container { width: 100%; } .c_container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } /*== Tags Bar Css ==*/ .selected_filter_widget{ border: 1px solid rgb(237, 239, 247); display: inline-block; height: auto; margin-bottom: 30px; padding: 30px 30px 25px; position: relative; width: 100%; } .selected_filter_widget.style2{ border: 1px solid rgb(237, 239, 247); } .selected_filter_widget.style3{ border:none; padding: 0 15px; } .selected_filter_widget.style4{ background-color: #f9fafc; border-radius: 5px; border:none; padding: 35px; } .selected_filter_widget .tags-bar.style2{ background-color: transparent; border-radius: 0; padding: 0; } .selected_filter_widget.style2 .accordion .link{ font-size: 20px; font-family: Cerebri Sans; color: #0D263B; line-height: 1.2; } .tags-bar { background-color: #f0f0f0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; float: left; padding: 10px; position: relative; width: 100%; } .tags-bar > span { background-color: #edeff7; color: #4f4f4f; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; font-size: 13px; height: 30px; line-height: 55px; margin-right: 5px; padding: 10px 20px; position: relative; width: 125px; } .tags-bar > span i { color: #383535; cursor: pointer; font-size: 12px; font-style: normal; height: 16px; padding-left: 10px; } .tags-bar .action-tags { float: right; } .tags-bar .action-tags a{ color: #939393; font-size: 13px; } .tags-bar .action-tags a i{ font-size: 16px; } #accordion .panel { border: 0; border-radius: 0; margin-top: 0px; } #accordion a { display: block; text-decoration: none; } #accordion .panel-heading a.collapsed:hover, #accordion .panel-heading a.collapsed:focus { color: #0D263B; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #accordion .panel-heading a.collapsed:hover::before, #accordion .panel-heading a.collapsed:focus::before { color: #0D263B; } #accordion .panel-heading { padding: 0; } #accordion .panel-heading a:not(.collapsed) { color: #0D263B; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* arrow fontawesome icon to the right */ #accordion .panel-heading .accordion-toggle::before { font-family: 'FontAwesome'; color: #0D263B; content: "\f107"; float: right; font-weight: lighter; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #accordion .panel-heading .accordion-toggle.collapsed::before { color: #444; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .body_content.translated{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: translateX(330px); -ms-transform: translateX(330px); -o-transform: translateX(330px); transform: translateX(330px); } .listing_sidebar{ position: relative; } .sidebar_content_details { background-color: #ffffff; border: 1px solid #E6E9EC; bottom: 0; height: 100%; left: 0; margin-left: 0; overflow-y: scroll; padding: 80px 0 0; position: fixed; top: 0; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; width: 330px; z-index: 9; -webkit-box-shadow:0px 0px 30px 0px rgba(13, 38, 59, 0.05); -moz-box-shadow:0px 0px 30px 0px rgba(13, 38, 59, 0.05); -o-box-shadow:0px 0px 30px 0px rgba(13, 38, 59, 0.05); box-shadow:0px 0px 30px 0px rgba(13, 38, 59, 0.05); } .sidebar_content_details::-webkit-scrollbar { margin-top: 15px; margin-right: -10px; width: 5px; z-index: 3; } .sidebar_content_details::-webkit-scrollbar * { background:transparent; margin-right: -10px; } .sidebar_content_details::-webkit-scrollbar-track { display: none; } .sidebar_content_details::-webkit-scrollbar-thumb { background-color: #dfdfdf !important; border-radius: 2.5px; margin-right: -10px; } .sidebar_content_details.is-full-width { left: 0; margin-left: -100%; position: fixed; } .sidebar_content_details.is-full-width.style2 { margin-left: 0; } .sidebar_content_details.style2{ border-right: 1px solid #E6E9EC; padding: 0; left: -330px; } .sidebar_content_details.style3{ padding: 0; margin-left: -300%; z-index: 9999; } .sidebar_content_details.style3.listing_page{ top: -75px; } .sidebar_content_details.style3.sidebar_ml0{ margin-left: 0; } .filter_open_btn.listing_page11{ background-color: #071c35; border-radius: 3px; color: #ffffff; cursor: pointer; font-size: 13px; font-weight: 600; height: 55px; left: 30px; line-height: 50px; overflow: hidden; position: absolute; text-align: center; text-transform: uppercase; top: 30px; width: 170px; } .filter_open_btn.listing_page11 span{ font-size: 16px; font-weight: 400; vertical-align: middle; } .sidebar_switch{ position: relative; z-index: 9; } .filteropen, .filteropen2, .filter_open_btn{ cursor: pointer; display: inline-block; font-size: 16px; font-weight: 400; height: 50px; line-height: 45px; position: relative; text-align: center; text-transform: capitalize; width: 140px; z-index: 0; } #open.fa-filter:before, #open.flaticon-close:before, #open2.fa-filter:before, #open2.flaticon-close:before{ left: 0; position: absolute; width: 48px; } .filteropen.style2, .filteropen2.style2{ left: auto; position: relative; right: auto; top: auto; } .sidebar_switch.style .filteropen, .sidebar_switch.style2 .filteropen2{ left: 55px; right: auto; top: 55px; } .listing_toogle_sidebar.sidenav { background-color: #fafafa; border: 1px solid #dddddd; border-top: none; height: 875px; left: 0; overflow-x: hidden; padding: 0 0 70px; position: fixed; top: 170px; width: 380px; z-index: 1; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -webkit-transform: translate(-100%, -80px); -moz-transform: translate(-100%, -80px); -o-transform: translate(-100%, -80px); transform: translate(-100%, -80px); } .listing_toogle_sidebar.sidenav a { display: block; padding: 0; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .listing_toogle_sidebar.sidenav .closebtn { font-size: 36px; margin-left: 50px; position: absolute; top: 0; right: 25px; } .listing_toogle_sidebar.sidenav::-webkit-scrollbar { background: transparent; border-radius: 10px; padding-right: 10px; width: 8px; } .listing_toogle_sidebar.sidenav::-webkit-scrollbar-thumb { background-color: #ededed; border-radius: 3px; margin-right: 5px; } .mobile_style{ padding-left: 15px; } .mobile_style span{ background-color: #F4F4F4; border-radius: 3px; color: #696969; height: 40px; padding: 10px 25px; text-align: center; } .mobile_style span:hover{ cursor: pointer; } /* Shop Page Style*/ .sp_search_content{ border-radius: 3px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin: 0 0 30px; position: relative; width: 100%; } .search_result{ display: inline-block; } .search_drpdwn{ display: inline-block; float: right; } .search_drpdwn button.btn.dropdown-toggle.btn-light{ background-color: transparent; border: none; } .search_drpdwn button.btn.dropdown-toggle.btn-light:hover, .search_drpdwn button.btn.dropdown-toggle.btn-light:active, .search_drpdwn button.btn.dropdown-toggle.btn-light:focus{ border: none; box-shadow: none; outline: none !important; } .search_drpdwn .filter-option-inner-inner{ color: #777777; } .sp_search_content .bootstrap-select>.dropdown-toggle{ background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; color: #696969; height: 45px; line-height: 35px; } .sp_search_content .bootstrap-select>.dropdown-toggle:hover, .sp_search_content .bootstrap-select>.dropdown-toggle:focus, .sp_search_content .bootstrap-select>.dropdown-toggle:active{ background-color: #ffffff; color: #696969; box-shadow: none; outline: none !important; } .sp_search_content .dropdown-item.active, .sp_search_content .dropdown-item:active{ background-color: transparent; color: #0e3a6d; } .sp_search_content .right_area ul{ margin-bottom: 0; } .sp_search_content .right_area .listone{ color: #0D263B; } .sp_search_content .bootstrap-select>.dropdown-toggle{ background-color: transparent; } .sp_search_content .bootstrap-select>.dropdown-toggle:hover, .sp_search_content .bootstrap-select>.dropdown-toggle:focus, .sp_search_content .bootstrap-select>.dropdown-toggle:active{ background-color: transparent; } .sp_search_content .right_area .listone, .sp_search_content .right_area .listtwo{ border-radius: 3px; margin-top: 0; padding: 0 15px; } .sp_search_content .right_area ul li:first-child{ position: relative; } .sp_search_content .right_area ul li:first-child .dropdown.bootstrap-select.show-tick, .sp_search_content .right_area ul li:first-child button.btn.dropdown-toggle{ border: none; box-shadow: none; padding-left: 0; padding-right: 0; width: 100px; } .sp_search_content .right_area.style2 ul li:first-child button.btn.dropdown-toggle{ border: none; box-shadow: none; padding-left: 0; padding-right: 0; width: 120px; } .sp_search_content .right_area ul li:last-child .dropdown.bootstrap-select.show-tick, .sp_search_content .right_area ul li:last-child button.btn.dropdown-toggle{ border: none; box-shadow: none; padding-left: 0; padding-right: 0; width: 120px; } .sp_search_content .right_area .bootstrap-select .dropdown-menu li a{ color: #696969; font-size: 14px; line-height: 36px; } .sp_search_content .right_area ul.dropdown-menu.inner li{ overflow: hidden; } .sp_search_content .right_area ul li .filter-option-inner-inner{ font-size: 14px; font-family: Cerebri Sans; } .sp_search_content .right_area ul li span.stts, .sp_search_content .right_area ul li span.shrtby{ font-size: 15px; font-family: Cerebri Sans; color: #0D263B; } .sp_search_content .right_area .bootstrap-select.show-tick .dropdown-menu li.active a{ font-weight: 600; color: #0D263B; } .sp_search_content .right_area .bootstrap-select.show-tick .dropdown-menu li a:hover, .sp_search_content .right_area .bootstrap-select.show-tick .dropdown-menu li a:hover span.text{ background-color: transparent; color: #0D263B; font-weight: 600; } .shop_grid{ background-color: #ffffff; border: 1px solid #E6E9EC; border-radius: 3px; cursor: pointer; margin-bottom: 30px; padding: 30px; position: relative; text-align: center; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .shop_grid:hover{ -webkit-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); -moz-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); -o-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); } .shop_grid .thumb{ position: relative; } .shop_grid .details{ padding: 20px 0 0; position: relative; } .shop_grid .details .price_content{ position: relative; } .shop_grid .details .item-tile{ color: #0D263B; font-family: Cerebri Sans; font-size: 16px; font-weight: 600; line-height: 20px; margin-bottom: 5px; } .shop_grid .details .price{ font-family: Cerebri Sans; color: #696969; font-size: 14px; line-height: 18px; margin-bottom: 20px; } .shop_grid .details .add_to_cart{ border: 1px solid #071c35; border-radius: 3px; color: #071c35; font-family: Cerebri Sans; font-size: 13px; font-weight: 600; height: 55px; line-height: 1.2; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .shop_grid:hover .details .add_to_cart{ background-color: #071c35; color: #fff; } .shop_grid .details .add_to_cart span{ margin-right: 7px; } /* Shop Order Page Style */ .order_complete_message{ position: relative; } .order_complete_message .icon{ border-radius: 50%; height: 80px; line-height: 80px; margin: 0 auto 20px; width: 80px; } .shop_order_box{ position: relative; } .shop_order_box .order_list_raw{ background-color: #fff; border: 1px dashed #071c35; border-radius: 3px; margin-bottom: 60px; margin-top: 60px; padding: 40px 0; text-align: center; } .shop_order_box .order_list_raw ul{ margin-bottom: 0; } .shop_order_box .order_list_raw ul li{ margin-right: 80px; text-align: left; } .shop_order_box .order_list_raw ul li:last-child{ margin-right: 0px; } .shop_order_box .order_list_raw ul li h5{ font-size: 15px; font-family: Cerebri Sans; color: #0D263B; line-height: 22px; margin-bottom: 4px; } .shop_order_box .order_list_raw ul li p{ color: #696969; font-size: 15px; line-height: 22px; } .shop_order_box .order_details{ background-color: #fff; border-radius: 3px; padding: 60px 60px 20px; -webkit-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); } .shop_order_box .order_details .title{ color: #202124; line-height: 23px; margin-bottom: 40px; } .shop_order_box .order_details .od_content{ margin-bottom: 60px; } .shop_order_box .order_details .od_content .subtitle p{ color: #0D263B; font-size: 14px; font-weight: 600; } .shop_order_box .order_details .od_content .subtitle span { color: #0D263B; font-weight: 600; font-size: 14px; } /*== Shop Chaeckout Page Style ==*/ .checkout_form{ position: relative; } .checkout_form.style2{ position: relative; } .checkout_form .checkout_coupon .form1{ display: block; margin-bottom: 60px; padding-top: 10px; text-align: center; } .checkout_form .checkout_coupon form input{ background-color: transparent; border: none; border-bottom: 2px solid #E6E9EC; border-radius: 0; color: #696969; font-size: 14px; height: 55px; line-height: 18px; margin-right: 24px; padding-left: 0; } .checkout_form .checkout_coupon form input.form_control:active, .checkout_form .checkout_coupon form input.form_control:focus, .checkout_form .checkout_coupon form textarea:active, .checkout_form .checkout_coupon form textarea:focus, .checkout_form .checkout_coupon form input.coupon_input:focus{ border-bottom: 2px solid #071c35; color: #0D263B; } .checkout_form .checkout_coupon form input.form_control:active::placeholder, .checkout_form .checkout_coupon form input.form_control:focus::placeholder{ color: #0D263B; } .checkout_form .checkout_coupon form input.coupon_input{ background-color: transparent; border-bottom: 2px solid #E6E9EC; border-radius: 0; font-size: 14px; color: #696969; height: 55px; margin-right: 24px; width: 215px; } .checkout_form .checkout_coupon form textarea{ background-color: transparent; border: none; border-bottom: 2px solid #E6E9EC; border-radius: 0; font-size: 14px; color: #0D263B; line-height: 1.2; padding: 0; } .checkout_form .checkout_coupon form button{ border-radius: 3px; color: #ffffff; font-size: 13px; font-weight: normal; height: 50px; line-height: 1.2; margin-bottom: 0; width: 170px; } .checkout_form .checkout_coupon form button:hover{ background-color: #ffffff; color: #3e4c66; } .checkout_form .checkout_coupon form button.btn2{ background-color: #fff; border: 1px solid #071c35; border-radius: 4px; color: #071c35; font-size: 13px; font-weight: 600; margin-right: 24px; text-transform: uppercase; } .checkout_form .checkout_coupon form button.btn2:hover{ background-color: #071c35; color: #fff; } .checkout_form .checkout_coupon form button.btn3{ border-radius: 0; color: #071c35; font-size: 14px; font-weight: normal; line-height: 1.2; height: 50px; position: absolute; right: 0; text-decoration: underline; width: 170px; } .checkout_form .checkout_coupon form button.btn3:hover{ background-color: #ffffff; color: #071c35; } .checkout_form .checkout_coupon .form2 .my_profile_select_box .dropdown.bootstrap-select button.btn{ width: 100%; } .checkout_form .checkout_coupon .form2 .my_profile_select_box .dropdown-item.active, .checkout_form .checkout_coupon .form2 .my_profile_select_box .dropdown-item:active{ background-color: transparent; color: #6f7074; } .checkout_form .checkout_coupon .form2 .form-group{ margin-bottom: 30px; } .checkout_form .checkout_coupon .form2 label{ font-size: 15px; color: #0D263B; line-height: 22px; } .checkout_form .checkout_coupon .form2 .ai_title{ font-size: 18px; color: #0D263B; font-weight: bold; line-height: 1.2; margin-bottom: 20px; margin-top: 10px; } .checkout_form .checkout_coupon .form2 p{ font-size: 16px; color: #0D263B; font-weight: bold; line-height: 1.75; } .order_sidebar_widget{ background-color: #fff; border: 1px solid #E6E9EC; border-radius: 3px; padding: 30px 30px 15px; position: relative; -webkit-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); } .order_sidebar_widget.style2{ background-color: #fff; padding: 30px; } .order_sidebar_widget .title{ color: #0D263B; font-size: 18px; line-height: 23px; margin-bottom: 40px; } .order_sidebar_widget .subtitle p, .order_sidebar_widget .subtitle.style2 span{ color: #0D263B; font-size: 14px; font-weight: 600; } .order_sidebar_widget .subtitle span, .order_sidebar_widget .subtitle .totals{ color: #696969; font-size: 15px; font-weight: normal; } .payment_widget{ background-color: #fff; border: 1px solid #E6E9EC; border-radius: 3px; padding: 30px; -webkit-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); } .payment_widget .bt_details{ margin-bottom: 7px; padding: 0 0 0 30px; } .payment_widget .bt_details p{ font-size: 15px; font-family: Cerebri Sans; color: #696969; line-height: 24px; margin-bottom: 0; } .payment_widget .custom-control-label{ color:#0D263B; font-size: 14px; font-weight: 600; } .payment_widget_btn .btn-block{ font-size: 13px; font-weight: 600; margin-top: 30px; text-transform: uppercase; width: 100%; } .cart-wrapper{ background-color: #fff; border-radius: 3px; padding: 30px; -webkit-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); } .cart_page_form{ margin-bottom: 30px; overflow: hidden; } .cart_page_form thead{ display: block; } .cart_page_form table{ color: #696969; } .cart_page_form table.table.table-responsive{ border-radius: 8px 8px 0 0; margin-bottom: 0; } .cart_page_form tr.carttable_row{ border: none; border-bottom: 1px solid #E6E9EC; display: block; } .cart_page_form tr.carttable_row th:first-child{ width: 47%; } .cart_page_form tr.carttable_row th:nth-child(2).cartm_title{ width: 19%; } .cart_page_form tr.carttable_row th:nth-child(3).cartm_title{ width: 15%; } .cart_page_form tr.carttable_row th:nth-child(4).cartm_title{ width: 20%; } .cart_page_form tr.carttable_row th.cartm_title{ border: none; color: #0D263B; font-size: 18px; font-weight: 600; padding-bottom: 20px; padding-top: 0; } .table_body .cart_list{ margin-bottom: 0; } .table_body .cart_list img{ border-radius: 3px; height: 140px; width: 160px; } .cart_page_form .table_body td, .cart_page_form .table_body th{ border-bottom: 1px solid #E6E9EC; border-top: none; padding: 16px 0; vertical-align: middle; } .cart_page_form.style2 .table_body td, .cart_page_form.style2 .table_body th{ padding: 30px 31px; vertical-align: middle; } .cart_page_form.style2 .table_body th{ width: 55%; } .cart_page_form.style2 .table_body td{ width: 13%; } .cart_page_form.style3 .table_body td, .cart_page_form.style3 .table_body th{ border-bottom: 1px solid #E6E9EC; } .cart_page_form.style3{ border:none; } .cart_page_form.style3 .table_body tr{ border-left: 1px solid #dedede; border-right: 1px solid #dedede; } .cart_page_form.style3 .table_body td{ width: 0%; } .cart_page_form.style3 .table_body th{ width: 52%; } .order_key_status li:last-child span{ margin-left: 54px; } .cart_page_form.style3 tr.borderless_table_row{ border-left: none; border-right: none; } .cart_page_form.style3 tr.borderless_table_row th, .cart_page_form.style3 tr.borderless_table_row td, .cart_page_form.style3 tr.borderless_table_row.style2 th, .cart_page_form.style3 tr.borderless_table_row.style2 td{ border: none; } .cart_page_form tbody.table_body{ display: inline-table; width: 100%; } .cart_page_form tbody.table_body th .cart_list .cart_title{ color: #2F2D51; font-size: 16px; font-weight: 600; line-height: 20px; } .cart_page_form tbody.table_body th .cart_list li { vertical-align: middle; } .cart_page_form tbody.table_body td .cart_count{ border: 1px solid #E6E9EC; border-radius: 3px; font-size: 15px; color: #696969; height: 50px; line-height: 1.2; width: 70px; } .cart_page_form tbody.table_body td .cart_count:focus{ outline: none; } .order_key_status li{ font-size: 18px; font-family: Cerebri Sans; color: rgb(10, 10, 10); line-height: 2.222; } .order_key_status li span{ font-size: 15px; font-family: Cerebri Sans; color: rgb(126, 126, 126); line-height: 2.667; margin-left: 75px; } /* Shop Single Page Style */ .single_product_grid{ background-color: #ffffff; border: 1px solid #E6E9EC; border-radius: 3px; margin: 0; padding: 100px 0; position: relative; text-align: center; -webkit-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); } .single_product_grid .sps_content .content{ text-align: left; } .shop_single_product_details{ background-color: #fff; border: 1px solid #E6E9EC; border-radius: 3px; padding: 30px 30px 10px; position: relative; -webkit-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); } .shop_single_product_details p{ font-size: 15px; font-family: Cerebri Sans; color: #696969; line-height: 21.68px; } .shop_single_product_details h4{ color: #0D263B; font-size: 22px; font-family: Cerebri Sans; font-weight: 500; line-height: 1.182; margin-bottom: 15px; } .shop_single_product_details .cart_btns input{ background-color: #ffffff; border: 1px solid #E6E9EC; border-radius: 3px; color: #696969; font-size: 15px; font-weight: normal; height: 50px; line-height: 21.68px; text-align: center; width: 110px; } .shop_single_product_details .sspd_price{ font-size: 24px; color: #0D263B; font-weight: 600; line-height: 30px; } .shop_single_product_details .sspd_price small{ color: #696969; font-size: 14px; line-height: 20px; } .shop_single_product_details .cart_btns input:focus{ outline: none; } .shop_single_product_details .cart_btns button.btn { background-color: #071c35; border-radius: 3px; font-size: 13px; font-weight: 600; color: #ffffff; height: 55px; text-transform: uppercase; width: 240px; } .shop_single_product_details .cart_btns button.btn:hover{ background-color: #0e3a6d; border: 1px solid #071c35; color: #ffffff; } .favorite_icon{ background-color: rgba(0, 97, 223, 0.07); border-radius: 50%; height: 55px; line-height: 60px; text-align: center; width: 55px; } .favorite_icon span{ color: #071c35; font-size: 18px; } .favorite_icon:hover{ cursor: pointer; } .shop_single_product_details .sspd_sku li a{ color: #696969; line-height: 30px; } .shop_single_product_details .sspd_social_icon li:first-child{ font-size: 18px; font-family: Cerebri Sans; color: rgb(59, 59, 59); line-height: 1.333; padding-right: 10px; } .shop_single_product_details .sspd_social_icon li{ padding-right: 20px; } .shop_single_product_details .sspd_social_icon li a{ font-size: 16px; font-family: "FontAwesome"; color: #b6b9c7; line-height: 1.2; } .shop_single_product_details .sspd_social_icon li:hover a{ color: rgb(72, 73, 77); } .product_single_content .mbp_pagination_comments .mbp_first.media .media-body p{ font-size: 14px; font-family: Cerebri Sans; color: #696969; line-height: 1.857; } .product_single_content.style2{ border-style: solid; border-width: 2px; border-color: rgb(237, 239, 247); border-radius: 5px; background-color: rgba(42, 53, 59, 0); } .product_single_content .mbp_pagination_comments .mbp_first.media h4.sub_title ul li a{ color: #696969; font-family: "FontAwesome"; font-size: 10px; line-height: 11px; text-align: right; } .product_single_content .mbp_pagination_comments .mbp_first.media h4.sub_title .sspd_review ul li{ margin-right: 2px; } .cs_rwo_tabs.csv2 .nav-tabs{ border-bottom: none; } .cs_rwo_tabs.csv2 .nav-tabs .nav-link{ border: 1px solid transparent; font-size: 18px; font-family: Cerebri Sans; color: #0D263B; height: 64px; line-height: 2.5; text-align: center; width: 165px; } .cs_rwo_tabs.csv2 .nav-tabs .nav-link:hover{ border: 1px solid transparent; } .cs_rwo_tabs.csv2 .nav-tabs .nav-link.active{ background-color: #ffffff; -webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.09); position: relative; } .cs_rwo_tabs.csv2 .nav-tabs .nav-link.active:before{ background-color: #ffffff; content:""; height: 18px; left: 0; margin-left: 75px; margin-top: 46px; position: absolute; right: 0; width: 18px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .shop_single_tab_content{ background-color: #ffffff; border: 1px solid #E6E9EC; border-radius: 3px; padding: 30px; -webkit-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow:0px 10px 30px rgba(13, 38, 59, 0.05); } .shop_single_tab_content.style3 .nav-tabs{ border-bottom: none; } .shop_single_tab_content.style3 .nav-tabs li.nav-item{ padding: 0 0 0 30px; } .shop_single_tab_content.style3 .nav-tabs .nav-link{ padding-top: 0; } .shop_single_tab_content.style3 .nav-tabs .nav-link{ font-size: 16px; font-weight: 400; } .ls_barchart{ max-height: 345px !important; } .shop_single_tab_content .mbp_pagination_comments{ margin-top: 0; position: relative; } .shop_single_tab_content .nav-tabs{ border-bottom: 1px solid #ebebeb; } .shop_single_tab_content .nav-tabs li.nav-item{ padding: 15px 0 0 30px; } .shop_single_tab_content.style3 .nav-tabs{ border-bottom: none; } .shop_single_tab_content.style3 .nav-tabs li.nav-item{ padding: 0 0 0 30px; } .shop_single_tab_content.style3 .nav-tabs .nav-link{ padding-top: 0; } .shop_single_tab_content.style3 .nav-tabs .nav-link{ font-size: 16px; font-weight: 400; } ul.total_reivew_view { cursor: pointer; margin-bottom: 0; padding: 30px 30px 0; position: relative; width: 100%; } ul.total_reivew_view li.sub_titles{ font-size: 18px; font-family: Cerebri Sans; color: #0D263B; font-weight: bold; line-height: 1.2; margin-right: 10px; } ul.total_reivew_view li.avrg_review{ font-size: 14px; font-family: Cerebri Sans; color: #767676; line-height: 2.143; } ul.total_reivew_view li.write_review{ font-size: 14px; font-family: Cerebri Sans; color: #071c35; line-height: 2.57; position: absolute; right: 30px; } ul.total_reivew_view .star_list li{ margin-right: 4px; } ul.total_reivew_view .star_list li a{ font-size: 14px; font-family: "FontAwesome"; color: #bcc52a; line-height: 2.143; } ul.total_reivew_view .star_list li:last-child a{ color: #e1e1e1; } .shop_single_tab_content .mbp_pagination_comments .mbp_first.media{ padding: 30px 30px 20px; } .shop_single_tab_content .mbp_pagination_comments .mbp_first.media .media-body h4.sub_title{ margin-bottom: 0; } .mbp_comment_form.style2{ padding: 10px 30px 30px; } .bsp_reveiw_wrt{ margin-bottom: 30px; } .mbp_comment_form.style2 h4, .bsp_reveiw_wrt h4{ font-size: 18px; font-family: Cerebri Sans; color: #0D263B; font-weight: bold; line-height: 1.2; margin-bottom: 25px; } .mbp_comment_form.style2 ul{ margin-bottom: 20px; } .mbp_comment_form.style2 .sspd_review .review_rating_para, .review_star li p{ font-size: 14px; font-family: Cerebri Sans; color: #0D263B; line-height: 1.714; padding-left: 10px; } .mbp_comment_form.style2 .sspd_review li, .review_star li, .review_star li .sspd_review ul li{ margin-right: 0; } .mbp_comment_form.style2 .sspd_review li ul li a, .review_star li ul li a{ font-size: 14px; font-family: "FontAwesome"; color: #bcc52a; line-height: 2.143; } .mbp_comment_form.style2 .sspd_review li ul li:last-child a, .review_star li ul li:last-child a{ color: #e1e1e1; } .mbp_comment_form.style2 .comments_form, .bsp_reveiw_wrt .comments_form{ background-color: transparent; padding: 0; } .single_page_review_form{ border: 1px solid #E6E9EC; border-radius: 3px; padding: 50px; position: relative; } .single_page_review_form .form-group{ margin-bottom: 25px; } .single_page_review_form .form-group input{ border: 1px solid #E6E9EC; border-radius: 3px; height: 55px; padding-left: 20px; } .single_page_review_form textarea{ border: 1px solid #E6E9EC; border-radius: 3px; padding: 20px; } .single_page_review_form .review_form .btn{ background: linear-gradient(297.21deg, #071c35 0%, #4567D5 92.82%); border-radius: 3px; font-size: 15px; height: 55px; line-height: 45px; max-width: 300px; width: 100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .single_page_review_form .review_form .btn:hover, .single_page_review_form .review_form .btn:active, .single_page_review_form .review_form .btn:focus{ background: #ffffff; border: 1px solid #071c35; color: #071c35; } .review_star ul li{ margin-right: 3px !important; } .review_star ul li a{ font-size: 10px; color: #696969; } .bsp_reveiw_wrt .comments_form .form-group input{ border: none; border-bottom: 2px solid #E6E9EC; border-radius: 0; color: #696969; font-size: 14px; height: 55px; line-height: 18px; margin-bottom: 20px; padding-left: 0; } .bsp_reveiw_wrt .comments_form .form-group input:focus, .bsp_reveiw_wrt .comments_form .form-group input:active, .mbp_comment_form.style2 .comments_form .form-group textarea:focus, .mbp_comment_form.style2 .comments_form .form-group textarea:active, .bsp_reveiw_wrt .comments_form .form-group textarea:active, .bsp_reveiw_wrt .comments_form .form-group textarea:visited{ border-bottom: 2px solid #071c35; color: #0D263B; } .mbp_comment_form.style2 .comments_form .form-group textarea, .bsp_reveiw_wrt .comments_form .form-group textarea{ border: none; border-bottom: 2px solid #E6E9EC; border-radius: 0; color: #0D263B; font-size: 14px; line-height: 18px; margin-bottom: 20px; padding: 20px 0px; } .mbp_comment_form.style2 .comments_form button.btn, .bsp_reveiw_wrt .comments_form button.btn{ background-color: #071c35; border-radius: 3px; color: #ffffff; font-size: 13px; font-weight: 600; height: 55px; line-height: 40px; text-transform: uppercase; width: 250px; } .mbp_comment_form.style2 .comments_form button.btn:hover, .mbp_comment_form.style2 .comments_form button.btn:focus, .bsp_reveiw_wrt .comments_form button.btn:hover, .bsp_reveiw_wrt .comments_form button.btn:focus{ background-color: #0e3a6d; color: #ffffff; } .custom_hr{ position: relative; } .custom_hr:before { background-color: #ebebeb; content: ""; height: 1px; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .custom_hr.style3:before{ top: 30px; } .become_instructor_container{ position: relative; } .become_instructor_container .titles{ color: #0D263B; font-family: Cerebri Sans; font-size: 24px; font-weight: 600; line-height: 1.3; margin-bottom: 30px; } /* Google map Multiple marker with content box */ .home_two_map.style2{ display: table-footer-group; position: relative; } .map-canvas.half_style{ bottom: 0; height: 100%; left: 0; position: absolute !important; right: 0; top: 0; width: 100%; } .gm-style .gm-style-iw-c{ background-color: #ffffff; -webkit-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); -o-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); border-radius: 3px; top: 15px; max-height: 321px !important; max-width: 290px !important; } .gm-style .gm-style-iw-t::after{ top: 15px; } button.gm-ui-hover-effect { background-color: #ffffff !important; border-radius: 5px; border: 0 !important; color: inherit; font-size: 30px; height: 35px; line-height: 30px; outline: none; opacity: 1; position: absolute !important; right: 10px !important; text-align: center; top: 15px !important; width: 35px; } button.gm-ui-hover-effect:hover, button.gm-ui-hover-effect:focus { opacity: 1; } .gm-style-iw-d{ height: auto; width: 290px; } .gm-style-iw-d img{ margin-bottom: 15px; max-height: 175px; max-width: 270px; width: 100%; } .gm-style-iw-d h5{ font-size: 14px; font-family: Cerebri Sans; color: #071c35; line-height: 1.2; } .gm-style-iw-d h4 { font-size: 16px; font-family: Cerebri Sans; color: #0D263B; font-weight: bold; line-height: 1.2; } .gm-style-iw-d p { font-size: 14px; font-family: Cerebri Sans; color: #0D263B; line-height: 1.2; } .gm-style-iw-d p span{ margin-right: 10px; } /*== Invoice Page ==*/ .invoice_table { background-color: #ffffff; border: 1px solid #E6E9EC; border-radius: 3px; position: relative; padding: 30px; -webkit-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); } .invoice_table .table{ border-radius: 3px; margin-bottom: 0; overflow: hidden; } .invoice_table .table tr{ border: 1px solid #E6E9EC; } .invoice_table .table th{ color: #0D263B; font-size: 16px; line-height: 20px; } .invoice_table .table th, .invoice_table .table td{ padding: 30px 25px; } .invoice_table .table td{ color: #696969; font-size: 14px; line-height: 18px; } .invoice_table.property .table td{ vertical-align: middle; } .invoice_table.property .table td.pending_color{ color: #CC5040; } .invoice_table.property .table th{ padding-right: 0; } /* PROGRESS BAR Start*/ .progress-levels { position: relative; } .progress-levels .progress-box { position: relative; margin-bottom: 25px; overflow: hidden; } .progress-levels .progress-box .bar { position: relative; height: 10px; } .progress-levels .progress-box .bar .bar-innner { background-color: #dfdfdf; border-radius: 10px; height: 10px; position: relative; left: 0px; top: 0px; width: 100%; } .progress-levels .progress-box .bar .bar-fill { background-color: #0e3a6d; border-radius: 10px; left: -100%; height: 10px; position: absolute; top: 0px; width: 0px; -webkit-transition: all 2000ms ease 300ms; -o-transition: all 2000ms ease 300ms; transition: all 2000ms ease 300ms; } .progress-levels .progress-box.animated .bar .bar-fill { left: 0px; } .progress-levels .progress-box.animated .percent { opacity: 1; } .progress-levels .progress-box .percent { color: #222222 !important; font-size: 15px; line-height: 36px; opacity: 0; position: absolute; right: 0px; text-align: center; top: -35px; -webkit-transition: all 2000ms ease 700ms; -o-transition: all 2000ms ease 700ms; transition: all 2000ms ease 700ms; } .progress-levels:last-child { margin-bottom: 0px; } /* PROGRESS BAR END*/ /* Addui Slider for Pricing Range Slider Start*/ .addui-slider { display: block; box-sizing: border-box; } .addui-slider * { box-sizing: border-box; } .addui-slider:not(.addui-slider-isrange) { cursor: pointer; } .addui-slider .addui-slider-track { display: block; position: relative; background: #dfdfdf; border-radius: 10px; } .addui-slider .addui-slider-track .addui-slider-range { display: block; background: #3f51b5; border-radius: 4px; position: absolute; } .addui-slider .addui-slider-track .addui-slider-handle { display: block; width: 50px; height: 50px; position: absolute; border-radius: 50px; cursor: pointer; z-index: 0; } .addui-slider .addui-slider-track .addui-slider-handle .addui-slider-value { display: block; float: right; width: 60px; height: 40px; border-radius: 50%; margin-top: 0px; color: white; opacity: 0; pointer-events: none; transition: opacity 1s, background 1s, transform 1s, margin 1s, border-radius 1s; transform: scale(1, 0) rotate(0deg); transform-style: preserve-3d; position: absolute; z-index: 1; } .addui-slider .addui-slider-track .addui-slider-handle .addui-slider-value span { color: #0D263B; display: block; line-height: 40px; position: absolute; text-align: center; width: 100%; z-index: 1; } .addui-slider .addui-slider-track .addui-slider-handle:hover .addui-slider-value { background: #dfdfdf; opacity: 1; transform: scale(1, 1) rotate(0deg); margin-top: -35px; border-radius: 4px; } .addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active .addui-slider-value { opacity: 1; transform: scale(1, 1) rotate(0deg); margin-top: -35px; border-radius: 4px; } .addui-slider .addui-slider-track .addui-slider-handle:after { background: #ffffff; border: 2px solid #0e3a6d; border-radius: 50%; content: " "; display: block; height: 30px; left: 13px; position: relative; top: 13px; width: 30px; } .addui-slider.addui-slider-vertical { height: calc(100% - 50px); width: 50px; margin: 25px 16px; } .addui-slider.addui-slider-vertical .addui-slider-track { height: 100%; width: 4px; top: 0; left: 23px; } .addui-slider.addui-slider-vertical .addui-slider-track .addui-slider-range { width: 4px; height: auto; } .addui-slider.addui-slider-vertical .addui-slider-track .addui-slider-handle { left: -24px; top: auto; transform: translateY(50%); } .addui-slider.addui-slider-vertical .addui-slider-track .addui-slider-handle.addui-slider-handle-l { z-index: 2; } .addui-slider.addui-slider-horizontal { height: 50px; width: 100%; } .addui-slider.addui-slider-horizontal .addui-slider-track { height: 6px; width: 100%; top: 23px; left: 0; } .addui-slider.addui-slider-horizontal .addui-slider-track .addui-slider-range { width: auto; height: 6px; } .addui-slider.addui-slider-horizontal .addui-slider-track .addui-slider-handle { left: auto; top: -24px; transform: translateX(-50%); } /* Addui Slider for Pricing Range Slider End*/ /* Listing Page Table */ .editing_list ul{ margin-bottom: 0; } .editing_list ul li{ border-radius: 50%; height: 35px; line-height: 35px; text-align: center; width: 35px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .editing_list ul li:hover{ background-color: #F6F8F9; } .editing_list ul li a{ color: #696969; font-size: 13px; } /*Range Slider UI Layouts*/ .uilayout_range { position: relative; } .uilayout_range .asRange .asRange-pointer{ background-color: #fff; border-radius: 50%; height: 30px; left: 30%; margin-left: -4px; position: absolute; top: -13px; width: 30px; z-index: 2; } .uilayout_range .asRange .asRange-pointer .asRange-tip{ background-color:#E6E9EC; border:1px solid #E6E9EC; border-radius:3px; color:#0D263B; font-size:14px; height:40px; left:0; line-height:40px; margin-left:-14px; position:absolute; text-align:center; top:-50px; width:60px; -webkit-transition:opacity .3s ease-in-out 0s; transition:opacity .3s ease-in-out 0s; } /* Author Content */ .author_content{ position: relative; } .author_review li{ margin-right: 0 !important; } .author_details { padding-top: 20px; } .author_review li a{ color: #696969; font-family: "FontAwesome"; font-size: 10px; line-height: 11px; } .author_content .send_btn{ background: linear-gradient(297.21deg, #071c35 0%, #4567D5 92.82%); border: 1px solid #071c35; border-radius: 3px; font-size: 16px; height: 55px; line-height: 35px; width: 200px; } .author_content .send_btn:hover, .author_content .send_btn:active, .author_content .send_btn:focus{ background: #fff; border: 1px solid #fff; color: #071c35; } /* == Gallery == */ .gallery_item{ margin-bottom: 30px; position: relative; } .gallery_item img{ border-radius: 3px; } .gallery_item .gallery_overlay{ background-color: #ffffff; border-radius: 50%; bottom: 0; height: 50px; left: 0; line-height: 40px; margin: 0 auto; position: absolute; right: 0; top: 40%; width: 50px; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .gallery_item .gallery_overlay.style2{ top: 32%; } .gallery_item:hover .gallery_overlay{ -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); } .gallery_item .gallery_overlay .icon{ bottom: 0; left: 0; position: absolute; right: 0; text-align: center; } .gallery_item .gallery_overlay.style2 .icon{ top: 5px; } .gallery_item .gallery_overlay .icon span{ color: #0D263B; font-size: 22px; } .custom_space_listing_v7{ max-width: 475px !important; } .listing_single_page_food_menu img { border-radius: 3px; height: 80px; width: 80px; } /* Tags Input CSS */ .tags_input .bootstrap-tagsinput{ border: none; border-bottom: 2px solid #ddd; border-radius: 0; box-shadow: none; color: #696969; height: 45px; outline: none; padding-left: 0; } .tags_input .bootstrap-tagsinput input{ font-size: 14px; } .tags_input .bootstrap-tagsinput .badge { background-color: rgba(0, 97, 223, 0.07); border: 1px solid transparent; border-radius: 3px; color: #071c35; font-weight: normal; font-size: 14px; height: 24px; margin-right: 10px; padding: 3px 8px; } .tags_input .bootstrap-tagsinput .badge [data-role="remove"]{ background-color: transparent; float: right; margin-left: 8px; margin-right: 0; } .tags_input .bootstrap-tagsinput .badge [data-role="remove"]:after{ background-color: transparent; } /* Divider Forms CSS */ .divider_contact_form .wrapper{ background-color: #fff; border-radius: 3px; padding: 30px; position: relative; } .divider_contact_form .wrapper .form_btn{ background-color: #FF783D; color: #fff; height: 50px; } .divider_contact_form.home7 .wrapper{ border-radius: 8px; } .divider_contact_form.home7 .wrapper .form_btn{ background-color: #071c35; border-radius: 8px; } .divider_contact_form.home10 .wrapper .form_btn{ background-color: #006766; } .divider_contact_form .wrapper label{ color: #0D263B; font-size: 13px; font-style: normal; font-weight: 600; line-height: 17px; margin-bottom: 0; } .divider_contact_form .wrapper .form-group{ margin-bottom: 25px; } .divider_contact_form .wrapper .form_control{ height: auto; font-size: 14px; } .modern_appartment_widget{ padding: 100px 0; position: relative; } .modern_appartment_widget ul li{ margin: 10px 15px 20px; } .modern_appartment_widget ul li:last-child{ margin-right: 0; } .modern_appartment_widget ul li .icon{ font-size: 18px; } .modern_appartment_widget .btn{ background-color: #fff; color: #0D263B; font-size: 13px; font-weight: 600; height: 55px; line-height: 45px; text-transform: uppercase; width: 203px; } .modern_appartment_widget.home5 .btn{ color: #071c35; width: 159px; } .property_sell_home4{ padding: 200px 95px 0 100px; } .property_sell_home10{ padding: 200px 80px 0 100px; } .load_more_btn .btn{ font-size: 13px; height: 55px; line-height: 40px; text-transform: uppercase; width: 177px; } .our-newslatter{ background-color: #353F47; } .best_property_value{ position: relative; } .best_property_value:before{ background-color: rgba(0, 97, 223, .8); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .contact_icon_box.home6{ position: relative; } .contact_icon_box.home6 .icon{ color: #fff; font-size: 40px; } .contact_icon_box.home6 .details{ padding-top: 5px; } .contact_icon_box.home6 .details .title{ color: #fff; font-size: 18px; font-weight: 600; line-height: 28px; } .contact_icon_box.home8{ display: inherit; margin-right: 40px; } .contact_icon_box.home8 .details .title, .contact_icon_box.home8 .icon{ color: #0D263B; } .contact_icon_box.home8 .details .title{ font-size: 13px; line-height: 24px; font-weight: 600; } .contact_icon_box.home8 .icon{ font-size: 24px; } .heading_read_more .btn{ font-size: 14px; line-height: 18px; position: relative; } .heading_read_more .btn:before{ background-color: #071c35; bottom: 0; content: ""; height: 2px; position: absolute; width: 46px; } .heading_read_more .btn.style2:before{ background-color: #fff; } .app_details{ position: relative; } .app_btn{ display: inline-flex; position: relative; } .app_btn .btn_apple, .app_btn .btn_gplay{ border-radius: 3px; height: 60px; text-align: left; width: 210px; } .app_btn .btn_apple:hover, .app_btn .btn_apple:focus, .app_btn .btn_apple:active, .app_btn .btn_gplay:hover, .app_btn .btn_gplay:focus, .app_btn .btn_gplay:active{ box-shadow: none; outline: none; } .app_btn .btn_apple .thumb, .app_btn .btn_gplay .thumb{ line-height: 40px; margin: 0 20px 0 10px; } .app_btn .btn_apple .thumb img, .app_btn .btn_gplay .thumb img{ width: 24px; } .app_btn .btn_apple .details, .app_btn .btn_gplay .details{ text-align: left; } .app_btn .btn_apple .details .subtitle{ font-size: 14px; } .app_btn .btn_apple .details .subtitle, .app_btn .btn_apple .details .title, .app_btn .btn_gplay .details .subtitle, .app_btn .btn_gplay .details .title{ color: #fff; margin: 0; } .app_btn .btn_apple .details .title, .app_btn .btn_gplay .details .title{ font-size: 16px; } .home8_testimonial_tabs{ position: relative; } .home8_testimonial_tabs .testimonial_post_home3.home6 .details{ padding: 0px 240px 10px; } .home8_testimonial_tabs li.nav-item a.nav-link{ border: 1px solid #E6E9EC; border-radius: 100px; margin: 0 14px; padding: 0; width: 350px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .home8_testimonial_tabs li.nav-item a.nav-link:hover{ background-color: #fff; -webkit-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); -moz-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); -o-box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1); } .home8_testimonial_tabs .thumb{ padding: 10px; } .home8_testimonial_tabs .thumb img{ width: 70px; } .home8_testimonial_tabs .thumb .title{ font-size: 16px; font-weight: 600; line-height: 20px; margin: 12px 20px; } .home8_testimonial_tabs .thumb .title small{ font-size: 14px; line-height: 18px; } /* Map Switcher Css Code Start */ .switch { position: relative; } .switch input { position: absolute; height: 1px; width: 1px; background: none; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; padding: 0; } .switch input + label { position: relative; min-width: calc(calc(2.375rem * .8) * 2); border-radius: calc(2.375rem * .8); height: calc(2.375rem * .8); line-height: calc(2.375rem * .8); display: inline-block; cursor: pointer; outline: none; user-select: none; vertical-align: middle; text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem); } .switch input:checked + label::before { background-color: #d1ab3e; } .switch input + label::before { right: 0; background-color: #dee2e6; border-radius: calc(2.375rem * .8); transition: 0.2s all; } .switch input + label::before, .switch input + label::after { content: ""; position: absolute; top: 0; left: 0; width: calc(calc(2.375rem * .8) * 2); bottom: 0; display: block; } .switch input:checked + label::after { margin-left: calc(2.375rem * .8); } .switch input + label::after { top: 2px; left: 2px; width: calc(calc(2.375rem * .8) - calc(2px * 2)); height: calc(calc(2.375rem * .8) - calc(2px * 2)); border-radius: 50%; background-color: white; transition: 0.2s all; } .first-switch-content{ display: none; } /* Map Switcher Css Code End */ .property_attachment_area{ position: relative; } .property_attachment_area .document_list li{ margin-right: 30px; } .property_attachment_area .document_list li:last-child{ margin-right: 30px; } .document_list li .icon{ font-size: 18px; vertical-align: middle; } .document_list li a{ font-size: 12px; font-weight: 600; margin-left: 30px; text-transform: uppercase; } .location_details ul li p, .additional_details ul li p { color: #0D263B; font-size: 14px; font-weight: 600; line-height: 2.857; margin-bottom: 0; } .location_details ul li p span, .additional_details ul li p span{ color: #696969; font-size: 14px; font-weight: 400; line-height: 2.857; margin-bottom: 0; } .property_sp_videos{ position: relative; } .property_sp_videos .nav-tabs{ border-bottom: none; } .property_sp_videos .nav-tabs .nav-link, .property_sp_v8_tabs .property_sp_videos .nav-tabs .nav-link{ background-color: transparent; font-size: 18px; font-weight: normal; margin-right: 35px; padding: 8px 0; } .property_sp_videos .nav-tabs .nav-link:hover, .property_sp_videos .nav-tabs .nav-link:active, .property_sp_videos .nav-tabs .nav-link:focus{ border: 1px solid transparent; } .property_sp_videos .nav-tabs .nav-item{ margin-bottom: 30px; } .property_sp_videos .nav-tabs .nav-item.show .nav-link, .property_sp_videos .nav-tabs .nav-link.active, .property_sp_v8_tabs .property_sp_videos .nav-tabs .nav-item.show .nav-link, .property_sp_v8_tabs .property_sp_videos .nav-tabs .nav-link.active{ border: none; border-bottom: 2px solid #0D263B; color: #0D263B; font-weight: 600; } .property_sp_tour_info .submit_btn{ font-size: 13px; font-weight: 600; height: 55px; text-transform: uppercase; width: 250px; } .property_sp_tour_info.style2 .submit_btn{ width: 100%; } .property_sp_walkscore, .property_view_sp_tabs{ position: relative; } .property_sp_walkscore .nav-tabs, .property_view_sp_tabs .nav-tabs{ border-bottom: none; } .property_sp_walkscore .nav-tabs .nav-link, .property_view_sp_tabs .nav-tabs .nav-link, .property_sp_v8_tabs .property_view_sp_tabs .nav-tabs .nav-link{ background-color: transparent; font-size: 13px; font-weight: 600; margin-right: 35px; padding: 5px 0; position: relative; } .property_sp_walkscore .nav-tabs .nav-link:hover, .property_sp_walkscore .nav-tabs .nav-link:active, .property_sp_walkscore .nav-tabs .nav-link:focus, .property_view_sp_tabs .nav-tabs .nav-link:hover, .property_view_sp_tabs .nav-tabs .nav-link:active, .property_view_sp_tabs .nav-tabs .nav-link:focus{ border: 1px solid transparent; } .property_sp_walkscore .nav-tabs .nav-item.show .nav-link, .property_sp_walkscore .nav-tabs .nav-link.active, .property_view_sp_tabs .nav-tabs .nav-item.show .nav-link, .property_view_sp_tabs .nav-tabs .nav-link.active{ border: none; color: #071c35; } .property_sp_walkscore .nav-tabs .nav-item.show .nav-link:before, .property_sp_walkscore .nav-tabs .nav-link.active:before, .property_view_sp_tabs .nav-tabs .nav-item.show .nav-link:before, .property_view_sp_tabs .nav-tabs .nav-link.active:before{ background-color: #071c35; bottom: 0; content: ""; height: 2px; position: absolute; left: 0; width: 26px; } .single_line .para{ color: #696969; font-size: 14px; float: left; line-height: 40px; margin-bottom: 0; } .energy_class .single_line{ display: flow-root; } .energy_class .single_line .para{ font-weight: 600; color: #0D263B; } .single_line .review{ float: right; margin-bottom: 0; } .single_line .review li{ margin-right: 3px; } .single_line .review li:nth-child(5){ margin-right: 25px; } .single_line .review span.total_rive_count{ font-size: 14px; color: #696969; line-height: 40px; } .single_line .review li a{ font-size: 14px; color: #CAB877; line-height: 40px; } canvas#myChart{ height: auto; max-width: 600px; width: 100%; } .property_sp_payment_calculator .form-group{ margin-bottom: 20px; } .property_sp_payment_calculator .submit_btn{ font-size: 13px; font-weight: 600; height: 55px; line-height: 17px; width: 200px; } .property_sp_payment_calculator.style2 .submit_btn{ width: inherit; } .theme_badge{ background-color: #071c35; border-radius: 3px; color: #fff; font-size: 10px; height: 23px; line-height: 23px; text-align: center; text-transform: uppercase; width: 73px; } .theme_badge2{ background-color: #CC5040; border-radius: 3px; color: #fff; font-size: 10px; height: 23px; line-height: 23px; text-align: center; text-transform: uppercase; width: 73px; } .theme_badge3{ background-color: #0D263B; border-radius: 3px; color: #fff; font-size: 10px; height: 23px; line-height: 23px; text-align: center; text-transform: uppercase; width: 73px; } .theme_badge:hover, .theme_badge2:hover, .theme_badge3:hover{ color: #fff; } .property_sp3_slider.psp_v3.owl-theme .owl-nav, .property_sp3_slider.psp_v5.owl-theme .owl-dots .owl-dot, .property_sp3_slider.psp_v7.owl-theme .owl-dots .owl-dot, .property_sp3_slider.psp_v7.owl-theme .owl-nav{ display: none; } .property_sp3_slider.owl-theme .owl-dots{ text-align: left; } .property_sp3_slider.owl-theme .owl-dots .owl-dot span{ border-radius: 3px; height: 90px; margin-bottom: 0; margin-left: 0; margin-right: 10px; margin-top: 10px; width: 111px; } .property_sp3_slider.psp_v3.style2.owl-theme .owl-dots .owl-dot span{ margin-right: 15px; width: 113px; } .property_sp3_slider.psp_v4.owl-theme .owl-dots .owl-dot span{ height: 120px; width: 153px; } .property_sp3_slider.owl-theme .owl-dots .owl-dot:first-child span{ background-image: url(../images/property/psp1.png); background-position: center center; background-size: cover; } .property_sp3_slider.owl-theme .owl-dots .owl-dot:nth-child(2) span{ background-image: url(../images/property/psp2.png); background-position: center center; background-size: cover; } .property_sp3_slider.owl-theme .owl-dots .owl-dot:nth-child(3) span{ background-image: url(../images/property/psp3.png); background-position: center center; background-size: cover; } .property_sp3_slider.owl-theme .owl-dots .owl-dot:nth-child(4) span{ background-image: url(../images/property/psp4.png); background-position: center center; background-size: cover; } .property_sp3_slider.owl-theme .owl-dots .owl-dot:nth-child(5) span{ background-image: url(../images/property/psp5.png); background-position: center center; background-size: cover; } .property_sp3_slider.owl-theme .owl-dots .owl-dot:nth-child(6) span{ background-image: url(../images/property/psp6.png); background-position: center center; background-size: cover; } .property_sp3_slider.owl-theme .owl-dots .owl-dot:nth-child(7) span{ background-image: url(../images/property/psp7.png); background-position: center center; background-size: cover; } .property_sp3_slider.owl-theme .owl-dots .owl-dot:nth-child(8) span{ background-image: url(../images/property/psp8.png); background-position: center center; background-size: cover; } .property_sp3_slider.owl-theme .owl-dots .owl-dot:nth-child(9) span{ background-image: url(../images/property/psp9.png); background-position: center center; background-size: cover; } .property_sp_v8_tabs{ background-color: #fff; border: 1px solid #E6E9EC; border-radius: 3px; -webkit-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -moz-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); -o-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05); } .property_sp_v8_tabs .nav-tabs{ border-bottom: none; } .property_sp_v8_tabs .nav-tabs .nav-link{ background-color: #E6E9EC; border: none; border-right: 1px solid #fff; border-radius: 0; font-size: 12px; font-weight: 600; padding: 20px 32px; text-transform: uppercase; } .property_sp_v8_tabs .nav-tabs .nav-item.show .nav-link, .property_sp_v8_tabs .nav-tabs .nav-link.active{ background-color: #fff; } .property_sp_v8_tabs .property_single_page_widget{ border: none; box-shadow: none; } .view_photo_btn{ border-radius: 3px; bottom: 30px; font-size: 13px; font-weight: 600; height: 55px; line-height: 45px; position: absolute; right: 30px; text-transform: uppercase; width: 191px; z-index: 1; } /* Custom Style */ .home_content.home1.custom_width{width: 100% !important;} .home_content.home1.custom_width .home_adv_srch_form .bgc-white.p20 { padding: 10px 5px 10px 25px !important; } .refineText.formTextbox{width: calc(100vw - 470px) !important;} .recent-property{ /*border: 1px solid #efefef;*/ border-width: 1px 0px; } .recent-property .feat_property.recent .tc_content p{margin-bottom: 5px;} /* Custom Style end */ .propPrice{ margin-top: 7%; font-size: 18px; } .propPrice3{ font-size: 18px; } .propPrice2{ font-size: 18px; text-align: right; } .range { display: table; position: relative; height: 25px; margin-top: 20px; background-color: rgb(245, 245, 245); border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); cursor: pointer; } .range input[type="range"] { -webkit-appearance: none !important; -moz-appearance: none !important; -ms-appearance: none !important; -o-appearance: none !important; appearance: none !important; display: table-cell; width: 100%; background-color: transparent; height: 25px; cursor: pointer; } .range input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none !important; -moz-appearance: none !important; -ms-appearance: none !important; -o-appearance: none !important; appearance: none !important; width: 11px; height: 25px; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0px; background-color: rgb(153, 153, 153); } .range input[type="range"]::-moz-slider-thumb { -webkit-appearance: none !important; -moz-appearance: none !important; -ms-appearance: none !important; -o-appearance: none !important; appearance: none !important; width: 11px; height: 25px; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0px; background-color: rgb(153, 153, 153); } .range output { display: table-cell; padding: 3px 5px 2px; min-width: 40px; color: rgb(255, 255, 255); background-color: rgb(153, 153, 153); text-align: center; text-decoration: none; border-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0; width: 1%; white-space: nowrap; vertical-align: middle; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; } .range input[type="range"] { outline: none; } .range.range-info input[type="range"]::-webkit-slider-thumb { background-color: black; } .range.range-info input[type="range"]::-moz-slider-thumb { background-color: black; } .range.range-info output { background-color: black; } .range.range-info input[type="range"] { outline-color: black; } .perc{ margin-top: 7%; font-size: 15px; } .thisCard{ background-color: rgba(7,28,53,.05); padding: 4%; } .thisCard2{ background-color: rgba(7,28,53,.05); padding: 4%; margin-top: 4.5%; } .chart{ height:500px; width:500px; } .pie-legend { list-style: none; margin: 0; padding: 0; } .pie-legend span { display: inline-block; width: 14px; height: 14px; border-radius: 100%; margin-right: 16px; margin-bottom: -2px; } .pie-legend li { margin-bottom: 10px; } .BottomContent { margin-top: -6% !important; padding-bottom: 5% !important; font-weight: 400 !important; } .subpara{ /* text-transform: lowercase;*/ margin-bottom: 0; font-size: 14px; margin-bottom: 2%; } .subpara2{ margin-bottom: 0; font-size: 12px; } .listing_feature_iconbox .details .title { font-size: 20px; line-height: 1.7; color: #0D263B !important; text-transform: uppercase; } .featuresIcon { font-size: 22px !important; color: black; } .nearcommheight{ height: 350px !important; } .commtitle{ font-size: 24px !important; margin-bottom: 1rem !important; } .why_chose_us.home2.detailsOfLoc { padding: 0 !important; margin-bottom: 0 !important; } p.first-Description { font-size: 18px; } li.list-inline-item.mar-right{ margin-right: 13px !important; } a.btn.btn-lg.btn-thm.book-btn { top: 30%; position: absolute; width: 135px; height: 50px; line-height: 31px; font-size: 16px; } .search_option_button.home9 button { padding: 0 35px !important; } span.heading-color.fw600.pricestyle { font-size: 14px !important; } .cusbtn{ width: 100% !important; } .project-detail .project-detail-wrapper.row{ margin-right: -40px; margin-left: -40px; } .project-detail .project-detail-wrapper.row > div{ padding-right: 40px; padding-left: 40px; } .project-detail .project-detail-wrapper .unit-detail-lft-blk { border-right: 1px solid #cacaca; } .project-detail .prop_details .list-inline-item{width: 200px; margin-bottom: 20px;} .project-detail .prop_details .list-inline-item .span.flaticon-villa.pr5{ font-size: 29px; margin-bottom: 5px; } .project-detail .prop_details .list-inline-item > a{ font-size: 20px !important; color: #000000; } .project-detail .prop_details .list-inline-item > a >span{font-size: 25px;} .project-detail ul.propStats{margin-bottom: 50px; } .project-detail ul.propStats > li{margin: 10px 0; } .project-detail ul.propStats > li:last-child{margin-bottom: 0px; } .project-detail ul.propStats > li > span:first-child{ color: #000000; opacity: .6; font-size: 16px; font-weight: 500; letter-spacing: 2.33px; line-height: 1.5rem; text-transform: uppercase; width: 50%; display: inline-block; } .project-detail ul.propStats > li > span:last-child{ font-size: 22px; text-transform: uppercase; color: #000000; width: 246px; display: inline-block; text-align: right; } .project-detail .unitsAmenities ul.Amenities-list{ display: flex; flex-wrap: wrap; } .project-detail .unitsAmenities ul.Amenities-list li{ color: #000; text-transform: uppercase; font-size: 22px; letter-spacing: 0; line-height: 2.25rem; padding-right: 20px; flex-basis: 50%; margin-bottom: 10px; } .project-detail .unitsAmenities ul.Amenities-list li i{ margin-right: 30px; color: #000; font-size: 24px; font-weight: 300; letter-spacing: 0; line-height: 1.313rem; height: 21px; width: 26px; } .project-detail .payment-plan-container .table td, .project-detail .payment-plan-container .table th{ border-top: 0px; padding: 0.75rem 0; } .project-detail .payment-plan-container table .table-heading td span{ opacity: .6; color: #000; font-size: 1rem; font-weight: 600; letter-spacing: .167rem; line-height: 1.5rem; text-transform: uppercase; } .project-detail .payment-plan-container table tr td span{ color: #000; font-size: 1.5rem; letter-spacing: 0; line-height: 2.25rem; } .project-detail .payment-plan-container table tr td:nth-child(2), .project-detail .payment-plan-container table tr td:nth-child(3){ width: 20%; } .project-detail .offers-blk ul li span:nth-child(1) { color: #000; font-size: 2.125rem; letter-spacing: 0; line-height: 2.25rem; margin-bottom: 10px; text-transform: uppercase; display: block; } .project-detail .offers-blk ul li span:nth-child(2) { color: #232323; font-size: 1rem; letter-spacing: 2px; line-height: 1.5rem; text-transform: uppercase; margin-bottom: 30px; display: block; } .project-detail .floorPlan-blk .img-blk { position: relative; display: flex; flex-flow: column wrap; justify-content: center; margin-bottom: 20px; max-height: 220px; overflow: hidden; } .project-detail .floorPlan-blk .img-blk .cricle-icon { position: absolute; left: 0; right: 0; background-color: #fff; color: #000; width: 9.375rem; height: 9.375rem; border-radius: 50%; margin: 0 auto; display: flex; align-self: center; justify-content: center; } .project-detail .floorPlan-blk .img-blk .cricle-icon i { display: flex; align-self: center; font-size: 4.625rem; line-height: 4.625rem; font-weight: 300; } .project-detail .brochure-blk .img-blk { position: relative; display: flex; flex-flow: column wrap; justify-content: center; margin-bottom: 20px; max-height: 220px; overflow: hidden; } .project-detail .brochure-blk .img-blk .cricle-icon { position: absolute; left: 0; right: 0; background-color: #fff; color: #000; width: 9.375rem; height: 9.375rem; border-radius: 50%; margin: 0 auto; display: flex; align-self: center; justify-content: center; } .project-detail .brochure-blk .img-blk .cricle-icon i { display: flex; align-self: center; font-size: 4.625rem; line-height: 4.625rem; font-weight: 300; } body { font-size: 16px; } .rowm10 { margin-left: -10px; margin-right: -10px; } .colm10 { padding-left: 10px; padding-right: 10px; } img { max-width: 100%; } a:hover { color: #d1ab3e; } .scontent img { -o-object-fit: cover; object-fit: cover; } header { position: relative; z-index: 500; } .topmenu { top: 0; left: 0; right: 0; z-index: 10; border-bottom: #ccc 1px solid; } /*.topmenu .navbar-nav { width: 100%; }*/ .main-header.header-sticky .topmenu .navbar-nav a { color: #000 !important; } .topmenu .navbar-nav a.active { font-weight: 600 !important; } .topmenu .navbar-toggler { color: #fff !important; border: none !important; } .topmenu.bg-light .navbar-toggler { color: #000 !important; } .topsearch .typesearch { margin-bottom: 10px; padding-top: 10px; } .topsearch .typesearch a { color: #000; margin-right: 7px; } .topsearch .typesearch a.active { border-bottom: #000 2px solid; font-weight: bold; } .topsearch .input-group-lg { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); } .topsearch .input-group-text { background: #FFF; } .topsearch .form-control { font-size: 16px; height: 48px !important; box-shadow: none; outline: none; border: 1px solid #ced4da; border-left: 0; } .topsearch .btn { font-size: 15px !important; background: var(--primary-color); color: #FFF; } .topsearch .btn:hover { color: #000; } .projecthome h2 a { color: #222; } .projecthome .item { height: 100%; /* background-color: #f6f6f6; */ } .projecthome > .row > div { margin-bottom: 20px; } .projecthome .item p { padding: 5px 0; margin: 0; } .blii { position: relative !important; background-position: 50% 50% !important; background-repeat: no-repeat !important; padding-top: 66.6667%; } .blii .img { position: absolute; top: 0px !important; bottom: 0px !important; left: 0px !important; right: 0px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .blii .linkdetail { position: absolute; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; } .projecthome .item .img img.thumb { width: 100%; height: 100%; border-radius: 6px; -o-object-fit: cover; object-fit: cover; } .projecthome .item .description { background: #FFF; padding-top: 6px; position: relative; } .projecthome .item .description .heart { position: absolute; top: 10px; right: 0; cursor: pointer; } .projecthome .item .description .dia_chi { color: #4f4f4f; overflow: hidden; text-overflow: ellipsis; height: 26px; } .projecthome .item .description a { color: #000; text-decoration: none; } .projecthome .item .description h5 { font-weight: bold; font-size: 1em; line-height: 120%; overflow: hidden; text-overflow: ellipsis; height: 39px; padding: 0; margin: 0; margin-top: 7px; padding-right: 15px; display: -webkit-box; -webkit-box-orient: vertical; white-space: normal; -webkit-line-clamp: 2; } .projecthome .item .description h5:hover { text-decoration: underline; color: var(--primary-color); } .projecthome .item .description p { padding: 0; margin: 0; margin-top: 7px; } .itemarea { flex: auto; } .itemarea img { border-radius: 6px; width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; flex: auto; } .itemarea h4 { position: absolute; width: 100%; bottom: 20px; left: 0; right: 0; text-align: center; color: #FFF; font-weight: bold; font-size: 20px; } .owl-carousel .owl-stage { display: flex; } .owl-carousel.owl-drag .owl-item { flex: auto; } .homehouse { position: relative; background: #FFF; } .hourseitem { margin-top: 20px; } .hourseitem .img .thumb { width: 100%; border-radius: 6px; -o-object-fit: cover; object-fit: cover; height: 100%; } .hourseitem .info { padding: 10px 0; padding-bottom: 0; position: relative; } .hourseitem .info .heart { position: absolute; top: 10px; right: 0; cursor: pointer; } .hourseitem p { margin: 0; padding: 0; margin-top: 5px; font-size: 15px; } .hourseitem .city { color: #4f4f4f; max-height: 21px; overflow: hidden; text-overflow: ellipsis; } .hourseitem p.threemt { font-size: 0.9em; display: flex; } .hourseitem p.threemt span { font-size: 13.5px; float: left; margin-right: 10%; } .hourseitem p.threemt span i { float: left; font-style: normal; } .hourseitem p.threemt span .vti { margin-top: 2px; margin-left: 5px; } footer { background-color: #f7f5f4; min-height: 320px; } footer p a { color: var(--primary-color); } footer .menufooter h4 { border-bottom: #e0e0e0 1px solid; padding-bottom: 10px; font-size: 16px; text-transform: uppercase; font-weight: bold; } footer .menufooter ul { margin: 0; padding: 0; } footer .menufooter ul li { list-style: none; padding: 3px 0; } footer .menufooter ul li a { color: #4f4f4f; } footer .copyright { border-top: #e0e0e0 1px solid; padding-top: 20px; color: #4f4f4f; font-size: 15px; } /**/ .padtop10 { padding-top: 10px; } .padtop20 { padding-top: 20px; } .padtop30 { padding-top: 30px; } .padtop40 { padding-top: 40px; } .padtop50 { padding-top: 50px; } .padtop70 { padding-top: 70px; } .action_footer { position: fixed; bottom: 5px; width: auto; right: 80px; z-index: 9; } .action_footer a { float: right; background: var(--primary-color); padding: 5px 10px; border-radius: 3px; margin-bottom: 10px; color: #333; } .action_footer a img { height: 22px; } .action_footer .cd-top { position: absolute; top: -49px; right: -64px; background: #d2aa25; color: black; height: 45px; line-height: 40px; padding: 3px 10px; padding-bottom: 2px; width: 45px; } .bgheadproject { margin-top: 59px; padding: 10px 0; background: url(../images/banner-du-an.jpg) !important; color: #fff; } .bgheadproject h1 { padding-top: 20px; } .bgheadproject p { padding: 0; } #map { height: 730px; } .bold500 { font-weight: 600; } .lineheight220 { line-height: 220%; } .from { font-weight: normal; } .boxsliderdetail { position: relative; height: auto; overflow: hidden; } .boxsliderdetail .slidetop { height: 350px; position: relative; } .boxsliderdetail .slidetop .item { width: 100%; } .boxsliderdetail .slidetop img { height: 350px; width: 100% !important; -o-object-fit: cover; object-fit: cover; cursor: pointer; } .boxsliderdetail .slidebot { height: auto; position: relative; background: #222222; padding: 0 15px; } .boxsliderdetail .slidebot .control { margin-left: -5px; margin-right: -5px; } .boxsliderdetail .slidebot .icon { background-color: rgba(255, 255, 255, 0.1); float: left; height: 80px; color: #e0e0e0; text-align: center; cursor: pointer; padding: 10px 0px; font-size: 0.8em; width: 100%; } .boxsliderdetail .slidebot .icon i { font-size: 2em; } .boxsliderdetail .slidebot .icon p { margin: 0; padding-top: 10px; } .boxsliderdetail .slidebot #listcarouselthumb { padding: 10px 0; height: 90px; } .boxsliderdetail .slidebot .item { margin: 0 3px; width: 100%; } .boxsliderdetail .slidebot img { height: 80px; border: #222 5px solid; width: 100% !important; -o-object-fit: cover; object-fit: cover; cursor: pointer; } .pagination .page-item a, .pagination .page-item span { border: 0; color: #222; background-color: #f4f5f9; padding: 3px 12px !important; margin: 0 5px; border-radius: 0 !important; } .pagination .page-item.active span { background: var(--primary-color); } .titlenews { font-size: 1.8em; font-weight: 600; } .titlenewnews { font-weight: 600; } .showbigimg { cursor: pointer; } @-webkit-keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes lds-circle { 0%, 100% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 0% { transform: rotateY(0deg); } 50% { transform: rotateY(1800deg); -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 100% { transform: rotateY(3600deg); } } @keyframes lds-circle { 0%, 100% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 0% { transform: rotateY(0deg); } 50% { transform: rotateY(1800deg); -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 100% { transform: rotateY(3600deg); } } .owl-nav { color: #FFF; position: absolute; left: 0; right: 0; top: 45%; } .owl-nav i { border-radius: 50%; background-color: rgb(0 0 0 / 53%); top: 0; width: 36px; height: 36px; float: left; padding: 6px; box-sizing: border-box; } .owl-nav .owl-prev { background-color: rgb(0 0 0 / 53%); border-radius: 0%; color: #ffffff; height: 65px; line-height: 60px; position: absolute; text-align: center; width: 45px; transition: all 0.5s; } .owl-nav .owl-next { right: -15px; position: absolute; z-index: 2; outline: none; box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); background-color: rgb(0 0 0 / 53%); border-radius: 0%; color: #ffffff; height: 65px; line-height: 60px; } #listcarouselthumb .owl-nav .owl-prev { box-shadow: none; border-radius: 0; } #listcarouselthumb .owl-nav .owl-next { box-shadow: none; border-radius: 0; } #listcarouselthumb .owl-nav { top: 15px; } #listcarouselthumb .owl-nav i { box-shadow: none !important; width: 20px; height: 70px; outline: none !important; border-radius: 0; font-size: 1em; top: 10px; background: rgba(255, 255, 255, 0.1); padding: 27px 2px; } .bgmenupro { border-top: #f2f2f2 1px solid; border-bottom: #f2f2f2 1px solid; background: #FFF; box-shadow: 0 3px 3px #f2f2f2; padding: 0; } .bgmenupro .w90 { padding: 0; } .bgmenupro .navbar { padding: 0 1rem; } .bgmenupro .navbar li { padding: 0.5rem 0; margin-right: 10px; } .bgmenupro li.active { font-weight: bold; border-bottom: orange 2px solid; } .boxright { box-shadow: 0 3px 5px #e0e0e0; padding: 15px; margin-bottom: 15px; border-radius: 5px; } .boxright .head { padding: 10px 0; font-weight: bold; color: #000; border-bottom: #e0e0e0 1px solid; font-size: 18px; margin-bottom: 15px; } .boxright .itemagent { font-size: 15px; } .boxright .itemagent img { margin-bottom: 15px; border: none; } .boxright .itemagent .col-md-4, .itemagent .col-md-8 { padding: 0; } .boxright .itemagent .info a { color: #000; font-size: 16px; font-weight: bold; } .boxright .itemagent .info p { margin: 0; padding: 5px 0; } .boxright .itemagent .info p.mobile { font-weight: bold; color: var(--primary-color); } .btn-orange { background: var(--primary-color); color: #FFF; font-size: 16px; line-height: 25px; } .text-orange { color: var(--primary-color) !important; } .topmenu.bg-light .navbar-nav a.text-orange { color: var(--primary-color) !important; font-weight: 600 !important; } .titlehouse { color: #222222; font-size: 30px; font-weight: bold; } .addresshouse { color: #4f4f4f; } .pricehouse { color: var(--primary-color); font-weight: bold; font-size: 16px; border-bottom: #e0e0e0 1px solid; padding: 0; margin: 0; padding-bottom: 10px; } .headifhouse { margin: 0; padding: 0; border-bottom: #e0e0e0 1px solid; padding-bottom: 10px; font-size: 18px; font-weight: bold; margin-bottom: 15px; } #frmhomesearch { position: relative; } .listsuggest { position: absolute; background: rgba(255, 255, 255, 0.9); width: 100%; display: none; max-height: 400px; overflow-y: scroll; } .listsuggest ul { margin: 0; padding: 0; } .listsuggest ul li { padding: 5px 10px; list-style: none; border-bottom: #ccc 1px solid; } .listsuggest ul li:last-child { border-bottom: none; } .listsuggest ul li p { margin: 0; padding: 5px; font-size: 0.9em; } .listsuggest ul li p a { color: #000; font-weight: bold; font-size: 1.1em; } .language { font-size: 0.8em; } .language a { color: #000; font-weight: bold; } #ismain-homes h2 { font-weight: 700; } .owl-carousel .item img { -o-object-fit: cover; object-fit: cover; } .listnews { padding: 0; margin: 0; } .listnews li { list-style: none; padding: 7px 0; border-bottom: 1px solid #E0E0E0; } .lastestnews .img-thumbnail { border: 0; max-height: 67px; width: auto; } .lastestnews { font-size: 0.85em; font-weight: 600; } .infomarker h5 { font-size: 14px; margin: 0; padding: 0; height: 34px; overflow: hidden; margin-bottom: 5px; font-weight: bold; } .infomarker p { margin: 0; padding: 0; } .infomarker h5 a { color: var(--primary-color); } @media (max-width: 576px) { .w90 { width: 100%; } .topsearch .typesearch a { color: #000; } .topsearch .typesearch a.active { border-bottom: #000 2px solid; } } @media (min-width: 576px) { .w90 { width: 100%; } .topsearch .typesearch a { color: #000; } .topsearch .typesearch a.active { border-bottom: #000 2px solid; } } @media (min-width: 900px) { .w90 { width: 100%; } .topsearch .typesearch a { color: #FFF; } .topsearch .typesearch a.active { border-bottom: #FFF 2px solid; } } @media (min-width: 1100px) { .w90 { width: 90%; } .topsearch .typesearch a { color: #FFF; } .topsearch .typesearch a.active { border-bottom: #FFF 2px solid; } } .main-header .main-menu-content .sub-toggle { position: relative; display: inline-block; width: 36px; height: 36px; cursor: pointer; transform-style: preserve-3d; } .main-header .main-menu-content .sub-toggle:before, .main-header .main-menu-content .sub-toggle:after { content: ""; position: absolute; top: 50%; left: 50%; width: 12px; height: 1px; background-color: #000; } .main-header .main-menu-content .sub-toggle:before { transform: translateX(-50%); } .main-header .main-menu-content .sub-toggle:after { transform: translateX(-50%) rotate(90deg); } .main-header .main-menu-content .sub-toggle.active:after { display: none; } .main-header .main-menu-content .sub-menu { position: absolute; top: 100%; left: 0; min-width: 200px; z-index: 1000; transition: all 0.25s ease; border: 1px solid #eee; background-color: rgba(255, 255, 255, 0.95); visibility: hidden; opacity: 0; margin: 0; padding: 0; } .main-header .main-menu-content .sub-menu:before { content: ""; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); height: 0; width: 0; border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; display: none; } .main-header .main-menu-content .sub-menu > li { display: block; } .main-header .main-menu-content .sub-menu > li .sub-toggle-desktop { display: none; } .main-header .main-menu-content .sub-menu > li > a { display: inline-block; padding: 10px 20px; width: 100%; font-size: 15px; color: #000; text-transform: capitalize; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); text-decoration: none !important; } .main-header .main-menu-content .sub-menu > li > a:hover { color: var(--primary-color); } .main-header .main-menu-content .sub-menu > li:last-child a { border-bottom: 1px solid #eee; } .main-header .main-menu-content .sub-menu > li.menu-item-has-children { position: relative; } .main-header .main-menu-content .sub-menu > li.menu-item-has-children > .sub-toggle { display: none; } .main-header .main-menu-content .sub-menu > li.menu-item-has-children > .sub-menu { position: absolute; top: 0; left: 100%; visibility: hidden; opacity: 0; transform: translateY(30px); } .main-header .main-menu-content .sub-menu > li.menu-item-has-children > .sub-menu:before { display: none; } .main-header .main-menu-content .sub-menu > li.menu-item-has-children:hover > .sub-menu { visibility: visible; opacity: 1; transform: translateY(0); } .main-header .main-menu-content .sub-menu > li:last-child { border-bottom: none; } .main-header .main-menu-content .menu { list-style: none; margin: 0; padding: 0; } .main-header .main-menu-content .menu > li { display: inline-block; padding: -1.2rem 0; padding-bottom: unset; } .main-header .main-menu-content .menu > li:hover a{color: #ffff;} .main-header .main-menu-content .menu > li > a { position: relative; padding: 0.5rem; /*font-family: Cerebri Sans;*/ padding: 25px 10px 23px; color: #ffffff; text-transform: uppercase; text-decoration: none !important; display: inline-block; font-weight: 600; font-size:13px; } /*old changed*/ /*.main-header .main-menu-content .menu > li > a:hover { color: var(--primary-color); }*/ .main-header .main-menu-content .menu > li > a:hover { color: #fff; } .main-header .main-menu-content .menu > li:first-child { padding-left: 0; } .main-header .main-menu-content .menu > li:last-child { margin-right: 0; padding-right: 0; } .main-header .main-menu-content .menu > li .sub-toggle { display: none; } .main-header .main-menu-content .menu > li.menu-item-has-children { position: relative; padding: 0.8rem 0.5rem; } .main-header .main-menu-content .menu > li.menu-item-has-children .sub-toggle { margin-left: 5px; display: none; } .main-header .main-menu-content .menu > li.menu-item-has-children .sub-menu { visibility: hidden; opacity: 0; transform: scale3d(1, 1, 0) translateY(30px); } .main-header .main-menu-content .menu > li.menu-item-has-children:hover .sub-toggle { color: #ffffff; } .main-header .main-menu-content .menu > li.menu-item-has-children:hover > .sub-menu { visibility: visible; opacity: 1; transform: scale3d(1, 1, 1) translateY(0); } /*.main-header .main-menu-content .menu > li.current-menu-item > a :hover { font-weight: 600 !important; color: #ffffff; font-family: Cerebri Sans; padding: 25px 10px 23px; text-transform: uppercase; }*/ .main-header .main-menu-content .menu > li.current-menu-item > a { font-weight: 600 !important; color: #ffffff; font-family: Cerebri Sans; padding: 25px 10px 23px; text-transform: uppercase; } /*.main-header .main-menu-content .menu > li.current-menu-item > a:hover {*/ /* color: #d1ab3e;*/ /*}*/ .main-header .main-menu-content .menu > li.current-menu-item .sub-toggle { color: #ffffff !important; } @media screen and (max-width: 991px) { .main-header .main-menu-content .sub-toggle-desktop { display: none; } .main-header .main-menu-content .menu--mobile { width: 100%; } .main-header .main-menu-content .menu--mobile .sub-menu { position: relative; display: none; transform: translate(0, 0); visibility: visible; opacity: 1; transition: all 0s ease; border: none; } .main-header .main-menu-content .menu--mobile .sub-menu > li > a { border: none; padding: 10px 20px; } .main-header .main-menu-content .menu--mobile .sub-toggle:before, .main-header .main-menu-content .menu--mobile .sub-toggle:after { background-color: #000; } .main-header .main-menu-content .menu--mobile > li { padding: 0 !important; border-bottom: 1px dashed #eaeaea; } .main-header .main-menu-content .menu--mobile > li.current-menu-item { border-left: 2px solid var(--primary-color); } .main-header .main-menu-content .menu--mobile > li > a { position: relative; z-index: 10; display: block; padding: 10px 20px 10px 0; line-height: 20px; font-weight: 500; font-size: 14px; color: #000; text-transform: capitalize; } .main-header .main-menu-content .menu--mobile > li > a:hover { padding-left: 5px; color: var(--primary-color); } .main-header .main-menu-content .menu--mobile > li.menu-item-has-children:not(.has-mega-menu) { position: relative; } .main-header .main-menu-content .menu--mobile > li.menu-item-has-children:not(.has-mega-menu) .sub-toggle { position: absolute; top: 0; right: 0; width: 40px; height: 40px; z-index: 20; display: inline-block; } .main-header .main-menu-content .menu--mobile .sub-menu > li.menu-item-has-children > .sub-menu { position: static; padding-left: 20px; } } .main-header .navbar { padding: 0; } .main-header .navbar-light .navbar-brand { padding: 0.8rem 0; } .blog-container .container-grid .grid-in { max-width: 100%; position: relative; border-radius: 5px; height: 100%; } .blog-container .container-grid .grid-in .hourseitem { border-radius: 0 !important; } .blog-container .container-grid .grid-in .grid-shadow { width: 100%; height: 100%; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); } .blog-container .container-grid .grid-in .grid-shadow.grid-shadow-gray { background: #f6f6f6; } .blog-container .container-grid .blog-img img { width: 100%; } .blog-container .container-grid .grid-h { background-color: #f6f6f6; padding: 15px; min-height: 220px; } .blog-container .container-grid .grid-h a h2 { font-size: 16px; color: #212131; display: block; margin-bottom: 15px; -webkit-transition: color 0.2s; line-height: 30px; } .blog-container .container-grid .grid-h a:hover h2 { color: var(--primary-color); } .blog-container .container-grid .grid-h .blog-excerpt p { line-height: 24px; font-size: 14px; color: #878798; display: block; margin-bottom: 15px; } .blog-container .container-grid .grid-h .blog-title a { min-height: 60px; } .blog-container .container-grid .grid-h .blog-title .post-meta { font-size: 14px; color: #878798; } .boxright { box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1); border-radius: 4px; padding: 30px; margin-bottom: 30px; margin-top: 15px; } .boxright h5 { font-weight: bold; margin-top: -15px; } .topmenu { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); border-bottom: none; } .single-post .head { font-weight: bold; color: #000000; border-bottom: #e0e0e0 1px solid; font-size: 18px; padding: 10px 0; margin-bottom: 20px; } .gridhouse { grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); } .typesearch a { text-decoration: none !important; } .action_footer a { text-decoration: none !important; } .action_footer a:hover, .btn-orange:hover, .btn-orange:focus, .topsearch .btn:hover { background: var(--primary-color-hover); color: #ffffff; } .itemnews .title { font-size: 20px !important; } .itemnews h3 a:hover { color: var(--primary-color); text-decoration: none; } @media screen and (min-width: 901px) { .itemnews img { min-height: 210px; -o-object-fit: cover; object-fit: cover; } .itemnews .title { font-size: 20px; } } @media screen and (max-width: 600px) { .itemnews h3 { padding-top: 15px; } .itemnews .title { font-size: 20px; } } .itemnews img { min-height: 160px; margin-bottom: 15px; height: 150px; -o-object-fit: cover; object-fit: cover; width: 100%; } .mapouter { position: relative; text-align: right; height: 400px; width: 100%; } .gmap_canvas { overflow: hidden; background: none !important; height: 400px; width: 100%; } #contact .wrapper { padding: 20px; height: 100%; display: -moz-flex; display: flex; -moz-flex-direction: column; flex-direction: column; } #contact .wrapper h2 { text-align: center; font-weight: 700; color: var(--primary-color); text-transform: uppercase; font-size: 24px; line-height: 30px; margin-bottom: 20px; } #contact .wrapper .form-control { background-color: #ffffff; border: none; border-bottom: 2px solid #E6E9EC; border-radius: 0; color: #696969; font-size: 14px; height: 55px; line-height: 21px; margin-bottom: 20px; padding-left: 0; } #contact .wrapper .contact-main { margin-bottom: 40px; } #contact .wrapper .contact-item { margin-bottom: 25px; } #contact .wrapper .contact-item:last-child { margin-bottom: 0; } #contact h3 { color: var(--primary-color); font-size: 22px; line-height: 28px; margin-bottom: 15px; font-weight: 700; } .form-group { margin-bottom: 15px; } .form-control { outline: none; -ms-box-shadow: none; box-shadow: none; font-size: 14px; height: 40px; background-color: transparent; border: 1px solid #dddddd; border-radius: 0; transition: all 0.4s ease; } .form-control:focus { outline: none; -ms-box-shadow: none; box-shadow: none; border-color: var(--primary-color); } .btn-outline, .btn-special { background-color: #ffffff; color: #303030; font-size: 14px; height: 39px; border: 2px solid #303030; padding: 0 20px; position: relative; display: inline-block; line-height: 35px; border-radius: 0; } .btn-special, .btn-special:after { background-color: var(--primary-color); border-color: var(--primary-color); color: #ffffff; } .btn-special:hover, .btn-special:hover:after { background-color: #ffffff; } .btn-special:hover { color: var(--primary-color); text-decoration: none; } #contact .alert { padding: 0.5rem 1.25rem; border-radius: 0; font-size: 14px; } .job-list { margin-bottom: 40px; } .job-list .job-item { border-top: 1px dashed #d4d4d4; padding: 15px 0; } .job-list .job-item .job-title { margin-bottom: 10px; } .job-list .job-item .job-title a { font-weight: 700; } .job-list .job-item p { font-size: 14px; margin-bottom: 0; } .job-list .job-item .job-header { font-size: 16px; padding: 15px 0; border-bottom: 1px dashed #d4d4d4; margin-bottom: 20px; } .topsearch .form-control { font-size: 16px; height: 48px !important; box-shadow: none; outline: none; border: 1px solid #ced4da !important; border-left: 0 !important; background: #ffffff; } .topsearch .typesearch { margin-bottom: 0; } .topsearch .input-group-text, .topsearch .btn { border-radius: 0 !important; } .topsearch .typesearch a { border: none !important; padding: 8px 12px; font-weight: normal !important; margin: 0; display: inline-block; background-color: rgba(255, 255, 255, 0.7) !important; color: var(--primary-color); float: left; border-right: 1px solid #ffffff !important; } .topsearch .typesearch a:last-child { border-right: none !important; } .topsearch .typesearch a.active { background: var(--primary-color) !important; color: #ffffff; } .topsearch .input-group-lg { background-color: rgba(255, 255, 255, 0.7); padding: 25px 20px 5px; justify-content: center; } .hourseitem .info { background: #f6f6f6; padding: 15px; } .hourseitem .img .thumb { width: 100%; border-radius: 0 !important; } .projecthome .item .description { background: #f6f6f6; padding: 15px; } .projecthome .item .img img.thumb { border-radius: 0 !important; } .projecthome p.threemt { font-size: 0.9em; display: flex; } .projecthome p.threemt span { font-size: 13.5px; float: left; margin-right: 10%; } .projecthome p.threemt span i { float: left; font-style: normal; } .projecthome p.threemt span .vti { margin-top: 2px; margin-left: 5px; } .main-homes { min-height: calc(100vh - 400px); } @media (max-width: 767px) { .show-admin-bar .search-box { margin-top: 40px; } .search-box { visibility: hidden; border-radius: 0; position: fixed; top: 0; left: 0; height: 100%; z-index: 1200; width: 100%; overflow-y: scroll; overflow-x: hidden; background-color: transparent !important; padding: 0 !important; margin-bottom: 0; } .search-box.animation .search-box-content { transform: translateX(-100%); transition: visibility 0.3s ease-in-out, transform 0.3s ease-in-out; } .search-box .search-box-content { height: 100%; overflow-y: scroll; overflow-x: hidden; width: 100%; max-width: 85%; background-color: #f6f6f6; padding-bottom: 50px; } .search-box .search-box-content .search-box-items { padding: 1.25em; } .search-box.active { visibility: visible; } .search-box.active .search-box-content { transform: translateX(0); } .search-box.active .screen-darken { position: absolute; height: 100%; width: 100%; z-index: -1; background-color: rgba(34, 34, 34, 0.4); transition: opacity 0.2s linear, visibility 0.2s, width 2s ease-in; } } .toggle-filter-offcanvas.toggle-filter-mobile { border-width: 1px; border-style: solid; border-color: var(--primary-color); -o-border-image: initial; border-image: initial; height: 32px; padding-left: 0.5em; vertical-align: middle; display: flex; overflow: hidden; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding-right: 0.5em; } .toggle-filter-offcanvas.toggle-filter-mobile i, .toggle-filter-offcanvas.toggle-filter-mobile span { align-self: center; } .search-box { background: #f6f6f6; margin-top: 20px; padding: 1em 0.75em; } .search-box > .row { margin-left: 0.1em; margin-right: 0.1em; } .search-box .select--arrow .form-control { height: 34px; } .search-box .form-control { width: 100%; height: 34px; padding: 6px 12px; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 2px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .search-box .form-group .max-label, .search-box .form-group .min-label { bottom: -18px; font-size: 13px; font-weight: 700; padding-left: 0.25em; } .search-box .input-has-icon { position: relative; } .search-box .input-has-icon i { position: absolute; right: 10px; top: 10px; color: #ccc; } .search-box .input-has-icon .form-control { padding-right: 2.25em; } .search-box .list-of-suggetions { padding-left: 0; } .search-box .list-of-suggetions li { padding: 2px 20px; list-style: none; font-size: 14px; color: #999; cursor: pointer; } .search-box .list-of-suggetions li:hover { background-color: #e2e2e2; } .search-box .dropdown-menu .dropdown-item { padding-left: 0.75em; padding-right: 0.75em; } .search-box .dropdown-menu .dropdown-item.active, .search-box .dropdown-menu .dropdown-item:active { color: unset; text-decoration: none; background-color: unset; } .search-box .dropdown .dropdown-toggle { text-align: left; width: 100%; padding: 0.375rem 0.75rem; padding-right: 1.75em; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; height: 34px; background-image: none; border: 1px solid #ccc; border-radius: 2px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; font-size: 14px; } .search-box .dropdown .dropdown-toggle span { overflow: hidden; display: block; } .search-box .dropdown .dropdown-toggle::after { text-align: right; float: right; top: 50%; position: absolute; right: 0.5em; transform: translate(-50%, -50%); } .min-max-input .control-label { display: block; overflow: hidden; } @media (min-width: 768px) { .search-box .btn-group .dropdown-toggle { padding-left: 0.5em; padding-right: 0.5em; } } #properties-list .property-item { position: relative; width: 100%; } #ajax-filters-form .data-listing > .row > div { margin-bottom: 20px; } @media (min-width: 576px) { #properties-list.full-page-content .property-item { flex: 0 0 50%; max-width: 50%; } #properties-list.left-page-content .property-item { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 768px) { #properties-list.full-page-content .property-item { flex: 0 0 50%; max-width: 50%; } #properties-list.left-page-content .property-item { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { #properties-list.full-page-content .property-item { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } #properties-list.left-page-content .property-item { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 1200px) { #properties-list.full-page-content .property-item { flex: 0 0 25%; max-width: 25%; } #properties-list.left-page-content .property-item { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 1400px) { #properties-list.full-page-content .property-item { flex: 0 0 20%; max-width: 20%; } #properties-list.left-page-content .property-item { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } } .shop__sort .form-group--inline { justify-content: flex-start; } .shop__sort .sort-by-wrap { justify-content: flex-end; } .shop__sort .change-view { align-self: center; } @media (max-width: 576px) and (min-width: 375px) { .shop__sort .col-toggle-filter { flex: 0 0 17%; max-width: 17%; padding-right: 5px; padding-left: 10px; } .shop__sort .col-sort-by, .shop__sort .col-showing { padding-left: 7px; padding-right: 10px; } .shop__sort .col-sort-by .select--arrow .form-control, .shop__sort .col-showing .select--arrow .form-control { padding-left: 5px; padding-right: 20px; } .shop__sort .col-sort-by .select--arrow i, .shop__sort .col-showing .select--arrow i { right: 6px; } .shop__sort .col-sort-by { flex: 0 0 53%; max-width: 53%; } .shop__sort .col-showing { flex: 0 0 30%; max-width: 30%; } .shop__sort .toggle-filter-name { display: none !important; } } @media (max-width: 374px) { .shop__sort .change-view { position: absolute; top: calc(-100% - 0.5rem); right: 15px; } } @media (max-width: 305px) { .shop__sort .row > div { flex: 0 0 100%; max-width: 100%; } } .btn-primary { background: #d1ab3e !important; padding: 5px 10px; border-radius: 3px; color: #ffffff; outline: none; border: none; } .btn-primary:hover { background: var(--primary-color-hover); } .btn-full { width: 100%; } .btn-select-language { display: block; float: left; margin-left: 15px; padding: 0; background: transparent !important; color: #333 !important; border: none !important; outline: none !important; box-shadow: none !important; line-height: 16px; font-size: 14px; vertical-align: middle; } .btn-select-language img { vertical-align: top; margin-top: 1px; } .language_bar_chooser.dropdown-menu { padding: 0 !important; border: none; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.15); } .language_bar_chooser.dropdown-menu li { display: inline-block !important; } .language_bar_chooser.dropdown-menu li a { font-size: 14px; line-height: 28px; padding-left: 7px !important; text-decoration: none !important; } .language_bar_chooser.dropdown-menu li a img { vertical-align: top; margin-top: 7px; } .socials { display: inline-block; } .socials span { font-weight: bold; } .socials ul { list-style: none; margin: 0; padding: 0; display: inline-block; } .socials ul li { display: inline-block; margin: 0 5px; } .socials ul li a { display: block !important; width: 35px; height: 35px; border-radius: 50%; background-color: var(--primary-color) !important; color: #fff !important; border: 1px solid var(--primary-color); line-height: 35px; text-align: center; font-size: 15px !important; } .socials ul li a:hover { background-color: #fff !important; color: var(--primary-color-hover) !important; } .box_shadow { background: #f5f5f5; margin: 30px 0; padding: 40px 0; } .box_shadow .projecthome .item { background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); } .box_shadow .projecthome .item .description { background: #ffffff; } .box_shadow .homehouse { background: transparent; } .box_shadow .homehouse .hourseitem { background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); } .box_shadow .homehouse .hourseitem .info { background: #ffffff; } .box_shadow .blog-container .grid-h { background: #fff; } .hourseitem, .projecthome .item { position: relative; overflow: hidden; border-radius: 5px; } .hourseitem img, .projecthome .item img { transition: all 0.4s; transform: scale(1); width: 100%; } .hourseitem:hover img, .projecthome .item:hover img { transform: scale(1.1); } footer { border-top: 1px solid #f0f0f0; background-color: #fafbfd; } .homepageonly { position: relative; background-color: transparent !important; height: 100vh; background-position: top; background-size: cover; } .hourseitem h3 a { line-height: 19px; } .bravo_topbar { background: var(--primary-color); padding: 15px 0; } .bravo_topbar .content { display: flex; align-items: center; justify-content: space-between; padding: 0 20px; } .bravo_topbar .content .topbar-left { font-size: 14px; color: #fff; } .bravo_topbar .content .topbar-right { font-size: 12px; } .bravo_topbar .content .topbar-items { display: inline-block; margin-bottom: 0; } .topbar-items li { padding-left: 18px; padding-right: 18px; display: inline-block; } .topbar-items li.login-item { padding-left: 5px; padding-right: 5px; } .topbar-items li a { color: #fff; font-weight: 400; font-size: 12px; text-decoration: none; } .bravo_topbar .content .top-socials { display: inline-block; } .bravo_topbar .content .topbar-left .line { min-width: 1px; display: inline-block; position: relative; min-height: 1px; margin: 0 10px; } .bravo_topbar .content .topbar-left a { color: #fff; font-weight: 400; font-size: 13px; text-decoration: none; } .bravo_topbar .content .topbar-left .line:before { content: ""; position: absolute; left: 0; top: -13px; height: 20px; border-right: 1px solid #5f7190; } .bravo_topbar .content .top-socials a:first-child { padding-left: 0; } .bravo_topbar .content .topbar-left a { color: #fff; font-weight: 400; font-size: 13px; text-decoration: none; padding-right: 18px; } .topsearch .form-control { border: none !important; z-index: 3; } .topsearch .input-group-text { border: none !important; } .language > a { text-decoration: none !important; font-weight: 400; } .language > a img { vertical-align: top; margin-top: 3px; margin-right: 3px; } .bravo_topbar .language-label { display: none; } .bravo_topbar .btn-select-language { color: #fff !important; font-size: 12px; font-weight: 400; } .bravo_topbar .language { display: inline-block; padding: 0; margin-bottom: 0 !important; vertical-align: middle; font-size: 12px; margin-left: 10px; } .bravo_topbar .language > a { color: #ffffff !important; } .post-meta a { color: #212529; text-decoration: none !important; } .post-meta a:hover { color: var(--primary-color); } .breadcrumb { position: relative; z-index: 2; background-color: transparent; margin-bottom: 0; align-items: center; justify-content: center; } .breadcrumb > .breadcrumb-item { display: inline-block; color: #fff; font-size: 14px; font-weight: 700; } .breadcrumb > .breadcrumb-item:active { color: #ffffff; } .breadcrumb > .breadcrumb-item a { color: #fff; } .breadcrumb > .breadcrumb-item a:hover { color: var(--primary-color-hover); text-decoration: none; } .breadcrumb-item + .breadcrumb-item::before { color: #ffffff; } .bgheadproject h1 { text-transform: uppercase; font-size: 1.5rem; font-weight: 700; color: #fff; } .breadcrumb { background-color: transparent !important; } .breadcrumb-item.active { color: #fff !important; } .breadcrumb-item+.breadcrumb-item::before { color: #fff !important; } .boxright .head { padding: 0 0 15px 0; margin-bottom: 0; border-bottom: none; } .boxright .itemagent { font-size: 15px; } .boxright .itemagent img { margin-bottom: 15px; padding: 0; border-radius: 4px; } .boxright .info p { margin: 0; padding: 5px 0; } .boxright .info p.mobile { font-weight: bold; color: var(--primary-color); } p:empty { margin-bottom: 0; } .add-property { border-radius: 25px; font-size: 15px; margin-left: 20px; padding: 10px 15px; white-space: nowrap; margin-top: 0.8rem; margin-bottom: 0.8rem; } .blii .status { position: absolute; z-index: 9; right: 10px; top: 10px; } .status-label { font-size: 1rem; color: #fff; padding: 3px 7px; background-color: var(--primary-color); } .status-label.label-success { background-color: #36c6d3; } .status-label.label-danger { background-color: #ed6b75; } .status-label.label-warning { background-color: #f1c40f; } .status-label.label-info { background-color: #659be0; } .home_banner { height: 60vh; position: relative; background-repeat: no-repeat; background-size: cover; background-position: 50%; background-color: #2a2933; font-weight: 600; } .home_banner .topsearch { position: absolute; width: 50%; text-align: center; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: 9; margin: auto; } .post-meta { font-size: 14px; color: #878798; } @media (max-width: 1200px) { .home_banner .topsearch { width: 70%; padding-left: 15px; padding-right: 15px; } } @media screen and (max-width: 992px) { .home_banner .topsearch { width: 80%; } } @media screen and (max-width: 768px) { .home_banner .topsearch { width: 100%; } } body .cookie-consent { padding: 10px 0 !important; } body .cookie-consent .cookie-consent-body { max-width: 90%; } .login-form { padding: 20px; border: none; box-shadow: 0 -2px 10px 0px rgba(0, 0, 0, 0.15); margin: 50px auto; } .login-form .btn-blue { font-size: 15px !important; background: #08436b; color: #fff; border-radius: 0 !important; padding: 0.5rem 1rem; line-height: 1.5; } .login-form .btn-blue.btn-full { width: 100%; } .half-circle-spinner, .half-circle-spinner * { box-sizing: border-box; } .half-circle-spinner { width: 60px; height: 60px; margin: 20px auto; border-radius: 100%; position: relative; } .half-circle-spinner .circle { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 100%; border: 6px solid transparent; } .half-circle-spinner .circle.circle-1 { border-top-color: var(--primary-color); -webkit-animation: half-circle-spinner-animation 1s infinite; animation: half-circle-spinner-animation 1s infinite; } .half-circle-spinner .circle.circle-2 { border-bottom-color: var(--primary-color); -webkit-animation: half-circle-spinner-animation 1s infinite alternate; animation: half-circle-spinner-animation 1s infinite alternate; } @-webkit-keyframes half-circle-spinner-animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes half-circle-spinner-animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .topsearch .keyword-input, .topsearch .location-input { width: calc(50% - 105px); display: inline-block; position: relative; } .topsearch .search-button-wrapper .btn { min-width: 108px; padding: 0.5em; } .spinner-icon { display: none; position: absolute; top: 13px; right: 13px; } .search-box .spinner-icon { top: 7px; right: 11px; } .suggestion { position: absolute; background: rgba(255, 255, 255, 0.9); display: none; max-height: 400px; overflow-y: scroll; z-index: 99; left: 0; right: 0; } .suggestion ul { margin: 0; padding: 0; } .suggestion ul li { padding: 5px 10px; list-style: none; border-bottom: #ccc 1px solid; } .suggestion ul li p a { color: #000; font-weight: bold; font-size: 1.1em; } .suggestion::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); background-color: #f9f9f9; } .suggestion::-webkit-scrollbar { width: 3px; background-color: #fae0e0; height: 3px; } .suggestion::-webkit-scrollbar-thumb { background-color: #f9f9f9; border: 2px solid #777; border-radius: 2px; } .topmenu { transition: all 0.5s ease 0s; } .topmenu .header-sticky { z-index: 9999999; background: transparent; box-shadow: 0px 0px 0px 0px; position: fixed; right: 0; left: 0; top: 0; -webkit-animation: slideInDown 0.65s cubic-bezier(0.23, 1, 0.32, 1); animation: slideInDown 0.65s cubic-bezier(0.23, 1, 0.32, 1); -webkit-animation-fill-mode: none; animation-fill-mode: none; } .show-admin-bar .topmenu .header-sticky { position: fixed; top: 40px; background: #fff; } .choose-currency { display: inline-block; color: #fff; } .choose-currency a { color: #fff; text-decoration: none; display: inline-block; position: relative; margin-right: 3px; } .choose-currency a:after { content: ""; width: 1px; height: 10px; right: -5px; top: 4px; position: absolute; background: #fff; } .choose-currency a:last-child:after { display: none; } .choose-currency a.active { font-weight: 700; } .header-deliver { display: inline-block; color: #fff; padding: 0 5px !important; } .banner-text-description { font-size: 2.15em; font-weight: 600; } .advanced-search { text-align: left; width: calc(100% - 14px); padding-top: 5px; position: relative; } .advanced-search > a { font-size: 0.8rem; text-decoration: none; color: var(--primary-color); } .advanced-search .advanced-search-content { display: none; -webkit-animation: fadeOut 0.3s; animation: fadeOut 0.3s; } .advanced-search .advanced-search-content.active { display: block; -webkit-animation: fadeIn 0.3s; animation: fadeIn 0.3s; } .advanced-search .advanced-search-content .form-group { margin-bottom: 0.5em; } .advanced-search .advanced-search-content .form-group label { margin-bottom: 0; } .advanced-search .advanced-search-content .form-group .btn-min-max { display: none; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px); } 100% { transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px); } 100% { transform: translateY(0); } } @media (max-width: 576px) { .topsearch .keyword-input { width: calc(100% - 52px); } .topsearch .keyword-input + .input-group-prepend { margin-top: 10px; } .topsearch .location-input { width: calc(100% - 52px); margin-top: 10px; } .topsearch .input-group-append.search-button-wrapper { margin-top: 10px; width: 100%; margin-bottom: 10px; } .topsearch button.btn { width: 100%; } } @media screen and (max-width: 768px) { .topmenu .navbar-collapse { background: #fff; } .banner-text-description { font-size: 1.5em; font-weight: 600; } } .form-group--inline { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-end; } .form-group--inline label { min-width: 60px; font-size: 14px; font-weight: 500; margin-right: 10px; } .form-group--inline .form-control { border-radius: 50px; border-color: var(--primary-color); width: auto; } .select--arrow { position: relative; background-color: transparent; border: none; border-bottom: 2px solid #E6E9EC; border-radius: 0; color: #696969; } .select--arrow i { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; color: #ccc; display:none; } .select--arrow .form-control { padding: 10px; height: 40px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; } .item-price-wrap { left: 0; bottom: 0; color: #fff; font-weight: 500; position: absolute; list-style-type: none; padding: 0; margin-bottom: 0; } .item-price-wrap li { font-size: 14px; font-weight: 600; float: left; background-color: rgba(226, 62, 29, 0.8); color: #fff; position: relative; padding: 2px 15px; text-align: center; } .item-price-wrap li.h-type { background-color: var(--primary-color-rgb); font-weight: 400; margin-right: 27px; } .item-price-wrap li:not(.h-type):before, .item-price-wrap li:not(:last-child):after { content: ""; display: inline-block; vertical-align: bottom; margin-left: 0; position: absolute; top: 0; } .item-price-wrap li:not(:last-child):after { border-top: 30px solid var(--primary-color-rgb); border-right: 25px solid transparent; left: 100%; } .item-price-wrap li:not(.h-type):before { border-bottom: 30px solid rgba(226, 62, 29, 0.8); border-left: 25px solid transparent; right: 100%; } .media-count-wrapper { position: absolute; left: 10px; top: 10px; display: inline-block; } .media-count-wrapper .media-count { position: relative; overflow: hidden; } .media-count-wrapper .media-count span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 0.75rem; font-weight: 600; } #alert-container { top: 80px; right: 5px; position: fixed; z-index: 9999999; } #alert-container .alert { max-width: 450px !important; min-height: 45px !important; font-weight: 400; position: relative; padding: 10px 40px; margin-bottom: 10px; box-shadow: 0 4px 10px 0 rgba(3, 3, 3, 0.1); font-size: 15px; } #alert-container .alert.alert-success { color: #299c77; background-color: #bff9d0; } #alert-container .alert.alert-error { color: #842029; background-color: #f8d7da; } #alert-container .alert .message-icon { position: absolute; left: 5%; top: 30%; font-size: 16px; fill: #299c77; stroke: #299c77; } #alert-container .alert.alert-dismissible .close { position: absolute; top: 15px; right: 15px; font-size: 10px; padding: 0; } body.show-admin-bar #alert-container { top: 120px; } .projecthome .item .description .heart { right: 10px; } .hourseitem .info .heart { right: 10px; } .imgs-grid-modal { z-index: 1000000; } .imgs-grid-modal .modal-indicator ul li { margin: 0 5px; border: 2px solid #fff; } .imgs-grid-modal .modal-indicator ul li.selected { margin: 0 5px; } #trafficMap { z-index: 9; min-height: 400px; } #trafficMap .boxmarker { display: inline-block; white-space: nowrap; color: #fff; background-color: var(--primary-color); padding: 2px 5px; border-radius: 3px; box-shadow: 0 0 5px #333; text-align: center; font-weight: bold; width: auto !important; } #map { min-height: 730px; height: calc(100% - 103px); z-index: 1; } #map .leaflet-top { z-index: 999; } #map .boxmarker { display: inline-block; white-space: nowrap; color: #fff; background-color: var(--primary-color); padding: 2px 5px; border-radius: 3px; box-shadow: 0 0 5px #333; text-align: center; font-weight: bold; width: auto !important; } #map .infomarker h5 { font-size: 14px; margin: 0; padding: 0; height: 34px; overflow: hidden; margin-bottom: 5px; font-weight: bold; } .leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow { transition: transform 0.3s ease-out, opacity 0.3s ease-in; } .leaflet-cluster-spider-leg { /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */ transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in; } .marker-cluster-small { background-color: rgba(181, 226, 140, 0.6); } .marker-cluster-small div { background-color: rgba(110, 204, 57, 0.6); } .marker-cluster-medium { background-color: rgba(241, 211, 87, 0.6); } .marker-cluster-medium div { background-color: rgba(240, 194, 12, 0.6); } .marker-cluster-large { background-color: rgba(253, 156, 115, 0.6); } .marker-cluster-large div { background-color: rgba(241, 128, 23, 0.6); } /* IE 6-8 fallback colors */ .leaflet-oldie .marker-cluster-small { background-color: #b5e28c; } .leaflet-oldie .marker-cluster-small div { background-color: #6ecc39; } .leaflet-oldie .marker-cluster-medium { background-color: #f1d357; } .leaflet-oldie .marker-cluster-medium div { background-color: #f0c20c; } .leaflet-oldie .marker-cluster-large { background-color: #fd9c73; } .leaflet-oldie .marker-cluster-large div { background-color: #f18017; } .marker-cluster { background-clip: padding-box; border-radius: 20px; } .marker-cluster div { width: 30px; height: 30px; margin-left: 5px; margin-top: 5px; text-align: center; border-radius: 15px; font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; } .marker-cluster span { line-height: 30px; } .change-view i { border-radius: 4px; padding: 7px 10px; cursor: pointer; background: #ffffff; border: #ccc 1px solid; } .change-view i.active { background: var(--primary-color); border: var(--primary-color) 1px solid; color: #FFF; } .search-box { margin-top: 0; margin-bottom: 30px; } .leaflet-popup-content { min-width: 300px; } .leaflet-popup-content .blii { padding-top: 0; } .leaflet-popup-content .blii .status-label { font-size: 12px; padding: 3px; } .action_footer { z-index: 999; } .shop__sort { line-height: 15px; } .shop__sort .form-group--inline label { min-width: 0; } .shop__sort .select--arrow .form-control { padding: 0 25px 0 15px; height: 32px; border-radius: 0; } .pagination .page-item.disabled .page-link { cursor: not-allowed; background-color: #f4f5f9; border-color: #dee2e6; border-radius: 0 !important; } .search-box .btn-primary:not(:disabled):not(.disabled).active, .search-box .btn-primary:not(:disabled):not(.disabled):active, .search-box .show > .btn-primary.dropdown-toggle { background-color: var(--primary-color); border-color: var(--primary-color); outline: none !important; box-shadow: none !important; } .search-box .btn-primary.focus, .search-box .btn-primary:focus { box-shadow: none !important; } .search-box .dropdown-menu { padding: 0; } .data-listing { position: relative; } .data-listing > .row { margin: 0; } #loading { position: absolute; background: rgba(0, 0, 0, 0.3); left: 0; top: 0; right: 0; bottom: 0; z-index: 10; display: none; } #loading .half-circle-spinner .circle.circle-1 { border-top-color: #fff; } #loading .half-circle-spinner .circle.circle-2 { border-bottom-color: #fff; } #loading .half-circle-spinner { position: absolute; top: 200px; left: 0; right: 0; } #loading .half-circle-spinner .circle { border: 5px solid transparent; } body.hidden-scroll-main-menu { overflow: hidden !important; } @media (min-width: 992px) { #navbarSupportedContent .main-menu-content { display: flex; } } .search-box-items .button-search-wrapper { margin-bottom: 15px !important; } @media (max-width: 991px) { .add-property { margin-left: 0; } .search-box-items .button-search-wrapper { margin-bottom: 8px !important; } .show-admin-bar #navbarSupportedContent { margin-top: 40px; } #navbarSupportedContent { position: fixed; top: 0; right: 0; width: 100%; min-height: 100%; z-index: 9999; background-color: transparent !important; overflow: hidden !important; height: 100%; } #navbarSupportedContent.collapse { transition: none !important; } #navbarSupportedContent.show { display: flex; } #navbarSupportedContent.show .main-menu-content { transform: translateX(0) !important; } #navbarSupportedContent.show .main-menu-darken { position: absolute; height: 100%; width: 100%; z-index: -1; background-color: rgba(34, 34, 34, 0.4); transition: opacity 0.2s linear, visibility 0.2s, width 2s ease-in; } #navbarSupportedContent .main-menu-content { width: 100%; max-width: 18em; height: 100%; transform: translateX(100%); transition: visibility 0.3s ease-in-out, transform 0.3s ease-in-out; background-color: #fff; margin-left: auto; margin-bottom: auto; } #navbarSupportedContent .main-menu-content .main-menu-nav { height: calc(100% - 135px); overflow-y: scroll; overflow-x: hidden; padding: 10px; } #navbarSupportedContent .main-menu-content .choose-currency a:hover { color: var(--primary-color); } #navbarSupportedContent .main-menu-content .choose-currency a.active { color: var(--primary-color); } #navbarSupportedContent .main-menu-content .choose-currency { color: #000; margin-top: 10px; } #navbarSupportedContent .main-menu-content .choose-currency > span { font-weight: bolder; } #navbarSupportedContent .main-menu-content .choose-currency a { color: #000; } #navbarSupportedContent .main-menu-content .choose-currency a:after { background: #000; height: 11px; top: 7px; } #navbarSupportedContent .main-menu-content .choose-currency a:hover, #navbarSupportedContent .main-menu-content .choose-currency a .active { color: #000; } #navbarSupportedContent .main-menu-content .choose-currency span { font-size: 0.8em; } #navbarSupportedContent .main-menu-content .topbar-items { padding-left: 0; margin: 0; padding-bottom: 10px; } #navbarSupportedContent .main-menu-content .topbar-items li a { color: #000; } .topmenu.bg-light .navbar-toggler { outline: none !important; } .topmenu.bg-light .navbar-nav { margin-bottom: 20px; } .topmenu.bg-light .navbar-nav a { padding-left: 0.75rem !important; border-bottom: 1px dashed #eaeaea; font-size: 14px; } .topmenu.bg-light .navbar-nav a.active.text-orange { border-left: 2px solid var(--primary-color); } } .bg-primary { background-color: var(--primary-color) !important; } .leaflet-pane .leaflet-popup-content { margin: 0.5em; margin-bottom: 0.25em; } .leaflet-pane .leaflet-popup { margin-bottom: 28px; } .overlay-icon .video-popup-btn { background-color: #ff5a5f; border-radius: 50%; height: 70px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: calc(50% - 35px); width: 70px; z-index: 1; display: block; } .overlay-icon .video-popup-btn:hover { text-decoration: none; } .overlay-icon .video-popup-btn:after { background-color: rgba(255, 90, 95, 0.2); border-radius: 100%; content: ""; height: 90px; left: -10px; position: absolute; top: -10px; width: 90px; z-index: -1; } .overlay-icon .video-popup-btn { background: #ff5a5f; box-shadow: 0 0 0 0 #ff5a5f; -webkit-animation: pulse-red 2s infinite; animation: pulse-red 2s infinite; } .overlay-icon .video-popup-btn .video-popup-icon { width: 100%; position: relative; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; } @-webkit-keyframes pulse-red { 0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(255, 90, 95, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 15px transparent; } 100% { transform: scale(0.9); box-shadow: 0 0 0 0 transparent; } } @keyframes pulse-red { 0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(255, 90, 95, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 15px transparent; } 100% { transform: scale(0.9); box-shadow: 0 0 0 0 transparent; } } .show-admin-bar .mfp-wrap { z-index: 1000001; } .traffic-map-container #trafficMap.mfp-hide { display: block !important; } .mfp-content #trafficMap { max-width: 700px; margin: 0 auto; } @media screen and (max-height: 400px) { #trafficMap { min-height: 99vh; max-height: 99vh; } } .itemarea { border-radius: 6px; background: rgba(0, 0, 0, 0.4); } ul.listnews li:last-child { border: none; padding-bottom: 0; } .is-sticky { padding-top: 66px; } .list-agency { display: flex; } .list-agency .agents-grid { position: relative; background: #fff; border-radius: 6px; margin-bottom: 30px; border: none; box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1); -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1); } .list-agency .agents-grid .fr-grid-thumb { width: 100%; border-radius: 6px; height: 200px; overflow: hidden; display: table; position: relative; padding: 0.7em; } .list-agency .agents-grid .fr-grid-thumb a { display: inline-flex; height: 250px; overflow: hidden; width: 100%; } .list-agency .agents-grid .fr-grid-thumb a img { width: 100%; border-radius: 6px; -o-object-fit: cover; object-fit: cover; } .list-agency .agents-grid .fr-grid-detail { display: flex; align-items: center; padding: 0 1.5rem 1rem; width: 100%; } .list-agency .agents-grid .fr-grid-detail-flex { flex: 1; } .list-agency .agents-grid .fr-grid-detail-flex .fr-can-name { margin-bottom: 0; } .list-agency .agents-grid .fr-grid-detail-flex .fr-can-name a { color: #000; text-decoration: none; } .list-agency .agents-grid .fr-grid-detail-flex .fr-can-name a:hover { color: var(--primary-color); text-decoration: none; } .list-agency .agents-grid .agent-email a { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; transition: all ease 0.4s; background: #f4f5f9; color: var(--primary-color); text-decoration: none; } .list-agency .agents-grid .fr-grid-info { margin-bottom: 1.5rem; } .list-agency .agents-grid .fr-grid-info ul { margin: 0; padding: 0; } .list-agency .agents-grid .fr-grid-info ul li { list-style: none; padding: 0.1rem 1.5rem; } .list-agency .agents-grid .fr-grid-info .fr-grid-footer { display: flex; align-items: center; padding: 1rem 1.5rem; border-top: 1px solid #e2e6f1; } .list-agency .agents-grid .fr-grid-footer-flex { flex: 1; } .list-agency .agents-grid .fr-position { font-size: 15px; } .list-agency .agents-grid .fr-position i { margin-right: 10px; } .list-agency .agents-grid .fr-grid-footer { display: flex; align-items: center; padding: 1rem 1.5rem; border-top: 1px solid #e2e6f1; } .list-agency .agents-grid .fr-grid-footer-flex-right .prt-view { padding: 4px 18px; color: #fff !important; background: var(--primary-color); border-radius: 50px; height: 30px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; } .projecthome .search-box { background: transparent; } .projecthome input { box-shadow: 0px 0px 0px 0px !important; border: 1px solid #E6E9EC !important; font-size: 14px; } .projecthome select { box-shadow: 0px 0px 0px 0px !important; border:1px solid #E6E9EC !important; font-size: 14px; } button#dropdownMenuPrice { border: none; border-bottom: 2px solid #E6E9EC !important; font-size: 14px; } .projecthome .w-100 { width: 200px !important; } .projecthome button.btn.btn-primary.btn-full { height: 46px; } .search-box-items .button-search-wrapper { margin-bottom: 18px !important; } .search-box-items .button-search-wrapper { margin-bottom: 18px !important; } .form-group__content i.fas.fa-angle-down { top: 70%; } .projecthome button.btn.btn-primary.dropdown-toggle.dropdown-toggle-split { height: 35px; } button#dropdownMenuPrice { background: #fff; color: rgb(153, 153, 153); } .is-sticky { padding-top: 0px; } .home_adv_srch_opt { position: relative; margin-top: 20%; } .input-group-prepend { height: 0px; } /*############################################################################################# lukesh css */ /* ############################################################################################## */ .home_adv_srch_form .form-row { justify-content: space-between; } .home_adv_srch_form .form-row .col-auto { width: 16.6%; margin-top: 10px; } .home_adv_srch_form .form-row .col-auto.home_form_input2 { align-self: baseline; text-align: end; } /*.home_adv_srch_form { margin-top: 20%; }*/ i.far.fa-search { margin-right: 5px; } button.btn.btn-primary.add-property { border-radius: 3px; height: 41px; position: relative; text-align: center; top: 0px; width: 168px; background-color: #d1ab3e; /* width: 145px; */ font-size: 13px; font-weight: 600; padding: 13px 0px; height: auto; border-radius: 4px; border:none; } .main-header li a { color: #fff; } /*.main-header.header-sticky li a:hover { color: #ffff; }*/ .main-header.header-sticky li a { color: #ffff; } .form-group.adv_src_pmodal select{ border: none; } .col-auto.price-filter { width: 24% !important; } .col-auto.price-filter h6.title { color: #0D263B; font-size: 13px; font-weight: 600; text-transform: uppercase; } .amenities{ color: #000; text-transform: uppercase; font-size: 22px; letter-spacing: 0; line-height: 2.25rem; padding-right: 20px; flex-basis: 50%; margin-bottom: 10px; } .home_adv_srch_form .bootstrap-select>.dropdown-toggle, .custom_dropdowns .bootstrap-select>.dropdown-toggle, .home_adv_srch_form.listing_page_v3 .bootstrap-select>.dropdown-toggle { background-color: transparent; border: none; border-bottom: none !important; } .home_adv_srch_form .dropdown-toggle::after { /*display: none;*/ font-size: 20px; } .price-filter .dropdown-toggle::after { display: inline-block; } .col-md-2.price-filter .dropdown.bootstrap-select.custom-select-lg.mb10 { padding-top: 0px; top: -3px; } .col-md-2.price-filter button#dropdownMenuPrice { line-height: 35px; } /*==================== yusuf css start ==================*/ header.header-nav.menu_style_home_one ul.ace-responsive-menu li.add_listing a, header.header-nav.menu_style_home_five ul.ace-responsive-menu li.add_listing a { /* color: #071c35; */ font-family: Cerebri Sans; font-size: 13px; font-weight: 600; line-height: 17px; top: -10px; } button.btn.btn-primary.add-property span.icon.flaticon-button { margin-right: 7px; top: 1px; position: relative; } .main-menu-content ul.navbar-nav.justify-content-end.menu.menu--mobile >li> a:before { background-color: #ffffff !important; bottom: 25px; content: ""; height: 2px; position: absolute; left: 10px; opacity: 0; width: 0px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .main-menu-content ul.navbar-nav.justify-content-end.menu.menu--mobile >li:hover a:before { opacity: 1; width: 40px; } div#header-waypoint { background-color: #020BA7 !important; } .action_footer .cd-top { background: #f2b909; } .apartment-price-label label { margin-bottom: 0px; } .feat_property.recent:hover { -webkit-box-shadow: 0px 8px 30px rgb(34 34 34 / 7%); -moz-box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07); -o-box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07); box-shadow: 0px 8px 30px rgb(34 34 34 / 7%); } .bg-home1.home-one .bootstrap-select .dropdown-toggle .filter-option { position: absolute; top: 0; left: 0; padding-top: inherit; padding-right: inherit; padding-bottom: inherit; padding-left: 5px; height: 90%; width: 100%; text-align: left; } .bg-home1.home-one .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle { color: #d1ab3e !important; background-color: #ffffff !important; border-color: #ffffff !important; } /*.bg-home1.home-one .filter-option .filter-option-inner .filter-option-inner-inner {*/ /* color: #d1ab3e;*/ /*}*/ .col-md-2.price-filter button#dropdownMenuPrice span { width: 100%; } .col-md-2.price-filter button#dropdownMenuPrice { text-align: left; } .recent_property_slider_home1.property-ofthe-week .feat_property.recent.no-border { border: none !important; box-shadow: none; } .col-md-2.price-filter .dropdown-menu.show { min-height: 110px; } .col-md-2.price-filter .dropdown-menu.show .adv_src_pmodal .btn { height: auto; } .col-md-2.price-filter .dropdown-menu.show label.control-label { margin-bottom: 5px; } .col-md-2.price-filter .dropdown-menu.show .position-absolute { position: absolute!important; margin-top: 5px; padding-left: 15px; } .home_adv_srch_form .dropdown-toggle::after { margin-top: -8px !important; } div#header-waypoint i.fa.fa-phone { margin-right: 7px; font-size: 16px; top: 1px; position: relative; } header.topmenu.bg-light.homepageonly span.icon.flaticon-button { display: none; } div#header-waypoint span.icon.flaticon-button { display: none; } .content-slider .item .slide-content { padding: 45px 20px 45px 20px; width: 550px; background: rgba(0, 0, 0, 0.3); color: #fff !important; margin-left: 10px; } div#listcarousel1 { overflow: hidden; } .content-slider .item .single_item .img-fluid { height: 100%; width: 150%; object-fit: cover; } div#listcarousel1 { overflow: hidden; height: 100vh !important; width: 100%; } #modal_contact_form .modal-content { width: 100% !important; } #modal_contact_form .modal-dialog.modal-dialog-centered { max-width: 440px; } #modal_contact_form:before { background-color: rgba(13, 38, 59, .5); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .sign_up_modal .modal-header button.close { margin: 0; opacity: 1; padding: 0; font-size: 32px; line-height: 26px; } div#modal_contact_form button.close span { position: relative; padding: 4px 6px !important; } /* .advanced-search button#dropdownMenuPrice span { color: #d1ab3e; } */ body.is-sticky.modal-open { padding-right: 0px !important; } .yf-price { color: #d1ab3e; } .projecthome .feat_property.recent { margin-bottom: 0px; } .dropdown-menu.show .inner.show ul.dropdown-menu.inner.show li:hover a, .home_adv_srch_form .dropdown-menu.show .inner.show ul.dropdown-menu.inner.show li.selected a { color: #d1ab3e; font-weight: 600; } .dropdown-menu.show .inner.show ul.dropdown-menu.inner.show li:hover a, .home_adv_srch_form .dropdown-menu.show .inner.show ul.dropdown-menu.inner.show li.selected a { color: #d1ab3e !important; font-weight: 600; } .dropdown-menu.show .inner.show ul.dropdown-menu.inner.show li a { font-size: 13px; line-height: 35px; padding-left: 0px; padding-right: 0px; } .dropdown-item, .home_adv_srch_form.listing_page_v3 .dropdown-item { background-color: transparent; color: #696969; } .dropdown-item:focus, .dropdown-item:hover { background-color: #e9ecef00 !important; } .dropdown-menu.show .inner.show ul.dropdown-menu.inner.show li:hover a, .home_adv_srch_form .dropdown-menu.show .inner.show ul.dropdown-menu.inner.show li.selected a { color: #d1ab3e !important; font-weight: 600; } li.selected a.dropdown-item.selected { color: #d1ab3e !important; } /* button#dropdownMenuPrice { border: 1px solid #E6E9EC !important; } */ .projecthome .search-box .dropdown .dropdown-toggle { text-align: left; width: 100%; padding: 0.375rem 0.75rem; padding-right: 1.75em; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; height: 34px; background-image: none; border: none !important; border-top: none !important; border-radius: 2px; box-shadow: none !important; } .projecthome label.control-label { margin-bottom: 0; position: relative; top: -5px; } .projecthome .col-2.px-0.btn-min-max button.btn.btn-primary { height: auto; padding: 4px 10px; font-size: 17px; } .projecthome .col-lg-2.col-md-4.px-1.mb-2 .dropdown-menu.show .dropdown-item { min-height: 110px; padding: 15px 20px; } .projecthome .col-lg-2.col-md-4.px-1.mb-2 .dropdown-menu.show .dropdown-item span.position-absolute.min-label { padding-left: 13px; position: relative; } section#feature-property .col-lg-12 { padding: 0px; margin: 0px 0px 0px 0px; } /* section.our-listing.pb30-991 h2.breadcrumb_title.hd-typ1 { padding-top: 70px; } */ /* */ .projecthome .col-lg-2.col-xl-1.col-md-2.px-1.button-search-wrapper { margin-left: 42px; } .projecthome button.btn.btn-primary.btn-full { background: #020BA7 !important; } .projecthome button.btn.btn-primary.btn-full:hover { background: rgb(209, 171, 62) !important; } .projecthome button.btn.btn-primary.btn-full { border: none; } section.main-homes .container-fluid.w90.padtop30 { padding-top: 10px !important; } .main-homes.pb-3 .projecthome .feat_property.recent h4 { white-space: nowrap; } .main-homes.pb-3 .projecthome .feat_property.recent li.list-inline-item { width: 19%; } .main-homes.pb-3 .projecthome .feat_property.recent ul.prop_details.mb0 { text-align: left; } .label_p { min-height: 85px; } .label_p h4 { padding-bottom: 0px; margin-bottom: 0px !important; } .main-homes.pb-3 .projecthome .feat_property.recent ul.prop_details.mb0 li a span { font-size: 17px !important; color: #696969; } .login_form .btn-log:hover { background-color: #d1ab3e !important; border: 1px solid #d1ab3e !important; } .login_form input { border: 1px solid #020ba7 !important; } .login_form select { border: 1px solid #020ba7 !important; } .login_form button#formsubmit { background:#020ba7; } div#modal_contact_form_submit .modal-body { padding: 30px 15px; } div#modal_contact_form_submit a { background: #020ba7 !important; } div#modal_contact_form_submit a:hover { background-color: #d1ab3e !important; border: 1px solid #d1ab3e !important; } div#modal_contact_form_submit button#fake { position: relative; z-index: 1; } div#modal_contact_form_submit button#fake span { padding: 4px !important; } div#listcarousel1 .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: #FFFFFF; /* color: inherit; */ border: 1px solid #fff; padding: 6px!important; margin: 5px; border-radius: 50%; } div#listcarousel1 .owl-dots { display: none !important; position: absolute; bottom: 10px; z-index: 9999; left: 0; right: 0; margin: 0px auto; text-align: center; } div#listcarousel1 .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot.active { background: white; border: 1px solid #020ba7; } div#listcarousel1 button.btn.enq-now-btn { background: #020BA7 !important; border: 1px solid #020BA7; } div#listcarousel1 button.btn.enq-now-btn:hover { background-color: #d1ab3e !important; border: 1px solid #d1ab3e !important; } /* .bg-home1.home-one { margin-top: 70px; } */ div#app { margin-top: 0px !important; } .projecthome .item p { font-weight: 500; } .listing_feature_iconbox .icon { line-height: 41px !important; } .property_detaits_section h5.headifhouse { padding: 15px 0px; } .property_detaits_section p span { font-size: 15px; color: #333; } .property_detaits_section span.label-success.status-label { color: #fff; } .property_detaits_section button.btn.btn-lg.btn-orange.btn-block { background: #020ba7; color: #fff; } .property_detaits_section form#contact-form::placeholder { color: #bcbcbc; } .property_detaits_section form#contact-form textarea.form-control { border: 1px solid #ced4da; padding: 10px; } .property_detaits_section p { font-size: 15px; } .property_detaits_section form#contact-form input { font-size: 15px; } .boxsliderdetail .owl-nav { display: none; } .boxsliderdetail { margin-top: 70px; } .boxsliderdetail .slidebot #listcarouselthumb { padding: 5px 0 !important; height: 90px; } .project_page_title button.btn.btn-lg.btn-thm.cusbtn.mt30.add-property { width: 100% !important; max-width: 298px; } .project_page_title button.btn.btn-lg.btn-thm.cusbtn.mt30.add-property { width: 100% !important; max-width: 298px; background: #020ba7; } .project_page_title button.btn.btn-lg.btn-thm.cusbtn.mt30.add-property { background: #020ba7; } .project_page_title button.btn.btn-lg.btn-thm.cusbtn.mt30.add-property:hover { background: #d1ab3e !important; } section.our-agent-single.pt0.pb70.project-detail li.list-inline-item a { font-size: 15px !important; } .community_register_btn button.btn.btn-lg.btn-thm.cusbtn.mt30 { background: #020ba7; } .community_register_btn button.btn.btn-lg.btn-thm.cusbtn.mt30:hover { background: #d1ab3e !important; border: none !important; } div#RegisterInterest .input-group.phone-input span.input-group-btn.col-lg-4 { padding-left: 0px !important; } div#RegisterInterest .modal-body.container { padding-right: 0px; } .interest_button button.btn.btn-lg.btn-thm { background: #020ba7; color: #fff; PADDING: 10PX; FONT-SIZE: 18PX; } .interest_button button.btn.btn-lg.btn-thm:hover { background: #d1ab3e !important; border: none !important; } .project_details_page button.btn.btn-lg.btn-thm.cusbtn.mt30.add-property { width: 100% !important; margin-left: 0px; } div#modal_interest_form div#contact { margin-top: 0px !important; } div#modal_interest_form:before { background-color: rgba(13, 38, 59, .5); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; height: 169%; width:100%; } li.breadcrumb-item.active { color: #d1ab3e !important; } .developer_project_list { padding-top: 0px; } .developer_project_list .col-xl-12 { padding: 0px; } .feat_property .thumb img.img-whp { min-height: 150px; object-fit: cover; } .shop__sort .sort-by-wrap { justify-content: flex-end; right: 60px; position: relative; } .shop__sort .form-group--inline label { min-width: 0; padding-top: 10px; } .property_single_page .single_property_title .button_body { display: contents; } .property_single_page .single_property_title .button_body button.btn.btn-lg.btn-thm.cusbtn.mt30.add-property { margin-top: 30px; } .property_single_page .header_top.home9.innerpage_style.dn-lg.pt0 { margin-bottom: 50px; } .gallery_and_map_btn .btn-white.view_photo_btn { background-color: #ffffff !important; border-color: #eeeeee !important; color: #303030; font-size: 13px; line-height: 45px; } .owl-carousel.properties_single_page_slider { height: 92vh !important; } .developer_project_list .badge_icon { top: 0px !important; } .developer_search .search_developer { display: flex; text-align: right; align-items: center; font-size: inherit; width: 100%; } .search_developer .form-group__content { width: 75%; } .search_developer h5 { width: 25%; margin-bottom: 0px; } .search_developer .select--arrow .form-control { appearance: auto !important; } .search_developer .select--arrow { border: none; border-bottom: none !important; } .search_developer .select--arrow .form-control { appearance: auto !important; border: none !important; border-bottom: none; box-shadow: none !important; } @media only screen and (max-width: 620px) { div#listcarousel1 { overflow: hidden; height: 30vh !important; } a#myBtn { display: none; } section.listing-title-area.pb0{ margin-top: -56px; } a.btn.btn-white.view_photo_btn.a2a_dd { display: none; } section#listing_title { margin-top: -50px; } /*Gallary Page*/ a.btn.btn-white.view_photo_btn.show-gallery-image { display: none; } section.listing-title-area.pb0.project_page_title { margin-top: -115px !important; } button.btn.btn-lg.btn-thm.cusbtn.mt30.add-property { margin-left: 0px !important; } /*Gallary Page End*/ /*-----------------------------*/ /*Home Page Starts*/ .homepageonly { height: 41vh !important; } .home_adv_srch_form { display: none; } .bg-home1.home-one { background-position: top center; height: 82vh; margin-top: 0px; width: 364px; } section.property-city.pb0 { margin-top: -88px; } .img-fluid { max-width: 100%; height: 100%; } .properti_city .overlay .details h4, .properti_city .overlay .details h4 a, .property_city_home6 .details h4 a { color: #ffffff; font-size: 10px; font-family: Cerebri Sans; font-weight: 600; line-height: 1.43rem; } section.recent-property.pb0 { margin-top: -57px; } .tc_content { margin-left: -13px; } .property-ofthe-week .feat_property .details .tc_content .prop_details li { width: 19% !important; } ul.prop_details.mb0 { margin-top: 10px; } ul.fp_meta.mb0 { margin-top: -20px !important; } section#feature-property { margin-top: -50px !important; } section.recent-property.pb10.pt10 { margin-top: -20px !important; } form.footer_mailchimp_form { margin-top: -90px !important; width: 207px; margin-left: 48px; } .footer_menu_widget { text-align: center; margin-left: 61px; } .footer_social_widget { margin-bottom: 30px; margin-left: 75px; } div#foot_id { height: 100px !important; } /*Home Page End*/ /*Project Page*/ div#listcarousel1 .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { display: none; } .owl-carousel.properties_single_page_slider { overflow: hidden; height: auto !important; } } .projecthome .shop__sort .sort-by-wrap { justify-content: flex-end; right: 10px !important; position: relative; } div#listcarousel1 .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel { background: white; border: 1px solid white; border-radius: 0%; color: #ffffff; height: 65px; line-height: 52px; position: absolute; text-align: center; width: 45px; transition: all 0.5s; } main.detailproject.project_details_page div#listcarousel1 button.owl-next { right: 5px; background: white; border: 1px solid white; border-radius: 0%; color: #ffffff; height: 65px; line-height: 52px; position: absolute; text-align: center; width: 45px; transition: all 0.5s; } div#listcarousel1 .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: block !important; } div#listcarousel1 button.owl-prev { display: none; left: 0px; } .owl-nav span { font-size: 35px !important; } .property_single_page .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel { background: white; border: 1px solid white; border-radius: 0%; color: #ffffff; height: 65px; line-height: 52px; position: absolute; text-align: center; width: 45px; transition: all 0.5s; } .property_single_page div#listcarousel1 button.owl-next { right: 5px; background: white; border: 1px solid white; border-radius: 0%; color: #ffffff; height: 65px; line-height: 52px; position: absolute; text-align: center; width: 45px; transition: all 0.5s; } .property_single_page div#listcarousel1 .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: block !important; } .property_single_page button.owl-prev { left: 0px; } div#listcarousel1 button.owl-next { display: none; background: #020ba7; border: 1px solid #020ba7; border-radius: 0%; color: #ffffff; height: 65px; line-height: 52px; position: absolute; text-align: center; width: 45px; transition: all 0.5s; right: 5px !important; } @media only screen and (max-width: 632px) { .bg-home1.home-one { height: 124vh; margin-right: 60px; } } @media only screen and (max-width: 400px) { .whatsapp-button { right: 82px !important; } } @media only screen and (max-width: 820px) { div#listcarousel1 { overflow: hidden; height: 35vh !important; width: 100%; } .col-sort-by.col-9.col-sm-9.col-md-9.my-1 { margin-left:85px !important; } .footer_mailchimp_form { margin-top: -125px !important; margin-left: 280px; } .footer_qlink_widget { display: none; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 50% !important; } .data-listing > .row { margin: 0; margin-left: 10px; } .projecthome .shop__sort .sort-by-wrap { justify-content: flex-end; right: 8px !important; position: relative; } .col-md-4 { /*-ms-flex: 0 0 33.333333%;*/ flex: 0 0 50.333333% !important; /* max-width: 87.333333% !important; */ } a.btn.btn-lg.btn-thm.cusbtn.mt30.add-property { background: rgb(2, 0, 169); margin-left: 0px !important; color: white; top: 27px !important; margin-top: 30px; } } @media only screen and (max-width: 414px) { div#listcarousel1 { overflow: hidden; height: 24vh !important; width: 100%; } } @media only screen and (max-width: 768px) { .projecthome .shop__sort .sort-by-wrap { justify-content: flex-end; right: 0px !important; position: relative; } }