a {
    outline: 0;
    text-decoration: none;
}
.backButton { position:absolute; left:10px; top:16px; padding:4px 0;}
.backButton a {font-size:14px; color:#c0392b; text-transform:uppercase; font-family:"opensans-bold";}
.backButton .icon{  background-images: url(../imagess/backRedIcon.png); background-position: 0 0; background-repeat: no-repeat; background-size: 50% auto;display:inline-block; height: 17px; margin-right: -6px; vertical-align: -2px; width: 20px;}
.sectionDivider{background:#f2f2f2; height:10px; clear:both;}

/* Header with navigation
***************************************************************/
body{padding:0px; margin:0px;  font-family: 'open_sansregular', Arial; font-size:12px; color:#666; overflow-x:hidden;}
header{background:#d8232a; position:relative; color:#fff; height:48px;}
.hdrLeft{float:left; width:145px; position:relative;}
.hdrLeft.hdrLogoFull{float:none; width:auto; text-align:center;}
.hdrLeft.hdrLogoFull .mbLogo{margin:0 auto;}
.mbLogo{margin-left:35px; padding-top:16px;}
.mbLogo a{background: url(../images/sprite-nav-bar.svg) -17px -16px no-repeat;  display:inline-block; width: 101px;   height: 20px;
}
.menuIcon{position:absolute; width:15px; height:11px; background:#fff; left:10px; top:19px;}
.menuIcon:after{content:" "; position:absolute; width:100%; height:4px; background:#b71c1c; left:0; top:1px;}
.menuIcon:before{content:" "; position:absolute; width:100%; height:4px; background:#b71c1c; left:0; top:6px;}

.menuIcon.menuIconBack{ height: 48px; width: 48px; position: absolute; left:0; top:0; background: #d8232a;}
.menuIcon.menuIconBack:before,.menuIcon.menuIconBack:after{display: none;}

#topNavigation{position:fixed; left:-260px; top:0; bottom:0; width:260px; background:#fff; z-index:999; overflow:auto;
-webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  transition: all 0.3s ease; text-align:left;}
#topNavigation.open{left:0;}
#topNavigation ul{padding:0px; margin:0;}
#topNavigation ul li a{position: relative; display: block; padding: 10px 20px; color: #333; font-size: 12px; line-height: 2; overflow: hidden; outline:0; text-decoration: none;}
#topNavigation ul li a.hasSubMenu {
    padding: 7px 20px;
    font-size: 14px;
    color: #666;
    background-color: rgba(216,216,216,0.2);
    border-bottom: 3px solid #fff;
}
#topNavigation ul li a.hasSubMenu::after {
    position: absolute;
    right: 20px;
    top: 50%;
    display: block;
    width: 12px;
    height: 7px;
    content: '';
}
#topNavigation ul li a.hasSubMenu::after {
    background-image: url(../images/sprite-topNav-updateV1.svg);
    background-repeat: no-repeat;
    background-position: -19px -680px;
    transform: translate3d(0,-50%,0);
}
#topNavigation ul li a.hasSubMenu.expanded::after {
    background-position: -19px -707px;
}

#topNavigation ul li a.iconMenuLink:after{content:" "; position:absolute; left:0; top:0; background: url(../images/sprite-nav-bar.svg) 0 0 no-repeat;}
#topNavigation ul li a.iconMenuLink.icon_buy:after{background-position:-51px -161px; width: 19px; height: 20px;}
#topNavigation ul li a.iconMenuLink.icon_rent:after{background-position:-49px -199px; width:21px; height: 20px;}
#topNavigation ul li a.iconMenuLink.icon_commercial:after{background-position:-50px -239px; width:22px; height: 20px;}
/* #topNavigation ul li a.iconMenuLink.icon_project:after{background-position:-49px -280px; width:21px; height: 20px;} */
#topNavigation ul li a.iconMenuLink.icon_postProperty:after{background-position: -52px -320px; width:18px; height:23px;}
#topNavigation ul li a.iconMenuLink.icon_findAgent:after{background-position:-49px -360px; width:20px; height:22px;}
#topNavigation ul li a.iconMenuLink.icon_myActivity:after{background-position:-48px -401px; width:23px; height:22px;}
#topNavigation ul li a.iconMenuLink.icon_insightsFoyYou:after{background-position: -49px -441px; width:22px; height:20px;}
#topNavigation ul li a.iconMenuLink.icon_forum:after{background-position:-47px -727px; width:23px; height:21px;}
#topNavigation ul li .jqMmenuLavel2{/*padding-top: 10px; padding-bottom: 10px;*/}
#topNavigation ul li .jqMmenuLavel2 a{padding-top: 10px; padding-bottom: 10px;}
#topNavigation ul li a .badge {
    display: inline-block;
    margin-left: 5px;
    padding: 2px 4px;
    line-height: 1;
    background-color: #f4c505;
    color: #000;
    text-transform: uppercase;
    font-size: 10px;
}
#topNavigation ul li .mbApp{
    padding:13px 8px 10px;
    background-color: #e8f7e7;
    border-bottom: solid 3px #fff;
}

#topNavigation ul li .mbApp .applogo{
    background: url(../images/appMBlogo.svg) no-repeat 5px 5px;
    width: 31px;
    height: 31px;
    text-align: center;
    background-color: #fff;
    display: inline-block;
    border-radius: 4px;
    vertical-align:top;
}

