@charset "utf-8"; 

/* CSS Document */

/*=======================     Default Rules Reset     =======================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0; }table{border-spacing:0}fieldset,img{border:0}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%}q:before,q:after{content:''}abbr,acronym{border:0; font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-size:12px}legend{color:#000}:focus { outline:0}



*{margin:0; padding:0}

body {margin:0; padding:0; font:normal 15px/1.5em 'PT Sans', sans-serif; color:#444; background:#fff url(../images/bg_.jpg) no-repeat center top}

img {border:none; outline:none}

a img {border:none; outline:none}

a{border:none; text-decoration:none; outline:none}



p{margin:0px; padding:0px; text-align:justify}

.fl{float:left}

.fr{float:right}

.clear{clear:both}

p a{color:#17508b}

p a:hover{color:#222}



.border{border:1px dotted #fff; height:1px}

.mboth{margin:0 35px}

.mr{margin-right:26px}

.mt{margin-top:10px}

.mb{margin-bottom:10px}



 /*======wrapper start============== */

#wrapper{width:1010px; margin:0 auto;}



/*======header start============== */

.header{position:relative; height:121px; background:#0065b1; margin-top:50px}

.logo{width:272px; height:120px; position:absolute; top:-31px; left:-19px}



#clock{position:absolute; right:0; top:-40px; height:25px; line-height:34px; color:#222; font:normal 12px/34px Arial, Helvetica, sans-serif}



.toll{position:absolute; right:10px; top:24px; line-height:20px}

.toll p{color:#fff; font-size:15px; text-align:right;}

.toll p img{float:none; margin:0}

.toll p span{ color:#fff}

.toll h4{ color:#fff; font:normal 14px 'PT Sans', sans-serif; text-align:right; background:none; padding:0}



.toll1{position:absolute; right:210px; top:24px; line-height:20px}

.toll1 p{color:#fff; font-size:15px; text-align:right;}

.toll1 p img{float:none; margin:0}

.toll1 p span{ color:#fff}

.toll1 h4{ color:#fff; font:normal 14px 'PT Sans', sans-serif; text-align:right; background:none; padding:0; text-transform:lowercase}



.container .more{float:right}

.container .more a{background:#00396e; padding:3px 10px; color:#fff; float:right; font:bold 11px/1.5em Arial, Helvetica, sans-serif; text-transform:uppercase; border-radius:3px}

.container .more a:hover{background:#000;}

  

/*======container panel start============== */

.container{margin:0 auto; /*- width:980px; -*/ background:#fff; padding:0 15px}

.container h2{border-radius:10px; background:#f7f7f7; -webkit-border-radius:10px; -moz-border-radius:10px; font:normal 30px/1.2em 'HelveticaCondensedBold'; color:#002f63; text-align:center; text-transform:uppercase; padding:20px 0}

.container h2 .blue{color:#fa9016; font:normal 24px/1em 'HelveticaCondensedBold';}

.container h2 span{font-size:17px; color:#1f1f1f}

.container h3{font:normal 24px/1.5em 'HelveticaCondensedBold'; text-transform:uppercase; color:#fa9016; margin-bottom:15px}



.box{width:309px; float:left; margin-bottom:30px}

.box .img{width:70px; height:61px; float:left}

.box h2{font:normal 18px/3.5em 'HelveticaCondensedBold'; text-transform:uppercase; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ddd; float:left; width:310px; color:#002f63; text-align:left; background:none; border-radius:0 !important}



.left{width:70%; float:left;padding:0px 10px}

.left h4{padding-bottom:5px}



/*======carousel start============== */

#main-carousel{width:100%; height:auto; position:relative; background:url(../images/crousal-bg.jpg) repeat-x; float:left; margin:15px 0}

#carousel_container-internal{width:100%; background:url(../images/crousal-bg1.png) repeat-x; float:left}

#carousel_inner {float:left;width:90%; overflow: hidden}

#carousel {width:90%}

#carousel_ul {position:relative;left:0px; list-style-type: none; width:9999px; padding-bottom:10px;}

#carousel_ul li{float:left; width:190px; margin:10px 20px 10px 4px; background:none; padding:0}

#carousel_ul li .img-box{float:left; width:190px; height:80px; margin:0px 0px 10px 0px; box-shadow:0px 3px 3px #a3a3a3;}

#carousel_ul li img {cursor:pointer;cursor: hand; border:0px;}

#carousel_ul li h3{font:normal 18px/1.5em Georgia, "Times New Roman", Times, serif; color:#45494a; text-shadow:1px 1px #fff; float:left; width:207px; height:44px; line-height:44px}

#carousel_ul li h6{font:normal 12px/1.5em Georgia, "Times New Roman", Times, serif; color:#61615d; text-shadow:1px 1px #fff; float:left; width:207px}

#left_scroll, #right_scroll{float:left; height:29px; width:24px;}

#left_scroll img, #right_scroll img{border:0;cursor: pointer;cursor: hand;}

#left_scroll{margin:42px 0 0 11px}

#right_scroll{margin:42px 0px 0 9px}



.bg{background:url(../images/bg1.jpg) no-repeat; padding:34px 0}

p img{float:left; margin:0 20px 5px 0}



.right{width:24%; float:right; margin:20px 0; background:#f2f2f2; padding:1%}

.right h4{ padding:5px 10px; color:#FFF; text-shadow:none; text-transform:uppercase; font-size:16px; margin-bottom:5px; background:#01396a; font:normal 18px/1.7em 'HelveticaCondensed';}

.frontform{}

.frontform placeholder{color:#c4c4c4;}

.frontform input[type="text"]{background:#fff;border: 1px solid #e6e6e6;color: #333333;float: left;font:normal 12px/1.5em Arial, Helvetica, sans-serif;height: 24px;margin: 5px 8px 5px 0;padding: 4px;width:96%;}

.frontform select{background:#fff;border: 1px solid #e6e6e6;color: #989898;float: left;font:normal 12px/1.5em Arial, Helvetica, sans-serif;height: 31px;margin: 5px 8px 5px 0;padding: 4px;width:99.5%;}

.frontform textarea{background:#fff;border: 1px solid #e6e6e6;color: #333333;float: left;font:normal 12px/1.5em Arial, Helvetica, sans-serif;height:96px;margin: 5px 8px 5px 0;padding: 4px;width:96%;}

.frontform input[type="submit"]{background:#313131;color:#FFF;font: 16px "PT Sans",sans-serif;border:none;padding:3px 5px;margin-top:5px;float:right; cursor:pointer}

.frontform input[type="submit"]:hover{background:#0065b1;}





/*======footer start============== */

.footer-container{background:url("../images/building.png") repeat-x scroll center top rgba(0, 0, 0, 0); float:left; height:53px; width:100%}

.footer-sub{background:#0065b1; margin-top:52px; width:100%}

.footer{width:1000px; margin:0 auto;}



.footer .footer-box{margin:15px 19px 23px 0; float:left; width:28%;}

.footer .footer-box p{font:normal 12px/1.5em Arial, Helvetica, sans-serif; color:#fff}

.footer .footer-box h5{font:normal 17px/1.8em 'HelveticaCondensed'; color:#fff}



.footer .social{width:15%; float:right; margin-top:20px}

.footer .social p{margin:10px 0}

.footer .social p img{float:left; margin:0 15px 15px 0;}

.footer .social li{font:normal 12px/1.7em Arial, Helvetica, sans-serif; color:#222}

.footer .social li a{color:#222}



.footer .box {margin:20px 19px 20px 0; width:23%; float:left}

.footer .box h5{font:normal 17px/1.8em 'HelveticaCondensed'; color:#fff}

.footer .box ul {list-style:none;}

.footer .box ul li {background:url("../images/arrow.png") no-repeat scroll 8px 8px rgba(0, 0, 0, 0); padding-left:17px; margin-left:6px}

.footer .box ul li a {color: #fff;}

.footer .box ul li a:hover {color: #004082;}



.footer p{font:normal 12px/1.5em Arial, Helvetica, sans-serif; color:#fff} 

.footer p a{color:#fff}

.footer p a:hover{border-bottom:1px dotted #004082}



/***********************************************************************/

.reg-form, .addprform{width:80%; margin: 0 auto;}

.reg-form li{display:inline-block; margin:0 17px; padding:10px; position:relative;}

.addprform li {display:inline-block;  padding:3px 10px; margin-top:20px; position:relative;}

.addprform li label{width:130px; display:inline-block; text-align:left;}

.reg-form li label {width:70px; display:inline-block; text-align:left;}

.addprform .inputtext{padding: 5px; text-align:left; width:230px;}

.inputtext{padding: 5px; text-align:left; width:250px;} 

.submit, a.addproperty{ background: none repeat scroll 0 0 #18528D; border:medium none; color:#FFFFFF; font-size:14px; padding:7px 10px;}

select.inputtext{width:242px !important;}

.submit {margin-right:70px;}

.user-err, .email-err{color:#FF0000; position:absolute; left:87px; top:36px;}

.success{background:#FFF; color:#008000; font-size:16px; text-align:center;}

.ssubmit{text-align:right; width:100%; display:block;}

.span6.searchpage{border:1px solid #18528D; margin:10px; padding:10px;}

.search-ul > li{display:inline-block; padding:10px 5px;}

.search-ul label{width:100px; display:inline-block;}

.search-ul > li input{width:190px; padding:6px;}

.search-ul > li select{width:204px; padding:6px;}

.search-ul > li.ssubmit{text-align:right;}

.search-ul > li .submit{width:auto!important; margin-right:20px;}

#map_project > div{margin:0 auto; border:1px solid #18528D;}

.list-right > h3{background:none repeat scroll 0 0 rgba(0, 0, 0, 0); color:#DC030D; padding:0 10px;}

.list-right > p{padding:0 10px;}

.list-right{display:inline-block; margin-top:10px;}

.span4 .number{background:none repeat scroll 0 0 #DC030D; border-radius:50%; color:#FFF; float:left; display:inline-block; margin-top:20px; padding: 5px 10px;}

#locationSelect > li{display:inline-block;}

.span4{width:33%; display:inline-block; padding:10px 1px;}

.loading{position:absolute; text-align:center; top:50%; left:50%; margin-top:-16px; margin-left:-16px;}

.reg-feature{position:relative;}





.search_property{padding:20px;   color:#fff; text-shadow:1px 1px #061e45; background:#082a60 url(../images/search_bg.png) repeat-x; margin:20px 0; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;}

.search_property h6{font:normal 20px/1.8em 'HelveticaCondensed'; padding-bottom:10px;}

.search_property input[type=text]{width:200px; padding:5px; border:none; background:#f9f9f9;  -moz-border-radius:5px;  border-radius:5px; font-weight:bold; color:#666;}

.search_property select{width:200px; padding:5px; border:none; background:#f9f9f9; color:#666;  -moz-border-radius:5px;  border-radius:5px; font-weight:bold;}

.search_property input[type=submit]{width:118px; height:32px; background:url(../images/search1.png) no-repeat; border:none; margin:10px 0 0 0;  text-indent:-100000000px;}





.vlightbox1 img {width:190px;}

.projects table, tr, th, td{padding:5px;font-size:13px}

.sample h4{padding-top:20px;padding-bottom:5px}





.enquiry_form placeholder{color:#c4c4c4;}

.enquiry_form input[type="text"]{background:#fff;border: 1px solid #e6e6e6;color: #333333;float: left;font:normal 12px/1.5em Arial, Helvetica, sans-serif;height: 24px;margin: 5px 8px 5px 0;padding: 4px;width:350px;}



.enquiry_form textarea{background:#fff;border: 1px solid #e6e6e6;color: #333333;float: left;font:normal 12px/1.5em Arial, Helvetica, sans-serif;height:96px;margin: 5px 8px 5px 0;padding: 4px;width:350px;}

.enquiry_form input[type="submit"]{background:#313131;color:#FFF;font: 16px "PT Sans",sans-serif;border:none;padding:3px 25px;margin-top:5px; cursor:pointer}

.enquiry_form input[type="submit"]:hover{background:#0065b1;}

.enquiry_form label {font-size:16px;padding-right:100px}





/*------- here is my css -------*/

.box001 {
	width: 48%;
	text-align: center;
}
.box001 a{
	color: #fff;
}

.box001 img{
	width: 100%;
}
.row {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.project01 img {
	width: 32%;
}
.box001 h5 {
    background-color: #01396a;
    height: 50px;
}
.mbb {
	margin-bottom: 10px;
}