/* CSS Document by Palakshi Dam - Krishna Tech*/ @import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic); @font-face { font-family: 'Rupee Foradian'; src: url('font/Rupee_Foradian.ttf'); font-weight: bold; font-style: normal; } body{margin:0; font-family: 'Roboto', sans-serif;} a{text-decoration:none; color:#333333} h2{color:#FFFFFF; font-weight:normal; text-align:center} .h1{color:#FFFFFF; font-weight:normal; text-align:center} .org{color:#ECCD01} #main{width:100%; height:auto; float:left} #main-inner{width:80%; height:auto; margin:0 auto; overflow:auto} #main-inner1{width:80%; height:auto; margin:0 auto} .bacg{background:#f5f6f6} .bacg1{background:#dbcc00} .bacg2{margin-top:5%; background:url(images/map.jpg) no-repeat left fixed; background-size:cover} .padding{padding:4% 0} .bacg3{background: url(images/testimonial1.jpg) no-repeat left fixed; background-size:cover} .bacg4{background:#1F1F1F} .bacg5{background:#141414} header .logo{width:15%; height:auto; float:left} #upper_form{width:100%; height:auto; float:left; margin-bottom:1%} #upper_form #searchloc {width:22%; height:auto; float:left; margin:1.3%; color:#FFFFFF; padding:1%} #upper_form #searchloc1 {width:16%; height:auto; float:left; margin:1%} #upper_form #searchloc p{margin:5%; color:#924D0D; text-align:center; font-size:large; font-weight:bold} #upper_form #searchloc .styled-select1 select { background:tranparent; background:no-repeat; width: 110%; border:0; height: auto; -webkit-appearance: none; font-family: 'Roboto', sans-serif; font-size:14px; border-bottom: #CCCCCC 2px solid; padding-bottom:2% } #upper_form #searchloc .styled-select1 { width:100%; height: auto; overflow: hidden; background: url(images/arrow1.jpg) no-repeat right; border-radius:3px; float:left; overflow:hidden; padding:10px 5px } #upper_form #searchloc .styled-select1 option{ width:auto; height:auto; overflow: hidden; background-color:#FFFFFF; padding:5px; border-bottom:#CCCCCC 1px dotted; } #upper_form .form_button{padding:5% 1%; background:#ba9305; color:#FFFFFF; border:none; float:left; width:100%; font-family: 'Roboto', sans-serif; font-size:medium; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20); cursor:pointer; transition:0.5s} #upper_form .form_button:hover{background:#333333} #number .con{width:29.3%; height:auto; float:left; text-align:center; padding:8% 2% 2% 2%; color:#FFFFFF; font-size:xx-large; background:url(images/property.png) #b4a701 center top no-repeat; transition:0.5s} #number .con:hover{background:url(images/property.png) #beb653 center top no-repeat; color:#016056} #number .con1{width:29.3%; height:auto; float:left; text-align:center; padding:8% 2% 2% 2%; color:#FFFFFF; font-size:xx-large; background:url(images/project.png) #c9bb00 center top no-repeat; transition:0.5s} #number .con1:hover{background:url(images/project.png) #c9c36c center top no-repeat; color:#016056} #number .con2{width:29.3%; height:auto; float:left; text-align:center; padding:8% 2% 2% 2%; color:#FFFFFF; font-size:xx-large; background:url(images/developers.png) #dbcc00 center top no-repeat; transition:0.5s} #number .con2:hover{background:url(images/developers.png) #d3cd76 center top no-repeat; color:#016056} #number p{color: #333333; font-size:x-large; border-top:#028964 1px solid; width:60%; margin:2% 20%; padding-top:4%} #banner{width:100%; height:auto; float:left; padding:3% 0; overflow:hidden} #banner h1{float:left; color:#e4d39b; font-weight:normal} #banner a{float:right; margin:2% 0.5%; color:#fcd452; font-size:small; transition:0.5s} #banner a:hover{color:#c8aa46} #banner span{float:right; margin:2% 0.5%; color:#CCCCCC; font-size:small;} #guardian_feedback{width:100%; height:auto; float:left} #guardian_feedback .con{width:96%; height:auto; float:left; margin:1%; padding:1% 1% 2% 1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55); border-radius:5px} #guardian_feedback img{width:70px; height:70px; float:left; margin:0 1% 1% 0} #guardian_feedback h2{color:#06F; text-align:left} #guardian_feedback p{font-size:small; color:#393939; width:100%; float:left; margin:0; line-height:150%; text-align:justify} #guardian_feedback span{color:#06F; text-align:right; width: auto; float: right; border-bottom: #CCC 1px solid; padding:1% 1% 0.3% 1%} #guardian_feedback .blog{width:100%; height:auto; float:left;} #guardian_feedback .blog img{width:auto; height:auto; float:left; margin:1%;} #guardian_feedback .blog .img{width:70px; height:70px; float:left; margin:0 1% 1% 0} #guardian_feedback .blog h2{color:#06F; text-align:left} #guardian_feedback .blog p{font-size:14px; line-height:150%; color:#333333; text-align:justify} #guardian_feedback .blog ul li{font-size:14px; color:#333333; list-style:none; margin:1% 0} #guardian_feedback .blog ul li::before {content: "\2714 " "\00a0 " "\00a0 ";} #guardian_feedback .blog table td{padding:1%; font-size:14px; color:#666666} #guardian_feedback .blog h3{width:100%; height:auto; float:left; color:#666666; border:none; font-size:large} #guardian_feedback .blog h4{width:100%; height:auto; float:left; color:#666666; border:none} #guardian_feedback .blog h5{width:100%; height:auto; float:left; color:#666666; border:none} #guardian_feedback .blog h6{width:100%; height:auto; float:left; color:#666666; border:none} #guardian_feedback .blog span{width:100%; height:auto; float:left; color:#666666; border:none; text-align:left; padding:0} #about{width:100%; height:auto; float:left; margin:1% 0} #about .left{width:25%; height:auto; float:left; border:#CCCCCC 1px solid; margin:0.5%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);} #about .left a{margin:0 1.5%; border-bottom:#CCCCCC 1px dashed; width:90%; float:left; padding:3% 1% 3% 6%; font-size:14px; color: #333333; text-decoration:none; background: url(images/icon2.png) left top no-repeat; transition:0.5s} #about .left a:hover{color:#ba8f01; background: url(images/icon2.png) #e4fbfe left top no-repeat} #about .left a:last-child{border:none} #about .left .a{width:96%; float:left; border:none; margin:0; padding:2%; font-weight:bold; font-size: medium; color:#FFFFFF; text-decoration:none; background: #333333} #about .left .a:hover{color: #FFFFFF; background: #333333} #about .right{width:71%; height:auto; float:left; margin:0.5% 0.5% 0.5% 2%} #about .right h2{width:99%; height:auto; border-bottom: #ba8f01 1px dashed; color:#333333; text-align:left; padding-bottom:1%; margin:0} #about .right p{text-align:justify; font-size: small; line-height:160%; color:#393939} #about .right span{color:#06F; text-align:right; width: 98%; float: right; font-size:small; padding:1% 1% 0.3% 1%} #about .right span b{color:#06F; text-align:right; width: auto; float: right; font-size:small; font-weight:normal; border-bottom: #CCC 1px solid; padding:0.5% 0% 0.3% 1%} #about .con{width:30%; height:auto; float:left; margin:3% 1%; padding:0.5% 0.5% 4% 0.5%; color: #09F; text-align:center; font-size:small; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);} #about .con img{width:100%; height: auto; float:left; background:#666666; margin-bottom:3%} #projects{overflow:hidden} #projects a{text-decoration:none} #projects .left{width:74%; height:auto; float:left; margin-right:1%} #projects .left h2{border-bottom:#CCCCCC 1px solid; color:#4B4B4B; font-weight:normal; margin-top:5%; padding-bottom:0.5%;} #projects .left .con{width:30%; height: auto; float:left; background:#d6ba01; margin:2% 1.6%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); color:#FFFFFF; transition:0.5s} #projects .left .con:hover{background:#eccd01; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); color: #028fcf} #projects .left .con img{width:100%; height:200px; float:left; background:#000000; transition:0.5s} #projects .left .con img:hover{opacity:0.8} #projects .left .con li{background:url(images/location1.png) no-repeat left center; width:80%; float:left; padding:5% 1% 1% 10%; margin:0 2%; list-style:none; font-size:small; color:#fcf5d2} #projects .left .con h3{font-weight:normal; width:98%; height:35px; float:left; padding:3% 1%; margin:0; text-align:center; font-size:14px; transition:0.5s} #projects .left .con h3:hover{color:#028fcf} #projects .left .con p{background:#FFFFFF; width:98%; height:auto; float:left; margin:0; padding:2% 1%; font-size:small; text-align:center; color:#333333} #projects .left .con p:active{background:#FFFFFF; color: #333333} #projects .left .con p:hover{background:#FFFFFF; color: #333333} #projects .left .con span{width:50%; float:right; padding:0 1%; text-align:center; color:#838b01} #projects .right{width:24%; height:auto; float:left; margin-left:1%} #projects .right h2{border-bottom:#CCCCCC 1px solid; color:#4B4B4B; font-weight:normal; margin-top:17%; padding-bottom:0.5%;} #projects .right .con{width:95%; height:auto; float:left; margin:5% 1%; border:#e5e5e5 1px solid; padding:1%; background:#fafbfb; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); color:#333333; transition:0.5s} #projects .right .con:hover{background:#dac302; color:#FFFFFF; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);} #projects .right .con img{width:40%; height:auto; float:left; margin:1% 3% 1% 1%} #projects .right .con p{margin:2%;} #projects .right .con span{color:#666666; font-size:small; margin:1%;} #projects .right .con .price{font-family: 'Rupee Foradian'; color: #028fcf; font-size:small;} #testimonial{width:80%; height:auto; float:left; padding:5% 0; margin:0 10%} #testimonial h2{text-align:center; color: #FFFFFF; font-weight:normal} #testimonial b{text-align:center; color: #FFFFFF; font-weight:normal; width:100%; height:auto; float:left; font-size:x-large; padding-bottom:1%} #testimonial .con{width:46%; height:auto; float:left; background:#FFFFFF; padding:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); margin:1%} #testimonial .con .left{width:75%; height:auto; float:left} #testimonial .con .left h4{text-align:right; color:#333333; border-bottom:#a8a8a8 1px solid; padding-bottom:1%} #testimonial .con .left img{width:5%; height:auto; float:left} #testimonial .con .left p{width:92%; height:auto; margin:2% 1% 0 2%; font-size:14px; line-height:150%; color: #666666; text-align:right; float:left; background:url(images/comma1.png) right bottom no-repeat; padding-bottom:8%} #testimonial .con .right{width:25%; height:auto; float:right;} #testimonial .con .right img{width:85%; height:85%; border-radius:50%; border:#a8a8a8 1px solid; padding:6%; margin-left:3%} footer{overflow:hidden} footer .con{width:23%; height:auto; float:left; margin:1%;} footer .con h3{font-weight:bold; color: #CCCCCC; border-bottom:#333333 1px solid; padding:2%; margin:1% 0; font-size:large; width:100%; float:left} footer .con b{font-weight:bold; color: #CCCCCC; border-bottom:#333333 1px solid; padding:2%; margin:1% 0; font-size:large; width:100%; float:left} footer .con .con1{width:100%; height:auto; float:left; margin:4% 0; border-bottom: #333333 1px solid; padding-bottom:5%} footer .con .con1:last-child{border-bottom:none} footer .con .con1 img{width:20%; height:auto; float:left; border-radius:5px; margin-right:3%} footer .con .con1 p{width:77%; height:auto; float:left; color:#FFFFFF; margin:0.7% 0;} footer .con .con1 span{width:77%; height:auto; float:left; color: #b9b9b9; font-size:small; margin:0.7% 0} footer .con .con1 .price{font-family: 'Rupee Foradian'; color: #b5af01; font-size:small;} footer .con a{width:100%; float:left; color: #CCCCCC; margin:2% 0; font-size:small; transition:0.5s} footer .con a:hover{color:#999999} footer .con .icon{float:left; width:10%; margin:2% 1%} footer .con img{width:90%; float:left} footer .con .con2{ color:#CCCCCC; font-size:small; width:100%; float:left; line-height:150%; margin:4% 0} .low{width:50%; float:left; font-size:small; color:#CCCCCC; margin:1.3% 0} .low a{color:#999999} .low1{width:50%; float:left; font-size:small; color:#CCCCCC; margin:1.3% 0; text-align:right} .low1 a{color:#999999} #banner{width:100%; height:auto; float:left; padding:3% 0; overflow:hidden} #banner h1{float:left; color:#e4d39b; font-weight:normal} #banner a{float:right; margin:2% 0.5%; color:#fcd452; font-size:small; transition:0.5s} #banner a:hover{color:#c8aa46} #banner span{float:right; margin:2% 0.5%; color:#CCCCCC; font-size:small;} #static{width:100%; height:auto; float:left; margin:4% 0} #static img{margin:1%; float:left} #static p{color:#333333; line-height:150%; text-align:justify; font-size:14px} #projects{width:100%; height:auto; float:left} #projects .pro{width:74%; height:auto; float:left; margin:5.5% 1% 0 0;} #projects .pro .con{width:97%; height:auto; float:left; background:#fcfcfc; padding:1%; margin:1.5% 0.5%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07);} #projects .pro .con h3{width:98%; float:left; padding:1%; background:#FFFFFF; margin:0 0 1% 0; color:#ba8f01; font-weight:normal; font-size: 16px; border:#f1f1f1 1px solid} #projects .pro .con img{width:30%; height:180px; float: left} #projects .pro .con .middle{width:69%; height:auto; float:left; margin-left:1%;} #projects .pro .con .middle .under{width:55%; float:left} #projects .pro .con .middle h3{width:98%; float:left; font-size:14px; margin:1% 0.5%; color:#333333; border:none; background:#FCFCFC} #projects .pro .con .middle img{width:20%; height:60px; float:left; margin:0 1%} #projects .pro .con .middle .view{background:url(images/map_icon.png) #FFFFFF left center no-repeat; border: #CCCCCC 1px solid; padding:2% 2% 2% 5%; font-size:small; float:left; margin:0 2%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07); transition:0.5s} #projects .pro .con .middle .view:hover{background:url(images/map_icon.png) #f2fffe left center no-repeat} #projects .pro .con .lower{width:100%; height:auto; float:left; margin:0.5% 0} #projects .pro .con .lower p{width:25%; float:left; color:#333333; margin:1% 0; font-size:small; border-bottom:#f2f2f2 1px solid; padding-bottom:1.5%} #projects .pro .con .datail{padding:1% 2%; background:#BA8F01; color:#FFFFFF; float:right; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); transition:0.5s} #projects .pro .con .datail:hover{background:#333333} #projects .prop{width:74%; height:auto; float:left; margin:5.5% 1% 0 0;} #projects .prop .con{width:97%; height:auto; float:left; background:#fcfcfc; padding:1%; margin:1.5% 0.5%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07);} #projects .prop .con h3{width:98%; float:left; padding:1%; background:#FFFFFF; margin:0 0 1% 0; color:#ba8f01; font-weight:normal; font-size: 16px; border:#f1f1f1 1px solid} #projects .prop .con img{width:30%; height:180px; float: left} #projects .prop .con .middle{width:69%; height:auto; float:left; margin-left:1%;} #projects .prop .con .middle h3{width:97%; float:left; font-size:14px; margin:0.5%; color:#333333; border:none; background:#FCFCFC} #projects .prop .con .middle img{width:20px; height:20px; float:none; margin:0 0.5% -3% 0.5%; padding-bottom:2%} #projects .prop .con .datail{padding:1% 2%; background:#BA8F01; color:#FFFFFF; float:right; margin:2% 0 0% 0; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); transition:0.5s} #projects .prop .con .datail:hover{background:#333333} #projects .prop .con .view{background:url(images/map_icon.png) #FFFFFF left center no-repeat; border: #CCCCCC 1px solid; padding:1.2% 2% 1.2% 5%; font-size:small; float: right; margin:2% 2% 0% 2%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07); transition:0.5s} #projects .prop .con .view:hover{background:url(images/map_icon.png) #f2fffe left center no-repeat} #projects .pro_details{width:74%; height:auto; float:left; margin:5.5% 1% 0 0;} #projects .pro_details .con{width:97%; height:auto; float:left; background:#fcfcfc; padding:1%; margin:1.5% 0.5%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07);} #projects .pro_details .con .head{width:99%; height:auto; float:left; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07); border:#CCCCCC 1px solid; background:#FFFFFF; margin:0.5%} #projects .pro_details .con h3{width:97.5%; float:left; padding:1%; background:#FFFFFF; margin:0; color:#ba8f01; font-weight:normal; font-size: medium; border: none} #projects .pro_details .top{width:98%; height:auto; float:left; margin:2% 1%;} #largeImg { width:100%; height:450px; } .thumbs{width:100%; height:auto; float:left;} .thumbs img { border: solid 1px #ccc; width:14%; height: 70px; padding:0.5%; float:left; margin:0 1% } .thumbs img:hover { border-color: #FF9900; } #projects .pro_details .snapshot{width:99%; height:auto; float:left; padding:0.5%; margin:1% 0; background: #FFFFFF; color: #333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);} #projects .pro_details .snapshot h3{width:99%; height:auto; float:left; text-align:left; padding:0.5%; margin:0 0 1% 0; color:#E68000; font-size: large; border-bottom:#CCCCCC 1px solid} #projects .pro_details .snapshot p{width:47%; height:auto; float:left; margin:1%; padding:0.5%; background:#fcfcfc; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); font-size:small; line-height:150%} #projects .pro_details .snapshot span{width:100%; height:auto; float:left; margin:2% 0} #projects .pro_details .enquire{background:#ba8f01; color:#FFFFFF; margin:1%; padding:1% 2%; transition:0.5s} #projects .pro_details .enquire:hover{background:#333333} #projects .pro_details .pages{width:99%; height:auto; float:left; padding:0.5%; margin:1% 0; background: #FFFFFF; color: #333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);} #projects .pro_details .pages .tab{padding:1% 2%; background:#333333; margin:0.5%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); float:left; color:#FFFFFF; transition:0.5s} #projects .pro_details .pages .tab:hover{background:#BA8F01} #projects .pro_details .pages h3{width:99%; height:auto; float:left; text-align:left; padding:0.5%; margin:3% 0 1% 0; color:#E68000; font-size: large; border-bottom:#CCCCCC 1px solid} #projects .pro_details .pages p{width:98%; float:left; color:#333333; margin:1%; text-align:justify; font-size:14px; line-height:150%} #projects .pro_details .pages .plans{width:20%; height:auto; float:left; margin:1%; padding:0.5% 0.5% 1% 0.5%; color:#018f83; text-align:center; font-size:small; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);} #projects .pro_details .pages .plans img{width:100%; height:150px; float:left; background:#666666; margin-bottom:3%} #projects .pro_details .amenities{width:99%; height:auto; float:left; padding:0.5%; margin:1% 0; background: #FFFFFF; color: #333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);} #projects .pro_details .amenities h3{width:99%; height:auto; float:left; text-align:left; padding:0.5%; margin:0 0 1% 0; color:#E68000; font-size: large; border-bottom:#CCCCCC 1px solid} #projects .pro_details .amenities p{background:url(images/icon/1.png) left center no-repeat; margin:0; float:left; padding:0.7% 0.5% 0.7% 5%; width:26.8%; float: left; margin:0.5%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08); font-size:14px} #projects .pro_details iframe{width:47.5%; height:280px; float:left; margin:1%} #projects .prop_details{width:74%; height:auto; float:left; margin:5.5% 1% 0 0;} #projects .prop_details .con{width:97%; height:auto; float:left; background:#fcfcfc; padding:1%; margin:1.5% 0.5%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07);} #projects .prop_details .con .head{width:99%; height:auto; float:left; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07); border:#CCCCCC 1px solid; background:#FFFFFF; margin:0.5%} #projects .prop_details .con h3{width:97.5%; float:left; padding:1%; background:#FFFFFF; margin:0; color:#ba8f01; font-weight:normal; font-size: medium; border: none} #projects .prop_details .con h4{width:97.5%; float:left; padding:0% 1% 1% 1%; background:#FFFFFF; margin:0; font-size:13px; color: #414141; font-weight:normal; border: none; font-family: 'Rupee Foradian';} #projects .prop_details .con span{width:28.3%; height:auto; float:left; background:url(images/icon1.png) #FFFFFF left top no-repeat; padding:0.5% 0 0.5% 3%; margin:1%; color: #333333; font-size: small; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.03);} #projects .prop_details .con .now{background:#333333; color:#FFFFFF; padding:3% 4%; transition:0.5s} #projects .prop_details .con .now:hover{background:#ba8f01} #projects .prop_details .description{width:99%; height:auto; float:left; padding:0.5%; margin:3% 0 1% 0; background: #FFFFFF; color: #333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);} #projects .prop_details .description h3{width:99%; height:auto; float:left; text-align:left; padding:0.5%; margin:0 0 1% 0; color:#E68000; font-size: large; border-bottom:#CCCCCC 1px solid} #projects .prop_details .description p{width:98%; height:auto; float:left; margin:1%; text-align:justify; font-size:14px; color:#333333; line-height:150%} #projects .prop_details .amenities{width:99%; height:auto; float:left; padding:0.5%; margin:1% 0; background: #FFFFFF; color: #333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);} #projects .prop_details .amenities h3{width:99%; height:auto; float:left; text-align:left; padding:0.5%; margin:0 0 1% 0; color:#E68000; font-size: large; border-bottom:#CCCCCC 1px solid} #projects .prop_details .amenities p{background:url(images/icon/1.png) left center no-repeat; margin:0; float:left; padding:0.7% 0.5% 0.7% 5%; width:26.8%; float: left; margin:0.5%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08); font-size:14px} #projects .prop_details .top{width:98%; height:auto; float:left; margin:2% 1%;} #largeImg { width:100%; height:450px; } .thumbs{width:100%; height:auto; float:left;} .thumbs img { border: solid 1px #ccc; width:14%; height: 70px; padding:0.5%; float:left; margin:0 1% } .thumbs img:hover { border-color: #FF9900; } #enquire{width:70%; height:auto; float:left; margin:2% 15%; background:#faf9f9} #enquire p{width:40%; height:auto; float:left; margin:2% 5%; color:#333333; font-size:14px} #enquire span{width:98%; height:auto; float:left; margin:1%; color:#333333; font-size:14px} #enquire h3{ color: #AA7807; border-bottom:1px dashed #808080; width:93%; float:left; padding:1% 2%; margin:1% } #enquire .box{width:65%; height:auto; float:right; border:#CCCCCC 1px solid; padding:2.5% 1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); margin:0.5%; font-family: 'Roboto', sans-serif; font-size:12px; transition:0.5s} #enquire .box:hover{border:#0099FF 1px solid} #enquire .box:focus{border:#0099FF 1px solid} #enquire .left{margin-left:5%} #enquire .box1{width:65%; height:50px; float:right; border:#CCCCCC 1px solid; padding:2% 1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); margin:0.5%; font-family: 'Roboto', sans-serif; font-size:12px; transition:0.5s} #enquire .box1:hover{border:#0099FF 1px solid} #enquire .box1:focus{border:#0099FF 1px solid} #enquire .submit{background:#ba8f01; color:#FFFFFF; float:right; margin:1% 5% 3% 5%; border:none; padding:1% 2%; font-family: 'Roboto', sans-serif; cursor:pointer; transition:0.5s} #enquire .submit:hover{background:#333333} #login{width:100%; height:auto; float:left; margin:2% 0%} #login .left{width:64%; height:auto; float:left; border:#eae7e7 1px solid; margin:0.5%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09); border-radius:2px} #login .left img{width:37%; height:auto; float:left; margin:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);} #login .left p{width:54%; height:auto; float:left; margin:0.5%; color:#333333; background:url(images/right.png) left center no-repeat; padding:1% 1% 1% 5%; font-size:small} #login .right{width:30%; height:auto; float:left; border:#eae7e7 1px solid; margin:0.5% 0.5% 0.5% 2%; padding:1% 0.5%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09); border-radius:2px} #login .right h4{width:98%; height:auto; float:left; margin:1% 1% 3% 1%; color:#ba8f01; font-weight:normal; border-bottom:#CCCCCC 1px solid; padding-bottom:1%} #login .right .box{width:95%; height:auto; float:left; margin:2% 1.2%; padding:2% 1%; border:#CCCCCC 1px solid; font-family: 'Roboto', sans-serif; color:#999999; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s} #login .right .box:hover{border:#0099FF 1px solid} #login .right .box:focus{border:#0099FF 1px solid} #login .right .submit{background:#ba8f01; color:#FFFFFF; padding:2%; margin:2%; float:right; border:none; font-family: 'Roboto', sans-serif; cursor:pointer; transition:0.5s} #login .right .submit:hover{background:#333333} #login .right a{color:#FF0000; font-size:small; float:left; margin:2% 1%; transition:0.5s} #login .right a:hover{color:#666666} #contact{width:100%; height:auto; float:left; margin:2% 0%} #contact .left{width:33%; height:auto; float:left; border:#eae7e7 1px solid; margin:1%; padding:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09); border-radius:2px} #contact .left h3{color:#934E0D;} #contact .left p{color:#333333; line-height:150%} #contact .right{width:60%; height:auto; float:left; border:#eae7e7 1px solid; margin:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09); border-radius:2px} #services{width:100%; height:auto; float:left; margin:2% 0} #services .left{width:25%; height:auto; float:left; border:#CCCCCC 1px solid; margin:0.5%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);} #services .left a{margin:0 1.5%; border-bottom:#CCCCCC 1px dashed; width:90%; float:left; padding:3% 1% 3% 6%; font-size:14px; color: #333333; text-decoration:none; background: url(images/icon2.png) left top no-repeat; transition:0.5s} #services .left a:hover{color:#ba8f01} #services .left a:last-child{border:none} #services .left .a{width:94%; float:left; border:none; margin:0; padding:10px; font-weight:bold; font-size:16px; color:#FFFFFF; text-decoration:none; background: #333333} #services .left .a:hover{color: #FFFFFF} #services .right{width:71%; height:auto; float:left; margin:0.5% 0.5% 0.5% 2%} #services .right h2{width:99%; height:auto; border-bottom: #ba8f01 1px dashed; color:#333333; text-align:left; padding-bottom:1%; margin:0} #services .right p{text-align:justify; font-size:14px; line-height:150%} @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #main-inner{width:100%; height:auto; margin:0 auto; overflow:auto} #main-inner1{width:100%; height:auto; margin:0 auto} header .logo{width:90%; height:auto; float:left; margin:1% 5%} #upper_form #searchloc {width:90%; height:auto; float:left; margin:1.3%; color:#FFFFFF; padding:1%} #upper_form #searchloc p{margin:10% 1% 5% 1%; color:#924D0D; text-align:center; font-size:large; font-weight:bold} #number .con{width:100%; height:auto; float:left; text-align:center; padding:35% 2% 2% 2%; color:#FFFFFF; font-size:xx-large; background:url(images/property.png) #b4a701 center top no-repeat; transition:0.5s} #number .con1{width:100%; height:auto; float:left; text-align:center; padding:35% 2% 2% 2%; color:#FFFFFF; font-size:xx-large; background:url(images/project.png) #c9bb00 center top no-repeat; transition:0.5s} #number .con2{width:100%; height:auto; float:left; text-align:center; padding:35% 2% 2% 2%; color:#FFFFFF; font-size:xx-large; background:url(images/developers.png) #dbcc00 center top no-repeat; transition:0.5s} #upper_form #searchloc .styled-select1 select { background:tranparent; background:no-repeat; width: 110%; border:0; height: auto; -webkit-appearance: none; font-family: 'Roboto', sans-serif; font-size:14px; border-bottom: #CCCCCC 2px solid; padding-bottom:4% } #projects .left{width:100%; height:auto; float:left; margin-right:0%} #projects .left .con{width:99%; height: auto; float:left; background:#d6ba01; margin:5% 0.5%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); color:#FFFFFF; transition:0.5s} #projects .right{width:100%; height:auto; float:left; margin-left:0%} #projects .right .con{width:96%; height:auto; float:left; margin:5% 0.5%; border:#e5e5e5 1px solid; padding:1%; background:#fafbfb; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); color:#333333; transition:0.5s} #testimonial{width:100%; height:auto; float:left; padding:5% 0; margin:0 0%} #testimonial h2{text-align:center; color: #FFFFFF; font-weight:normal} #testimonial .con{width:94%; height:auto; float:left; background:#FFFFFF; padding:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); margin:5% 2%} footer .con{width:98%; height:auto; float:left; margin:1%;} footer .con h3{font-weight:normal; color: #CCCCCC; border-bottom:#333333 1px solid; padding:2%; text-align:center} footer .con .con1 img{width:30%; height:auto; float:left; border-radius:5px; margin-right:3%} footer .con .con1 p{width:67%; height:auto; float:left; color:#FFFFFF; margin:0.7% 0; font-size:medium;} footer .con .con1 span{width:67%; height:auto; float:left; color: #b9b9b9; font-size:small; margin:0.7% 0; font-size:medium} footer .con .con1 .price{font-family: 'Rupee Foradian'; color: #b5af01; font-size:small;} footer .con a{width:100%; float:left; color: #CCCCCC; margin:2% 0; font-size:small; transition:0.5s} footer .con .icon{float:left; width:15%; margin:2% 3%} .low{width:100%; float:left; font-size:small; color:#CCCCCC; margin:2% 0; text-align:center} .low1{width:100%; float:left; font-size:small; color:#CCCCCC; margin:2% 0; text-align: center} #banner h1{float:left; color:#e4d39b; font-weight:normal; width:100%; text-align:center} #banner a{float: right; margin:2% 0.5%; color:#fcd452; font-size:small; width:100%; text-align:center; width:48%; transition:0.5s} #banner span{float: right; margin:2% 0.5%; color:#CCCCCC; font-size:small; width:1%} #static img{margin:1%; float:left; width:90%; height:auto; float: left; margin:1% 5%} #static p{color:#333333; line-height:150%; text-align:justify; font-size:14px; padding:2%} #projects .pro{width:98%; height:auto; float:left; margin:1%;} #projects .pro .con{background:#e1e0e0; margin:5% 0.5%;} #projects .pro .con h3{width:97.5%; float:left; padding:2% 1%; background:#FFFFFF; margin:0 0 1% 0; color:#ba8f01; font-weight:normal; font-size: medium; text-align:center; border:#f1f1f1 1px solid} #projects .pro .con img{width:98%; height:180px; float:left; margin:1%} #projects .pro .con .middle{width:98%; height:auto; float:left; margin:1%;} #projects .pro .con .middle .under{width:100%; float:left} #projects .pro .con .middle img{width:70%; height: auto; float:left; margin:1% 15% 3% 15%} #projects .pro .con .middle .view{background:url(images/map_icon.png) #FFFFFF left center no-repeat; border: #CCCCCC 1px solid; padding:4% 4% 4% 12%; font-size: medium; width:40%; float:left; margin:2% 22%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07); transition:0.5s} #projects .pro .con .lower{width:100%; height:auto; float:left; margin:1% 0} #projects .pro .con .lower p{width:auto; float:left; color:#333333; margin:1% 0; font-size:10px; border-bottom:#f2f2f2 1px solid; padding:2%} #projects .pro .con .datail{padding:3% 2%; background:#333333; color:#FFFFFF; float:right; width:40%; margin:2% 27%; text-align:center; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); transition:0.5s} #projects .prop{width:98%; height:auto; float:left; margin:1%;} #projects .prop .con{background:#e1e0e0; margin:5% 0.5%;} #projects .prop .con h3{width:97.5%; float:left; padding:1%; background:#FFFFFF; margin:0 0 1% 0; color:#ba8f01; font-weight:normal; font-size: medium; text-align:center; border:#f1f1f1 1px solid} #projects .prop .con img{width:100%; height: auto; float: left} #projects .prop .con .middle{width:98%; height:auto; float:left; margin:0%;} #projects .prop .con .middle h3{width:100%; float:left; font-size: small; padding:2% 0.5%; margin:1% 0.5%; color:#333333; border:none; background:#FCFCFC} #projects .prop .con .middle img{width:20px; height:20px; float:none; margin:2% 1% -3% 1%; padding-bottom:2%} #projects .prop .con .datail{padding:2%; background:#333333; color:#FFFFFF; float:right; width:40%; text-align:center; margin:2% 30%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); transition:0.5s} #projects .prop .con .view{background:url(images/map_icon.png) #FFFFFF left center no-repeat; border: #CCCCCC 1px solid; padding:3% 2% 3% 12%; width:40%; font-size:small; float:right; margin:2% 25%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07); transition:0.5s} #projects .pro_details{width:98%; height:auto; float:left; margin:1%;} #largeImg { width:100%; height: auto; } .thumbs img { border: solid 1px #ccc; width:15%; height: auto; padding:0.5%; float:left; margin:0 1% } #projects .pro_details .snapshot h3{width:97%; height:auto; float:left; text-align:left; padding:0.5%; margin:1%; color:#E68000; font-size: large; border-bottom:#CCCCCC 1px solid} #projects .pro_details .snapshot p{width:97%; height:auto; float:left; margin:2% 1%; padding:0.5%; background:#fcfcfc; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); font-size:small; line-height:150%} #projects .pro_details .enquire{background:#333333; color:#FFFFFF; margin:2% 1%; padding:3% 2%; width:94%; float: left; text-align:center; transition:0.5s} #projects .pro_details .pages{width:99%; height:auto; float:left; padding:0.5%; margin:6% 0; background: #FFFFFF; color: #333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);} #projects .pro_details .pages .tab{padding:1% 3%; background:#03c3b3; margin:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); float:left; color:#FFFFFF; transition:0.5s} #projects .pro_details .pages p{width:96%; float:left; color:#333333; margin:1% 2%; text-align:justify; font-size: small; line-height:150%} #projects .pro_details .pages .plans{width:97%; height:auto; float:left; margin:3% 1%; padding:0.5% 0.5% 4% 0.5%; color:#018f83; text-align:center; font-size:small; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);} #projects .pro_details .pages .plans img{width:100%; height: auto; float:left; background:#666666; margin-bottom:3%} #projects .pro_details .amenities p{background:url(images/icon/1.png) left center no-repeat; float:left; padding:2% 0.5% 2% 15%; width:99%; float: left; margin:1% 0.5%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08); font-size:small} #projects .pro_details iframe{width:98%; height: auto; float:left; margin:2% 1%} #projects .prop{width:98%; height:auto; float:left; margin:1%;} #projects .prop_details{width:98%; height:auto; float:left; margin:1%;} #projects .prop_details .con{width:97%; height:auto; float:left; background:#e8e8e8; padding:1%; margin:1.5% 1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09);} #projects .prop_details .con span{width:91%; height:auto; float:left; background:url(images/icon1.png) #FFFFFF left top no-repeat; padding:1.5% 0 1.5% 8%; margin:1.5% 1%; color: #333333; font-size: small; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.03);} #projects .prop_details .con .now{background:#333333; color:#FFFFFF; padding:3% 4%; width:83%; text-align:center; float:left; margin:1%; transition:0.5s} #projects .prop_details .amenities h3{width:99%; height:auto; float:left; text-align:left; padding:0.5%; margin:1% 0 5% 0; color:#E68000; font-size: large; border-bottom:#CCCCCC 1px solid} #projects .prop_details .amenities p{background:url(images/icon/1.png) left center no-repeat; margin:0; float:left; padding:2% 0.5% 2% 12%; width:86%; float: left; margin:1% 0.5%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08); font-size:14px} #enquire{width:98%; height:auto; float:left; margin:2% 1%; background:#faf9f9} #enquire p{width:98%; height:auto; float:left; margin:5% 1%; color:#333333; font-size: small} #enquire .submit{background:#ba8f01; color:#FFFFFF; float: left; margin:1% 2% 5% 2%; border:none; padding:3% 2%; width:96%; font-family: 'Roboto', sans-serif; cursor:pointer; transition:0.5s} #enquire .submit:hover{background:#333333} #enquire .left{margin:0 1% -1% 6%} #login .left{width:98%; height:auto; float:left; border:#eae7e7 1px solid; margin:2% 1%; padding:5% 0; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09); border-radius:2px; background:#f8f7f7} #login .left img{width:98%; height:auto; float:left; margin:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);} #login .left p{width:90%; height:auto; float:left; margin:1% 0.5%; color:#333333; background:url(images/right1.png) left top no-repeat; padding:1% 1% 1% 8%; font-size:small} #login .right{width:97%; height:auto; float:left; border:#eae7e7 1px solid; margin:2% 1%; padding:4% 0.5%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09); border-radius:2px; background:#f8f7f7} #login .right .box{width:95%; height:auto; float:left; margin:4% 1.2%; padding:3% 1%; border:#CCCCCC 1px solid; font-family: 'Roboto', sans-serif; color:#999999; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s} #login .right .submit{background:#ba8f01; color:#FFFFFF; padding:2% 4%; margin:2%; float:right; border:none; font-family: 'Roboto', sans-serif; cursor:pointer; transition:0.5s} #contact .left{width:96%; height:auto; float:left; border:#eae7e7 1px solid; margin:3% 1%; padding:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09); border-radius:2px} #contact .left h3{color:#0099FF;} #contact .left p{color:#333333; line-height:150%} #contact .right{width:97%; height:auto; float:left; border:#eae7e7 1px solid; margin:3% 1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09); border-radius:2px} #services .left{width:97%; height:auto; float:left; border:#CCCCCC 1px solid; margin:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);} #services .right{width:96%; height:auto; float:left; margin:3% 2%} #services .right h2{width:99%; height:auto; border-bottom: #0099FF 1px dashed; color:#333333; text-align:left; padding-bottom:1%; margin:4% 0 0 0} #services .right p{font-size: small} #guardian_feedback h2{color:#06F; text-align:left; float:left; margin:1%} #guardian_feedback p{font-size:small; color:#393939; width:98%; float:left; margin:0 1%; line-height:160%; text-align:justify} #guardian_feedback span{color:#06F; text-align:right; width: auto; float: right; font-size:small; border-bottom: #CCC 1px solid; padding:1% 2% 2% 1%} #about .left{width:98%; height:auto; float:left; border:#CCCCCC 1px solid; margin:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);} #about .left a{margin:0 1.5%; border-bottom:#CCCCCC 1px dashed; width:90%; float:left; padding:3% 1% 3% 6%; font-size:14px; color: #333333; text-decoration:none; background: url(images/icon2.png) left top no-repeat; transition:0.5s} #about .left a:hover{color:#ba8f01; background: url(images/icon2.png) #e4fbfe left top no-repeat} #about .left a:last-child{border:none} #about .left .a{width:96%; float:left; border:none; margin:0; padding:2%; font-weight:bold; font-size: medium; color:#FFFFFF; text-decoration:none; background: #333333} #about .left .a:hover{color: #FFFFFF; background: #333333} #about .right{width:96%; height:auto; float:left; margin:3% 2%} #about .right h2{width:99%; height:auto; border-bottom: #ba8f01 1px dashed; color:#333333; text-align:left; padding-bottom:1%; margin:0} #about .right p{text-align:justify; font-size: small; line-height:160%; color:#393939} #about .right span{color:#06F; text-align:right; width: 98%; float: right; font-size:small; padding:1% 1% 0.3% 1%} #about .right span b{color:#06F; text-align:right; width: auto; float: right; font-size:small; font-weight:normal; border-bottom: #CCC 1px solid; padding:0.5% 0% 0.3% 1%} #about .con{width:97%; height:auto; float:left; margin:3% 1%; padding:0.5% 0.5% 4% 0.5%; color: #09F; text-align:center; font-size:small; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);} #about .con img{width:100%; height: auto; float:left; background:#666666; margin-bottom:3%} #banner h1{float:left; color:#e4d39b; font-weight:normal; width:100%; text-align:center} #banner a{float: right; margin:2% 0.5%; color:#fcd452; font-size:small; width:100%; text-align:center; width:48%; transition:0.5s} #banner span{float: right; margin:2% 0.5%; color:#CCCCCC; font-size:small; width:1%} }