html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
}

*{
	margin: 0;
	padding: 0;
}

html, body {
	margin:0;
	padding:0;
	height: 100%;

}

div, article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }


.clearfix { display: inline-block; }
* html .clearfix { height: 1%;}
.clearfix  {display: block; }

body{
	min-width: 1000px;
	background: #ececec;
	font: 12px "Tahoma", "Myriad Pro", "Arial", sans-serif;
	color: #808080;
}

a{
	color: #bc2600;
}

a:hover{
	text-decoration: none;
	color: #d7350c;
}

.content{
	position: relative;
	width: 1000px;
	height: 100%;
	margin: 0 auto;
}

.contentMenu{
	position: relative;
	width: 1000px;
	height: 100%;
	margin: 0 auto;
}

#header{
	position: relative;
	width: 100%;
	height: 654px;
	background: url(../images/header.png) top center no-repeat;
}

#header .logo{
	position: absolute;
	left: 108px;
	top: 76px;
	width: 452px;
	height: 132px;
	text-indent: -9999px;
}

#header .btns{
	position: absolute;
	left: 66px;
	top: 242px;
}

#header .social{
	position: absolute;
	right: 36px;
	top: 328px;
}

.btn-hov{
	opacity: 1;
	transition: all .3s ease;
	cursor: pointer;
}

.btn-hov:hover{
	opacity: .8;
	transition: all .3s ease;
}

#header .btn{
	position: relative;
	float: left;
	display: block;
	height: 61px;
	cursor: pointer;
	text-indent: -9999px;
	transition: all .3s ease;
}

#header .btn:hover{
	opacity: .8;
	transition: all .3s ease;
}

#header .btn-facebook{
	width: 32px;
	background: url(../images/facebook.png) no-repeat;
	opacity: .6;
}

#header .btn-skype{
	width: 32px;
	background: url(../images/skype.png) no-repeat;
	opacity: .6;
}

#header .btn-vk{
	width: 32px;
	background: url(../images/vk.png) no-repeat;
	opacity: .6;
	margin-left: 18px;
}

#header .btn-twitter{
	width: 32px;
	background: url(../images/twitter.png) no-repeat;
	opacity: .6;
	margin-left: 21px;
}

#header .lang .btn-lang{
	display: inline-block;
	width: 112px;
	height: 48px;
}

.btn-en{
    background: url(../images/btn-lang-en.png) no-repeat;
}

.btn-ru{
    background: url(../images/btn-lang-ru.png) no-repeat;
}

/*меню шапки*/
#header .nav{
	position: absolute;
	left: 5px;
	top: 369px;
	height: 98px;
	width: 1000px;
	overflow: hidden;
	font: 20px "MyriadProCondRegular", sans-serif;
}

#header .nav ul{
	list-style: none;
}

#header nav ul li{
	position: relative;
	display: inline;
	display: inline-block;
	line-height: 98px;
}

#header nav ul li:after{
	position: absolute;
	top: 0;
	right: -5px;
	content: "";
	width: 5px;
	height: 98px;
	background: url(../images/nav-li.png) no-repeat;
}


#header nav ul li a{
	display: block;
	height: 100%;
	padding: 0 21px;
	color: #98766c;
	text-shadow: 0px 0px 3px rgba(255, 255, 255, 1);
	text-decoration: none;
	transition: all .3s ease;
}

#header nav ul li a:hover{
	background: rgba(255, 255, 255, .2);
	transition: all .3s ease;
}


#header .lang {
    display: block;
    position: absolute;
    width: 250px;
    height: 48px;
    top: 397px;
    right: 31px;
    line-height: 48px;
}

#header .lang .btn-lang{
	width: 110px;
	height: 48px;
	font: 21px "MyriadProCondRegular", sans-serif;
	color: #fff;
	text-align: center;
	line-height: 48px;
	text-decoration: none;
}

.btn-en {
    background: url(../images/btn-lang-en.png) no-repeat;
}

.btn-ru {
    background: url(../images/btn-lang-ru.png) no-repeat;
}

.wrapp{
	position: relative;
	width: 100%;
	min-height: 222px;
	background: url(../images/midd.png) top center repeat-y;
}

