2BHK Low Budget House Plan

/* ----------------------------------------- */ /* View: house plan related designs house plan - start */ /* ----------------------------------------- */ .related-previous-mobile, .related-next-mobile {display:none;} .related-main { display: inline-block; width: 24%;margin-top: 4px;} .related-featured img { height: 160px; margin: auto; object-fit: cover; width: 100%; } @media screen and (max-width:600px) {.related-main { width: 49%;} .related-featured img { height: 180px; } } /* ----------------------------------------- */ /* View: house plan related designs house plan - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: house plan related designs home plan - start */ /* ----------------------------------------- */ .related-previous-mobile, .related-next-mobile {display:none;} .related-main { display: inline-block; width: 24%;margin-top: 4px;} .related-featured img { height: 160px; margin: auto; object-fit: cover; width: 100%; } @media screen and (max-width:600px) {.related-main { width: 49%;} .related-featured img { height: 180px; } } /* ----------------------------------------- */ /* View: house plan related designs home plan - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: top list menu - start */ /* ----------------------------------------- */ .social-widget { max-width: 490px; float: right; } .social-widget nav { display: inline-block; float: left; vertical-align: top; } .login-link{ padding: 4px 10px; background-color: #29cc5b; color: #fff !important; } .newplan-nav a {font-size:13px;} .social-widget a:hover { color: #573AED; } #top-contact-nav { width: 100%; margin: auto !important; position: relative; } #top-contact-nav li { padding: 0px 7px; border-right: 1px solid #eee !important; display: inline-block; } #top-contact-nav a{ font-size: 12px; color: #817e7e !important; } .contact-number { float: right; } .show-menu { width: auto; } .newplan-nav { font-size: 13px; margin-left: 5px; display: inline-block; } .newplan-nav a{ margin-right: 4px; color: #817e7e !important; } .newplan-nav span { background-color: #0fcb11; color: #fff; padding: 2px 7px; margin-right: 4px; } .contact-number h6 { margin: 0; padding: 2px 7px; font-size: 12px; font-family: Arial,Helvetica,sans-serif; letter-spacing: -0.5px; font-weight: 600; color: #5d5b5b; float: left; } .social-widget nav { display:inline-block; } .nav-icon .fa { display: none !important; } ul.navUL, #id-show-menu { list-style: none; margin: 0; padding: 0; } input#id-show-menu { opacity: 0; display:none; } #cnt-whatsaap-ico img { width: 17px; margin-left: 4px; margin-top: 2px; } #cnt-whatsaap-ico {float:left; } @media screen and (max-width: 1217px) { .mobile_menu_active .social-widget { margin: 0 !important; } .social-widget .widget { width: 100% !important; } .contact-number {margin-right: 22px;} } @media screen and (max-width: 800px){ .social-widget nav { position: absolute; right: 0; z-index: 100002; width: 194px; top: -4px; } .log-div { position: absolute; top: 0; right: 48px; z-index: 100003; } .show-menu { cursor: pointer; } .nav-icon .fa { display: block !important; } input.checkbox-menu[type="checkbox"] { display: none; -webkit-appearance: none; } input.checkbox-menu[type="checkbox"]:checked ~ div.menu-block { opacity: 1; visibility: visible; } .nav-icon { display: inline-block; font-size: 1.5em; vertical-align: middle; } .menu-block { background-color: #eee; padding: 3px 3px; display: inline-block; opacity: 0; vertical-align: middle; visibility: hidden; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } ul.navUL li { display: inline-block; padding: 0px 5px; } .social-widget { position: absolute !important; margin: 0; padding: 0; top: -70px; } } /* ----------------------------------------- */ /* Content Template: top list menu - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Posts - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Posts - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Homeinner home designs - start */ /* ----------------------------------------- */ #sidebar{display:none;} #content { width: 100%; padding: 14px 0 60px 0; } #layout { width: 96%; max-width: 1400px; } @import url('https://fonts.googleapis.com/css?family=Arimo'); @import url('https://fonts.googleapis.com/css?family=Open+Sans'); @import url('https://fonts.googleapis.com/css?family=Roboto'); .loading-page{display:block !important;} .text-body{padding: 0 2%; margin: auto; display:block !important;} .text-body h1, .text-body h2, .text-body h3, .text-body h4, .text-body h5, .text-body h6, .details-sec1, .details-sec2, .details-sec3, .details-sec4, .details-sec5, .text-body p { font-family: 'Arimo',sans-serif !important; margin:0; text-transform: capitalize; } .post-content, .post-meta { margin: 0 auto; padding: 0 0 1px 0; max-width: 1100px; } .post-meta a { letter-spacing: 0px; font-weight: 400; font-size: 14px; font-family: 'Arimo',sans-serif; color: #878282; } .top-content-all { background-color: #f6f6f6; text-align: center; padding: 8px 0px; } .back-bg { min-height: 537px; margin-top:25px; z-index: 0; width: 100%; filter: blur(5px); position: absolute; object-fit: cover; vertical-align: middle; } .top-content-sub { background: #fff; max-width: 1153px; margin: auto; box-shadow: 0px 3px 22px -9px #919191; z-index: 2; position: relative; border-left: 1px solid #afafaf; border-right: 1px solid #afafaf; } .top-content-sec1 { display: inline-block; width: 77%; vertical-align: top; } .top-content-sec2 { display: inline-block; width: 22%; vertical-align: top; background-color: #fff; border-radius: 0px; margin-left: -4px; min-height: 589px; } .featured-img img{ width:100%; margin-bottom: -5px;} .top-content-details { text-align: left; padding: 21px 15px; } .top-content-details h3 { font-size: 16px; margin: 0; text-transform: capitalize; color: #282828; margin: 8px 0 0px 0px; font-family: 'Arimo',sans-serif !important; font-weight: 500; } .top-content-details h4 { font-size: 15px; margin: 0; font-family: open sans; font-weight: 600; color: #595757; background-color: #eee; display: inline-block; padding: 3px 19px; } .top-details-sec1 { display: inline-block; width: 49%; font-size: 14px; font-weight: 500; padding: 5px 0; } .top-details-sec2{ display: inline-block; width: 49%; font-size: 14px; font-weight: 500; padding: 5px 0; } .post-field { margin-bottom: 22px; margin-top: 15px; } .field-sec1 { display: inline-block; width: 49%; vertical-align:top; } .delivery-time h3{ font-size: 14px; } .delivery-time h6 { font-size: 12px; margin: 0; font-weight: 500; color: #7a7575; } .delivery-time a { color: #394FD2; font-weight:500; font-size: 13px; } .post-field h3 { padding-bottom: 3px; margin-bottom: 11px; text-align:left; font-weight: 500; color: #32383d; font-size: 18px; } .package-inc { padding: 3px 2px; font-weight: 500; font-size: 13px; } .box-number { width: 5px; height: 5px; display: inline-block; margin-right: 4px; background-color: #1d86db; vertical-align: middle; border-radius: 50%; } .price-box-top { padding: 20px 0px; } .top-content-details h5 { font-size: 30px; padding: 0; margin: 0; display:inline-block; font-weight: 600; font-family: Arial,Helvetica,sans-serif; } .top-content-details span { filter: blur(5px); display: inline-block; vertical-align: middle; margin: 9px auto; } .fixed-header{display:none;} @media screen {.budget-count-sec, .quantity {display:none;}} @import url('https://fonts.googleapis.com/css?family=Roboto+Slab'); @import url('https://fonts.googleapis.com/css?family=Open+Sans'); @import url('https://fonts.googleapis.com/css?family=Roboto'); h1, h2, h3, h4, h5, h6{text-transform: none; font-family: 'Roboto',sans-serif !important;} #layout { width: 100%; max-width: 100%;} #body { padding:0px 0 0px;} body { background-color:#fff;} .sidebar-none #content { width: 100%; float: none; padding: 50px 0px; max-width: 100%; margin: auto; box-shadow: none; border: none; } #sidebar { width: 100%;} .widget { margin-right: 4px;} #text-90 { width: 81%;} #sidebar .textwidget { float: left;} #sidebar-search h3 { float: left; width: 208px;} .filter-sec { float: left; margin-bottom: 6px; margin-right: 7px;} .woocommerce-breadcrumb{ max-width: 1179px;margin: 3px auto !important;} .woocommerce-breadcrumb a{color:#000;} .list-post .post-content{margin-left:0px;} .post-title, .entry-title, .entry-title a { font-family: 'Roboto',sans-serif !important; letter-spacing: -0.1px; font-size: 28px !important; text-transform: capitalize; text-align: left; margin: 0 auto; padding: 0 0 17px 0; max-width: 1100px; } h1, h2, h3, h4, h5,h6{text-transform: none;} .single-product .product{ width: 100% !important; min-height:500px; padding:0px;} .woocommerce-breadcrumb { margin: 0 0 6px; color: #625C5C; font-size: 11px;} .woocommerce-breadcrumb a { color: #565555;} .post-inner { float:left; width: 99.8%; border: 1px solid #eee; background-color: #fff; padding: 43px 0px 0px 0px; border-bottom: 1px solid #d0d0d0; } /*----------------shop main style----------*/ .main-shop { width:100%; margin:auto; text-align:center;} .plan-img img { object-fit: cover; max-height: 500px; max-width: 685px; width:100%; } .plan-img { width: 59%; display: inline-block; vertical-align: top;} .img-container { position: relative; overflow: hidden;} .shadow-bottom { height: 100px; position: absolute; width: 100%; bottom: -1px; opacity: 0.8; z-index: 0; background: #151515; background: -webkit-linear-gradient(rgba(255, 0, 0, 0.02),#fff); background: -o-linear-gradient(rgba(255, 0, 0, 0), #fff); background: -moz-linear-gradient(rgba(255, 0, 0, 0),#fff); background: linear-gradient(rgba(255, 0, 0, 0), #fff); } /*----image click popup----*/ #myImg { cursor:zoom-in; transition: 0.3s;} .modal { display: none; position: fixed; z-index:999999; padding-top: 45px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9); } .modal-content { margin: auto; display: block; width: 80%; max-width: 900px; } #caption { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px; } .modal-content, #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s; } @-webkit-keyframes zoom { from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)} } @keyframes zoom { from {transform:scale(0)} to {transform:scale(1)} } .close-img { position: absolute; top: 17px; right: 35px; color: #f1f1f1; font-size: 28px; transition: 0.3s; font-weight: 500; background-color: #238152; padding: 2px 4px 5px; border-radius: 2px; } .close-img:hover, .close-img:focus { color: #bbb; text-decoration: none; cursor: pointer; } @media only screen and (max-width: 700px){ .modal-content { width: 100%; } } .plan-details { width: 40%;display: inline-block;vertical-align: top;} .plan-detail-sec{ padding: 3px 18px;} .plan-review { width: 100%;} .no-review h3{ font-size: 13px; color:#494949; margin: 0; padding: 2px 0; font-family: 'Roboto',sans-serif !important; text-align: left; } .star-rating{float:left} .woocommerce-review-link { color: #5d8efe; font-size: 0.9em; margin-left: 5px;} .plan-code { font-size: 14px; margin: 0; padding: 0; font-weight: 400; color: #9b9b9b; text-align: left; font-family: 'Roboto',sans-serif !important; } .plan-price-sec { float: left;width: 100%;border-top: 1px solid #eee;padding-top: 10px;} .plan-price-sub1{ display: inline-block; vertical-align: top;width:47px;text-align: left;} .plan-price-sub2{display: inline-block;vertical-align: top;text-align: left;width: 30%; } .plan-price-sub3{display: inline-block;vertical-align: top; width:50%;} #ruppe-ico { display: inline-block;vertical-align: top; margin-top: 6px; margin-right: 5px;} #ruppe-ico-reg {float: left; fill: #b6b6b6;} .plan-price-sub2 h6{ display: inline-block; vertical-align: top; margin: 0; font-size: 15px; text-decoration: line-through; color: #929292; letter-spacing: 1px; margin-left: 8px; } .price-st0{fill:none;stroke:#000000;stroke-width:0.75;stroke-miterlimit:10;} #ruppe-ico-reg .price-st0{ stroke: #b6b6b6;} #regular-rupee { float: left; width: 100%; margin-bottom: 6px;} .plan-price-sub2 h5 { display: inline-block; vertical-align: top; margin: 0; padding: 0; font-size: 25px; font-weight: 600; color: #000; font-family: 'Roboto',sans-serif !important; } .custome-check { background-color: #cbffab; padding: 4px 28px; border-radius: 3px; text-align: center; font-size: 12px; color: #000; border: 1px solid #81e643; } .icon-customze{float:left;} .cust-st0{fill:#138409;} .cust-st1{fill:#FFFFFF;} .cust-st2{fill:#EFEFEF;} .package-include { border: 1px solid #eee; margin-top: 19px; background-color: #eee; padding: 15px 32px; color: #212121; font-size: 13px; display: inline-block; text-align: left; } .package-include h5{ margin: 0; padding: 5px 0px; font-size: 14px; font-weight: 400; color: #4b4b4b; text-align: left; } .plan-price-sub1 h3 { margin: 0 0 5px; padding: 0; font-size: 1.15em; font-weight: 500; font-family: 'Roboto',sans-serif !important; } .plan-buy { float: left; width: 100%; margin: 20px auto;} .plan-buy-sec1 { width: 100%; float: left; margin-right: 6px;} .plan-buy-sec2 { padding-top: 12px; text-align: left; margin-left: 7px;} .plan-buy-sec2 .single_add_to_cart_button.button.alt { background-color: transparent !important; height: auto; line-height: 8px; border-radius: 2px; font-weight: 500; color: #655d5d; position: absolute; padding-left: 37px !important; margin-left: -34px; margin-top: 0px; font-family: 'Roboto',sans-serif !important; font-size: 13px; } .plan-buy-sec2 .single_add_to_cart_button.button.alt:hover { color: #e23d3d;} .plan-buy-sec2 form.cart { display: inline-block; vertical-align: top;} #heart{position: relative;width: 30px;display: inline-block;vertical-align: top;} #heart:hover{ animation:beat 2s infinite linear; -webkit-animation:beat 2s infinite linear; } #heart:before, #heart:after{ position:absolute; content:""; left: 2px; width: 14px; height: 21px; background:#FF717E; border-radius:25px 25px 0 0; -webkit-border-radius:25px 25px 0 0; -moz-border-radius:25px 25px 0 0; -ms-border-radius:25px 25px 0 0; -o-border-radius:25px 25px 0 0; transform:rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); } #heart:after{ position:absolute; background:#FF717E; left:8px; transform:rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .img-btn-buy { margin: 11px 0px; } .btn-bg-single { width: 100%; height: 52px; line-height: 52px; background-color: #347af0; font-weight: 600; box-shadow: 0px 3px 4px #c4c4c4; border: 1px solid #347af0; display: block; color: #fff; font-size: 16px; text-align:center; border-radius: 2px; } /*----------------shop main style End----------*/ p.tags { padding: 0px 2% 0px 2%; margin:0px;} .tags a { color: #abaaaa; font-weight: 100;} /*.loading-page{display:block !important;}*/ .text-body{padding:0 2%; display:block !important;} .featured-img img{ width:100%;} .featured-img-bottom { width: 100%; text-align:center; margin: 10px 0px 0px 0px; background-color: #454546; background-color:#454546; background: linear-gradient(rgba(255, 255, 255, 0.8),#454546); background: -webkit-linear-gradient(rgba(255, 255, 255, 0.8),#454546); background: -o-linear-gradient(rgba(255, 255, 255, 0.8),#454546); background: -moz-linear-gradient(rgba(255, 255, 255, 0.8),#454546); } .top-img-bottom { height: 42px; width: 100%; background-color: #d6d6d6; margin-top: -5px; } /*----image click popup----*/ #myImg { cursor:zoom-in; transition: 0.3s;} .modal { display: none; position: fixed; z-index:999999; padding-top: 45px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9); } .modal-content { margin: auto; display: block; width: 80%; max-width: 900px; } #caption { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px; } .modal-content, #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s; } @-webkit-keyframes zoom { from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)} } @keyframes zoom { from {transform:scale(0)} to {transform:scale(1)} } .close-img { position: absolute; top: 17px; right: 35px; color: #f1f1f1; font-size: 28px; transition: 0.3s; font-weight: 500; background-color: #238152; padding: 2px 4px 5px; border-radius: 2px; } .close-img:hover, .close-img:focus { color: #bbb; text-decoration: none; cursor: pointer; } @media only screen and (max-width: 700px){ .modal-content { width: 100%; } } table, table td, table th, table tr{border: none;padding: 0; line-height: 12px;} table th{width:50%; font-size: 14px;font-weight: 500;color: #000;} .prd-id { float: left; line-height: 41px; padding-left: 12px; color: #000000; font-size: 15px; font-weight: 600; } .prd-buy { float: right; background-color: #448aff; line-height: 42px; width: 106px; padding: 0px 66px; color: #fff; font-weight: 500; font-size: 16px; } .text-box { max-width: 1200px; margin: auto; } .text-box h3, .text-box h4, .text-box h2, .text-box a, .text-box, .text-box p{ font-family: Roboto,Helvetica,Arial,sans-serif;} #price-buy-all{ width:100%;} /*-------------- attributes--details---*/ .attributes-full { width: 100%; text-align:center; } .attributes-sec1 { color: #232323; width: 49%; display: inline-block; vertical-align: middle; min-height: 29px; text-align: left; font-size:14px; font-weight: 500; } .attributes-sec2 { width: 49%; text-align: left; display: inline-block; vertical-align: middle; min-height: 29px; font-size:14px; font-weight: 500; } .area-width-add { width: 79px; word-wrap: break-word; overflow: hidden; margin: auto; display: inline-block; vertical-align: middle; height: 23px; } /*------------- short box-------------*/ .plan-short-details { float: left; margin: 15px auto;} .short-details-main{float:left; width:100%;} .short-details-box { float: left; width: 100%; margin-top: 27px; border: 1px solid #dedede; background-color: #f5f5f5; } .short-sec1 { display: inline-block; width: 109px; height: 34px; padding: 0px 8px; color: #7d7676; line-height: 34px; font-size: 12px; margin-bottom: 5px; margin-left: 3px; margin-right: 3px; float: left; font-weight:500; } .short-view-all {border: none; color: #3e84f4;} .short-view-all a{ color: #676767 !important; font-weight: 600;} .short-sec1 a { color: #000000;} .short-sec2 { float: right; height: 36px; border: 1px solid #eee; padding: 0px 8px; box-shadow: 0px 5px 4px -4px #eee; border-radius: 3px; } .short-sec2 a{ color: #000; float: left; margin-right: 20px; line-height: 39px; font-size: 12px; font-weight: 500; } .area-ico, .bed-ico, .print-ico { float: left; line-height: 50px; margin-right: 4px;} /*---------- svg icons style start----*/ .area-st0{fill:#FFFFFF;stroke:#878787;stroke-miterlimit:10;} .area-st1{fill:#878787;} .bed-st0{fill:#878787;stroke:#878787;stroke-width:0.75;stroke-miterlimit:10;} .bed-st1{fill:#878787;stroke:#878787;stroke-width:0.75;stroke-miterlimit:10;} .bed-st2{fill:none;stroke:#878787;stroke-width:0.75;stroke-miterlimit:10;} .bath-st0{fill:#878787;stroke:#878787;stroke-width:0.75;stroke-miterlimit:10;} .bath-st1{fill:none;stroke:#878787;stroke-width:0.75;stroke-miterlimit:10;} .bath-st2{fill:#3D3F42;stroke:#878787;stroke-width:0.75;stroke-miterlimit:10;} .bath-st3{fill:#2D2D2D;} .floor-st0{fill:#3D3F42;stroke:#878787;stroke-width:0.75;stroke-miterlimit:10;} .floor-st1{fill:#898989;stroke:#878787;stroke-width:0.75;stroke-miterlimit:10;} .floor-st2{fill:none;} .floor-st3{fill:#DBDBDB;} .floor-st4{font-family:'Open Sans';} .floor-st5{font-size:4.498px;} .floor-st6{font-size:3.4984px;} .kitch-st0{fill:#898989;stroke:#878787;stroke-width:0.5;stroke-miterlimit:10;} .kitch-st1{fill:none;stroke:#878787;stroke-width:0.5;stroke-miterlimit:10;} .kitch-st2{fill:#2D2D2D;} .kitch-st3{fill:#898989;} .kitch-st4{fill:#3D3F42;stroke:#878787;stroke-width:0.75;stroke-miterlimit:10;} .kitch-st5{fill:#898989;stroke:#878787;stroke-width:0.75;stroke-miterlimit:10;} .kitch-st6{fill:#F3F8FF;} .kitch-st7{fill:#C8CBCC;stroke:#878787;stroke-width:0.5;stroke-miterlimit:10;} .print-st0{fill:#3D3F42;stroke:#878787;stroke-width:0.75;stroke-miterlimit:10;} .print-st1{fill:#898989;stroke:#878787;stroke-width:0.75;stroke-miterlimit:10;} .print-st1:hover {fill: #6dcca5;} .print-st2{fill:#878787;} .print-st3{fill:#EAEAEA;} /*---------- svg icons style end----*/ /*--------------post field----------------*/ .post-field { margin: auto;width: 100%; margin-bottom: 22px; margin-top: 35px;} .post-field-text { padding: 26px 38px;} .post-field h3 { display:inline-block; padding-bottom: 3px; margin: 11px 0px; font-weight: 500; color: #0a0a0a; font-size: 18px; } .post-field-sec1 { display:inline-block; width: 44%; vertical-align: top;background-color: #fbfbfb; border: 1px solid #eee;} .post-field-sec2 { display:inline-block; width: 50%; margin-left: 15px; vertical-align: top; text-align:left;} .shop_attributes {width: 100%;margin-top: 53px;} .details-tabel { height: 182px;} .text-body h4 { font-weight: 700; font-size: 15px; padding: 5px 0px; border-bottom: 1px solid #cfd0d2; margin-bottom: 3px; } .offer-zone { float: left; width: 100%; margin-bottom: 20px; } .offer-zone-title h2{ font-size: 18px; color: #1db874; border-bottom: 1px solid #aaf6cd; } /*------------*/ .budget-aprox { text-align: left; } .budget-aprox h3 {margin: 0;padding: 0;float: left;font-size: 14px;color: #2d2c2c;} .budget-aprox h5{ float:left; margin:0 3px; padding:0;} .budget-note { float: left; width: 100%; font-size: 14px; margin-bottom: 8px; margin-top: 6px; } /*-------------login sign up start-----*/ .social-btn-td { float: left; margin: 3px 3px;} .social-login-inner{width:426px; margin:auto;} .social-login-sec { margin-top: 22px; float: left; width: 100%;} .hmplan-layout-bg-only h3{ text-align: center; font-size: 19px; width: 80%; margin: auto; float: none; font-weight: 500; padding-top: 72px; } .hmplan-layout-bg-only { background-color: rgba(255, 255, 255, 0.93); float: left; min-height: 400px; width: 100%; } .hmplan-layout-bg-img { background: url(/wp-content/uploads/2017/06/house-plan-layout-sample.png) no-repeat; min-height: 400px; float: left; width: 100%; } .hmplan-budget-bg-img { background: url(/wp-content/uploads/2017/06/budget-guest-bg.png) no-repeat; min-height: 160px; max-height: 160px; float: left; width: 100%; } .hmplan-budget-bg-only { background-color: rgba(255, 255, 255, 0.93); float: left; min-height: 160px; width: 100%; } .hmplan-budget-bg-only h3{ text-align: center; font-size: 18px; width: 80%; margin: auto; float: none; font-weight: 500; padding-top: 12px; } .hmplan-review-bg-img { background: url(/wp-content/uploads/2017/06/review-default-bg.png) no-repeat; min-height: 160px; float: left; width: 100%; } .social-login-inner-review{width:426px; margin:auto;} .hmplan-review-bg-only { background-color: rgba(255, 255, 255, 0.72); float: left; min-height: 200px; width: 100%; } .hmplan-review-bg-only h3{ text-align: center; font-size: 18px; width: 80%; margin: auto; float: none; font-weight: 500; padding-top: 12px; } @media screen and (max-width:1025px){ .social-login-inner { width: 216px;} .social-login-inner p, .social-login-inner-review p{margin: 0} } @media screen and (max-width:850px){ .social-login-inner { width: 426px;} } @media screen and (max-width:440px){ .social-login-inner,.social-login-inner-review { width: 216px;} .hmplan-layout-bg-only h3, .hmplan-budget-bg-only h3 { font-size: 15px; } } .hmplan-login-full h3 { font-size: 13px; float: left; margin-top: 22px; background-color: rgba(255, 255, 255, 0.8); padding: 8px 0px; width: 50%; } .logimg-btn { background-color: #FFF; color: #141313; font-size: 15px; border: 1px solid #DADADA; position: static; bottom: 1px; width: 196px; height: 29px; line-height: 29px; text-align: center; padding: 4px; border-radius: 3px; font-weight: 500; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important; box-shadow: 0px 3px 4px #eee; margin-left: auto; margin-right: auto; } .logimg-btn img{ margin-right: 7px; vertical-align: middle;} .logimg-btn:hover{ background-color: #FAFAFA;} .hmplan-login-full h3{font-size: 13px; float: left;} /*-------------login sign up end-----*/ .content-text { margin: 22px auto; width: 100%;} .content-text-sec1 { width: 200px; display: inline-block; vertical-align: top; border-top: 1px solid #e4e6e9; padding: 9px 0px; border-radius: 1px 0px 0px 1px; box-shadow: 2px 11px 5px -5px #eee; border-bottom: 1px solid #e4e6e9; border-left: 1px solid #e4e6e9; border-right: 1px solid #e9ebed;} .content-text-sec1 h3{font-size:18px; margin:0;} .content-text-sec2 { width: 82%; margin-left: -4px; display: inline-block; vertical-align: top; border: 1px solid #e4e6e9; padding: 9px 0px;} .content-text-sec2-details {padding:0px 30px; text-align:left;} .content-text p{ color: #545050; margin: 0 auto 9px auto; font-size: 15px; font-weight: 400; text-align: left; line-height: 25px;} .content-text li{ color: #5a5a5a; font-size: 15px; font-weight: 400;} .content-text h2{ padding-bottom: 5px; margin: 0; color: #6676CC; font-size: 17px; font-weight: 500; text-align: left; text-transform: none; } .content-text b { color: #CB223D; font-weight: 500;} .package-details-area{font-size:15px;} .details-title { color: #525252; float: left; border: 1px solid #f3f3f3; margin-bottom: 8px; padding: 5px 6px; background-color: #fafafa; border-radius: 3px; width:97%; } .more-details-table h4{color: #837b7b;font-size:13px;margin:0;} .more-details-table h5{color: #837b7b;font-size:13px;margin:0;} /*------------------- customization style---------*/ .cuzt-style { margin: 10px auto; width: 100%; text-align: center;} .cuzt-style h2 { text-align: left; font-size: 18px;} .cuzt-sec { display: inline-block; margin-bottom: 13px; padding: 18px 22px; text-align: left; border: 1px solid #eee; background-color: #fafafa; } .cuzt-sub-sec1 { width: 78%; display: inline-block; padding: 7px 22px; background-color: #fcfdfe; text-align: left; } .cuzt-numbr { border-left: 2px solid #CCEBFF; padding-left: 9px;} .cuzt-sec h3 { text-align: left; font-size: 15px; font-weight: 500; margin: 0; padding: 0; color: #0E0E0E; } .cuzt-sec h6 { text-align: left; margin: 0; padding: 0; width: 92%; font-size: 14px; color: #6a6a6a; font-weight: 500; } .cuzt-sub-sec2 { display: inline-block;} .cuzt-sub-sec2 h5 { font-size: 18px; font-weight: 600; color: #15d13e; background-color: #fafafa; padding: 1px 30px; width: auto; border: 1px dashed #c7c7c7; max-width: 45px; } .cuzt-sub-sec2 h6{ font-size: 18px; font-weight: 500; color: #fb0370; padding: 1px 30px; text-align: center; width: auto; max-width: 45px; } .cuzt-sub-sec2 h4 { font-size: 12px; font-weight: 400; text-transform: capitalize; text-align: center; margin: 0; color: #797474; } /*------------------- delivery style---------*/ .delivery-style { width: 100%; margin-bottom: 10px; text-align: left;} .delivery-style-box { border: 1px solid #eee; padding: 30px; background-color: #fafafa; } .delivery-style h2 { font-size: 18px;} .delivery-sec1 { display:inline-block; width: 67%; vertical-align: top; margin: 8px 0px;} .delivery-sec2 { display:inline-block; width: 20%; vertical-align: top;} .delivery-sec3 { display:inline-block; vertical-align: middle;} .delivery-sec3 img { margin-top: 34px;} .email-ico{margin-top:10px;} .delivery-sec{width: 100%;margin: 1px 0px 17px;float: left;} .delivery-sec img{float:left; margin-right: 12px;} .delivery-sec h3 { font-size: 15px; float: left; margin: 0; padding: 0; } .delivery-sec h4 { font-size: 15px; text-align: left; font-weight: 600; text-transform: capitalize; color: #198e3d; vertical-align: middle; float: left; width: 80%; margin: 0; } .delivery-sec2 h4 { margin: 0; font-size: 14px; text-transform: capitalize; color: #727272;} .delivery-sec2 h6 { font-size: 13px;margin: 1px;color: #575757; } .benifits-sec1{ width: 100%;float: left;} .delivery-benifits img{float:left; margin-right:5px;} /*------------------- layout ground-first---------*/ .layout-tab { position: relative; overflow: hidden; width: 100%; margin: 0 auto; } .layout-tabs { display: table; position: relative; overflow: hidden; margin: 0; width: 100%; } .layout-tabs li { float: left; line-height: 38px; overflow: hidden; padding: 0; position: relative; } .layout-tabs a { color: #888; font-weight: 500; display: block; letter-spacing: 0; outline: none; padding: 0 20px; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .layout-tabs_item { display: none; padding: 1px 0;} .layout-tabs_item h4 { font-weight: bold; color: #87d3b7; font-size: 20px;} .layout-tabs_item:first-child { display: block;} .layout-current a { color: #000;border-bottom: 2px solid #c4c9c8;background-color: #e9efff;} .review-board{ float:left; width:100%;} #review-main-board { width: 80%; margin: auto;} .review-board-sec1 { width: 60%; float: left;} .review-board-sec2 { float: left; margin-top: 101px; width:39%; min-height:110px;} .product-tag a{ color: #16556f; padding: 2px 21px; background-color: #fff; line-height: 30px; border: 1px dashed #e4e4e4; } .product-tag h2 { margin-top: 28px; font-size: 14px;} .review-star-only{width: 100%;margin: auto;max-width: 250px;} .commentlist { max-height: 900px; overflow: hidden;} .review-board-sec2 .star-rating span { height: 39px;padding-top: 24px;font-size: 38px;line-height: 37px;} .review-board-sec1 span { font-size: 13px; font-weight: 400;} .review-board-sec1 h2 {margin: 15px 0 10px;font-size: 16px;font-weight: 600;} .commentlist .avatar { float: left; margin: 0 15px 0 0; border-radius: 100%;} .review-board-sec2 h3{ border: 1px solid #e2e2e2; padding: 14px 21px; text-align: center; box-shadow: 0px 3px 4px 0px #eee; border-radius: 3px; background-color: #f9f9f9; color: #2a66fc; font-size: 15px; font-weight: 500; } .review-board-sec2 a:hover{text-decoration:none !important;} .review-board-sec2 h3:hover{ text-decoration:none !important; border: 1px solid #abcfff; background-color: #fff; color: #0b47de; } #respond { margin: 30px 0 0px; border: none; padding: 6px 2%; } .comment-title, #reply-title { font-size: 1em; font-weight: 600; } #commentform textarea{height:80px;} #review_form { box-shadow: 0px 3px 9px 0px #eee; border: 1px solid #eee; margin-bottom: 17px; } textarea{background-color: #fff; border: 1px solid #E5E5E5;} #price-buy-floating{display:none;} .price-buy-floating-new{ display:block !important; left: 0; position: fixed; bottom: 0; background-color: rgba(17, 117, 217, 0.73); width: 100%; z-index: 1; } #price-buy-floating-sub { width: 98%; margin: auto; text-align: center; position: relative; max-width: 700px; padding: 6px 0px; } #price-buy-floating-sec1 { display: inline-block; width: 50%; vertical-align: middle; } #price-buy-floating-sec2 { display: inline-block; width: 49%; vertical-align: middle; } .btn-bg-single-floating { max-width: 200px; background-color: #347af0; font-weight: 600; box-shadow: 0px 3px 4px #3370cb; border: 1px solid #347af0; display: block; color: #fff; font-size: 15px; border-radius: 2px; margin: auto; padding: 9px 3px; } #price-buy-floating-sec1 h3{ color: #fff; text-shadow: 0px 2px 2px #000; } #price-buy-floating-sec1 b { display: inline-block; } .share-sec ul, .share-sec ol { margin: 0;} .share-sec { padding: 8px 0px;} .bottom-content { width: 95%; margin: auto; max-width: 1200px; text-align: center; } .related-box { margin-top: 20px;} .related-box h2{ font-weight: 500; text-align: center; color: #403F3F; letter-spacing: 1px; font-size: 15px; border-bottom: 1px solid #eee; width: 90%; margin: auto; padding: 13px 0px; } .related-sec1 { vertical-align: top; display: inline-block; width: 100%; border: 1px solid #eee; } .view-more-btn { text-align:center; width: 50%; margin: auto; padding: 5px 4px; background-color: #eee; margin-bottom: 23px; border: 1px solid #d1d0d0; text-transform: capitalize; color: #2d2b2b; border-radius: 2px; } .view-more-btn:hover{background-color: #e1e0e0;} /*----------------------bottom bar popup Start---------------------------*/ .login-top-fixed { display: none; } .login-top-fixednew {display: block !important;} .bottom-bar{display:block !important;} .img-replace { display: inline-block; overflow: hidden; text-indent: 100%; color: transparent; white-space: nowrap; } .cnt-pop-header { background-color: #fff !important;; } #enquiry-main .cnt-pop-header h6 { color: #424248 !important; font-family: 'Arimo',sans-serif !important; } #enquiry-main .cnt-pop-header h5 { color: #5a5656 !important; font-family: 'Arimo',sans-serif !important; width: 100%; } .cd-nugget-info { text-align: center; position: absolute; width: 100%; height: 50px; line-height: 50px; bottom: 0; left: 0; } .cd-nugget-info a { position: relative; font-size: 14px; color: #5e6e8d; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .no-touch .cd-nugget-info a:hover { opacity: .8; } .cd-nugget-info span { vertical-align: middle; display: inline-block; } .cd-nugget-info span svg { display: block; } .cd-nugget-info .cd-nugget-info-arrow { fill: #5e6e8d; } .cd-popup { z-index:9999999; overflow-x: hidden; overflow-y: visible; position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(6, 66, 141, 0.7); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; } .cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } .cd-popup-container { position: relative; width: 90%; max-width: 482px; margin: 0em auto; background: #FAFAFA; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } .cd-popup-container p { padding: 3em 1em; } .cd-popup-container .cd-buttons:after { content: ""; display: table; clear: both; } .cd-popup-container .cd-buttons li { float: left; width: 50%; list-style: none; } .cd-popup-container .cd-buttons a { display: block; height: 60px; line-height: 60px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; } .cd-popup-container .cd-buttons li:first-child a { background: #fc7169; border-radius: 0 0 0 .25em; } .no-touch .cd-popup-container .cd-buttons li:first-child a:hover { background-color: #fc8982; } .cd-popup-container .cd-buttons li:last-child a { background: #b6bece; border-radius: 0 0 .25em 0; } .no-touch .cd-popup-container .cd-buttons li:last-child a:hover { background-color: #c5ccd8; } .cd-popup-container .cd-popup-close { position: absolute; top: 8px; right: 8px; width: 30px; height: 30px; } .cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after { content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5; } .cd-popup-container .cd-popup-close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px; } .cd-popup-container .cd-popup-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px; } .is-visible .cd-popup-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } @media only screen and (min-width: 1170px) { .cd-popup-container { margin: 5em auto; } } /*------------- Thank You Pop Up------------*/ #cd-popup-1 { display:none; } .cd-popup-2 {display:block !important; } .tankyou-popup-bg { position: fixed; width: 100%; left: 0; right: 0; top: 0; height: 100%; background-color: rgba(48, 45, 45, 0.67); z-index: 999999; } .tankyou-popup { position: relative; width: 90%; max-width: 582px; margin: 15em auto; height:270px; background: #FAFAFA; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0,0,0,0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } .tankyou-popup-details { padding: 17px 14px; } .tankyou-popup-details h2 { padding: 20px 0px; color: #434444; font-size: 15px; } .tankyou-popup-details h5 { margin: 8px 0 !important; font-size: 12px; font-weight: 500; } a.thankyou-popup-close { border: 1px solid #1c5ac0; background-color: #2979ff; padding: 9px 27px; border-radius: 2px; box-shadow: 0px 3px 6px #d5cdcd; text-transform: uppercase; font-weight: 600; width: 100px; margin: auto; color: #fff; } .tankyou-popup-details a.tankyou-icon { background-color: #9ac0ff; border: 2px solid #2979ff; display: inline-block; position: relative; vertical-align: top; } .tankyou-popup-details a.tankyou-icon:after, .tankyou-popup-details a.tankyou-icon:before { background: #9ac0ff; border: 2px solid #2979ff; content: ''; position: absolute; } .tankyou-popup-details a.tankyou-icon:hover, .tankyou-popup-details a.tankyou-icon:hover:after, .tankyou-popup-details a.tankyou-icon:hover:before { background-color: #9ac0ff; } .tankyou-popup-details a.tankyou-tick { border-radius: 100%; height: 26px; width: 26px; } .tankyou-popup-details a.tankyou-tick:after { height: 14px; left: 13px; top: 5px; width: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .tankyou-popup-details a.tankyou-tick:before { height: 0; left: 4px; top: 14px; width: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #buy-done-details{ padding:14px 5px;} #buy-done-details h6{ margin:10px auto;} .resubmit-btn{ border: 1px solid #e31041; background-color: #e6063a; padding: 9px 27px; border-radius: 2px; box-shadow: 0px 3px 6px #d5cdcd; text-transform: uppercase; font-weight: 600; width: 100px; margin: auto; color: #fff; } /*----------------thankyou popup end--------*/ .fb-comment-style { text-align: center; max-width: 90%; margin: auto; } .fb-comment-all { border-top: 1px dashed #a7a9aa; border-bottom: 1px dashed #a7a9aa; } @media screen and ( max-width:1130px) {.content-text-sec2 { width: 79%;} .top-content-sec2, .top-content-sec1{width:100%; min-height: auto;} .package-inc { display: inline-block; width: 48%; } } @media screen and ( max-width:980px) { .delivery-sec1, .delivery-sec2 { width: 100%; } .benifits-sec1 { width: 25%; } .delivery-sec h3{width:80%;} .woocommerce-breadcrumb{display:none;} .plan-img img { max-width: 100%; max-height: 1000px !important; } .shadow-bottom{display:none;} .post-title, .entry-title, .entry-title a { font-size: 19px !important;} .short-sec1 { width: 120px; } .plan-price-sub2 { width: 30%;} .plan-img, .plan-details { width: 100%; margin:0;} .post-field-sec2, .post-field-sec1{ width: 95%} #review-main-board {width: 90%;} .review-star-only { max-width: 100%; margin-bottom: 20px;} .seperator-sec{ background-color: #f7f7f7; height: 14px; width: 100%; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; -moz-box-shadow: inset 0px 0px 10px -7px #000000; -webkit-box-shadow: inset 0px 0px 10px -7px #000000; box-shadow: inset 0px 0px 10px -7px #000000; } .content-text-sec2 { width: 95%; } .content-text-sec1 { width: 100%; } .cuzt-style { width: 96%; } .cuzt-sub-sec1 { width: 73%; } .delivery-sec3 { width: 100%; text-align: center;} .delivery-style-box { border: none; padding: 10px; background-color: #fff; } .delivery-style { width: 96%; margin: auto; } .content-text-sec2-details { padding: 0px 15px; } } @media screen and (max-width:680px) { .post-inner { padding: 25px 0px 0px 0px; } .top-content-all{background-color:transparent;} } @media screen and (max-width:600px) { #text-90 { width: 77%; } .tags a { font-size: 13px;} .details-main-half2 { width: 93%;} .benifits-sec1 { width: 48%;} .cuzt-sub-sec1 { width: 89%; } .cuzt-sec h6 { width: 100%; max-width: 100%; padding: 0; } .cuzt-sub-sec2 { width: 100%;} .short-sec2{display:none;} #price-buy-floating-sec1, #price-buy-floating-sec2 { width: 100%; } } @media screen and (max-width:470px) { .plan-include-sec { width: 100%;} .layout-tabs a { padding: 0 8px;} #price-buy-floating-sec1 h3 { font-size: 14px; margin: 0; } .package-inc { width: 100%;} } @media screen and (max-width:370px) { .delivery-sec h3 { width: 70%;} .cuzt-sub-sec1 { width: 100%; padding: 7px 0px;} .plan-price-sub2 { width: 60%;} .layout-tabs a { padding: 0px 7px; } } .loading-page{display:none!important;} /* ----------------------------------------- */ /* Content Template: Homeinner home designs - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Ad 1 - start */ /* ----------------------------------------- */ #top-ad{margin:7px auto;} /* ----------------------------------------- */ /* Content Template: Ad 1 - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Social Share Facebook and WhatsApp new - start */ /* ----------------------------------------- */ /*-------------Share --------------------------------------*/ .social-share-big { margin: 7px auto; width: 100%; text-align: center; } .social-share-big ul{padding:0;} .social-share-big li { list-style: none; display: inline-block; vertical-align: top; } .facebook-big-share, .whatsapp-big-share{ color: #fff; line-height: 35px; padding: 3px 7px; border-radius: 2px; font-size: 13px;; } .facebook-big-share{ background-color: #3564a3; margin-right: 3px;} .whatsapp-big-share{background-color: #25d366;} .facebook-big-share:hover, .whatsapp-big-share:hover{box-shadow: 0px 3px 4px #eee;} .fbbtn-big { width: 35px; height: 35px; background: url(/wp-content/uploads/2016/10/indianhome-single-sprite-Image.png) -115px -1px; margin-right: 3px; border-radius: 4px; display: inline-block; vertical-align: top; } .whatsappbtn-big { width: 35px; height: 35px; background: url(/wp-content/uploads/2016/10/indianhome-single-sprite-Image.png) -260px -1px; margin-right: 3px; border-radius: 4px; display: inline-block; vertical-align: top; } @media screen and (max-width:400px) {.facebook-big-share, .whatsapp-big-share { font-size: 0;} .social-share-big li { width: 49%;} } /* ----------------------------------------- */ /* Content Template: Social Share Facebook and WhatsApp new - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: zoho buy house plan - start */ /* ----------------------------------------- */ tr , td { padding:8px; border-spacing:0px; border-width:0px; } .cd-popup { z-index:9999999; overflow-x: hidden; overflow-y: visible; position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(6, 66, 141, 0.7); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; } .cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } .cd-popup-container { position: relative; width: 90%; max-width: 300px; margin: 0em auto; background: #FAFAFA; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } .cd-popup-container p { padding: 3em 1em; } .cd-popup-container .cd-buttons:after { content: ""; display: table; clear: both; } .cd-popup-container .cd-buttons li { float: left; width: 50%; list-style: none; } .cd-popup-container .cd-buttons a { display: block; height: 60px; line-height: 60px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; } .cd-popup-container .cd-buttons li:first-child a { background: #fc7169; border-radius: 0 0 0 .25em; } .no-touch .cd-popup-container .cd-buttons li:first-child a:hover { background-color: #fc8982; } .cd-popup-container .cd-buttons li:last-child a { background: #b6bece; border-radius: 0 0 .25em 0; } .no-touch .cd-popup-container .cd-buttons li:last-child a:hover { background-color: #c5ccd8; } .cd-popup-container .cd-popup-close { position: absolute; top: 8px; right: 8px; width: 30px; height: 30px; } .cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after { content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5; } .cd-popup-container .cd-popup-close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px; } .cd-popup-container .cd-popup-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px; } .is-visible .cd-popup-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } @media only screen and (min-width: 1170px) { .cd-popup-container { margin: 5em auto; } } /*------------- Thank You Pop Up------------*/ #cd-popup-1 { display:none; } .cd-popup-2 {display:block !important; } .tankyou-popup-bg { position: fixed; width: 100%; left: 0; right: 0; top: 0; height: 100%; background-color: rgba(48, 45, 45, 0.67); z-index: 999999; } .tankyou-popup { position: relative; width: 90%; max-width: 300px; margin: 15em auto; height:270px; background: #FAFAFA; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0,0,0,0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } .tankyou-popup-details { padding: 17px 14px; } .tankyou-popup-details h2 { padding: 20px 0px; color: #434444; font-size: 15px; } .tankyou-popup-details h5 { margin: 8px 0 !important; font-size: 12px; font-weight: 500; } a.thankyou-popup-close { border: 1px solid #1c5ac0; background-color: #2979ff; padding: 9px 27px; border-radius: 2px; box-shadow: 0px 3px 6px #d5cdcd; text-transform: uppercase; font-weight: 600; width: 100px; margin: auto; color: #fff; } .tankyou-popup-details a.tankyou-icon { background-color: #9ac0ff; border: 2px solid #2979ff; display: inline-block; position: relative; vertical-align: top; } .tankyou-popup-details a.tankyou-icon:after, .tankyou-popup-details a.tankyou-icon:before { background: #9ac0ff; border: 2px solid #2979ff; content: ''; position: absolute; } .tankyou-popup-details a.tankyou-icon:hover, .tankyou-popup-details a.tankyou-icon:hover:after, .tankyou-popup-details a.tankyou-icon:hover:before { background-color: #9ac0ff; } .tankyou-popup-details a.tankyou-tick { border-radius: 100%; height: 26px; width: 26px; } .tankyou-popup-details a.tankyou-tick:after { height: 14px; left: 13px; top: 5px; width: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .tankyou-popup-details a.tankyou-tick:before { height: 0; left: 4px; top: 14px; width: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } /* ----------------------------------------- */ /* Content Template: zoho buy house plan - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Ad 2 - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Ad 2 - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Ad 10 - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Ad 10 - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Ad 3 - start */ /* ----------------------------------------- */ #top-ad{margin:7px auto;} .csulclass { display: inline-block; padding: 2px; } .csslinkclass { color: #6676CC; text-align: center; } /* Change the link color to #111 (black) on hover */ li a:hover { color: #6676CC; } /* ----------------------------------------- */ /* Content Template: Ad 3 - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Ad 9 - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Ad 9 - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Ad 4 - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Ad 4 - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Ad 11 - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Ad 11 - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Ad 6 - start */ /* ----------------------------------------- */ #top-ad{margin:7px auto;} /* ----------------------------------------- */ /* Content Template: Ad 6 - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Ad 17 - start */ /* ----------------------------------------- */ #top-ad{margin:7px auto;} /* ----------------------------------------- */ /* Content Template: Ad 17 - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Social Share Facebook and WhatsApp Bottom - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Social Share Facebook and WhatsApp Bottom - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Ad 7 - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Ad 7 - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Ad 13 - start */ /* ----------------------------------------- */ #top-ad{margin:7px auto;} /* ----------------------------------------- */ /* Content Template: Ad 13 - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Ad 15 - start */ /* ----------------------------------------- */ #top-ad{margin:7px auto;} /* ----------------------------------------- */ /* Content Template: Ad 15 - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Ad 8 - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Ad 8 - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Ad 14 - start */ /* ----------------------------------------- */ #top-ad{margin:7px auto;} /* ----------------------------------------- */ /* Content Template: Ad 14 - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Common css - start */ /* ----------------------------------------- */ .thumbnail{margin-top:20px!important; margin-bottom:0px !important;} .ddl-navbar { width: 100%; } .col-sm-12{width:100% !important;} body .ddl-nav > li > a { font-weight: 600 !important; font-size: 12px !important; padding: 9px 17px !important; } body .ddl-nav > li > a::after{display:none;} .ddl-nav-wrap { float: right; margin-top: 0; margin-left: 0; margin-bottom: 0; } body .ddl-navbar { margin-bottom: 0; } .container { width: 100%; padding: 0; margin: 0; } #search-top{ display: inline-block; text-align: right; margin-top: 40px; } .search-form{ display: inline-block; vertical-align:top;} #search-top input.search-submit[type="submit"] { padding: 5px 12px; font-size: 14px; display: inline-block; vertical-align: top; } #search-top .search-form .search-field { height: 30px; } h1{ margin:0; font-size: 28px; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 0; margin-bottom: 0; } h3, .h3 { font-size: 1em; } h2, .h2 { font-size: 22px; font-weight: 600; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 16px; } h6, .h6 { font-size: 15px; font-weight: 600; } a:hover, a:focus { color: #f2f2f2; text-decoration: none; } #footer-content { background-color: #2e3542; } #footer-content .row { max-width: 1300px; padding: 20px; margin: auto; } #footer-content h3 { text-align: center; font-weight: 600; color: #dedede; } #footer-content .textwidget { font-size: 13px; color: #8f8a8a; line-height: 15px; } .tagcloud { line-height: 16px; } #footer-content a { color: #fff; font-size: 13px !important; } #footer-content ul{ margin: 0; padding: 0; } #footer-content li{list-style: none;} @media screen and (max-width:400px) { #search-top label { display: inline-block; text-align: left; width: 45%; } } /* ----------------------------------------- */ /* Content Template: Common css - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Google Analyitcs - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Google Analyitcs - end */ /* ----------------------------------------- */