관리-도구
편집 파일: livit.css03 2062016
@charset "utf-8"; @font-face { font-family: 'trajan_proregular'; src: url('../fonts/trajanpro-regular-webfont.eot'); src: url('../fonts/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/trajanpro-regular-webfont.woff') format('woff'), url('../fonts/trajanpro-regular-webfont.ttf') format('truetype'), url('../fonts/trajanpro-regular-webfont.svg#trajan_proregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratregular'; src: url('../fonts/montserrat-regular-webfont.eot'); src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-regular-webfont.woff2') format('woff2'), url('../fonts/montserrat-regular-webfont.woff') format('woff'), url('../fonts/montserrat-regular-webfont.ttf') format('truetype'), url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('../fonts/montserrat-bold-webfont.eot'); src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-bold-webfont.woff2') format('woff2'), url('../fonts/montserrat-bold-webfont.woff') format('woff'), url('../fonts/montserrat-bold-webfont.ttf') format('truetype'), url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pt_sansregular'; src: url('../fonts/pt_sans-web-regular-webfont.eot'); src: url('../fonts/pt_sans-web-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pt_sans-web-regular-webfont.woff2') format('woff2'), url('../fonts/pt_sans-web-regular-webfont.woff') format('woff'), url('../fonts/pt_sans-web-regular-webfont.ttf') format('truetype'), url('../fonts/pt_sans-web-regular-webfont.svg#pt_sansregular') format('svg'); font-weight: normal; font-style: normal; } /* -------------------------------------- Reset Css -------------------------------------- */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} body{line-height:1} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} nav ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none} li{list-style-type:none} ins{background-color:#ff9;color:#000;text-decoration:none} mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700} del{text-decoration:line-through} abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help} table{border-collapse:collapse;border-spacing:0} hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0} input,select{vertical-align:middle} img{max-width:100%;vertical-align:text-bottom;height:auto;vertical-align:top} .clear{clear:both} .listing,.listing-full{padding-top:10px} .listing ul{width:30%;float:left} .listing-full{padding-bottom:15px} .listing li,.listing-full li{display:block;padding:3px;background-image:url(../images/icn-tick.png);background-repeat:no-repeat;background-position:left 7px;padding-left:18px} .border{margin-bottom:15px;border-top-width:1px;border-top-style:solid;border-top-color:#ADADAD} .scrollToTop{width:30px;height:30px;text-align:center;font-weight:700;color:#444;text-decoration:none;position:fixed;bottom:75px;right:40px;display:none;background-image:url(../images/scroll-top.png);background-repeat:no-repeat;background-size:100% 100%;z-index:968} .scrollToTop:hover{text-decoration:none} @media (max-width: 580px) { .listing ul{width:50%} } @media (max-width: 420px) { .listing ul{width:100%} } /* -------------------------------------- Reset Css -------------------------------------- */ body { background-color:#FFF; color:#47535f; text-align:justify; font-family:font-weight: normal; font-size:11.5pt; font-family:pt_sansregular; line-height:22px } a:link,a:visited { color:#484848 } p { padding-top:5px; padding-bottom:5px } .container { width:90%; margin:0 auto } .bread-crumb { float:right; width:40%; text-align:right; font-size:9.5pt } .bread-crumb li { display:inline; padding-left:5px; text-align:right } .bread-crumb .active { font-weight:700 } .smo { float:right; width:295px } .smo li,.smo a { display:block; float:left } .smo li { background-image:url(../images/smo.jpg); background-repeat:no-repeat; background-position:left top; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease } .smo a:link,.smo a:visited { width:49px; height:37px } .smo .gplus,.smo .pinn,.smo .youtube,.blogger { background-position:-49px top } .smo .pinn,.smo .youtube { background-position:-98px top } .smo .youtube { background-position:-147px top } .smo .fb:hover { background-position:left bottom } .smo .gplus:hover { background-position:-49px bottom } .smo .pinn:hover { background-position:-98px bottom } .smo .youtube:hover { background-position:-147px bottom } .smo .gogp:hover { background-position:-241px bottom } .smo .gogp { background-position:-241px top } .smo .blogger { background-position:-195px top } .smo .blogger:hover { background-position:-195px bottom } .top-area { background-color:#f1f4f8 } .top-mail { float:left; background-image:url(../images/icn-call.png); padding-left:25px; background-repeat:no-repeat; line-height:normal; height:12px; line-height:9px; margin-top:10px } address { font-style:normal } .welcome-tilte h1,.ind-gallery-wrapp h1,.amen-ind-wrapp h1,.google-wrapp-index h1,.ind-floors h3,.page-title h1 { font-size:22px; text-transform:uppercase; color:#435061; padding-bottom:20px; font-family:'montserratregular' } .wel-icon { padding-bottom:15px } .pro-head-ind h2 { text-transform:uppercase; font-size:13pt; padding-bottom:10px; color:#FFF; font-family:'montserratregular' } .page-title h1 { text-transform:uppercase; font-size:13pt; padding-bottom:10px } .pro-head-ind h2 span { font-size:10pt; color:#F5F5F5 } .ind-loc-det h4,.ind-address h4 { font-size:12pt; padding-bottom:15px; text-transform:uppercase } .ind-floors h3 { font-size:11pt; color:#FFF; padding-bottom:5px; padding-top:10px } .proj-tile { font-size:10.5pt; float:left; width:40% } .proj-tile h2 { color:#097bb8; font-size:16pt; text-transform:uppercase } .proj-tile span { color:#d46a0f } .logo { float:left; width:11%; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease } .logo-resize { width:70px } .menu-wrapp { position:absolute; z-index:1800; width:100%; height:85px; padding-top:15px; background-image:url(../images/menu-btm.png); background-position:left bottom; background-repeat:repeat; background-color:transparent; padding-bottom:25px } .main-menu { float:left; width:74% } .menu-resize { width:76% } .scroll-to-fixed-fixed { background-image:url(../images/menu-btm.png); background-position:left bottom; background-repeat:repeat; background-color:transparent; padding-bottom:25px } .menu-right { float:right; margin-top:10px; background-image:url(../images/icn-call-01.png); background-repeat:no-repeat; background-position:left 85%; padding-left:40px; color:#435061; font-size:12pt; font-weight:700; text-transform:uppercase } .menu-right span { font-size:9.5pt; color:#7e8c99 } .banner { padding-top:100px } .banner img { width:100% } .welcome-wrapp,.ind-gallery-wrapp,.amen-ind-wrapp,.google-wrapp-index,.sub-page-content-wrapp { padding:30px 0 } .welcome-wrapp { text-align:center; color:#47535f } .quick-attributes { width:804px; margin:0 auto; padding-top:30px } .quick-attributes li { display:block; width:200px; float:left } .drone-thumb { margin:0; padding:0; width:auto; float:right; padding-left:20px } .quick-icon { padding-bottom:15px } .attrib-text { display:block; font-size:17px; padding-top:5px; font-weight:700; color:#435061; line-height:26px } .index-pro-wrapp { background-color:#31a2e1 } .pro-img-ind { float:left; width:50% } .pro-img-ind img { width:100% } .pro-cnt-ind { float:left; width:43%; padding:30px 5% 0 2%; text-align:justify; color:#c6eaff } .ind-gallery-wrapp { background-color:#f2f7f9; border-top:1px solid #cdd2d6; border-bottom:1px solid #cdd2d6 } .ind-gall { display:block } .ind-gall li { width:24%; display:block; float:left; padding-left:1% } .ind-gall img { width:100% } .amen-list-ind { display:block; width:980px; margin:0 auto; padding-top:5px } .amen-list-ind li { display:block; float:left; text-align:center; padding:30px 0; width:24%; background-color:#f6f7f7; border:1px solid #cdd2d6; margin-left:-1px; margin-top:-1px } .amen-list-name { display:block; font-size:12pt; font-weight:700; padding-top:20px; text-transform:uppercase; height:50px } .google-wrapp-index { border-top:1px solid #e0e5e7; border-bottom:1px solid #e0e5e7 } .google-wrapp-index article { text-align:center } .gmap-ind-wrapp { padding-top:20px } .places-ind { width:37%; float:left } .places-ind table { width:100%; text-align:left } .places-ind table td { padding:4px 0 } .places-ind table .tbl-bdr { padding-bottom:5px; border-bottom:1px solid #f2f2f2; padding-top:5px } .ind-gmap { float:left; padding-left:3%; width:60% } .ind-gmap img { width:100% } .foot-wrapp { background-image:url(../images/footer-bg-01.jpg); background-size:cover; min-height:200px; padding-top:50px } .ind-loc-wrapp { width:95%; color:#FFF; background-color:#31a2e1; position:relative } .ind-loc-det { padding:40px 0 25px; width:55%; float:left; padding-left:5%; padding-right:2%; background-color:#435061 } .ind-loc-det img { width:100% } body,html { height: 100%; font-family: "pt_sansregular"; } .ind-address h4 { padding-top:30px } .ind-address { width:33%; float:right; padding:0 2%; height:100% } .foot-wrapp a:link,.foot-wrapp a:visited { color:#FFF } .foot-menu { float:left } .foot-menu li { display:inline; padding-right:10px } .footer-menu-wrapp { margin-top:40px; background-image:url(../images/footer-bg.png); padding:10px 0; color:#e7e7e7; font-size:8.5pt; text-transform:none } .foot-menu a:link,.foot-menu a:visited { color:#e7e7e7 } .cpr-wrapp { float:right; text-align:right; width:43% } .slicknav_nav a:link,.slicknav_nav a:visited { text-transform:uppercase } .cpr-wrapp span,.cpr-wrapp a:link,.cpr-wrapp a:visited { color:#5d9abc } .page-title { float:left; width:40% } .page-title-blk { border-bottom:1px solid #dedfe0 } .sub-content { padding-top:15px; min-height:300px } .ind-floors { padding-top:10px; clear:both } .ind-floors ul { display:block; margin-left:-2% } .ind-floors li { display:block; float:left; margin-left:2%; width:23%; background-color:#FFF; text-align:center; padding-top:10px } .floor-text { display:block; padding:3px; background-color:#E8E8E8 } .projWrapp { padding-top:125px } .proj-title-blk { padding-top:30px; padding-bottom:10px } .proj-attrib-wrapp { background-color:#f7f7f7; border:1px solid #e9e6e6 } .pro-img-attrib { float:left; width:45%; padding-right:2% } .pro-attrib-blk { padding:20px 0; padding-right:2%; float:left; padding-left:0; width:50% } .fact-hd { padding:5px 15px; background-color:#435061; color:#FFF; text-transform:uppercase; font-size:11pt; margin-top:15px } .facts-table { background-color:#FFF } .facts-table td { padding:5px 10px; text-align:left; border-bottom:1px solid #e9e6e6; border-left:1px solid #e9e6e6 } .facts-table table { width:100%; border-right:1px solid #e9e6e6 } .facts-table ul { display:block; width:50%; float:left } .facts-table li { display:block; padding:10px 15px; border-bottom:1px solid #e9e6e6; border-left:1px solid #e9e6e6; border-right:1px solid #e9e6e6; color:#435061; font-size:11pt } .facts-table span { display:block; width:40%; float:left } .project-accordian { padding-top:20px } .proj-page-btn-wrapp { float:right } .view-more-btn-center { width:150px; margin:10px auto } .view-more-btn-center a:link,.view-more-btn-center a:visited { text-transform:uppercase } .view-more-btn-center a:hover { background:none; } .ind-btn-wrapp { width:500px; margin:0 auto; padding-top:30px } .quick-btn,.down-btn { width:240px; padding-left:5px; float:left } .quick-btn a:link,.quick-btn a:visited,.down-btn a:link,.down-btn a:visited,.view-more-btn-center a:link,.view-more-btn-center a:visited { display:block; padding:5px 0; width:100%; text-align:center; color:#FFF; font-family:'pt_sansregular'; font-size:10pt; text-transform:uppercase } .quick-btn a:link,.quick-btn a:visited { background-color:#435061 } .down-btn a:link,.down-btn a:visited { background-color:#ff551a } .quick-btn a:hover { background-color:#262E37 } .down-btn a:hover { background-color:#B72E00 } .more-details-index{ background: none !important; background-image:none !important; background-color:none !important; } .more-details-index,.view-allbtn-red,.view-allbtn-black { float:right; padding-top:10px } .view-allbtn-red,.view-allbtn-black { padding-top:20px } .view-allbtn-red a:link,.view-allbtn-red a:visited,.view-allbtn-black a:link,.view-allbtn-black a:visited { color:#FFF; display:block; padding:3px 25px 3px 15px; background-color:#ffffff; color:#888181; background-image:url(../images/arrow-black.png); background-repeat:no-repeat; background-position:90% 10px; font-weight:700; text-transform:uppercase; background-size:6px 9px; font-size:8.5pt } .view-allbtn-red a:link,.view-allbtn-red a:visited,.view-allbtn-black a:link,.view-allbtn-black a:visited { background-color:#ed1c2a; color:#FFF; background-image:url(../images/arrow-white.png) } .view-allbtn-red a:hover { background-color:#C40F1D } .view-allbtn-black a:link,.view-allbtn-black a:visited { background-color:#435061 } .view-allbtn-black a:hover { background-color:#353F4D } .tbl-more a:link,.tbl-more a:visited { display:block; padding:3px; background-color:#FFC114; color:#435061 } .tbl-more a:hover { background-color:#E6A700 } .ind-pro-text-wrapp { padding-top:20px; width:480px; margin:0 auto } .spec-btn { float:left; padding-left:1%; padding-right:1%; width:48%; text-align:center } .spec-btn a:link,.spec-btn a:visited { display:block; padding:5px 15px; border:1px solid #FFF; color:#FFF; text-transform:uppercase; font-family:'pt_sansregular'; background-image:url(../images/arrow-white-01.png); background-repeat:no-repeat; background-position:92% center; font-size:12pt; text-align:left } .spec-btn a:hover { color:#EAEAEA } .enq-btn,.eb-down-btn { float:left; padding-left:12px } .enq-btn a:link,.enq-btn a:visited,.eb-down-btn a:link,.eb-down-btn a:visited { display:block; padding:6px 20px 6px 45px; border:1px solid #dddddd; background-image:url(../images/icon-enq.png); background-repeat:no-repeat; background-position:15px center; font-size:11.5pt } .eb-down-btn a:link,.eb-down-btn a:visited { background-image:url(../images/icn-down.png) } .eb-down-btn a:hover,.enq-btn a:hover { background-color:#F1F4F8 } .spec-icon-pr,.amen-icon-pr,.gall-icon-pr,.floor-icon-pr,.loc-icon-pr,.gmap-icon-pr { background-image:url(../images/proj-icn-01.png); display:block; background-repeat:no-repeat; background-position:left 2px; padding-left:25px } .ui-state-active .spec-icon-pr { background-image:url(../images/proj-icn-01-ho.png) } .amen-icon-pr { background-image:url(../images/proj-icn-02.png) } .ui-state-active .amen-icon-pr { background-image:url(../images/proj-icn-02-ho.png) } .floor-icon-pr { background-image:url(../images/proj-icn-03.png) } .ui-state-active .floor-icon-pr { background-image:url(../images/proj-icn-03-ho.png) } .gall-icon-pr { background-image:url(../images/proj-icn-04.png) } .ui-state-active .gall-icon-pr { background-image:url(../images/proj-icn-04-ho.png) } .loc-icon-pr { background-image:url(../images/proj-icn-05.png) } .ui-state-active .loc-icon-pr { background-image:url(../images/proj-icn-05-ho.png) } .gmap-icon-pr { background-image:url(../images/proj-icn-06.png) } .ui-state-active .gmap-icon-pr { background-image:url(../images/proj-icn-06-ho.png) } .speci-list { display:block; padding:3px } .speci-list .specblk { border-bottom:1px dotted #c4c4c4; padding-bottom:15px; padding-top:10px; margin-bottom:10px } .speci-list .icn-spec { float:left; width:66px; display:block } .speci-list .spec-right { float:left; width:88%; display:block; padding-top:3px; padding-left:3% } .speci-list .spec-name { font-size:12pt; font-weight:700; padding-bottom:10px; display:block } .speci-list .spec-details { display:block } .amen-list-page li { display:block; float:left; width:19.8%; text-align:center; padding:32px 0 0; margin-left:-1px; margin-top:-1px; border-left:1px dotted #c4c4c4; border-right:1px dotted #c4c4c4; border-bottom:1px dotted #c4c4c4; border-top:1px dotted #c4c4c4 } .amen-list-page img { width:66px } .amen-list-page .amen-list-name { font-size:9pt } .amen-list-page { padding:20px 0 } .floorPlans { padding:20px 0 } .floorPlans li { display:block; float:left; width:19.8%; text-align:center; border:1px solid #E8E8E8; margin-left:-1px } .floorPlans img { padding:20px 0 } .loc-img { float:left; width:100%; text-align:center } .dist-chart { width:100%; padding-top:15px } .dist-chart h5 { background-color:#31A2E1; padding:8px; text-align:center; color:#FFF; margin-top:8px; margin-bottom:10px } .dist-chart li { display:block; clear:both; width:100%; padding:8px 20px; border:1px solid #f2f2f2; margin-top:-1px; font-size:9.5pt } .chart-blk { width:45%; float:left; padding-left:2%; padding-right:2% } .dist-chart span { display:block; float:left; width:330px } .dist-hd { background-color:#F3F3F3; text-align:center } .chbk { padding-top:90px; padding-bottom:90px; text-align:center; font-size:12pt } .status-gall1 { margin-left:-1% } .status-gall1 li { display:block; float:left; width:15%; padding-left:1%; padding-top:1% } .status-gall { margin-left:-1% } .status-gall2 { margin-left:-1% } .status-gall li { display:block; float:left; width:19%; padding-left:1%; padding-top:1% } .enquiry_middle { width:440px; margin:15px auto; padding:30px; border:1px solid #e1e1e1 } .enq-Label { float:left; width:120px; text-align: left; } .enq-colon { float:left; width:20px; text-align:center } .enq-feild { float:left; width:300px } .feed-block { padding-right:30px; padding-bottom:10px; padding-left:40px } .enq-feild input,.enq-feild textarea,.feed-block input,.feed-block textarea { width:94%; padding:1% 2%; border:1px solid #c4c4c4; line-height:normal; font-family:'pt_sansregular'; font-size:10pt } .enquiry-block { padding-bottom:10px } .enquiry-btn,.feed-btn { float:right } .feed-btn1 { padding-right:30px; font-size:50px; } .feed-btn { padding-right:30px } .enquiry-btn input,.feed-btn input { padding:8px 15px; line-height:normal; background-color:#31a2e1; border:none; color:#FFF; border-radius:4px } .eb-block { width:300px; margin:15px auto } .caption-align { position:relative } .eb-cap { position:absolute; bottom:0; z-index:1000; background-image:url(../images/cap-bg.png); padding:0; width:100%; color:#FFF; font-size:10pt } .eb-cap a:link,.eb-cap a:visited { color:#FFF; font-size:10pt; padding:10px 30px; display:block; background-image:url(../images/icn-down-white.png); background-repeat:no-repeat; background-position:90% center } .eb-cap a:hover { color:#CCC } .contact-wrapp { width:800px; margin:40px auto; border:1px solid #e1e1e1 } .address-area { width:399px; text-align:center; margin:0 auto; padding:30px 0; float:left; border-right:1px solid #e1e1e1 } .feed-wrapp { width:370px; float:left; padding-left:15px; padding-right:15px } .logo-cnt { padding-bottom:15px } .address-area a:link,.address-area a:visited { color:#788490 } .address-area a:hover { color:#31A2E1 } .wid-img,.pro-item-th { filter:grayscale(0%); -webkit-filter:grayscale(0%); filter:none; -webkit-transition:all .6s ease } .wid-img:hover,.pro-item-th:hover { filter:grayscale(100%); -webkit-filter:grayscale(100%); filter:gray } .proj-ele { float:left; padding-right:30px; width:300px } .proj-logo-ind { padding-top:5px; text-align:left; float: left; margin:0px 20px 0px 0px; } .proj-logo-ind img { width:126px; background-color:white; padding:10px 8px } .proj-logo { padding:10px; text-align:center } .proj-logo img { width:155px } .comp-gallery { padding-top:15px } .sub-hed { padding-bottom:15px; font-size:14pt; color:#1D8CC9 } .comp-gallery li { display:block; float:left; width:22%; padding-left:1%; padding-right:1%; padding-bottom:10px } #prj_btn_wrap { float:left; height:50px; width:100% } .prj_btn_A:link,.prj_btn_A:visited,.prj_btn_A:hover,.prj_btn_A_still { background-color:#ed3237; border-left:1px solid #d7be55; color:#ffffff; float:left; font-family:Arial; font-size:9pt; font-style:normal; font-weight:700; height:35px; letter-spacing:.2mm; line-height:35px; margin-right:1px; text-align:center; text-decoration:none; width:33%; word-spacing:.5mm } .prj_btn_A:hover { background-color:#f05b21 } .prj_btn_A_still:link,.prj_btn_A_still:visited { background-color:#3e4095; color:#ffffff; text-decoration:none } .prj_btn_A_still:hover { text-decoration:none } .help_wrap { height:auto; margin:auto; width:460px } .help_wrap_02 { height:auto; margin:auto; width:560px } .help_brdr { float:left; height:320px; margin:auto; padding:10px; width:620px } .help_middle_wrap { float:left; height:auto; margin:0; padding:0; width:450px } .help_middle_wrap2 { float:left; height:20px; margin:0; padding:10px 0 0; width:325px } .help_middle_wrap3 { color:#d51008; float:left; font-family:Arial,Helvetica,sans-serif; font-size:9pt; font-weight:400; height:20px; margin:0; padding:10px 0 0; text-decoration:none; width:400px } .help_middle_01 { color:#555555; float:left; font-family:Arial,Helvetica,sans-serif; font-size:9pt; font-style:normal; font-weight:400; height:auto; line-height:16px; margin:0; padding:10px 0 0; text-align:justify; text-decoration:none; width:180px } .help_middle_02 { color:#555555; float:left; font-family:Arial,Helvetica,sans-serif; font-size:9pt; font-style:normal; font-weight:400; height:auto; line-height:16px; margin:0; padding:10px 0 0; text-align:justify; text-decoration:none; width:20px } .help_middle_03 { float:left; height:auto; margin:0; padding:10px 0 0; width:120px } #help_middle_emi { color:#007e5f; float:left; font-family:Arial,Helvetica,sans-serif; font-size:9pt; font-weight:400; margin:auto; padding-bottom:15px; padding-right:0; padding-top:20px; text-decoration:none; width:450px } .help_middle_001 { float:left; height:auto; margin:0; padding:10px 0 0; width:250px } #help_middle_AREA { color:#666666; float:left; font-family:Arial,Helvetica,sans-serif; font-size:9pt; font-weight:400; height:auto; margin:0; padding-bottom:0; padding-right:0; padding-top:0; text-decoration:none; width:100% } #loan_middle { color:#ffffff; font-family:Arial,Helvetica,sans-serif; font-size:9pt; font-style:normal; height:auto; line-height:16px; margin:auto; padding-bottom:0; padding-right:0; padding-top:10px; text-decoration:none; width:450px } .loan_2 { color:#555555; float:left; font-family:Arial,Helvetica,sans-serif; font-size:9pt; font-style:normal; font-weight:400; height:auto; line-height:16px; margin:0; padding:5px 20px 0 0; text-align:right; text-decoration:none; width:200px } .loan_3 { color:#555555; float:left; font-family:Arial,Helvetica,sans-serif; font-size:9pt; font-style:normal; font-weight:400; height:auto; line-height:16px; margin:0; padding:5px 0 0; text-align:left; text-decoration:none; width:20px } .loan_4 { float:left; height:auto; margin:0; padding:5px 0 0; width:200px } #loan_middle2 { float:left; height:auto; margin:0; padding:10px 0 0; width:400px } #help_middle_AREA #form1 table { width:100% } #help_middle_AREA { color:#666666; float:left; font-family:Arial,Helvetica,sans-serif; font-size:9pt; font-weight:400; height:auto; margin:0; padding-bottom:0; padding-right:0; padding-top:0; text-decoration:none; width:100% } #help_middle_AREA #form1 table { width:100% } .lab01 { float:left; height:20px; line-height:20px; width:15% } .feild { float:left; height:20px; padding-bottom:15px; width:35% } .landing_center{ width:80%; padding:0px 10px 30px 10px; margin:0px auto; background:#f2f2f2; } .proj-logo1 { padding: 10px; text-align: center; width:140px; position:absolute; right:1%; top:6%; background:#FFF; } .help-btn { margin:0 auto; width:190px } .center-text { text-align:center } .vison-img { float:left; width:220px; padding-right:15px } .menu-wrapp { padding:0 } .banner { padding-top:60px } .banner1 { padding-top:0px; margin:0; } .enquire_area{ width:30%; padding:0; margin:0; float:right; background:#F00; } .about{ background: #1c466e; padding: 9px 20px 25px 20px; margin: 0px auto; width: 78% !important; } .about h1{ font-size:19px; color:#fff; line-height:25px; padding:0; margin:0; float:right; text-transform:uppercase; } .about h2{ font-size:25px; color:#fff; line-height:25px; padding:10px 0px 0px 15px; margin:0; float:left; font-family: 'Lobster', cursive; font-weight:normal; } .about p{ color:#fff; float:right; } .abt_txtbox1{ width:92%; height:20px; padding:5px; margin:15px 0px 0px 20px; background:#fff; border:1px solid #000; float:left; position:relative; } .abt_txtbox{ width:92%; height:20px; padding:5px; margin:15px 0px 0px 20px; background:#fff; border:1px solid #000; float:left; } .abt_msbox{ width:92%; height:20px; padding:5px; margin:14px 0px 0px 20px; background:#fff; border:1px solid #000; float:left; resize:none; } .table_box{ margin: 0px 0px 0px 0px; padding: 0; width: 100% !important; } .table_left{ margin: 0px 0px 0px 0px; padding: 0; width: 100% !important; float:left; } .table_right{ margin: 0px 0px 0px 0px; padding: 0; width: 35% !important; float:left; } .banner1 img{width:100% !important;} .fixed-top { position:fixed; top:-100px; z-index:18000; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease } .fixed-top-01 { position:fixed; top:0 } .slide-out-div { margin:0 auto; width:370px; background-color:#f6f6f6; padding:20px; border:1px solid #D3D8DC } .quick-contact-001 { width:350px } .quick-contact-001 .enq-feild { width:202px } .formErrorContent { font-size:8pt; color:#F00 } /* ---------------------------------------- main style shhet ends here -----------------------------*/ /* ---------------------------------------- Mobile styles -----------------------------*/ a[href^="tel"]:link,a[href^="tel"]:visited,a[href^="tel"]:hover { text-decoration:none; pointer-events:none; cursor:default } .slicknav_menu { display:none } .slicknav_nav a:link,.slicknav_nav a:visited { color:#FFF } .ddsmoothmenu .visible-mobile { display:none } .help-btn { clear:both; float:none; padding-top:10px } @media only screen and (max-device-width: 990px) { a[href^="tel"]:link,a[href^="tel"]:visited,a[href^="tel"]:hover { text-decoration:underline; pointer-events:auto; cursor:pointer } .term-list { width:auto } } @media (max-width: 1280px) { .main-menu { width:70% } } @media (max-width: 1180px) { .pro-cnt-ind { padding-top:15px } } @media (max-width: 1080px) { .ddsmoothmenu ul li a { padding:13px 14px } .pro-img-attrib { width:40% } .pro-attrib-blk { width:55% } } @media (max-width: 1043px) { .ddsmoothmenu ul li a { padding:13px 10px } .pro-img-ind { width:45%; padding-top:25px } .pro-cnt-ind { width:47.5% } .ind-pro-text-wrapp { padding-bottom:15px } } @media (max-width: 991px) { .amen-list-ind { width:100% } .quick-attributes { width:600px } .quick-attributes .drone-thumb { margin:0; padding:0; width:100%; text-align:center; margin-top:30px; border:0 none!important; background-image:none } } @media (max-width: 945px) { .menu-right { display:none } .logo { width:16% } .main-menu { float:right; padding-right:5%; width:564px } .ddsmoothmenu ul li a { padding:13px 20px } .hd-top-gr { background:none; background-color:transparent; float:none } .header-blk-01 { float:right; width:50% } .header-right { width:100%; margin-top:-84px } .top-call { margin-left:8% } .pro-widget { width:30% } .home-icon { display:none } .menu,.nav { display:none } .footmenu { width:36% } .foot-address { width:52% } .footer-right { clear:both; float:none; width:400px; margin:10px auto 0 } .foot-logo { float:right; clear:right; width:43% } .footer-call-block { padding-top:30px } .banner,.sub-banner { padding-top:60px } .address-wrapp { width:98%; border:none } .cnt-address-02,.cnt-address-01 { width:100% } .equiry-wrapp { width:100%; border-top:1px solid #c4c4c4 } .pro-img-ind { width:100%; text-align:center; padding:0; margin:0 auto; clear:both; float:none } .pro-cnt-ind { width:90%; padding:0 5% } .pro-head-ind { text-align:center; padding-top:10px } .main-menu { width:83%; padding:0 } .ddsmoothmenu { width:auto; float:right } .ddsmoothmenu ul li a { padding:13px 10px } } @media (max-width: 890px) { .pro-attrib-blk { width:auto; float:none } .amen-list-page li,.floorPlans li { width:24.8% } .status-gall li { width:24% } .pro-img-attrib { width:350px; clear:both; margin:10px auto; float:none } .proj-tile { width:100% } } @media (max-width: 830px) { .dist-chart span { width:232px } } @media (max-width: 800px) { .tabs-subPage .tabs-list li { width:auto; padding-left:3%; padding-right:3% } .ddsmoothmenu ul li a { padding-left:14px; padding-right:14px } .ind-gall li,.ind-floors li { width:31%; padding-top:10px } .amen-list-page li { width:31.8% } .contact-wrapp { width:90%; padding:30px 5% } .main-menu { display:none } .slicknav_menu { position:fixed; width:100%; z-index:20000; display:block } .logo { width:100%; float:none; text-align:left; padding-top:0 } } @media (max-width: 799px) { .fixed-top-01,.fixed-top { position:static } .top-area { padding-top:60px } } @media (max-width: 780px) { .ddsmoothmenu ul li a { padding-left:10px; padding-right:10px } .pro-widget { width:41%; margin-left:6% } .widget-align { margin-left:-6% } .main-menu { margin:0; padding:0 } .ddsmoothmenu ul li a { padding-left:5px; padding-right:5px } .ddsmoothmenu { width:auto } .welcome-head h1 { line-height:28px } .pro-item-th { width:180px; float:none; clear:both; margin:0 auto } .pro-wid-teser { padding:0; width:100% } .ind-loc-det { width:90%; float:none; clear:both; margin:0 auto; padding:5px } .ind-address { width:90%; padding:0; float:none; clear:both; margin:0 auto } .foot-menu,.cpr-wrapp { text-align:center; width:100%; float:none; padding:0 } .address-area,.feed-wrapp { width:100%; border:none; padding:0 } .chart-blk { width:46% } .dist-chart li { width:96%; padding-left:2%; padding-right:2% } } @media (max-width: 700px) { .ind-loc-det { position: relative; padding-bottom: 75%; // This is the aspect ratio height: 0; overflow: hidden; } .ind-loc-det iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .drone-thumb { width:100%; text-align:center; clear:both; float:none; padding:15px 0 } .places-ind { width:100% } .ind-gmap { width:100%; text-align:center; padding:0 } .amen-list-ind li { width:33%; padding:15px 0 } #page { padding-top:55px } .scroll-to-fixed-fixed { padding-top:60px } .ind-gall,.ind-floors { width:400px; float:none; clear:both; margin:0 auto; display:block } .ind-gall li,.ind-floors li { width:190px; padding-left:5px } .quick-attributes li,.amen-list-ind li { width:32%; margin:10px 0 } .floorPlans li { width:35% } } @media (max-width: 648px) { .page-title,.bread-crumb { clear:both; width:auto; float:none } .comp-gallery li { width:31% } .ddsmoothmenu { display:none } .slicknav_menu { position:fixed; width:100%; z-index:20000 } .header-top { background-image:none; margin-top:50px } .header-right { width:158px; margin:0; padding:10px 0 0 } .top-call { margin-top:10px; margin-bottom:10px } .header-blk-01 { width:100% } .caption-text,.nivo-caption { width:100%; padding:2%; margin:0; position:static; background-color:#2B2666; background-image:none; opacity:1; color:#FFF } .caption-head { line-height:28px; font-size:26px; text-align:left } .theme-default .nivo-controlNav { margin-bottom:-23px } .banner,.sub-banner { padding-top:102px } .sub-banner { padding-top:100px } .product-table { width:100%; overflow:auto } .product-table table { width:600px } #prj_btn_wrap { height:auto; margin-bottom:20px } .status-gall li { width:48% } .dist-chart span { width:100% } .top-area { padding-top:0 } .quick-attributes { width:100% } .quick-attributes li { width:25% } } @media (max-width: 580px) { .listing ul { width:50% } .quick-attributes li,.amen-list-ind li { width:42%; margin:10px 0 } .help_wrap,#help_middle_emi,.help_middle_wrap,.help_middle_01,.help_middle_02,.help_middle_03,.lab01,.feild,.loan_2,.loan_4,#loan_middle,#loan_middle2 { width:100%; padding-left:0; padding-right:0; text-align:left } .help_middle_02,.loan_3 { display:none } .help_middle_03 input,.feild input,.loan_4 input { width:100% } .prj_btn_A:link,.prj_btn_A:visited,.prj_btn_A:hover,.prj_btn_A_still { float:none; clear:both; width:100%; display:block } .foot-menu { display:none } .floorPlans li { width:48% } .sub-banner { padding-top:109px } .chart-blk { width:100% } } @media (max-width: 500px) { .facts-table ul { width:100% } .logo { width:200px; float:left; margin:0 auto } .header-right { width:153px } .home-icon { display:none } .pro-item-th { width:100% } .ind-pro-text-wrapp,.ind-btn-wrapp { width:100% } .quick-btn,.down-btn,.spec-btn { width:100% } .enquiry_middle { width:90%; padding-right:5%; padding-left:5% } .amen-list-page li { width:48% } } @media (max-width: 468px) { .quick-attributes li,.amen-list-ind li { width:45%; margin:10px 0 } .pro-widget { width:94%; margin-left:0; padding:3% } .widget-align { margin-left:0 } .wid-img { width:120px; float:left; padding-right:30px } .wid-read-more a:link,.wid-read-more a:visited { width:100% } .wid-read-more { float:none; margin:0 auto; width:110px } .footmenu { display:none } .foot-address { padding-left:0; width:100% } .footer-right { width:100%; padding-right:0; padding-left:0 } .enq-feild { width:100% } .more-details-index,.view-allbtn-red,.view-allbtn-black { clear:both; float:none; width:250px; text-align:center; margin:5px auto } .read-more,.read-more-red,.enq-btn,.eb-down-btn,.proj-page-btn-wrapp { float:none; clear:both; margin:5px auto; width:100%; padding-left:0; padding-right:0 } .slide-out-div { display:none } } @media (max-width: 428px) { .menu-wrapp { background-image:none } .logo { width:200px; float:none; clear:both; margin:0 auto } .footer-call-block { width:100% } .foot-logo { width:200px; float:none; clear:both; margin:0 auto } .top-call { display:none } .header-right { float:none; clear:both; margin:10px auto } .banner, { padding-top:194px } .pro-wid-item,.pro-wid-item-right { width:100% } .pro-item-th { width:200px } } @media (max-width: 390px) { .wid-img { width:180px; float:none; margin:0 auto; padding-right:0; padding-right:30px } .ind-gall,.ind-floors { width:100% } .ind-gall li,.ind-floors li { width:46%; padding-left:0 float:left; } .quick-attributes li { width:60%; margin:10px auto; float:none; clear:both } .comp-gallery li { width:48% } .status-gall li,.floorPlans li,.amen-list-page li { width:80%; clear:both; float:none; margin:5px auto } .pro-img-attrib { width:70% } .logo { width:100px } .amen-list-name { font-weight:normal; font-size:10pt; } } @media (max-width: 300px) { .foot-logo { width:90% } .header-top { position:static; margin-top:0; padding-top:53px } .banner,.sub-banner { padding-top:99px } .wid-read-more { float:none; margin:0 auto; width:90% } .pro-item-th { width:90% } .ind-gall,.ind-floors { width:90% } .ind-gall li,.ind-floors li { width:100%; padding-left:0 } .ind-gall,.ind-floors { width:80% } } /*accordion*/ .tabs { position: relative; height: 450px; /* This part sucks */ clear: both; margin: 35px 0 25px; } .tab { float: left; } .tab label { background: #435061; padding: 10px; color:#fff; border: 1px solid #ccc; margin-left: -1px; position: relative; left: 1px; top: -29px; -webkit-transition: background-color .17s linear; cursor:pointer; } .tab label:hover { background: #193f66; padding: 10px; color:#fff; border: 1px solid #ccc; margin-left: -1px; position: relative; left: 1px; top: -29px; -webkit-transition: background-color .17s linear; cursor:pointer; } .tab [type=radio] { display: none; } .content { position: absolute; top: -1px; left: 0; background: white; right: 0; bottom: 0; padding: 20px; border: 1px solid #ccc; -webkit-transition: opacity .6s linear; opacity: 0; } [type=radio]:checked ~ label { background: #63758c; border-bottom: 1px solid white; z-index: 2; cursor:pointer; } [type=radio]:checked ~ label ~ .content { z-index: 1; opacity: 1; } .listing1 ul{ margin:0px 0px 0px 50px; padding:0; float:left; } .listing1 ul li{ margin:0; padding:0px 0px 0px 20px; background:url(../images/tic.png) no-repeat; font-size:14px; text-align:left; background-position:0px 10px; line-height:30px; } .listinga ul{ margin:0; padding:0; width:47%; float:left; } .listinga ul li{ margin:0; padding:0px 0px 0px 20px; background:url(../images/tic.png) no-repeat; font-size:14px; text-align:left; background-position:0px 10px; line-height:30px; } .factsfulltab { width:62%; float:left; padding:0; margin:0; } .landing_container { width: 98%; margin: 0 auto;padding: 20px 0px; } .welcome-wrapparea { text-align:center; color:#47535f; padding:0; margin:10px 0px 0px 0px; } .facts-table1 { background-color:#FFF } .facts-table1 td { padding:1px 10px; text-align:left; border-bottom:1px solid #e9e6e6; border-left:1px solid #e9e6e6 } .facts-table1 table { width:100%; border-right:1px solid #e9e6e6 } .facts-table1 ul { display:block; width:50%; float:left } .facts-table1 li { display:block; padding:10px 15px; border-bottom:1px solid #e9e6e6; border-left:1px solid #e9e6e6; border-right:1px solid #e9e6e6; color:#435061; font-size:11pt } .facts-table1 span { display:block; width:40%; float:left } .amen-list-page1 li { display:block; float:left; width:14%; text-align:center; padding:32px 0 0; margin-left:-1px; margin-top:-1px; border-left:1px dotted #c4c4c4; border-right:1px dotted #c4c4c4; border-bottom:1px dotted #c4c4c4; border-top:1px dotted #c4c4c4 } .amen-list-page1 img { width:66px } .amen-list-page1 .amen-list-name { font-size:12px; font-weight:700; } .amen-list-page1 { padding:20px 0 } .amen-list-name1 { display:block; font-size:12px; font-weight:700; padding-top:20px; text-transform:uppercase; height:70px } .drone-thumb1 { margin:0; padding:0; width:auto; float:right; margin: 14px 0px 0px 0px; } /*responsive table*/ @import "http://fonts.googleapis.com/css?family=Montserrat:300,400,700"; .rwd-table { margin: 0 0; width: 100%; } .rwd-table tr { } .rwd-table th { display: none; } .rwd-table td { display: block; } .rwd-table td:first-child { padding-top: 0; } .rwd-table td:last-child { padding-bottom: .5em; } .rwd-table td:before { content: attr(data-th) ": "; font-weight: bold; width: 6.5em; display: inline-block; } @media (min-width: 480px) { .rwd-table td:before { display: none; } } .rwd-table th, .rwd-table td { text-align: left; } @media (min-width: 480px) { .rwd-table th, .rwd-table td { display: table-cell; padding: .25em .5em; } .rwd-table th:first-child, .rwd-table td:first-child { padding-left: 0; } .rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0; } } .rwd-table { color: #fff; border-radius: .4em; overflow: hidden; } .rwd-table tr { border-color: #46637f; } .rwd-table th, .rwd-table td { margin: .5em 1em; } @media (min-width: 480px) { .rwd-table th, .rwd-table td { padding: 0 !important; } } .rwd-table th, .rwd-table td:before { color: #dd5; display:none !important; } .content_displaynone{ display: none !important; }