.mnuFxxdd a[id], .mnuFxxdd a[name], .mnuFxxdd span[id], .mnuFxxdd span[name]  {
	scroll-margin-top: 70px;
}


.mainMenuWrpr.fxxd {
	margin-bottom: 51px;
}
.mainMenu {
	width: 100%;
    background-color: #392215;
    height: 48px;
    border-bottom: 1px solid #2f1b10;
    z-index: 50;
    color: #dac7bd;
    font-size: 14px;
    line-height: 47px;
    padding: 0 15px;
    box-shadow: 0 2px 4px -2px #000;
}
.mainMenuWrpr.fxxd .mainMenu {
	position: fixed;
}
.mainMenu .mnustrp {
	background-image: url(../images/menu/menu4.png) !important;
    background-size: 259px;
}
.mainMenu .mnuInr{
	display: table;
	width: 100%;
}
.mainMenu .mnuInr > div {
	display: table-cell;
	vertical-align: middle;
}
.mainMenu .mnuInr > .mright {
	text-align: right;
}

.mainMenu .lficns {
    width: 31px;
    height: 28px;
    cursor: pointer;
    font-size: 0;
    text-decoration: none;
    opacity: 0.8;
}
.mainMenu .lficns:hover, .mainMenu .lficns:focus {
	opacity: 1;
	filter: brightness(1.15);
}
.mainMenu .lfBx + .lfBx {
	margin-left: 8px;
}


.mainMenu .lficns.topics {
	background-position-x: -30px;
    width: 21px;
}
.mainMenu .lficns.leaderboard {
	background-position-x: -52px;
    width: 20px;
}
.mainMenu .lficns.cogw{
	background-position-x: -203px;
    width: 33px;
}
.mainMenu .lficns.bbNotif {
	background-position-x: -236px;
    width: 21px;
}
.mainMenu .lficns.bbNotif .ntCnt {
	margin-left: -6px;
}

.mainMenu > div {
	vertical-align: middle;
}
.mainMenu a, .mainMenu a b, .mainMenu .msec {
	display: inline-block;
	vertical-align: middle;
}
.mainMenu .glsicn {
	height: 28px;
    width: 18px;
    background-position-x: -74px;
    position: absolute;
    margin: -14px 0 0 -28px;
}
.mainMenu .searchsc{
	margin-left: 25px;
    font-size: 0;
}

.mainMenu .mnusrch {
	height: 30px;
    width: 212px;
    background-color: #eedcd2;
    border: none;
    outline: none;
    border-radius: 4px;
    padding: 0 14px;
    font-size: 14px;
}
.mainMenu .mnusrch:focus {
	    background-color: #ffffff;
    box-shadow: 0 0 2px 4px #fff;
}
.mainMenu .mnusrch:focus + .srchCntrls .glsicn {
	display: none;
}