#wrapper{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	margin-top: -170px;
	min-height: 650px;
	z-index: 2;
}

#wrapper:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

#colleft{
	margin-left: 15px;
	width: 668px;
	float: left;
}

#colleft .slider{
	position: relative;
	width: 658px;
	height: 288px;
	padding: 17px 0 0 10px;
}

#colleft .slider .border{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 668px;
	height: 305px;
	background: url(../images/slider-bg.png) top left no-repeat;
}

#colleft .slider .title{
	width: 648px;
	position: absolute;
	left: 10px;
	bottom: 17px;
	height: 32px;
	background: rgba(255, 255, 255, .7);
	font: 20px "MyriadProCondRegular", sans-serif;
	color: #242727;
	text-align: center;
	line-height: 32px;
}

#colleft .slider img{
	width: 648px;
	height: 272px;
}

#colleft .content{
	position: relative;
	width: 619px;
	height: auto;
	padding: 20px;
	background: url(../images/cont-midd.png) repeat-y;
	margin: 10px auto 20px;
}

#colleft .content:before{
	position: absolute;
	top: -3px;
	left: 0;
	content: "";
	width: 659px;
	height: 3px;
	background: url(../images/cont-top.png) no-repeat;
}

#colleft .content:after{
	position: absolute;
	bottom: -3px;
	left: 0;
	content: "";
	width: 659px;
	height: 3px;
	background: url(../images/cont-bott.png) no-repeat;
}


#colleft .content .page-title{
	font: 16px "Tahoma", sans-serif;
	text-transform: uppercase;
	color: #808080;
	text-align: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-shadow: 0px 0px 3px rgba(75, 45, 35, .1);
    transition: all .3s ease;
    border-bottom: 1px solid rgba(75, 45, 35, .1);
}

#colleft .post{
	width: 100%;
}

#colleft .post:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	margin-bottom: 36px;
}

#colleft .post .img{
	float: left;
	width: 186px;
	height: 166px;
	background: url(../images/post-img.png) no-repeat;
}

#colleft .post .img img{
	width: 157px;
	height: 133px;
	margin: 17px 0 0 15px;
}


#colleft .post .message{
	float: left;
	width: 420px;
	overflow: hidden;
	margin-left: 12px;
	font-family: "Tahoma", sans-serif;
	color: #808080;
}

#colleft .post .message .title{
	font-size: 15px;
	color: #bc2600;
	padding-bottom: 6px;
}

#colleft .post .message .title a{
	color: #bc2600;
	text-decoration: underline;
}

#colleft .post .message .title a:hover{
	color: #cd3711;
	text-decoration: none;
}

#colleft .post .message a.more{
	display: block;
	margin-top: 4px;
	font-size: 10px;
	text-transform: uppercase;
	color: #605800;
	text-decoration: underline;
}

#colleft .post .message a:hover.more{
	color: #867c08;
	text-decoration: none
}

#colleft .pagination{
	font: 12px "Tahoma", sans-serif;
	color: #7a674b;
	font-weight: bold;
	text-align: center;
}


#colleft .pagination a{
	text-decoration: none;
	color: #808080;
}

#colleft .pagination a:hover{
	text-decoration: underline;
}

#colleft .pagination .prev{
	padding-right: 6px;
}

#colleft .pagination .next{
	padding-left: 6px;
}

#colleft .pagination .prev, #colleft .pagination .next{
	color: #635342;
	font-weight: normal;
}

#colleft .pagination .prev a, #colleft .pagination .next a{
	color: #635342;
	text-decoration: underline !important;
}

#colleft .pagination .prev a:hover, #colleft .pagination .next a:hover{
	text-decoration: none !important;
}


#colright{
	width: 276px;
	float: left;
	margin-left: 14px;
	margin-bottom: 40px;
}

#colright .block{
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}

#colright .block-title{
	position: relative;
	width: 279px;
	height: 84px;
	background: url(../images/block-title-style.png) no-repeat;
	text-align: center;
	font: 20px "MyriadProCondRegular", sans-serif;
	color: #d4b272;
	text-shadow: 2px 2px 2px #401D12;
	line-height: 100px;
	margin-bottom: 10px;
}