#topNavigation ul li .mbApp .appDetail{
    display:inline-block;
    margin:0 10px;
    color:#303030;
}
#topNavigation ul li .mbApp .appDetail p{
    font-size:12px;
    line-height:16px;
    font-family: 'opensans-semibold';
    margin:0;
}
#topNavigation ul li .mbApp .appDetail p+p{
    font-size:10px;
    font-family: 'open_sansregular';
}

#topNavigation ul li .mbApp .appBtn{
    height: 32px;
    border-radius: 2px;
    background-color: #1bb814;
    font-size: 12px;
    color: #fff;
    vertical-align: top;
    line-height: 32px;
    width: 70px;
    text-align: center;
    padding: 0;
    display: inline-block;
    font-weight: 600;
    margin-top:5px;
}
#topNavigation ul li .mbApp .appDetail .starRate{
    position: relative;
    width: 66px;
    display: inline-block;
}

#topNavigation ul li .mbApp .appDetail .starYellow{
    background: url('../images/starYellow.svg') no-repeat 0 0;
    width: 55px;
    height: 13px;
    top: 0;
    position: absolute;
    left: 0;
    z-index: 1;
}

#topNavigation ul li .mbApp .appDetail .starGray{
    background: url('../images/starGray.svg') no-repeat 0 0;
    width: 64px;
    height: 13px;
    top: 0;
    position: relative;
    left: 0;
}

#topNavigation ul li .mbApp .appDetail .appRating{
    font-size: 10px;
    color:#909090;
    vertical-align: top;
}
.ico-drawer {background-image: url(../images/sprite-topNav-updateV2.svg); background-repeat: no-repeat; display: inline-block; width: 26px; float: left; margin-right: 20px;}


.ico-drawer[data-icon="user-profile"] {
	background-position: -13px -21px;
	height: 23px; 
}
.ico-drawer[data-icon="my-activity"] {
	background-position: -13px -21px;
	height: 23px; 
}
.ico-drawer[data-icon="my-activity-buyer"] {
	background-position: -13px -767px;
    height: 16px; 
}
.ico-drawer[data-icon="my-dashboard"] {
	background-position: -13px -896px;
	height: 23px; 
}
.ico-drawer[data-icon="buy"] {
	background-position: -14px -67px;
	height: 23px;
}
.ico-drawer[data-icon="rent"] {
	background-position: -13px -115px;
	height: 22px;
}
.ico-drawer[data-icon="agent"] {
	background-position: -15px -162px;
	height: 23px; 
}