.mainMenu .notifIc {
	background-position-x: -93px;
    width: 30px;
    height: 29px;
    margin-right: 12px;
    opacity: 0.4;
    cursor: pointer;
    text-align: right;
}
.mainMenu .notifIc:hover, .mainMenu .notifIc:focus {
	opacity: 1;
	filter: brightness(1.35);
}
.mainMenu .notifIc.active {
	opacity: 1;
}
.mainMenu .notifIc .ntCnt {
	position: absolute;
    background-color: #f20000;
    border-radius: 29px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    display: none;
    padding: 1px 3px;
    margin: -2px 0 0 -9px;
    text-shadow: 0 1px 1px #000;
    box-shadow: 0 0 2px 1px #392215;
    text-align: center;
    min-width: 15px;
}
.mainMenu .notifIc.active .ntCnt {
	display: inline-block;
}
.mainMenu .notifIc.bell {
	background-position-x: -180px;
    width: 20px;
    height: 28px;
}
.mainMenu .notifIc.acitems {
	    background-position-x: -125px;
    width: 22px;
}
.mainMenu .notifIc.river {
	background-position-x: -150px;
    width: 27px;
}
.mainMenu .solks {
	margin-left: 8px;
}
.mainMenu .solk {
	color: #f49a33 !important;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
}
.mainMenu .solk + .solk {
	background:url(../images/menu-separator.jpg) no-repeat;
	margin-left: 1px;
    padding-left: 7px;
    background-position-y: 12px;	
}
.mainMenu .solk:hover, .mainMenu .solk:focus {
	color: #ffc685 !important;
}
.mainMenu .mnulicns {
	margin-left: 15px;
}
.mainMenu .usrMenu {
	margin-left: 14px;
}
.mainMenu .prfPcSc {
	font-size: 0;
}
.mainMenu .prfCtxMnBtn {
	cursor: pointer;
}
.mainMenu .prfPcImg {
	width: 36px;
    height: 36px;
    background-size: cover !important;
    border-radius: 40px;
    border: 3px solid #745133;
    box-shadow: 0 0 2px 1px #000;
}
.mainMenu .prfMnName {
	font-weight: bold;
	text-overflow: ellipsis;
    max-width: 90px;
    height: 50px;
    overflow: hidden;
    white-space: nowrap;
    display: none;
}
.mainMenu .prfCtxMnBtn:hover, .mainMenu .prfCtxMnBtn:focus {
	color: #f0f0f0;
}
.mainMenu .prfCtxMnBtn:hover .prfPcImg, .mainMenu .prfCtxMnBtn:focus .prfPcImg {
	filter: brightness(1.2);
}
.mainMenu .hambrbtn {
	    width: 29px;
    height: 24px;
    border-top: 4px solid #aa916f;
    border-bottom: 4px solid #aa916f;
    cursor: pointer;
    margin-right: 10px;
    opacity: 0.9;
}
.mainMenu .hambrbtn b {
	display: block;
    border-top: 4px solid #aa916f;
    margin-top: 6px;
}
.mainMenu .hambrbtn:hover, .mainMenu .hambrbtn:focus {
	opacity: 1;
	filter: brightness(1.25);
}
.mainMenu .smenu {
	position: absolute;
    left: 0;
    right: 0;
    box-shadow: 0 10px 18px -10px #000;
    overflow-y: auto !important;
    max-height: auto;
    max-height: calc(100vh - 76px);
    display: none;
    z-index: 51;
    width: 100%;
}
.mainMenu .smenu .menuContent {
	background-color: #fff;
	border: 1px solid #a5a5a5;
	border-bottom: 1px solid #737373;
	border-top: none;
}
.mainMenu .smenu a {
	    display: block;
    line-height: 26px;
    padding: 10px 14px;
    text-decoration: none;
    color: #1d384a;
    cursor: pointer;
    line-height: 22px;
    font-size: 16px;
    
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.mainMenu .smenu a:hover, .mainMenu .smenu a.active {
	background-color: #e3d0b7;
    color: #4e2600;
}
.mainMenu .smenu a + a {
	border-top: 1px solid #f3f3f3;
}
.mainMenu .smenu .ni {
	display: inline-block;
    background-color: #836449;
    color: #fff;
    padding: 0 5px;
    line-height: 18px;
    border-radius: 2px;
    margin-left: 4px;
}
.mainMenu .smenusec + .smenusec {
	border-top: 2px solid #c0c0c0;
}
.hambrntf {
	display: none;
    width: 10px;
    height: 10px;
    background-color: #ff0b0b;
    position: absolute;
    border-radius: 20px;
    margin: 5px 0 0 22px;
    box-shadow: 0 0 3px 1px #000;
}
.mainMenu .hd {
	display: none;
}
.mainMenu .lgSgnBtn {
	background-color: #8a5917;
    line-height: 32px;
    padding: 0 12px;
    color: #fff;
    text-decoration: none;
    border-radius: 1px;
    font-size: 14px;
    box-shadow: 0 0 2px 0 #392407, inset 0 -3px 8px -3px #55360c;
    cursor: pointer;
    height: 32px;
}
.mainMenu .lgSgnBtn:hover, .mainMenu .lgSgnBtn:focus {
	background-color: #9e6b26;
}
.mainMenu .searchsc {
	position: relative;
}
.mainMenu .searchPan {
    left: -4px !important;
    top: 35px;
    right: -4px !important;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.mainMenu .searchPan.pv {
	display: inline-block;
}
.mainMenu .searchPan .menuContent {
	padding: 20px 0 7px;
}
.mainMenu .searchPan i {
	display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-style: normal;
}
.mainMenu .searchPan b {
	    font-size: 14px;
    line-height: 17px;
}
.mainMenu .searchPan .menuContent:before {
	display: none !important;
}
.menu.rightMenu {
	text-align: left;
}

/*

*/







@media (max-width:254px) {
	.notifIc.bell {
		display: none !important;
	}
}

@media (min-width:311px) {
	.nlgd .fs2 { display: inline-block; }
	.nlgd .fh2 { display: none !important; }
	.proflMenu {
		min-width: 262px;
	}
}
@media (min-width:365px) {
	.nlgd .fs3 { display: inline-block; }
	.nlgd .fh3 { display: none !important; }
}
@media (min-width:598px) {
	.nlgd .fs4 { display: inline-block; }
	.nlgd .fh4 { display: none !important; }
	.nlgd .fh4 + .smenusec {
		border-top: none;
	}
}
@media (min-width:674px) {
	.nlgd .fs5 { display: inline-block; }
	.nlgd .fh5 { display: none !important; }
}
@media (min-width:727px) {
	.nlgd .fs9 { display: inline-block; }
	.nlgd .fh9 { display: none !important; }
}
@media (min-width:747px) {
	.nlgd .mnusrch {width: 287px;}
}
@media (min-width:852px) {
	.nlgd .mnusrch {width: 394px;}
}
@media (min-width:936px) {
	.nlgd .mnusrch {width: 488px;}
}

@media (min-width:300px) {
	.mainMenu .fs1 { display: inline-block;}
	.mainMenu .fh1 { display: none !important; }
}
@media (min-width:335px) {
	.mainMenu .fs2 { display: inline-block; }
	.mainMenu .fh2 { display: none !important; }
}
@media (min-width:391px) {
	.mainMenu .fs3 { display: inline-block; }
	.mainMenu .fh3 { display: none !important; }
}
@media (min-width:640px) {
	.mainMenu .fs4 { display: inline-block; }
	.mainMenu .fh4 { display: none !important; }
	.mainMenu .fh4 + .smenusec {
		border-top: none;
	}
}
@media (min-width:682px) {
	.mainMenu .fs5 { display: inline-block; }
	.mainMenu .fh5 { display: none !important; }
}
@media (min-width:844px) {
	.mainMenu .fs6 { display: inline-block; }
	.mainMenu .fh6 { display: none !important; }
}
@media (min-width:727px) {
	.mainMenu .fs7 { display: inline-block; }
	.mainMenu .fh7 { display: none !important; }
}
@media (min-width:766px) {
	.mainMenu .fs8 { display: inline-block; }
	.mainMenu .fh8 { display: none !important; }
}
@media (min-width:884px) {
	.mainMenu .fs9 { display: inline-block; }
	.mainMenu .fh9 { display: none !important; }
}
@media (min-width:865px) {
	.mainMenu .fs10 { display: inline-block; }
	.mainMenu .fh10 { display: none !important; }
}
@media (min-width:469px) and (max-width:634px) {
	.mainMenu .fs7 { display: inline-block; }
	.mainMenu .fh7 { display: none !important; }
	.mainMenu .fs8 { display: inline-block; }
	.mainMenu .fh8 { display: none !important; }
}

@media (min-width:980px) {
	.mainMenu .prfMnName {
		display: inline-block;
	}
}
@media (min-width:1035px) {
	.lgd .mnusrch {
		width: 267px;
	}
}
@media (min-width:1080px) {
	.lgd .mnusrch {
		width: 350px;
	}
}
@media (min-width:1179px) {
	.lgd .mnusrch {
		width: 406px;
	}
	.mainMenu .solk + .solk {
		margin-left: 5px;
	    padding-left: 12px;
	}
}
@media (min-width:1279px) {
	.lgd .mnusrch {
		width: 498px;
	}
}




@media (min-width:700px) {
	.nstff .fs4 { display: inline-block; }
	.nstff .fh4 { display: none !important; }
	.nstff .fh4 + .smenusec {
		border-top: none;
	}
}
@media (min-width:780px) {
	.nstff .fs5 { display: inline-block; }
	.nstff .fh5 { display: none !important; }
}
@media (min-width:840px) {
	.nstff .fs6 { display: inline-block; }
	.nstff .fh6 { display: none !important; }
}
@media (min-width:906px) {
	.nstff .fs9 { display: inline-block; }
	.nstff .fh9 { display: none !important; }
	
	.nstff .fs10 { display: inline-block; }
	.nstff .fh10 { display: none !important; }
}
@media (min-width: 964px) {
	.nstff .mnusrch { width: 267px; }
}
@media (min-width: 1019px) {
	.nstff .mnusrch { width: 317px; }
}
@media (min-width: 1039px) {
	.nstff .mnusrch { width: 346px; }
}
@media (min-width: 1130px) {
	.nstff .mnusrch { width: 417px; }
}
@media (min-width: 1170px) {
	.nstff .mnusrch { width: 472px; }
}
@media (min-width: 1211px) {
	.nstff .mnusrch { width: 498px; }
}


@media (min-width:729px) {
	.menu.cntxMenu {
		padding-top: 8px;
		margin-top: -9px;
	    left: auto;
	    right: auto
	}
	.menu.cntxMenu .menuContent:before {
		content:'';
		position: absolute;
	    z-index: 52;
	    width: 0;
	    height: 0;
	    border-left: 8px solid transparent;
	    border-right: 8px solid transparent;
	    border-bottom: 8px solid white;
	    margin-top: -7px;
	}
	.menu.cntxMenu.rightMenu .menuContent:before {
		right: 16px;
	}
	.menu.cntxMenu a {
	    min-width: 200px;
	    padding: 10px 16px;
	}
	.menuWdg {
		position: relative;
	}
	.smenu .menuContent {
		border-left: 1px solid #adadad;
		border-right: 1px solid #adadad;
	}
	.menu.rightMenu {
		right: 0 !important;
		left: auto;
	}
	.mainMenu .smenu  {
		width: auto;
	}
	.menu.notificationsBox {
		min-width: 475px;
	}

}


@media (hover:none) and (min-width: 320px) {
	.mainMenu .fs1 { display: inline-block;}
	.mainMenu .fh1 { display: none !important; }
	.mainMenu .fs2 { display: inline-block;}
	.mainMenu .fh2 { display: none !important; }
	.mainMenu .fs3 { display: inline-block;}
	.mainMenu .fh3 { display: none !important; }
	.mainMenu .fs4 { display: inline-block;}
	.mainMenu .fh4 { display: none !important; }
	
	
	.menu.cntxMenu {
		padding-top: 8px;
		margin-top: -9px;
	    left: auto;
	    right: auto
	}
	.menu.cntxMenu .menuContent:before {
		content:'';
		position: absolute;
	    z-index: 51;
	    width: 0;
	    height: 0;
	    border-left: 8px solid transparent;
	    border-right: 8px solid transparent;
	    border-bottom: 8px solid white;
	    margin-top: -7px;
	}
	.menu.cntxMenu.rightMenu .menuContent:before {
		right: 16px;
	}
	.menu.cntxMenu a {
	    min-width: 200px;
	    padding: 10px 16px;
	}
	.menuWdg {
		position: relative;
	}
	.smenu .menuContent {
		border-left: 1px solid #adadad;
		border-right: 1px solid #adadad;
	}
	.menu.rightMenu {
		right: 0 !important;
		left: auto;
	}
	.mainMenu .smenu  {
		width: auto;
	}
	.menu.notificationsBox {
		min-width: 475px;
	}
	
}