/* затемнение */
.modal-dim {
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.55);
  z-index:9998;
  opacity:0;
  transition:opacity .3s ease;
}

/* окно (прозрачное) */
.modal-center {
  display:none;
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) scale(.9);
  width:90%;
  max-width:620px;
  height:80%;
  max-height:440px;
  border:none;
  border-radius:12px;
  box-shadow:none;
  background:transparent;
  overflow:hidden;
  z-index:9999;
  opacity:0;
  transition:transform .4s cubic-bezier(.22,1,.36,1), opacity .4s ease;
}

/* содержимое (плавное проявление) */
.modal-center iframe {
  width:100%;
  height:100%;
  border:0;
  background:transparent;
  opacity:0;
  transform:scale(0.97);
  transition:opacity .6s ease, transform .6s ease;
}

/* прелоадер */
.modal-loader {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  z-index:10000;
}
.modal-spinner {
  width:44px;height:44px;
  border:3px solid rgba(152,114,33,.25);
  border-top-color:#987221;
  border-radius:50%;
  animation:spin 1s linear infinite;
}
@keyframes spin { to{transform:rotate(360deg);} }


/* состояния */
.modal-open .modal-dim { opacity:1; }
.modal-open .modal-center { opacity:1; transform:translate(-50%,-50%) scale(1); }
.modal-open .modal-center iframe.show { opacity:1; transform:scale(1); }
.modal-closing .modal-center { opacity:0; transform:translate(-50%,-50%) scale(.9); }
.modal-closing .modal-dim { opacity:0; }
body.modal-lock { overflow:hidden; }

/* ====== адаптив ====== */
/* планшеты */
@media (max-width: 1024px) {
  .modal-center{
    width:min(92vw,760px);
    height:min(88svh,560px);
    max-width:none; max-height:none;
  }
}
/* мобильные */
@media (max-width: 768px) {
  .modal-dim { background:rgba(0,0,0,0.6); }
  .modal-center{
    width:calc(100vw - 16px);
    height:calc(var(--vh, 1vh) * 100 - 24px);
    max-width:none; max-height:none;
    top:calc(env(safe-area-inset-top, 0px) + 12px);
    left:50%;
    transform:translate(-50%,0) scale(.98);
    border-radius:14px;
  }
  .modal-open .modal-center{ transform:translate(-50%,0) scale(1); }
  .modal-closing .modal-center{ transform:translate(-50%,0) scale(.98); }
}
/* очень маленькие экраны = фуллскрин */
@media (max-width: 380px), (max-height: 560px) {
  .modal-center{
    width:100vw;
    height:calc(var(--vh, 1vh) * 100);
    border-radius:0;
  }
}




.mw-five-years-wrap{position:relative;height:0}
.mw-five-years{position:absolute;top:10px;right:120px;width:200px;height:200px;z-index:9999;transform:translateY(-220px);opacity:0;animation:mwSlideDown 1s ease-out .3s forwards}
.mw-five-years img{display:block;width:100%;height:100%}
@keyframes mwSlideDown{from{transform:translateY(-220px);opacity:0}to{transform:translateY(0);opacity:1}}
@media (min-width:1200px){.mw-five-years{width:200px;height:200px;right:120px}}
@media (max-width:1199px) and (min-width:768px){.mw-five-years{width:150px;height:150px;right:60px}}
@media (max-width:767px){.mw-five-years{width:100px;height:100px;right:10px;top:5px}}



.weaponch{
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
	color : #333333;
	font-size : 12px;
}
#stooltipmsg {left:-400px; max-width: 400px;}
.stooltip {
  position: absolute; width: auto; z-index: 10000; background: transparent !important;
  min-width: 30px; min-height: 0px;
}
#stooltiptext {
  padding: 0px 10px;
  font: 11px tahoma; text-align: left;
}
.bg-fixed,.bg-abs,.bg-dragons{width:100%;height:100%;min-height:100%;top:0px;left:0;background-attachment:fixed;background-repeat: no-repeat;}
.bg-fixed{position:fixed;z-index:-1;}
.bg-dragons{background: black url("/image/bg-dragons.jpg");background-position:center 0px;}
#stooltip_e1 {position: absolute;display: block; width: 43px; height: 43px; background: url(/css/system/hint_cul.png) no-repeat center center;top: -8px;left: -8px;}
#stooltip_e2 {position: absolute;display: block; width: 43px; height: 43px; background: url(/css/system/hint_cur.png) no-repeat center center;top: -8px;right: -8px;}
#stooltip_e3 {position: absolute;display: block; width: 43px; height: 43px; background: url(/css/system/hint_cdl.png) no-repeat center center;bottom: -8px;left: -8px;}
#stooltip_e4 {position: absolute;display: block; width: 43px; height: 43px; background: url(/css/system/hint_cdr.png) no-repeat center center;bottom: -8px;right: -8px;}
#stooltip_e5 {border: 1px #f5e7ad solid;}
#stooltip_e6 {margin: 0px; padding: 5px 7px; background: url(/css/system/hintbg.png) repeat;border: 1px #946e25 solid;}

#tooltip{background:#fff;border:1px solid #999;color:#333;font: 12px Tahoma;margin:0px;padding:3px 5px;position:absolute;visibility:hidden;z-index:9999999;}

.fplas
{
       FONT-FAMILY: Verdana, Tahoma, Arial;
       FONT-SIZE: 8px;
       TEXT-DECORATION: none;
       COLOR: #888888;
}



.tesbt{
font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	text-decoration : none;
	color : #333333;
	font-size : 10px
}


.kp-main-tittlee{left:500px;top:15}
.kp-main-tittle{left:-2px;top:-5}



body {
      font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
      }
	  
.prisob{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : none;
	color : #ffffff;
	background-color:red;
}
.nicknamer{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 12px;
	text-decoration : none;
	color : #222222;
}


   .rightpics {
    float: center; /* Выравнивание по правому краю */
    margin: 50px 25px 5px 50px; /* Отступы вокруг фотографии */