#colright .block-content{
	position: relative;
	width: 272px;
	margin: 0 auto;
}

#colright .themes{
	font: 12px "Tahoma", sans-serif;
	color: #dcc5a4;
}

#colright .themes .theme{
	text-align: center;
	width: 100%;
	height: 50px;
	background: rgba(255, 255, 255, .1);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 8px;
}

#colright .themes .theme .title{
	padding-top: 12px;
}

#colright .themes .theme .title a{
	color: #e8e8e8;
	font-style: italic;
	text-decoration: none;
	cursor: pointer;
}

#colright .themes .theme .title a:hover{
	color: #fff;
	text-decoration: underline;
}


#colright .themes .theme .info{
	color: #dcc5a4;
	font-size: 11px;
	padding-top: 2px;
}

#colright .block-server .block-content{
	margin-top: 10px;
}

#colright .block-server .block-title span, #colright .block-forum .block-title span, #colright .block-top .block-title span{
	position: absolute;
	display: block;
	width: 110px;
	height: 23px;
	left: 50%;
	margin-left: -55px;
	top: 40px;
	text-indent: -9999px;
	background: url(../images/block-title-status.png) center center no-repeat;
}

#colright .block-forum .block-title span{
	width: 114px;
	margin-left: -57px;
	background: url(../images/block-title-forum.png) center center no-repeat;
}

#colright .block-top .block-title span{
	width: 103px;
	height: 22px;
	margin-left: -51px;
	background: url(../images/block-title-top.png) center center no-repeat;
}

#colright .block-server .server{
	position: relative;
	width: 200px;
	margin: 0 auto 20px auto;
}

#colright .block-server .server:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

#colright .block-server .server2 .ico{
	background: url(../images/ico-server-2.png) no-repeat;
}

#colright .block-server .ico{
	width: 38px;
	float: left;
	height: 55px;
	background: url(../images/ico-server-1.png) no-repeat;
}

#colright .block-server .info{
	float: left;
	margin-left: 22px;
	font: 11px "Verdana", "Tahoma", sans-serif;
	color: #858585;
}

#colright .block-server .info .title{
	font: 16px "Myriad Pro", sans-serif;
	color: #eeddbc;
}

#colright .block-server .info .on{
	color: #b7c221;
}

#colright .block-server .info .off{
	color: #a10000;
}

#colright .block-server .info .count{
	color: #00FF00;
	font-weight: bold;
}

#colright .block-content:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


.status-info {
    width: 200px;
}

.status-info-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 3px;
}

.status-info-name b {
    font-weight: normal;
    color: #58c526;
}

.status-info-progress {
    height: 12px;
    width: 200px;
    background: #151214;
    padding: 4px;
    box-sizing: border-box;
}

.status-info-progress span {
    left: -93px;
    height: 4px;
    background: #b82323;
    display: block;
    box-shadow: 0px 0px 5px 1px rgba(248, 127, 127, 0.0);
    position: relative;
}

.status-info-description a {
    color: #5e5359;
    font-size: 12px;
    position: relative;
    z-index: 2;
}

.status-info-description a:hover .status-info-description-block {
    opacity: 1;
    visibility: visible;
}

.status-info-description-block {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -300px;
    z-index: 2;
    background: #1e1b1f;
    padding: 15px;
    width: 200px;
    transition: 0.4s;
}

.block-lk .block-content{
	width: 266px !important;
}

.loginvalues {
	background: rgba(255, 255, 255, .14);
	width: 100%;
	font: 12px "Times New Roman", sans-serif;
	font-style: italic;
	border: none;
	outline: none;
	color: #d3d3d3;
	padding: 8px 0;
	text-indent: 10px;
	margin-bottom: 10px;
}

.vertical-menu {
  width: 265px;
}

.vertical-menu a {
  background-color: rgba(255, 255, 255, .2);
  color: white;
  display: block;
  padding: 8px;
  border:1px solid #484848;
  text-decoration: none;
}