.ico-drawer[data-icon="new-project"] {
	background-position: -15px -211px;
	height: 23px; 
}

.ico-drawer[data-icon="post-property"] {
	background-position: -14px -259px;
	height: 26px;
}

.ico-drawer[data-icon="rates-and-trends"] {
	background-position: -13px -315px;
	height: 21px;
}

.ico-drawer[data-icon="forum"] {
	background-position: -13px -365px;
	width: 25px;
	height: 23px;
}

.ico-drawer[data-icon="insights"] {
	background-position: -13px -365px;
	width: 25px;
	height: 23px;
}

.ico-drawer[data-icon="emi-calculator"] {
	background-position: -15px -1212px;
	height: 20px; 
}

.ico-drawer[data-icon="loan-eligibility"] {
	background-position: -13px -458px;
	height: 24px;
}

.ico-drawer[data-icon="property-valuation"] {
	background-position: -16px -502px;
	height: 23px; 
}

.ico-drawer[data-icon="advotate-on-call"] {
	background-position: -14px -549px;
	height: 21px;
}

.ico-drawer[data-icon="property-vastu"] {
	background-position: -15px -598px;
	height: 18px;
}

.ico-drawer[data-icon="logout"] {
	background-position: -14px -638px;
	height: 18px;
}

.ico-drawer[data-icon="property-index"] {
	background-position: -17px -734px;
	height: 20px;
}

.ico-drawer[data-icon="advertise-with-us"] {
	background-position: -13px -847px;
    height: 21px;
}
.ico-drawer[data-icon=property-news] {
    background-position: -15px -598px;
    height: 19px
}

.ico-drawer[data-icon=smart-cities] {
    background-position: -13px -938px;
    height: 21px
}

.ico-drawer[data-icon=industry-buzz] {
    background-position: -13px -983px;
    height: 23px
}

.ico-drawer[data-icon=expert-corner] {
    background-position: -13px -1028px;
    height: 22px
}

.ico-drawer[data-icon=legal-taxation] {
    background-position: -15px -1076px;
    height: 21px
}

