@import 'resetcommon.css';
@import 'gs1140.css';
@import 'lists.css';
@import 'quicklinks.css';
@import 'flexibleNav.css';
@import 'organictab.css';
@import 'collapsiblemenu.css';

@import 'token-input.css';
@import 'token-input-facebook.css';
@import 'flexslider.css';

::-webkit-input-placeholder { /* WebKit browsers */
   color: #818181;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #818181;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #818181;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #818181;
}

.status-banner{ position:relative; }
.status-banner img{ 
	position: absolute;
	right: -23px;
	top: -57px;
	z-index: 99;
 }

.scrollup {
	width: 45px;
	display:none;
	height: 45px;
	opacity: 1;
	position: fixed;
	bottom: 50px;
	right: 0px;
	opacity:0.5;
	text-indent: -9999px;
	background: url(../images/go-top.jpg) no-repeat;
}
.secAbout{background:#fff; border-bottom:1px solid #ebebeb; padding:15px 0 30px 0;}
.secAbout h2{color:#463322; margin:0 0 16px 0; font-family:'dinlight';}
.sec_heading h1{color:#463322; margin:0 0 16px 0; font-family:'dinlight';}
.article{padding:0 15px 0 0;}
.article header h2{}
.article section p{padding:0 0 15px 0; text-align:justify;}
.rightRow{width:270px; margin:0 0 30px 0; float:right;}

.secContent{padding:30px 0 30px 0;}
.secContent .c12{padding:0 15px 0 0;}
.secContent .c4{padding:0 0 0 15px;}
.newsletter{min-height:160px; border:1px solid #d3c4b2; background:#ffffff url(//www.dubaimarinaresidence.com/images/emailbg.png) no-repeat center bottom; background-size:100% 60%; padding:0 0 20px 0;}
.newsletter .content{padding:10px;}
.newsletter .content .det{text-align:center; padding:0 0 20px 0;}
.newsletter .content .form{width:90%; margin:0 auto;}
.newsletter .content .form .newsText{width:70%; border:1px solid #ededed; font-size:12px; color:#b2b2b2; padding:7px;}
.newsletter .content .form .newsSbmt{width:28%; border:1px solid #ededed; background:#00c0e3; color:#ffffff; padding:4px; cursor:pointer;}

/* Start Main Footer */

.secFooter{background:#463322 url(//www.dubaimarinaresidence.com/images/bgFooter.jpg) repeat-x center top; min-height:65px; margin:40px 0 0 0; padding: 110px 0 40px 0; font-size:12px; color:#a28a6e;}
.footLinks{padding:0 0 7px 0;}
.footLinks .link li{float:left; list-style:disc outside; margin:0 20px 0 0; color:#a28a6e;}
.footLinks .link li:first-child{list-style:none;}
.footLinks .link li a{
	color:#a28a6e;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
}
.footLinks .link li a:hover{color:#d3c4b2; text-decoration:underline;}
.socialFooter ul{display:table; float:right;}
.socialFooter ul li{float:left; margin:0 1px 0 0; text-align:center;}
.socialFooter ul li a{
	display:block;
	width:29px;
	height:29px;
	background:#38291b;
	padding:6px 0 0 0;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
}
.socialFooter ul li a:hover{background:#2e1701;}

/* Start Main Breadcrumbs */
.breadCrums{width:100%; padding:13px 12px; background:#FFF; border:1px solid #f0f0f0;}
.breadCrums ul li{float:left;}
.breadCrums ul li.home{font-family:'fontawesome';}
.breadCrums ul li.sep{font-family:'fontawesome'; margin:0 15px;}
.breadCrums ul li a{color:#a6a6a6;}
.breadCrums ul li a:hover{color:#907253;}
.breadCrums ul li:last-child a{color:#907253;}
.breadCrums ul li:last-child a:hover{text-decoration:underline;}

/* Property Filter */

.paginator { border: 1px solid #f0f0f0; padding: 10px; background: #ffffff; margin: 0 0 30px 0; text-align:center;}
.paginator .page-anc, .page-working, .page-na{display: inline-block; color: #FFF; padding: 10px 15px; margin: 0 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: auto; border-radius: 3px 3px; font-size: 13px; background: #F7D283;}
.paginator .page-na{ background: #AD9880; opacity: 0.5; cursor: default; }
.paginator .page-anc:hover{ background: #463322; color: #FFF; cursor: pointer; }
.paginator .page-working{ background: #463322; color: #FFF; cursor: pointer; }
.paginator .page-na:hover{ background: #463322; color: #FFF; cursor: pointer; }
.paginator .page-imp, .page-imp{ background: #6F5C48; color: #fff; }

/*project slider*/
.proj-detail{ display: block; color: #898989;}

/* Effect 10: reveal, push out */
nav.cl-effect-10 a {
	position: relative;
	display: inline-block;
	margin: 15px 10px;
	outline: none;
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 13px;
}

.cl-effect-10  {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.cl-effect-10 a {
	overflow: hidden;
	margin: 0 15px;
}

.cl-effect-10 a span {
	display: block;
	padding: 7px 14px;
	background: #463322;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cl-effect-10 a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #463322;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
}

.cl-effect-10 a:hover span,
.cl-effect-10 a:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

.cl-effect-10 a:hover::before,
.cl-effect-10 a:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}

.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}
.para{ font-size:16px; margin:10px 0; }
/* General Classes */
.notfound.latestProject .nbs-flexisel-item{ margin: 0px 0px 0 0; }
.notfound .thumbsCover {
	width:100%;
	float: left;
	padding: 0 10px;
}
.notfound .thumbDetCov { width:100% !important; }
.notfound .icoBox ul li .number { margin: 2px 5px 0 0; }

.type-banner{
	position:relative;
}
.type-banner img{
	position:absolute;
	top: -44px;
left: 0px;
	width:auto;
}

.privacy{ display:block; }
.privacy h1{ display:block; }
.privacy h2{margin: 20px 0;display: block;font-size: 22px;color: #031e2f;}
.privacy h3{margin: 10px 0 !important;display: block;font-size: 20px;color: #031e2f;}
.privacy p{display:block;font-size: 14px;}
.privacy ul{display:block;}
.privacy ul li{display: block;line-height: 19px;font-size: 15px;padding-left: 4em;text-indent: -2em;}
.privacy ul li:before {
content: url(//www.dubaimarinaresidence.com/images/bullet.png);
position: relative;
top: -2px;
margin: 0 5px 0 0;
}

.copyright{ display:block; }
.copyright img{ display:inline-block; }
.copyright p{ display: inline-block;
width: 84%;
padding: 0 0 0 10px;
height: 60px;
vertical-align: top;
font-size: 13px; }
.center-align{ text-align:center; }
.pad-10{padding: 10px !important;}
.notice{ display:block; text-align:center; font-size: 16px; margin-bottom: 16px;}
.default-margin{margin: 0 4% 0 0;}
.notice strong{ font-weight:bold; }
.auto-height{ height:auto !important; }
.default-text-color{ color: #666666; }
.width-28{ width:28% !important; }
.right-float{float: right !important;}
.left-float{float: left !important;}
.zero-pad{ padding:0 !important;}
.zero-margin{ margin:0 !important; }
.full-width{ width:100% !important; }
.ta-height{ min-height: 90px !important; }
.proplinks{ text-align: center; display: block; padding: 0 19px 20px 19px; }
.proplinks a{ display: inline-block; padding: 10px 20px; margin: 0 5px; }
.proplinks2{ text-align: center; display: block;}
.proplinks2 a{ display: inline-block; padding: 7px 7px; margin: 0; }
.DB_content{ display:block; }
.DB_content strong{ font-weight:bolder; }
.DB_content ul{ display:block; list-style:none; margin: 0 0 13px 0;; }
.DB_content ul li{ display:block; text-indent: 20px; margin:5px 0; }
.DB_content ul li:before{ content:url(//www.dubaimarinaresidence.com/images/bullet.png); position: relative; top: -2px; margin: 0 5px 0 0; }
.ui-state-error{ box-shadow: 0px 1px 1px #F00 !important; -webkit-box-shadow: 0px 1px 1px #F00 !important; -moz-box-shadow: 0px 1px 1px #F00 !important; -ms-box-shadow: 0px 1px 1px #F00 !important; }
.error-label{ display: none; background: #FF0000; color: #FFFFFF; position: relative; top: -12px; margin: 0 5px; padding: 3px; text-align: right;}
.captcha-reload{width: 17%;
height: 40px;
border: 1px solid #000;
padding: 7px;
border: 1px solid #C5C5C5;
margin: 0 0 12px 0;
color: #d9d9d9;
box-shadow: 0px 1px 1px #C5C5C5;
-webkit-box-shadow: 0px 1px 1px #C5C5C5;
-moz-box-shadow: 0px 1px 1px #C5C5C5;
-ms-box-shadow: 0px 1px 1px #C5C5C5;}
.captcha-link{ padding:0 !important; margin:0 !important; border:none !important; }
.captcha-image{text-align: center;

width: 81%;
vertical-align: top;
display: inline-block;
height: 40px;
border: 1px solid #000;
border: 1px solid #C5C5C5;
margin: 0 0 12px 0;
color: #d9d9d9;
box-shadow: 0px 1px 1px #C5C5C5;
-webkit-box-shadow: 0px 1px 1px #C5C5C5;
-moz-box-shadow: 0px 1px 1px #C5C5C5;
-ms-box-shadow: 0px 1px 1px #C5C5C5;}
.captcha-image img{ height: 37px; width: 174px; }

/*simillar properties*/
.simillar-prop{ display: block; padding: 10px 0; border-bottom: 1px solid #E9E9E9; }
.simillar-prop:last-child{ border:none; }
.simpr-image{ display: inline-block; width: 40%; margin: 0 3% 0 0; }
.simpr-image img{ display: block; width:100%; }
.simpr-data{ display: inline-block; vertical-align: top;}
.simpr-price{ display:block;}
.simpr-price span{ font-size: 17px; color: #907253; }
.simpr-any{ display:block;}
.simpr-any span{ font-size:14px; }
.simpr-location{ display:block;}
.simpr-location span{ font-size:14px; }

/*submit success*/
.submit-success{
	width: 100%;
	display: none;
	padding: 10px;
	border: 1px solid #70DB79;
	color: #FFFFFF;
	background: #70DB79;
	box-shadow: 0px 1px 1px #C5C5C5;
	-webkit-box-shadow: 0px 1px 1px #C5C5C5;
	-moz-box-shadow: 0px 1px 1px #C5C5C5;
	-ms-box-shadow: 0px 1px 1px #C5C5C5;
	}

/*gender div*/
.gender-div{ 
	display: block;
height: 40px;
box-shadow: 0 1px 1px #C5C5C5;
border: 1px solid #C5C5C5;
padding: 5px 7px;
padding-top: 9px;
margin: 0 0 12px 0; 
}

/*all buttons*/
input[type="button"][class="button"] {
width: 40% !important;
float: right !important;
padding: 8px !important;
background: #463322 !important;
color: #ffffff !important;
}

/*projects slider*/
.projectsbox{ display:block; margin: 30px 0 0 5px;}
.projectsbox .nbs-flexisel-item {
	max-width: 270px;
	float: left;
	margin: 0 30px 0 0;
}
.projectsbox .nbs-flexisel-nav-left{left: 12px;}
.projectsbox .nbs-flexisel-nav-right{right:1px;}
.projectsbox .icoBox ul li.nbs-flexisel-item {
margin-right: 0px;
}

/**/
.site-map{ display:block; }
.site-map h2{ font-size: 25px; }
.site-map ul{  }
.site-map ul li{  }
.site-map ul li a{ color: #7E7E7E; font-size: 16px; }


/* Image Gallery */
.image-gallery{ display:block;}
.image-gallery a{ padding:0 !important; opacity:0.7; }
.image-gallery a:hover{ opacity:1; }
.image-gallery img{ width:100%; }
.image-gallery .image-preview{ display: inline-block;	width: 75%; padding: 0; margin: 0; }
.image-gallery .image-preview img{ height: 396px; }
.image-gallery .image-preview .image-bin{ margin:5px; padding:5px; background:#fff; }
.image-gallery .image-thumbs{ display: inline-block; width: 24%; padding: 0; margin: 0; height:410px; overflow:hidden;}
.image-gallery .image-thumbs img{ height:103px; }
.image-gallery .image-thumbs ul{ display:block; list-style:none; }
.image-gallery .image-thumbs ul li{ display:block; margin:5px; padding:5px; background:#fff; }

/*select element*/
.override-select{height: 40px;
box-shadow: 0 1px 1px #C5C5C5;
border: 1px solid #C5C5C5;
padding: 5px 7px;
padding-top: 9px;
margin: 0 0 12px 0;}
.override-select .slct{ width: 100%; color: #aaa; background: transparent; border: none;}
.override-select label{display: block; width: 100%; height: 30px; position: relative;}
.override-select label:after {
display: block;
width: 30px;
content: "";
font-family: 'fontawesome';
background: #ffffff;
position: relative;
top: -25px;
right: -7px;
float: right;
text-align: center;
color: #737373;
padding: 8px 0 6px 0;
}

/*Proerty managemant table*/
.black_table{ padding:20px; }
.g_table{
	display:block; 
	width:100%;
	text-align:center;
	}
.g_table .prop_left{
	text-align:left;
}
.g_table tr td{ border-right:1px solid #F6D183;}
.g_table tr td:last-child{ border-right:0;}
.g_table thead{ color:#fff; background: #6F5C48;}
.g_table thead th{ padding:20px 10px; border-bottom: 4px solid #F6D183; font-size: 17px; }
.g_table tbody td{ padding:10px 10px; font-size:14px; color:#234664;}
.g_table tbody tr:nth-child(even){ background:#EBEBEB;}
.g_table tbody tr:nth-child(odd){ background: #FAF8F5;}
.d_table_l_grey{ background:#fff9f2;}
.d_table_d_grey{ background:#e5e5e5;}

/*Right Quick Links*/
.right-quick-links{ display:block; }
.right-quick-links li{ 
	display:block; 	
	font-size: 14px;
	text-indent: 15px;
	position: relative;list-style: none;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
}

.right-quick-links li a{ 
	background:#F7F7F7;
	color: #696969;
	cursor: pointer;
	display: block;
	padding: 10px 20px;
	border: none;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
}
.right-quick-links li a:hover{ 
	background:#AD9880;
	color:#fff;
}
.right-quick-links li:before {
width: 10px;
height: 10px;
display: block;
position: absolute;
content: url(//www.dubaimarinaresidence.com/images/external_link.png);
color: #7d614b;
top: 12px;
left: -4px;
font-size: 13px;
}

/*custom file input*/
.override-file{height: 40px;
box-shadow: 0 1px 1px #C5C5C5;
border: 1px solid #C5C5C5;
padding: 5px 7px;
padding-top: 9px;
margin: 0 0 12px 0;
}
.override-file label {
display: block;
width: 100%;
height: 30px;
position: relative;
}

/*.override-file label:after {
display: block;
width: 50%;
content: "UPLOAD FILE";
color: #fff;
background: #fff;
position: relative;
top: -30px;
right: -188px;
text-align: center;
color: #737373;
padding:6px 3px;
margin:7px 0;
}*/

.override-file .custom-file-input {
width: 50%;
color: #aaa;
background: transparent;
border: none;
float: right;
}

.custom-file-input {
width: 100%;
color: #696969;
background: transparent;
border: none;
}


.features-checkboxes{ display:block; margin: 0 0 12px 0;}
.features-checkboxes span{ display:inline-block; }
.features-checkboxes span input[type="checkbox"]{ display:inline-block; margin: 10px;}
.features-checkboxes span label{ display:inline-block; }


.propertyFilter{}
.listOnPage{border-top:1px solid #463322; background:#f5f5f5; padding:15px 20px; color:#666666;}
.listOnPage-usa {border-bottom: 1px solid #463322; background: #f5f5f5; padding: 0px 20px; color: #666666;}
.heilighted{font-weight:bold; color:#463322;}

.perPage{display:table; float:right;}
.perPage ul li{float:left;}
.perPage ul li:first-child{margin:0 10px 0 0;}
.perPage ul li.sep{margin:0 10px;}
.perPage ul li a{font-weight:bold; color:#463322;}
.perPage ul li a:hover{color:#666666; text-decoration:underline;}

.propFilter{padding:25px 30px; background:#FFF; text-align: center;}
.propFilter ul li{float:left; width:22%; margin:0 10px 0 0;}
.propFilter ul.row li{float:right; width:22%; margin:0 10px 0 0;}
.propFilter.searchForm ul.row li .slctBox{height:40px; box-shadow:0 1px 1px #f0f0f0; border:1px solid #f0f0f0; padding-top:9px;}

/* Pagination */
.pagination{ text-align:center; margin:0 auto; display: inline-block;}
.pagination ul{ list-style:none; display:block; margin:0 auto; text-align:center; }
.pagination ul li{ display:inline-block; padding:10px 15px; margin:0 5px; -moz-border-radius: 3px;
-webkit-border-radius: 3px;
	width: auto;
	border-radius: 3px 3px; font-size:13px; background: #F7D283; }
.pagination ul li a{ color:#FFFFFF; }
.pagination ul li:hover{ background: #463322; color:#FFF; cursor: pointer; }
.pagination ul li.imp{ background:#6F5C48; color:#fff;}
.pagination ul li.active{ background: #463322; color:#FFF; cursor: pointer;}
.pagination ul li.imp:hover{ background: #463322;  color:#FFF; cursor: pointer;}
.pagination ul li.inactive{ background: #AD9880; opacity:0.5; cursor: default; }

/* Start Main Search Resul */
.listProp{border:1px solid #f0f0f0; padding: 10px; background:#ffffff; margin:0 0 30px 0;}
.listProp .listThumb{width:32%; float:left; overflow:hidden; position:relative; margin:0 30px 0 0; background:#E6E6E6;}
.listProp .listThumb img{width: auto;
height: 179px; display:table; margin:0 auto;}

.listProp .listThumbDet{width:63.5%; float:left; color:#696969;}
.listProp .listThumbDet .listTitle{margin:0 0 10px 0;}
.listProp .listThumbDet .listTitle h5{margin:0 0 10px 0; color:#000; font-family:'dinlight';}
.listDetLi li{float:left; }

.listDetLii li{float:left; padding:0 15px; border-right:1px solid #ccc; }
.listDetLii li:last-child{ border-right:0; }
.listDetLi li.sep{margin: 0 10px; color:#f0f0f0;}
.listDetLi li.sep2{margin:5px 10px; color:#f0f0f0;}
.priceBox{border:1px solid #f0f0f0; padding:5px; margin:0 0 15px 0;}
.priceBox h6{text-align:right; font-family:'dinblack'; color:#715035;}

.detAgentBox{width:100%;}
.detAgentBox .listDetLi:first-child{margin:0 0 10px 0;}
.listProSm{font-size:12px;}
.listProSm li span{ display:block;}
.iconLi{margin:0 7px 0 0;}
.count{padding:6px 0 0 0;}
.propDetLink{width:100%;}
.propDetLink a{
	display:block;
	width:100%;
	background:#d3c4b2;
	text-align:center;
	padding:2px 0 3px 0;
	color:#FFF;
	margin:0 0 2px 0;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
}
.propDetLink a:hover{background:#463322;}

/* Start Main Listing Detail Page */
.listDetailContainer{border:1px solid #f0f0f0; border-top:7px solid #907253; background:#FFF; padding:15px 0 0 0;}

.listDetailContainer .titleBox{padding-bottom:20px; border-bottom:1px solid #f0f0f0;}
.sidePad{padding-left:20px; padding-right:20px;}

.listDetailContainer .titleBox h3{font-family:'dinlight'; color:#463322; padding:0 0 20px 0;}
.reference{font-family:'dinblack'; color:#907253;}

.detailSlider{border-bottom:1px solid #f0f0f0;}
.detailSlider .lefCol{width:37%; float:left; border-right:1px solid #f0f0f0; padding:20px 0 30px 0;}
.detailSlider .lefCol header h6{color:#463322; margin:0 0 20px 0; padding:0 20px;}
.detailSlider .lefCol .lftClRow{width:100%; margin:0 0 10px 0; padding:0 20px;}

.detailSlider .lefCol .priceBx{
	border-top:1px solid #f0f0f0;
	padding:10px 20px 0 0;
	text-align:center;
	margin:20px 0 0 0;
	cursor:pointer;
}
.detailSlider .lefCol .priceBx h2{
	font-family:'dinblack';
	color:#907253;
	margin:0 0 10px 0;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
}
.detailSlider .lefCol .priceBx:hover h2{color:#c4a672;}
.detailSlider .lefCol .priceBx .reference .f-awsm{
	margin:0 0 0 5px;
	position:relative;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
}
.detailSlider .lefCol .priceBx:hover .f-awsm{
	text-decoration:blink;
	color:#c4a672;
	top:10px;
	transform:scale(2,2);
	-webkit-transform:scale(2,2);
	-moz-transform:scale(2,2);
	-ms-transform:scale(2,2);
}
.detailSlider .lefCol .priceBx .makeOffer{
	display:block;
	width:80%;
	padding:10px 0 12px 0;
	font-family:'dinblack';
	background:#463322;
	margin:15px auto 0 auto;
	color:#FFF;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
}
.detailSlider .lefCol .priceBx .makeOffer:hover{background:#82654e;}
.detailSlider .mainDetailSlider{width:63%; /*height:467px;*/ float:left; padding:20px;}
.detailSlider .mainDetailSlider .sliderDet{/*background:#f0f0f0;*/ width:100%; height:427px;}
.padF{padding:20px;}
.padFb{padding:20px; border-bottom:1px solid #f0f0f0;}
.markList ul li{width:50%; float:left; padding:0 0 0 30px; position:relative;}
.markList ul li:before{display:block; width:15px; height:15px; position:relative; content:""; color:#907355; top:16px; left:-28px; font-family:'fontawesome';}
.googleMap{width:100%;}
.googleMap img{width:100%; height:auto;}
.googleMap h4{color:#000000; padding:0 0 15px 0;}
.googleMap .googleFrame{border:1px solid #f0f0f0;}
.map-canvas{ height:300px; }

/* Agent Box */
.agentBox{background:#f7f4ee;}
.agentBox .leftCl{width: 68%;
float: left;
margin: 0 3% 0 0;}
.agentBox .leftCl h6{color:#000000; padding:0 0 30px 0;}
.agentBox .leftCl .agentImage{width:230px; width:42%; float:left; border:1px solid #b2925c; margin:0 5% 0 0;}
.agentBox .leftCl .agentImage img{width:100%; height:auto;}

.agentBox .leftCl .agentDetail{width:53%; float:left;}
.agentBox .leftCl .agentDetail ul li{display:block; border-bottom:1px solid #e1d9cd; clear:both; padding:0 0 10px 0; margin:0 0 10px 0; color:#000000;}
.agentBox .leftCl .agentDetail ul li span{display:block; float:left; margin:0 10px 0 0;}
.agentBox .leftCl .agentDetail ul li span:first-child{width:15px;}


.agentBox .rightCl{width:28%; float:left; color:#000000;}
.agentBox .rightCl h3{font-family:'dinlight'; padding:0 0 30px 0;}
.agentBox .rightCl .agentContact form input,.agentBox .rightCl .agentContact form textarea{display:block; width:100%; border:1px solid #e1d9cd; margin:0 0 10px 0; background:#ffffff; padding:7px; color:#d9d9d9;}
.agentBox .rightCl .agentContact form input[type="submit"]{width:45%; background:#463322; color:#FFF; cursor:pointer;}
.agentBox .rightCl .agentContact form input[type="text"]:focus,.agentBox .rightCl .agentContact form textarea:focus{color:#696969;}

.additional header{font-family:'dinlight';}
.additional article h2{padding:0 0 30px 0; color:#463322;}
.additional article h4{padding:0 0 15px 0; color:#907355;}


/* Start Contact Us Page */
.contactUsPa .titleBox{}
.contactUsPa .titleBox{font-family:'dinlight'; /*text-align:center;*/}
.contactUsPa .titleBox h1{color:#463322;}
.contactSup{margin:25px 0 10px 0;}
.contactSup .c8{width:49%; border:1px solid #f0f0f0;}
.contactSup .c8:first-child{margin:0 2% 0 0;}
.contactSup .c8 .icobx{width:15%; text-align:center; padding:10px; font-family:'fontawesome'; float:left; border-right:1px solid #f0f0f0;}
.contactSup .c8 .icobx img{height:30px; width:auto;}
.contactSup .c8 .conact{width:85%; padding:0px 5%; font-family:'dinblack'; float:left; color:#000000; text-align:left;}
.contactSup .c8 .conact h4{height: 0; line-height: 60px;}
.contactSup .c8 .conact .normal{font-size:14px; font-family:'dinrglr'; color:#696969; font-weight:normal;}

.contactFrm h3{margin:0 0 20px 0;}
.contactFrm .lefcl{float:left; width:68%; margin:0 4% 0 0;}
.contactFrm .lefcl .nameDet{width:48%; float:left;}
.contactFrm .lefcl .nameDet:first-child{margin:0 4% 0 0;}
.contactFrm .lefcl .nameDet input[type="text"],.contactFrm .lefcl .nameDet textarea{width: 100%;
padding: 10px;
border: 1px solid #C5C5C5;
margin: 0 0 12px 0;
color: #818181;
box-shadow: 0px 1px 1px #C5C5C5;
-webkit-box-shadow: 0px 1px 1px #C5C5C5;
-moz-box-shadow: 0px 1px 1px #C5C5C5;
-ms-box-shadow: 0px 1px 1px #C5C5C5;}
.contactFrm .lefcl .nameDet input[type="text"]:focus,.contactFrm .lefcl .nameDet textarea:focus{color:#696969;}
.contactFrm .lefcl .nameDet textarea{min-height:145px;}
.contactFrm .lefcl .nameDet input[type="submit"]{width:40%; float:right; padding:8px; background:#463322; color:#ffffff;}
.contactFrm .lefcl .nameDet input[type="reset"]{width:40%; float:right; padding:8px; background:#463322; color:#ffffff;}
.contactFrm .lefcl .nameDet input[type="button"]{width:40%; float:right; padding:8px; background:#463322; color:#ffffff;}
.contactFrm .rightcl{width:28%; float:left;}
.contactFrm .rightcl .contactInfo p{margin:0 0 20px 0;}
.contactFrm .rightcl .contactInfo p .f-awsm{display:inline-block; width:20px; font-size:18px; color:#907253; margin:0 5px 0 0;}


/* Media Queries */
@media only screen and (max-width:1190px){
	.secAbout .article{ padding: 0 20px 0 20px; }
	.secAbout .c8{width:100%; float:left;}
	.secAbout .c8:first-child{width:100%; float:left; margin:0 0 20px 0; }
	.featuredSRbox { float: none; width: 50%; padding:0; display:table; margin:0 auto; }
	.projectsbox{ float: none; width: 50%; padding:0; display:table; margin:0 auto; }
}

@media only screen and (max-width:1140px){
	
	.secFooter .c12{width:100%; float:none; padding:0 0 10px 0;}
	.secFooter .c12 .footLinks .link{display:table; margin:0 auto; line-height:25px;}
	
	.secFooter .c12 .copyright{text-align:center; margin:10px 0 0 0;}
	.secFooter .c4{width:100%; float:none; padding:10px 0 0 0;}
	.socialFooter{width:100%;}
	.socialFooter ul{display:table; margin:0 auto; float:none; padding:0 0 30px 0;}
}

@media only screen and (max-width:1024px){
	
	.secAbout .c8 .featuredSRbox .sliderCover{width:50%; margin:30px auto 0 auto;}
	
	.secContent .c12{width:70%; float:left; margin:0 5% 0 0;}
	.secContent .c4{width:25%; float:left; margin-left:0;}
	.listOnPage .c8{width:100%; float:none;}
	.resultDetail{width:100%; text-align:center; margin:0 0 10px 0;}
	.perPage{width:100%;}
	.perPage ul{display:table; margin:0 auto;}
	.propFilter ul.row li{width:100%; margin:0 0 10px 0;}
	
	.listProp .listThumb{width:100%; float:none; text-align:center; margin:0 0 20px 0;}
	.listProp .listThumbDet{width:100%;}
	
	.detAgentBox .c12{width:70%; float:left;}
	.detAgentBox .c4{width:25%; float:left;}
	
	.detailSlider .lefCol{width:100%; float:none; border-right:none; border-bottom:1px solid #f0f0f0;}
	.detailSlider .lefCol .priceBx{text-align:left;}
	.detailSlider .lefCol .priceBx p{display:block; width:35%; float:left;}
	.detailSlider .lefCol .priceBx p:last-child{padding:0px;}
	.detailSlider .lefCol .priceBx .makeOffer{width:100%; text-align:center;}
	.detailSlider .mainDetailSlider{width:100%;}
	
	.contactFrm .lefcl{width:100% !important; float:none; margin:0}
	.contactFrm .rightcl{width:100%; float:none;}
	
	.contactSup .c8{width:100%; float:none;}
	.contactSup .c8:first-child{margin-right:0; margin-bottom:20px}
}

@media only screen and (max-width:880px){
	.quickLinks .row .c1-5{width:50%;}
	.quickLinks .row .c1-5:last-child{width:100%;}
	.secContent .c12{width:65%; float:left; margin:0 5% 0 0;}
	.secContent .c4{width:25%; float:right;}
	.listOnPage .c8{width:100%; float:none;}
	
	.detAgentBox .c12{width:75%; margin:0;}
	.detAgentBox .c4{width:25%;}
	
	.agentBox .leftCl{width:100%; margin:0 0 40px 0; float:none;}
	.agentBox .rightCl{width:100%; float:none;}
}

@media only screen and (max-width:768px){
	.secAbout .c8 .featuredSRbox .sliderCover{width:300px; margin:30px auto 0 auto; float:none;}
	.secContent .c12{width:100%; margin:0 0 40px 0; padding:0;}
	.secContent .c4{width:100%; margin:0; float:none; padding:0;}
	.listOnPage .c8{width:100%; float:none;}
	
	.detAgentBox .c12{width:75%; margin:0; float:left;}
	.detAgentBox .c4{width:25%; float:left;}
	.rightRow{width:100%;}
	
	.priceBox .c8{width:50%; float:left;}
	.newsletter .form{padding:3% 0 0 0;}
	
}

@media only screen and (max-width:510px){
	.quickLinks .row .c1-5{width:100%;}
	.detAgentBox .c12{width:100%; margin:0; float:none;}
	.detAgentBox .c12 .listDetLi{display:table; margin:0 auto 5px auto;}
	.detAgentBox .c4{width:100%; float:none; padding:0;}
	
	.detailSlider .lefCol .priceBx{text-align:center;}
	.detailSlider .lefCol .priceBx p{display:block; width:100%; float:none;}
	.detailSlider .lefCol .priceBx p:last-child{padding:0 0 10px 0;}
	
	.markList ul li{width:100%; float:none;}
	
	.agentBox .leftCl .agentImage{width:100%; margin:0 0 30px 0; float:none;}
	.agentBox .leftCl .agentDetail{width:100%; float:none;}
	
	.contactFrm .lefcl .nameDet{width:100%; float:none; margin:0 0 20px 0;}
	.contactFrm .lefcl .nameDet input[type="submit"]{width:100%; float:none;}
}
/*==============================Scroll Bar style ==============================BOF*/
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right:14px;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width:16px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0; 
	height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:2px;
	height:100%;
	margin:0 auto;
	/*-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;*/
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	height:100%;
	margin:0 auto;
	/*-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;*/
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display:block;
	position:relative;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	top:100%;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
	/*-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;*/
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	/*-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;*/
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display:block;
	position:relative;
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	margin-left:-40px;
	float:right;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
	opacity:1;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.4);
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
	filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image: url(//www.dubaimarinaresidence.com/images/mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-96px 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-96px -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}

/*scrollbar themes*/

/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:3px;
	background:#000; /* rgba fallback */
	background: rgba(247, 210, 131, 1);
	/*-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;*/
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:7px;
	background:#000; /* rgba fallback */
	background: rgba(70,51,34,1);
	/*-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;*/
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background: rgba(70, 51, 34, 0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-100px -56px;
}
/*==============================Scroll Bar style ==============================EOF*/


/*==============================Color Box style ==============================BOF*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxTopLeft{width:25px; height:25px; background:url(//www.dubaimarinaresidence.com/images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(//www.dubaimarinaresidence.com/images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(//www.dubaimarinaresidence.com/images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(//www.dubaimarinaresidence.com/images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(//www.dubaimarinaresidence.com/images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(//www.dubaimarinaresidence.com/images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(//www.dubaimarinaresidence.com/images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(//www.dubaimarinaresidence.com/images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxLoadingOverlay{background:#fff url(//www.dubaimarinaresidence.com/images/loading.gif) no-repeat 5px 5px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxClose{position:absolute; top:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/*==============================Color Box style ==============================EOF*/
@media only screen and (max-width : 880px)
{
	.footLinks .link li
	{
		width:100% !important;
		text-align:center;
		list-style:none !important;
		padding:3px 0;
	}
}
@media only screen and (max-width: 641px)
{
	.topNav .navTop2 li .icoNav
	{
		display:none !important;
	}
	.topNav .navTop2 li
	{
		width:100%;
		text-align:center;
		padding:3px 0;
	}
}