/* 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}
.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}
#main-inner2{width:70%; height:auto; margin:0 auto; overflow:auto}

header .logo{width:20%; height:auto; float:left; margin-top:1%;}

#upper_form{width:100%; height:auto; float:left; margin-bottom:1%}
#upper_form #searchloc {width:35%; 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:#006bb5; 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/arrow.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:#006bb5; 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%; height:auto; float:left; text-align:center; padding:9% 2% 2% 2%; color:#FFFFFF; font-size:xx-large; background:url(images/pg.png) #007ed5 center top no-repeat; background-size: 100px auto; transition:0.3s}
#number .con:hover{background:url(images/pg.png) #007ed5 center top no-repeat; background-size: 100px auto; color:#f9bd33}
#number .con1{width:29%; height:auto; float:left; text-align:center; padding:9% 2% 2% 2%; color:#FFFFFF; font-size:xx-large; background:url(images/apartment.png) #0187e4 center top no-repeat; background-size: 100px auto; transition:0.3s}
#number .con1:hover{background:url(images/apartment.png) #0187e4 center top no-repeat; background-size: 100px auto; color:#f9bd33}
#number .con2{width:29%; height:auto; float:left; text-align:center; padding:9% 2% 2% 2%; color:#FFFFFF; font-size:xx-large; background:url(images/hostel.png) #018ff2 center top no-repeat; background-size: 100px auto; transition:0.3s}
#number .con2:hover{background:url(images/hostel.png) #018ff2 center top no-repeat; background-size: 100px auto; color:#f9bd33}
#number .con3{width:29%; height:auto; float:left; text-align:center; padding:9% 2% 2% 2%; color:#FFFFFF; font-size:xx-large; background:url(images/rent.png) #0699ff center top no-repeat; background-size: 100px auto; transition:0.3s}
#number .con3:hover{background:url(images/rent.png) #0699ff center top no-repeat; background-size: 100px auto; color:#f9bd33}
#number p{color: #333333; font-size:x-large; border-top:#028964 1px solid; width:60%; margin:2% 20%; padding-top:4%}


#projects{overflow:hidden; padding-bottom: 3%}
#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:9px; padding-bottom:0.5%;}
#projects .left .con{width:30%; height: auto; float:left; background:#0699ff; margin:2% 1.6%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); color:#FFFFFF; transition:0.3s}
#projects .left .con:hover{background:#048dec; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); color: #fed700}
#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% 2% 10%; margin:0 2%; list-style:none; font-size:small; color:#fcf5d2}
#projects .left .con .lowe{width: 100%; height: 100px; float: left; margin: 0; background: #fff}
#projects .left .con .lowe h3{font-weight:normal; width:98%; height: auto; float:left; background:#FFFFFF; color:#0699ff; padding:3% 1%; margin:0; text-align:center; transition:0.3s}
#projects .left .con .lowe h3:hover{color:#3E3E3E}
#projects .left .con .lowe 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 .lowe p:hover{background:#FFFFFF; color: #333333}
#projects .left .con .price{font-family: 'Rupee Foradian'; color: #028fcf; font-size:small;}


#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:12px; 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:#74c4fb; 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 .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:31%; height:auto; float:left; margin:1%;}
footer .con h3{font-weight:normal; color: #CCCCCC; border-bottom:#333333 1px solid; padding:2%}
footer .con .con1{width:100%; height:auto; float:left; margin:4% 0; border-bottom: #333333 1px solid; padding-bottom:1%}
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:1% 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:#333333; 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:#02d0bf}

#projects .prop{width:74%; height:auto; float:left; margin:5.5% 1% 0 0;}
#projects .prop .con{width:97%; height:auto; float:left; background:#f1f0f0; padding:1%; margin:1.5% 0.5%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);}
#projects .prop .con h3{width:98%; float:left; padding:1%; background:#FFFFFF; margin:0 0 1% 0; color:#006bb5; 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 .datail{padding:1% 2%; background:#333333; 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:#006bb5}

#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:#333333; color:#FFFFFF; margin:1%; padding:1% 2%; transition:0.5s}
#projects .pro_details .enquire:hover{background:#0552C6}

#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:#03c3b3; 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:#018f83}
#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 .prop_details{width:74%; height:auto; float:left; margin:1% 1% 0 0;}
#projects .prop_details .con{width:100%; height:auto; float:left;}
#projects .prop_details .con .head{width:97%; height:auto; float:left; background:#fcfcfc; padding:1%; margin:1% 0.5%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07);}
#projects .prop_details .con h3{width:98%; float:left; padding:1%; background:#FFFFFF; margin:0; color:#ABABAB; font-weight:normal; font-size:x-large; border: none}
#projects .prop_details .con .now{background:#333333; color:#FFFFFF; padding:1% 2%; margin-top: 1%; float: left; transition:0.5s}
#projects .prop_details .con .now:hover{background:#006bb5}
#projects .prop_details .description{width:97%; height:auto; float:left; background:#fcfcfc; padding:1%; margin:1% 0.5%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07); color: #333333}
#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 .description .add{width:98%; height: auto; float: left; margin: 0 1%; border-bottom: #0093fa 1px dashed; padding: 0 0 2% 0}
#projects .prop_details .description .add span{width: 95%; height: auto; float: left; margin: 0.8% 0; font-size: small; color:#313030; background: url(images/icon3.png) left center no-repeat; background-size: 30px 30px; padding: 1% 0 1% 5%;}
#projects .prop_details .description .des-low{width:98%; height: auto; float: left; margin: 0 1%; padding: 2% 0 1% 0;}
#projects .prop_details .description .des-low span{width:40%; height: auto; float: left; margin: 0.8% 0; padding: 1% 0 1% 5%; font-size: small; color:#262525; background: url(images/icon4.png) left center no-repeat; background-size: 30px 30px}
#projects .prop_details .description .des-low span strong{color: black}
#projects .prop_details .description .des-low .two{background:url(images/icon5.png) left center no-repeat; background-size: 30px 30px}
#projects .prop_details .description .des-low .three{background:url(images/icon6.png) left center no-repeat; background-size: 30px 30px}
#projects .prop_details .description .des-low .four{background:url(images/icon7.png) left center no-repeat; background-size: 30px 30px}
#projects .prop_details .description .des-low .five{background:url(images/icon8.png) left center no-repeat; background-size: 30px 30px}
#projects .prop_details .description .des-low .six{background:url(images/icon9.png) left center no-repeat; background-size: 30px 30px}
#projects .prop_details .description .des-low span .two{background:url(images/icon4.png) left center no-repeat;}
#projects .prop_details .description .des-low span .two{background:url(images/icon4.png) left center no-repeat;}
#projects .prop_details .description .des-low span .two{background:url(images/icon4.png) left center no-repeat;}
#projects .prop_details .description .des-low span .two{background:url(images/icon4.png) left center no-repeat;}
#projects .prop_details .description .des-low span .two{background:url(images/icon4.png) left center no-repeat;}
#projects .prop_details .description .restriction{width:95.5%; height: auto; float: left; margin: 1% 1% 2% 1%; padding: 1%; background: #faf0f0; border: #D9C2C3 1px solid; border-radius: 5px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.20); color:#313030; font-size: small; line-height: 155%; }
#projects .prop_details .description .restriction strong{color: #b04848; font-size: medium}

#projects .prop_details .description .ann{width:95.5%; height: auto; float: left; margin: 1% 1% 2% 1%; padding: 1%; background: #f4f4f4; border: #D9C2C3 1px solid; border-radius: 5px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.20); color:#313030; font-size: small; line-height: 155%; }

#projects .prop_details .description .ann strong{color: #b04848; font-size: medium}

#projects .prop_details .top{width:98%; height:auto; float:left; margin:0 1%;}
#projects .prop_details .h4{width:99%; height:auto; float:left; text-align:left; padding:0.5%; margin:0 0 0.5% 0; color:#292828; font-size: large;}
#projects .prop_details .b{width:15%; height:auto; float:left; margin:0 64.5% 1% 0.5%; border-bottom:#d8232a 2px solid}

#projects .prop_details .description #enquire{width:100%; height:auto; float:left; margin:2% 0; background:#faf9f9}
#projects .prop_details .description #enquire p{width:40%; height:auto; float:left; margin:2% 5%; color:#333333; font-size:14px}
#projects .prop_details .description #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}
#projects .prop_details .description #enquire .box:hover{border:#0099FF 1px solid}
#projects .prop_details .description #enquire .box:focus{border:#0099FF 1px solid}
#projects .prop_details .description #enquire .left{margin-left:5%}
#projects .prop_details .description #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}
#projects .prop_details .description #enquire .box1:hover{border:#0099FF 1px solid}
#projects .prop_details .description #enquire .box1:focus{border:#0099FF 1px solid}
#projects .prop_details .description #enquire .submit{background:#0297e4; color:#FFFFFF; float:right; margin:1% 5% 3% 5%; border:none; padding:1% 2%; font-family: 'Roboto', sans-serif; cursor:pointer; border-radius:  5px; transition:0.5s}
#projects .prop_details .description #enquire .submit:hover{background:#2D2C2C}

#contact{width:100%; height:auto; float:left; margin:2% 0%}
#contact .left{width:50%; height:auto; float:left; border:#eae7e7 1px solid; background: #ececec; margin:1% 24%; padding:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09); border-radius:2px}
#contact .left h3{color:#006bb5; margin: 0}
#contact .left p{color:#333333; 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 .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:#333333; 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:#0099FF}
#enquire .left{margin:0 1% -1% 6%}

#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}



}