.ico-drawer[data-icon=affordable-housing] {
    background-position:-12px -1121px;
    height: 21px
}
.ico-drawer[data-icon="Localities"] {
  background-position: -13px -1168px;
  height: 20px;
}
.jqMmenuLavel2__help span {
    color: #666;
    display: block;
}
.jqMmenuLavel2__help {
    border-top: 1px solid #ededed;
}
.jqMmenuLavel2__help a:after {
    position: absolute;
    right: 20px;
    top: 50%;
    display: block;
    width: 12px;
    height: 7px;
    content: '';
}
.jqMmenuLavel2__help a:after {
    background-image: url(../images/sprite-topNav-updateV1.svg);
    background-repeat: no-repeat;
    background-position: -19px -680px;
    transform: rotate(90deg);
}
#topNavigation ul li .jqMmenuLavel2 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.hasSubMenu .iconAccordian{position:absolute; top:5px; right:0; width:10px; height:10px;}
.hasSubMenu .iconAccordian:after{content:" "; background:#999999; height:2px; width:10px; position:absolute; top:4px; left:0;}
.hasSubMenu .iconAccordian:before{content:" "; background:#999999; height:10px; width:2px; position:absolute; top:0; left:4px;}
.hasSubMenu .iconAccordian.iconMinus:before{display:none;}

.tagFree{ font-family:'opensans-semibold';}
.navLoginText{color:#2bb700;}
.navAppDownLoadLink{position:relative;color:#000; margin:0 20px 20px 20px ;}
.navAppDownLoadLink a{display:block; height:32px; line-height:32px; background:#2bb700; border-radius:20px; color:#fff; font-size:14px; text-align:center;}
.navAppDownLoadLink a:before{display:inline-block; content:" "; background: url('../images/sprite-nav-bar.svg') no-repeat -52px -486px;
width: 17px; height: 20px; margin:6px 10px 0 0; vertical-align:top;}
.navAppDownLoadLink a.navAppDownLoadLink_ios:before{background-position:-49px -687px; margin:5px 10px 0 0; height:23px;}
 .bgNaviLayer{z-index:100; background:rgba(0,0,0,.5); width:100%; height:100%; display:none; top:0; left:0; position:fixed;}

footer{background:#202730; height:113px;clear:both;}
.footerInner{text-align:center; font-size:14px; color:rgba(255,255,255,.4); font-family:'opensans-semibold'; padding:20px 0 0 0;}
.mbLink{padding-top: 9px;line-height: 22px;}
.mbLink a{font-size:13px; color:rgba(255,255,255,.8); font-family: 'open_sansregular', Arial; margin:0 6px; position:relative;}
.mbLink a span{content:" "; position:absolute;right: -8px;top:8px;width: 3px;height: 3px; background:#fff; border-radius:50%;}

.btnDownLoadApp{height:40px; line-height:40px; display:block; border-radius:30px; background:#2bb700; font-family: 'opensans-semibold';	color:#fff; text-align:center; font-size:14px;}
.btnDownLoadApp:before{display:inline-block; content:" "; background: url(../images/sprite-nav-bar.svg) no-repeat -52px -486px;
width: 17px; height: 20px; margin:9px 11px 0 0; vertical-align:top;}
.btnDownLoadApp.btnDownLoadApp_ios:before{background-position:-49px -687px; margin:5px 11x 0 0; height:23px;}

.backButtonLayer{right:11px;padding:0;position:absolute;top:19px}
.backButtonLayer a{color:#fff;font-size:14px;line-height:17px;padding-left:14px;text-transform:uppercase}
.backButtonLayer .icon{background:url(../image/sprite-nav-bar.svg?) -49px -654px no-repeat;height:16px;left:0;position:absolute;top:0;width:16px}
.navLoginBox{background:#b71c1c; height:60px;}
.navLoginBox_Login{position:relative; font-size:13px; padding:13px  77px 0 20px;}
.navLoginBox_Login a{position:absolute; top: 19px;right: 20px;width: 82px; border-radius:3px; font-size:13px; text-transform:uppercase;  font-family: 'opensans-semibold';	
border:1px solid rgba(255,255,255,.5); text-align:center; color:#fff; line-height:23px;}

.navLoginBox_WithLogin{min-height:40px; position:relative; font-size:13px; color:#fff; padding:21px 10px 0 62px;}
.navLoginBox_WithLogin a{color:#fff;}
.loginUserFirstL{position:absolute; left:9px; top:9px; width:38px; height:38px; border-radius:50%; border:1px solid rgba(255,255,255,.3); text-align:center;  
text-transform:uppercase; line-height:38px; text-align:center; font-size:24px;}
.positionFixed {overflow: hidden;}

.main-menu__magnifier { right: 12px; top: 8px; width: 32px; height: 32px; line-height: 1; font-size: 15px; position: absolute; display: inline-block;}
.main-menu__magnifier::before {content: "";height: 15px;width: 15px;border-radius: 100%;border: solid 1px #fff;top: 6px;left: 6px;position: absolute;display: inline-block;}
.main-menu__magnifier::after {content: "";height: 1px;width: 8px;background: #fff;display: inline-block;position: absolute;transform: rotate(45deg);top: 23px;left: 20px;}

.main-menu__magnifier.menuIconBack{ height: 48px; width: 48px; position: absolute; right:0; top:0; background:#d8232a;}
.main-menu__magnifier.menuIconBack:before, .main-menu__magnifier.menuIconBack:after{display:none; z-index:9;}
.arrowMenuIconBack{height: 1px; width: 18px; background: #fff; position: absolute; top: 24px; left: 9px;}
.arrowMenuIconBack:before{content:""; height: 9px; width: 9px; border: solid 1px #fff; transform: rotate(-45deg); border-right:0; border-bottom:0; left: 1px; display: inline-block;  position: absolute; top: -4px;}