.vertical-menu a:hover {
  background-color: rgba(200, 200, 200, .2);
}

.vertical-menu a.active {
  background-color: rgba(160, 209, 128, .2);
  color: white;
}

.btn-submit{
	background: #929929;
	font: 15px "MyriadProCondRegular", sans-serif;
	color: #fff;
	border: none;
	outline: none;
	margin-left: 0px;
	width: 265px;
	height: 30px;
	cursor: pointer;
}

.btn-submit-Out {
	background: #c24d4d;
	font: 15px "MyriadProCondRegular", sans-serif;
	color: #fff;
	border: none;
	outline: none;
	margin-left: 0px;
	width: 265px;
	height: 30px;
	cursor: pointer;
}

.btn-submit:hover{
	background: #c4cc4b;
}
#footer{
	position: relative;
	width: 100%;
	height: 763px;
	background: url(../images/footer.png) top center no-repeat;
	margin-top: -420px;
}

#footer .copy{
	position: relative;
	font: 12px "Tahoma", sans-serif;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
}

#footer .content{
	padding-top: 680px;
	height: auto;
}

#footer .banners{
	margin-top: 10px;
}
#footer .banner{
	display: inline-block;
	margin-right: 10px;
	width: 89px;
	height: 32px;
	padding: 1px 0 0 1px;
	background: url(../images/banner.png) no-repeat;
}
	/*custom modalas **/

.custom-modal{
  position:fixed; inset:0;
  padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right))
           max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  display:flex; align-items:center; justify-content:center;
  background: radial-gradient(80% 100% at 50% 0%, rgba(0,0,0,.35), rgba(0,0,0,.65));
  backdrop-filter: blur(4px);
  z-index:9999;
  visibility:hidden; opacity:0; pointer-events:none;
}
.custom-modal.is-open{ visibility:visible; opacity:1; pointer-events:auto; }
body.custom-modal-open{ overflow:hidden; }

.custom-modal .custom-content{
  position:relative;
  width: min(680px, calc(100vw - 32px));
  max-height: min(84vh, 900px);
  display:flex; flex-direction:column;
  background: rgba(28,22,30,.92);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  box-shadow: 0 20px 60px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06);
  color:#f2f2f2;
  padding:18px 18px 14px;
}

.custom-modal .custom-head{
  display:flex; align-items:center; gap:12px; margin:2px 4px 8px;
}
.custom-modal .custom-icon{
  width: clamp(32px, 5vw, 40px); height: clamp(32px, 5vw, 40px);
  border-radius:12px; display:grid; place-items:center;
  background: rgba(217,185,4,.15); border:1px solid rgba(255,255,255,.1);
  color:#f2f2f2; flex:0 0 auto;
}
.custom-modal .custom-title{
  font-size: clamp(18px, 2.2vw, 22px);
  font-weight:800; letter-spacing:.3px; text-transform:uppercase;
}

.custom-modal .custom-close{
  position:absolute; inset:10px 10px auto auto;
  width:40px; height:40px; border-radius:12px;
  display:grid; place-items:center;
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:#fff; cursor:pointer;
}

.custom-modal .custom-body{
  color:#c9c9c9; line-height:1.55; margin:8px 2px 12px;
  overflow:auto;
  max-height: calc(84vh - 120px);
  padding-right: 4px;
}
.custom-modal .custom-body h1,
.custom-modal .custom-body h2,
.custom-modal .custom-body h3{
  margin:10px 0 6px; line-height:1.25; color:#fff;
}
.custom-modal .custom-body h1{ font-size: clamp(20px, 3.2vw, 26px); }
.custom-modal .custom-body h2{ font-size: clamp(18px, 2.6vw, 22px); }
.custom-modal .custom-body h3{ font-size: clamp(16px, 2.2vw, 19px); }
.custom-modal .custom-body p {
    margin: 8px 0;
    font-size: 11pt;
}
.custom-modal .custom-body a{ color:#d5b904; text-decoration:underline; word-break:break-word; }
.custom-modal .custom-body ul, .custom-modal .custom-body ol{ margin:8px 0 12px 18px; }
.custom-modal .custom-body li{ margin:4px 0; }

.custom-modal .custom-body blockquote{
  margin:12px 0; padding:10px 12px;
  border-left:3px solid #b9985e; background:rgba(255,255,255,.04); color:#e8e8e8;
}

.custom-modal .custom-body code{
  background:rgba(0,0,0,.35); padding:2px 6px; border-radius:6px; font-family:monospace; font-size:.95em;
}
.custom-modal .custom-body pre{
  background:rgba(0,0,0,.45); padding:10px 12px; border-radius:10px; overflow:auto;
  white-space:pre; max-width:100%;
}
.custom-modal .custom-body hr{ border:0; height:1px; background:rgba(255,255,255,.08); margin:12px 0; }

.custom-modal .custom-body table{ width:100%; border-collapse:collapse; margin:8px 0; display:block; /*overflow:auto;*/ }
.custom-modal .custom-body thead, .custom-modal .custom-body tbody, .custom-modal .custom-body tr{ display:table; width:100%; table-layout:fixed; }
.custom-modal .custom-body th, .custom-modal .custom-body td{
  padding:8px; border:1px solid rgba(255,255,255,.08); text-align:left;
}
.custom-modal .custom-body thead th{ background:rgba(255,255,255,.06); color:#fff; font-weight:700; }


.custom-modal .custom-actions{
  display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap; margin-top:4px;
}
.custom-modal .custom-btn{
  padding:12px 16px; border:none; border-radius:12px; font-weight:700; cursor:pointer;
  min-width: clamp(120px, 30%, 180px);
}
.custom-modal .custom-btn-primary{
  background: linear-gradient(135deg,#d5b904,#b9985e); color:#1b140f; box-shadow:0 6px 22px rgba(217,185,4,.25);
}
.custom-modal .custom-btn-primary:hover{ box-shadow:0 8px 28px rgba(217,185,4,.35); }
.custom-modal .custom-btn-ghost{ background: rgba(255,255,255,.06); color:#fff; border:1px solid rgba(255,255,255,.08); }
.custom-modal .custom-btn-ghost:hover{ background: rgba(255,255,255,.1); }

.custom-modal .custom-body ul {
  list-style: disc inside;
  margin-left: 1.2em;
}

.custom-modal .custom-body ol {
  list-style: decimal inside;
  margin-left: 1.2em;
}

.custom-modal .custom-body ul ul,
.custom-modal .custom-body ol ul {
  list-style: circle inside;
  margin-left: 1.2em;
}

.custom-modal .custom-body ol ol,
.custom-modal .custom-body ul ol {
  list-style: lower-alpha inside;
  margin-left: 1.2em;
}

@media (max-width: 1024px){
  .custom-modal .custom-content{
    width: min(720px, calc(100vw - 28px));
    padding:16px;
  }
}
@media (max-width: 768px){
  .custom-modal .custom-content{
    width: min(600px, calc(100vw - 24px));
  }
  .custom-modal .custom-actions{ justify-content:stretch; }
  .custom-modal .custom-btn{ flex:1 1 48%; }
}
@media (max-width: 520px){
  .custom-modal .custom-content{
    width: calc(100vw - 20px);
    border-radius:14px;
  }
  .custom-modal .custom-title{ font-size:18px; }
  .custom-modal .custom-btn{ width:100%; flex:1 0 100%; }
  .custom-modal .custom-close{ width:44px; height:44px; }
}
@media (max-width: 360px){
  .custom-modal .custom-content{ padding:14px 12px; }
  .custom-modal .custom-icon{ width:30px; height:30px; }
}

@media (prefers-reduced-motion: reduce){
  .custom-modal{ scroll-behavior:auto; }
  .custom-modal .custom-btn,
  .custom-modal .custom-content{ transition:none !important; }
}


#NMW_CMS-wings img,
#NMW_CMS-helm img,
#NMW_CMS-pendant img,
#NMW_CMS-sword img,
#NMW_CMS-armor img,
#NMW_CMS-pants img,
#NMW_CMS-gloves img,
#NMW_CMS-boots img,
#NMW_CMS-ring_left img,
#NMW_CMS-ring_right img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}