#butik {
  position: relative;
  cursor: pointer;
  text-align: center;
  background-color: #3BA4C7;
  font: bold 14px Arial, Helvetica, sans-serif;
  margin: 10px;
  padding: 6px 18px;
}
#butik:hover {
  color: red;
}


 .beauty-rotate {
  width: 115px;
  height: 255px;
 
  overflow: hidden;
  -webkit-transition: all 1.1s ease;
          transition: all 1.1s ease;
} 
.beauty-rotate:hover {
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.grey-image {
    filter: grayscale(1); /* Черно-белый фильтр для изображения */
    transition: 1s; /* Время изменения цвета изображения */
}
.grey-image:hover {
    filter: grayscale(0); /* Цветное изображение при наведении */
}

/* Меню левый блок */
table.infoblocks .chars {
    margin-top: 74px;
}
table.infoblocks {
    position: relative;
}
.tabs_title_blocks {
    left: -18px;
    top: 12px;
    position: absolute;
}
.tabs_title_blocks>div {
    background: url("/image/pinfo/menu_for_info.png") no-repeat;
    background-position: 0 -32px;
    width: 272px;
    height: 32px;
    color: #676565;
    font-size: 11px;
    font-family: Tahoma, sans-serif;
    font-weight: bold;
    line-height: 28px;
    padding-left: 32px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    margin-bottom: -6px;
    cursor: pointer;
}
.tabs_title_blocks>div:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 2px;
    width: 22px;
    height: 22px;
    background: url("/image/pinfo/menu_iconss.png") no-repeat;
}
.tabs_title_blocks>div:nth-child(1):before {
    background-position: 0 -22px;
}
.tabs_title_blocks>div:hover:nth-child(1):before,
.tabs_title_blocks>div.active:nth-child(1):before {
    background-position: 0 0;
}
.tabs_title_blocks>div:nth-child(2):before {
    background-position: -22px -22px;
}
.tabs_title_blocks>div:hover:nth-child(2):before,
.tabs_title_blocks>div.active:nth-child(2):before {
    background-position: -22px 0;
}
.tabs_title_blocks>div:nth-child(3):before {
    background-position: -44px -22px;
}
.tabs_title_blocks>div:hover:nth-child(3):before,
.tabs_title_blocks>div.active:nth-child(3):before {
    background-position: -44px 0;
}

.tabs_title_blocks>div:nth-child(4):before {
    background-position: -66px -22px;
}
.tabs_title_blocks>div:hover:nth-child(4):before,
.tabs_title_blocks>div.active:nth-child(4):before {
    background-position: -66px 0;
}
.tabs_title_blocks>div:hover {
    color: #fff;
}
.tabs_title_blocks>div.active {
    background-position: 0 0;
    color: #fff;
    z-index: 2;
}



.petrs {position:absolute; width:412px; height:77px; margin-top: -1px; margin-left: -190px; background:  url(/img/nyy7.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.petrse {position:absolute; width:412px; height:77px; margin-top: 25px; margin-left: -190px; background:  url(/image/1x1.gif) no-repeat; font:bold 12px/28px Verdana; color:#000; text-align:center;}
 

.btn_pres{text-decoration:none;width:132px;height:47px;
background-image:url(//img.ereality.ru/d2009/btn_pres.png);
background-repeat:no-repeat;
display:block;
padding:0;
margin:0;
border:none;
outline:0;
font-family:verdana;
font-size:11px;
color:#cf0000}a:hover
.btn_pres{text-decoration:none;background-position:0 -47px}div.pc{cursor:pointer;padding:14px 0 0 71px;width:40px;text-align:center}div#char_frm{position:absolute;right:10px;bottom:50px}div.content_bg{position:absolute;top:14px;left:14px;background-color:#d7d7d7;width:798px;height:376px}#content{width:779px;background-color:#d7d7d7;word-wrap:break-word;overflow-x:hidden;padding:10px;padding-top:20px}

#presentss{margin-left:10px;width:720px;padding:0}#presentss img{display:inline;margin:0;padding:0}div.params,div.rating{width:170px;height:323px;position:absolute;top:22px}div


.img_progress {
    opacity: 0.3;
}
.img_progress2 {
    opacity: 1;
}	


.infoblock23 .top_left_left{position:absolute; width:64px; height:57px; margin-top:-4px; margin-left:-25px; background:  url(/image/pinfo/infoblock_top_left.png) no-repeat;}
.infoblock23 .top_right_left{position:absolute; width:34px; height:18px; margin-top:-5px; margin-left:-10px; background:  url(/image/pinfo/infoblock_top_right.png) no-repeat;}
.infoblock23 .top_name_left{position:absolute; width:135px; height:19px; margin-top:-6px; margin-left:75px; background:  url(/image/pinfo/infoblock_top_name.png) no-repeat; font:bold 11px/18px Verdana; color:#e5e5e5; text-align:center;}

.infoblock23 .left{width:12px; background: url(/image/pinfo/infoblock_left.png) no-repeat 1px top;}
.infoblock23 .center{width:12px; background: url(/image/pinfo/infoblock_center.png) repeat-x top;}
.infoblock23 .right{width:11px; background: url(/image/pinfo/infoblock_right.png) no-repeat -1px top;}
.infoblock23 .layer{width:11px; width:11px; background: url(/image/pinfo/infoblock_layer_middle.png) repeat-y 0 23px;}
.infoblock23 .layer div{height:23px;background: url(/image/pinfo/infoblock_layer_top.png) no-repeat;}
.infoblock23 .bot_left {height:7px; background: url(/image/pinfo/infoblock_left_bot.png) no-repeat 1px top;}
.infoblock23 .bot_center {background: url(/image/pinfo/infoblock_center_bot.png) repeat-x;}
.infoblock23 .bot_right {background: url(/image/pinfo/infoblock_right_bot.png) no-repeat -1px 0;}
.infoblock23 .bot_layer{background: url(/image/pinfo/infoblock_layer_bot.png) no-repeat;}


.infoblock23 .chars{padding: 15px 15px 10px 10px;}
.infoblock23 .chars .char_item {height:23px;}
.infoblock23 .chars .char_item div{float:left; color:#e5e5e5; font:bold 11px/22px Verdana;}
.infoblock23 .chars .char_item span{float:right; color:#d7d7d7; font: 12px/22px Verdana;}
.infoblock23 .chars .char_item b{color:#FFFFFF;}
.infoblock23 .chars .char_item span.tb{width:100px;}
.infoblock23 .chars .char_item span.tb b{ float:left}
.infoblock23 .chars .char_item u{text-decoration:none; float:right}

.infoblock23 .info_text{padding: 5px 10px 0px 10px;}
.infoblock23 .info_text .line_text {color:#b8b8b8; font: 13px Verdana; margin:3px 0;}
.infoblock23 .info_text .line_text strong{color:#dcdcdc; font-weight:bold;}
.infoblock23 .info_text .line_text b{color:#FFFFFF; font-weight:bold;}

.infoblock23 .chars .char_items {height:23px;}
.infoblock23 .chars .char_items div{float:left; color:#e5e5e5; font:bold 11px/22px Verdana;}
.infoblock23 .chars .char_items span{float:right; color:#d7d7d7; font: 12px/22px Verdana;}
.infoblock23 .chars .char_items b{color:#FFFFFF;}
.infoblock23 .chars .char_items span.tb{width:150px;}
.infoblock23 .chars .char_items span.tb b{ float:left}
.infoblock23 .chars .char_items u{text-decoration:none; float:center}


.ftimes { font-size: 10px; color: #6b6b6b; }

.infoblock .chars{padding: 20px 10px 10px 10px;}
.infoblock .chars .char_itemm {height:23px;}
.infoblock .chars .char_itemm div{float:left; color:#e5e5e5; font:bold 11px/22px Verdana;}
.infoblock .chars .char_itemm span{float:right; color:#d7d7d7; font: 13px/22px Verdana;}
.infoblock .chars .char_itemm b{color:#FFFFFF;}
.infoblock .chars .char_itemm span.tb{width:130px;}
.infoblock .chars .char_itemm span.tb b{ float:left}
.infoblock .chars .char_itemm u{text-decoration:none; float:center}	  


.infoblock .chars .char_itemme {height:23px;}
.infoblock .chars .char_itemme div{float:left; color:#e5e5e5; font:bold 11px/22px Verdana;}
.infoblock .chars .char_itemme span{float:right; color:#d7d7d7; font: 13px/22px Verdana;}
.infoblock .chars .char_itemme b{color:#FFFFFF;}
.infoblock .chars .char_itemme span.tb{width:100px;}
.infoblock .chars .char_itemme span.tb b{ float:left}
.infoblock .chars .char_itemme u{text-decoration:none; float:right}	  


.infoblock .chars .char_itemmet {height:23px;}
.infoblock .chars .char_itemmet div{float:left; color:#e5e5e5; font:bold 16px/22px Verdana;}
.infoblock .chars .char_itemmet span{float:right; color:#d7d7d7; font: 16px/22px Verdana;}
.infoblock .chars .char_itemmet b{color:#FFFFFF;}
.infoblock .chars .char_itemmet span.tb{width:100px;}
.infoblock .chars .char_itemmet span.tb b{ float:left}
.infoblock .chars .char_itemmet u{text-decoration:none; float:right}	  


.dop1 {position:absolute; width:96px; height:86px; margin-top: 1px; margin-left: -120px; background:  url(/img/dop133.png) no-repeat; font:bold 11px/28px Verdana; color:#d7d7d7;}
.dop2 {position:absolute; width:87px; height:26px; margin-top: 1px; margin-left:  10px; background:  url(/img/tes80.png) no-repeat; font:bold 11px/28px Verdana; color:#d7d7d7;}
.dop3 {position:absolute; width:87px; height:26px; margin-top: 30px; margin-left:  10px; background:  url(/img/tes81.png) no-repeat; font:bold 11px/28px Verdana; color:#d7d7d7;}


.dop4 {position:absolute; width:87px; height:26px; margin-top: 60px; margin-left: 10px; background:  url(/img/tes82.png) no-repeat; font:bold 11px/28px Verdana; color:#d7d7d7;}
.gov1 {position:absolute; width:87px; height:26px; margin-top: 90px; margin-left: 10px; background:  url(/img/gov1.png) no-repeat; font:bold 11px/28px Verdana; color:#d7d7d7;}
.gov2 {position:absolute; width:87px; height:26px; margin-top: 90px; margin-left: 10px; background:  url(/img/gov2.png) no-repeat; font:bold 11px/28px Verdana; color:#d7d7d7;}
.gov3 {position:absolute; width:87px; height:26px; margin-top: 90px; margin-left: 10px; background:  url(/img/gov3.png) no-repeat; font:bold 11px/28px Verdana; color:#d7d7d7;}
.gov4 {position:absolute; width:87px; height:26px; margin-top: 90px; margin-left: 10px; background:  url(/img/gov4.png) no-repeat; font:bold 11px/28px Verdana; color:#d7d7d7;}
.gov5 {position:absolute; width:87px; height:26px; margin-top: 90px; margin-left: 10px; background:  url(/img/gov5.png) no-repeat; font:bold 11px/28px Verdana; color:#d7d7d7;}
.gov6 {position:absolute; width:87px; height:26px; margin-top: 90px; margin-left: 10px; background:  url(/img/gov6.png) no-repeat; font:bold 11px/28px Verdana; color:#d7d7d7;}




.dop6 {position:absolute; width:96px; height:27px; margin-top: 90px; margin-left: -120px; background:  url(/img/tepor.png) no-repeat; font:bold 11px/28px Verdana; color:#d7d7d7;}


.cls {position:absolute; width:26px; height:23px; margin-top: -30px; margin-left: 780px; background:  url(/image/1x1.gif) no-repeat; font:bold 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}
.cls2 {position:absolute; width:26px; height:23px; margin-top: -30px; margin-left: 680px; background:  url(/image/1x1.gif) no-repeat; font:bold 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}

.cls4 {position:absolute; width:26px; height:23px; margin-top: -30px; margin-left: 780px; background:  url(/image/1x1.gif) no-repeat; font:bold 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}


.cls3 {position:absolute; width:26px; height:23px; margin-top: -260px; margin-left: 350px; background:  url(/image/1x1.gif) no-repeat; font:bold 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}

.mers_d {position:absolute; width:303px; height:37px; margin-top: -40px; margin-left: 200px; background:  url(/img/mercs.png) no-repeat; font:bold 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}
.mers_none {position:absolute; width:303px; height:37px; margin-top: 120px; margin-left: 200px; background:  url(/image/1x1.gif) no-repeat; font:bold 24px/42px Verdana; color:00000; text-shadow: 00000 0px 0px 0px, 00000 0px 0px 4px, 00000 0px 4px 4px;}

.mers {position:absolute; width:303px; height:37px; margin-top: 1px; margin-left: -150px; background:  url(/img/mercs.png) no-repeat; font:bold 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}
.mers1 {position:absolute; width:303px; height:37px; margin-top: 50px; margin-left: -150px; background:  url(/img/mercs.png) no-repeat; font:normal 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}
.mers2 {position:absolute; width:303px; height:37px; margin-top: 100px; margin-left: -150px; background:  url(/img/mercs.png) no-repeat; font:normal 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}
.mers3 {position:absolute; width:303px; height:37px; margin-top: 150px; margin-left: -150px; background:  url(/img/mercs.png) no-repeat; font:normal 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}
.mers4 {position:absolute; width:303px; height:37px; margin-top: 200px; margin-left: -150px; background:  url(/img/mercs.png) no-repeat; font:normal 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}
.mers5 {position:absolute; width:303px; height:37px; margin-top: 250px; margin-left: -150px; background:  url(/img/mercs.png) no-repeat; font:normal 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}
.mers6 {position:absolute; width:303px; height:37px; margin-top: 300px; margin-left: -150px; background:  url(/img/mercs.png) no-repeat; font:normal 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}


.tog0 {position:absolute; width:118px; height:115px; margin-top: 120px; margin-left: -780px; background:  url(/img/new_s1.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.tog1 {position:absolute; width:118px; height:115px; margin-top: 120px; margin-left: -780px; background:  url(/img/new_s2.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.tog2 {position:absolute; width:155px; height:138px; margin-top: 120px; margin-left: -810px; background:  url(/img/new_s3.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.tog3 {position:absolute; width:162px; height:166px; margin-top: 120px; margin-left: -810px; background:  url(/img/new_s4.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
 
	
.fog0 {position:absolute; width:118px; height:115px; margin-top: 325px; margin-left: -610px; background:  url(/img/new_t1.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.fog1 {position:absolute; width:118px; height:115px; margin-top: 325px; margin-left: -610px; background:  url(/img/new_t2.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.fog2 {position:absolute; width:118px; height:115px; margin-top: 325px; margin-left: -610px; background:  url(/img/new_t3.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.fog3 {position:absolute; width:118px; height:115px; margin-top: 325px; margin-left: -610px; background:  url(/img/new_t4.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
	
.pok0 {position:absolute; width:146px; height:115px; margin-top: 325px; margin-left: -480px; background:  url(/img/new_g1.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.pok1 {position:absolute; width:139px; height:119px; margin-top: 325px; margin-left: -480px; background:  url(/img/new_g2.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.pok2 {position:absolute; width:162px; height:128px; margin-top: 325px; margin-left: -480px; background:  url(/img/new_g3.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.pok3 {position:absolute; width:171px; height:130px; margin-top: 325px; margin-left: -480px; background:  url(/img/new_g4.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
	
.mok0 {position:absolute; width:184px; height:179px; margin-top: 130px; margin-left: -350px; background:  url(/img/b1.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.mok1 {position:absolute; width:184px; height:179px; margin-top: 130px; margin-left: -350px; background:  url(/img/b1.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.mok2 {position:absolute; width:184px; height:179px; margin-top: 130px; margin-left: -350px; background:  url(/img/b1.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}

.nog0 {position:absolute; width:178px; height:150px; margin-top: 50px; margin-left: -650px; background:  url(/img/nog1.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.nog1 {position:absolute; width:178px; height:150px; margin-top: 50px; margin-left: -650px; background:  url(/img/nog2.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.nog2 {position:absolute; width:178px; height:179px; margin-top: 50px; margin-left: -650px; background:  url(/img/nog3.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.nog3 {position:absolute; width:178px; height:150px; margin-top: 50px; margin-left: -650px; background:  url(/img/nog4.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}

.nom1 {position:absolute; width:184px; height:179px; margin-top: 350px; margin-left: -150px; background:  url(/img/1m.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.nom2 {position:absolute; width:184px; height:179px; margin-top: 350px; margin-left: -150px; background:  url(/img/2m.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.nom3 {position:absolute; width:184px; height:179px; margin-top: 350px; margin-left: -150px; background:  url(/img/3m.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.nom4 {position:absolute; width:184px; height:179px; margin-top: 350px; margin-left: -150px; background:  url(/img/4m.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.nom5 {position:absolute; width:184px; height:179px; margin-top: 350px; margin-left: -150px; background:  url(/img/5m.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.nom6 {position:absolute; width:184px; height:179px; margin-top: 350px; margin-left: -150px; background:  url(/img/6m.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.nom7 {position:absolute; width:184px; height:179px; margin-top: 350px; margin-left: -150px; background:  url(/img/7m.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.nom8 {position:absolute; width:184px; height:179px; margin-top: 350px; margin-left: -150px; background:  url(/img/8m.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.nom9 {position:absolute; width:184px; height:179px; margin-top: 350px; margin-left: -150px; background:  url(/img/9m.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.nom10 {position:absolute; width:184px; height:179px; margin-top: 350px; margin-left: -150px; background:  url(/img/10m.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}

.nos1 {position:absolute; width:104px; height:178px; margin-top: 350px; margin-left: 50px; background:  url(/img/znam1.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.nos2 {position:absolute; width:104px; height:178px; margin-top: 350px; margin-left: 50px; background:  url(/img/znam2.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.nos3 {position:absolute; width:104px; height:178px; margin-top: 350px; margin-left: 50px; background:  url(/img/znam3.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.nos4 {position:absolute; width:104px; height:178px; margin-top: 350px; margin-left: 50px; background:  url(/img/znam4.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.nos5 {position:absolute; width:104px; height:178px; margin-top: 350px; margin-left: 50px; background:  url(/img/znam5.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}



.namei_1 {position:absolute; width:303px; height:37px; margin-top: -25px; margin-left: 1px; background:  url(/img/mercs.png) no-repeat; font:normal 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}
.namei_2 {position:absolute; width:303px; height:37px; margin-top: 15px; margin-left: 1px; background:  url(/img/mercs.png) no-repeat; font:normal 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}
.namei_3 {position:absolute; width:303px; height:37px; margin-top: 55px; margin-left: 1px; background:  url(/img/mercs.png) no-repeat; font:normal 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}
.namei_4 {position:absolute; width:303px; height:37px; margin-top: 95px; margin-left: 1px; background:  url(/img/mercs.png) no-repeat; font:normal 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}
.namei_5 {position:absolute; width:303px; height:37px; margin-top: 135px; margin-left: 1px; background:  url(/img/mercs.png) no-repeat; font:normal 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}
.namei_6 {position:absolute; width:303px; height:37px; margin-top: 175px; margin-left: 1px; background:  url(/img/mercs.png) no-repeat; font:normal 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}
.namei_7 {position:absolute; width:303px; height:37px; margin-top: 215px; margin-left: 1px; background:  url(/img/mercs.png) no-repeat; font:normal 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}
.namei_8 {position:absolute; width:303px; height:37px; margin-top: 255px; margin-left: 1px; background:  url(/img/mercs.png) no-repeat; font:normal 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}
.namei_10 {position:absolute; width:303px; height:37px; margin-top: 335px; margin-left: -193px; background:  url(/img/mercs.png) no-repeat; font:normal 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}
.namei_11 {position:absolute; width:303px; height:37px; margin-top: 295px; margin-left: 1px; background:  url(/img/mercs.png) no-repeat; font:normal 11px/42px Verdana; color:00000; text-shadow: #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px, #e5e5e5 0px 0px 0px;}
.namei_12 {position:absolute; width:303px; height:37px; margin-top: 15px; margin-left: 422px; background:  url(/image/1x1.gif) no-repeat;}


.thotem{position:absolute; width:446px; height:85px; margin-top: -100px; margin-left: -220px; background:  url(/img/sken1.png) no-repeat; font:bold 10px/32px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}

.totem1{position:absolute; width:52px; height:54px; margin-top: 8px; margin-left: -153px; background:  url(/image/1x1.gif) no-repeat; font:bold 10px/32px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.totem2{position:absolute; width:52px; height:54px; margin-top: 8px; margin-left: -90px; background:  url(/image/1x1.gif) no-repeat; font:bold 10px/32px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.totem3{position:absolute; width:52px; height:54px; margin-top: 8px; margin-left: -27px; background:  url(/image/1x1.gif) no-repeat; font:bold 10px/32px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.totem4{position:absolute; width:52px; height:54px; margin-top: 8px; margin-left: 36px; background:  url(/image/1x1.gif) no-repeat; font:bold 10px/32px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.totem5{position:absolute; width:52px; height:54px; margin-top: 8px; margin-left: 99px; background:  url(/image/1x1.gif) no-repeat; font:bold 10px/32px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}

.reyn_pet{position:absolute; width:339px; height:319px; margin-top: 1px; margin-left: 50px; background:  url(/img/test.png) no-repeat; font:bold 10px/32px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.reyn_pet2{position:absolute; width:339px; height:319px; margin-top: 1px; margin-left: 50px; background:  url(/img/test2.png) no-repeat; font:bold 10px/32px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.reyn_pet3{position:absolute; opacity: 1; width:339px; height:319px; margin-top: 1px; margin-left: 15px; background:  url(/img/test2.png) no-repeat; font:bold 10px/32px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}

.reyn_pet_text{position:absolute; width:280px; height:40px; margin-top: 320px; margin-left: 450px; background:  url(/image/1x1.gif) no-repeat; font:bold 11px/32px Verdana; color:yellow; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
}

.reyn_pet_text2{position:absolute; width:280px; height:40px; margin-top: 130px; margin-left: 505px; background:  url(/image/1x1.gif) no-repeat; font:bold 14px/32px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;

	font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
  font-size: 4.0em;
  color: #fff;
  letter-spacing: 0px;
  
  text-transform: uppercase;
  animation: blur 1.1s ease-out infinite;
  text-shadow: 0px 0px 0px black, 0px 0px 0px black;

}

.reyn_pet_text3{position:absolute; width:280px; height:40px; margin-top: 130px; margin-left: 139px; background:  url(/image/1x1.gif) no-repeat; font:bold 14px/32px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;

	font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
  font-size: 4.0em;
  color: #fff;
  letter-spacing: 0px;
  
  text-transform: uppercase;
  animation: blur 1.1s ease-out infinite;
  text-shadow: 0px 0px 0px black, 0px 0px 0px black;

}


@keyframes blur {
  from {
    text-shadow:0px 0px 0px #fff,
      0px 0px 10px #fff, 
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #fff,
      0px 0px 150px #fff,
      0px 10px 100px #fff,
      0px 10px 100px #fff,
      0px 10px 100px #fff,
      0px 10px 100px #fff,
      0px -10px 100px #fff,
      0px -10px 100px #fff;
  }
}

ul.btn-control.main{margin:15;padding:0;list-style:none;padding-right:10px}ul.btn-control.main li{margin-bottom:4px}.btn{display:inline-block;font-family:MS Sans Serif;font-size:12px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;line-height:10px\0/}.btn-control.inventory{padding-right:10px}.btn-control.inventory input.btn{margin-bottom:4px}input.btn{min-height:19px;border:0;margin:0;line-height:10px;color:#000;padding:0;padding-top:1px}.button-big{padding-top:4px;cursor:pointer;width:180px;height:15px;font-size:10px;background:url(https://i.oldbk.com/i/frendlist/button_cp_exit_sprite.jpg) 0 -19px}.button-big.submit{cursor:default;width:180px;height:16px;font-size:12px;font-weight:700;padding-top:3px}.button-big:hover{background:url(https://i.oldbk.com/i/frendlist/button_cp_exit_sprite.jpg) 0 -38px}.button-big:active,.button-big.active{background:url(https:://i.oldbk.com/i/frendlist/button_cp_exit_sprite.jpg) 0 0}.text-head{font-weight:700;font-size:12pt;color:#8f0000;font-family:Arial;}

.button-mid{padding-top:4px;cursor:pointer;width:200px;height:15px;font-family: Verdana, Geneva, sans-serif; font-size:10px; color:#383434;background:url(/img/fonisp.png) no-repeat 0 -19px}

.button-mid:hover{background:url(/img/fonisp.png) 0 -38px}.button-mid:active,.button-mid.active{background:url(/img/fonisp.png) 0 0}.button-dark-mid{padding-top:4px;cursor:default;width:75px;height:15px;font-size:10px;background:url(https://i.oldbk.com/i/buttons/darkButton_mid_Sprite.jpg) no-repeat 0 -19px}.button-dark-mid:hover{background:url(https://i.oldbk.com/i/buttons/darkButton_mid_Sprite.jpg) 0 -38px}.button-dark-mid:active,.button-dark-mid.active{background:url(https://i.oldbk.com/i/buttons/darkButton_mid_Sprite.jpg) 0 0}


.button-mids{padding-top:5px;cursor:pointer;width:190px;height:221px;font-size:11px;font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;background:url(/img/border_quest_avatar.png) no-repeat 0 -19px}



.img_progress {
    opacity: 0.3;
}
.img_progress2 {
    opacity: 1;
} 


#effectsr{margin:10px 0 0 23px; position:absolute; width:301px;}
#effectsr img{float:left;margin:0 6px 0 0; vertical-align:middle; margin-bottom:5px;}
#effectsrs{margin:0px 0 0 0px; position:auto; width:291px}

.top_left_righte{position:absolute; width:64px; height:18px; margin-top:-6px; margin-left:-12px; background:  url(/image/pinfo/infoblock_top_right_right.png) no-repeat;}





.ket2 {
background: url("/img/pinf//block.png") no-repeat;
    width: 296px;
    height: 389px;
    text-align: center;
    margin: -27px 0 0 29px;
    position: relative;
    box-sizing: border-box;
    padding: 39px 20px 25px 22px;
    overflow: hidden;
    z-index: 1;
}


.zel {position:absolute; width:96px; height:25px; margin-top: -90px; margin-left: -48px; background:  url(/image/1x1.gif) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.run {position:absolute; width:126px; height:25px; margin-top: -120px; margin-left: -65px; background:  url(/image/1x1.gif) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.tok {position:absolute;width:auto; height:auto;  margin-top: -200px; margin-left: -65px; background:  url(/image/1x1.gif) no-repeat;}
.tok2 {position:absolute;width:auto; height:auto;  margin-top: -100px; margin-left: -65px; background:  url(/image/1x1.gif) no-repeat;}




.div{position:relative;height:16px; margin:20px 0; text-align:center;}
.div .div_blocks{display:-moz-inline-stack;display:inline-block;_overflow:hidden;  zoom:1;*display:inline;height:16px;background: url(/image/pinfo/div_left.jpg) no-repeat; padding-left:52px;margin:-350px 0;}
.div .div_rights{height:16px;background: url(/image/pinfo/div_right.jpg) no-repeat right; padding-right:52px;}
.div .div_gr{height:16px;background: url(/image/pinfo/div_gr.jpg) repeat-x; width:600px; text-align:center;}
.div .div_centers{display:-moz-inline-stack;display:inline-block;_overflow:hidden;  zoom:1;*display:inline;height:16px;background: url(/image/pinfo/div_center.jpg) repeat-x; width:297px;}
.div .div_center3{display:-moz-inline-stack;display:inline-block;_overflow:hidden;  zoom:1;*display:inline;height:16px;background: url(/image/pinfo/div_center2.jpg) repeat-x; width:277px;}

.presentsr{padding-top:15px; padding-left:22px; overflow:hidden; text-align:left;margin:-100px 0;}
.presentsr img{margin-bottom:10px; margin-right:7px;margin:-100px 0;}

/* Центральный блок */
#top_username>div>div {
    display: none;
}
#top_username>div>div:first-child {
    display: block;
}
.character_info_center_block {
    width: 360px;
    margin: 77px auto 0;
}
.character_info_center_block .top_block {
    position: relative;
    background: url(/img/pinf//center_info_top_center.png) no-repeat scroll 51px 0;
    width: 100%;
    height: 37px;
}
.character_info_center_block .top_block:before,
.character_info_center_block .top_block:after {
    content: "";
    position: absolute;
    top: 0;
}
.character_info_center_block .top_block:before {
    left: -1px;
    background: url(/img/pinf//center_info_top_left.png) no-repeat scroll 0 0;
    width: 52px;
    height: 78px;
}
.character_info_center_block .top_block:after {
    right: 2px;
    background: url(/img/pinf//center_info_top_right.png) no-repeat scroll 0 0;
    width: 54px;
    height: 81px;
}
.character_info_center_block .middle_block {
    background: url("/img/pinf/block_new.png") no-repeat;
    width: 296px;
    height: 389px;
    text-align: center;
    margin: -27px 0 0 29px;
    position: relative;
    box-sizing: border-box;
    padding: 39px 20px 25px 22px;
    overflow: hidden;
    z-index: 1;
}
.character_info_center_block .middle_block .character_tab_content {
    display: none;
}
.character_info_center_block .middle_block .character_tab_content:first-child {
    display: block;
}
.character_info_center_block .character_things_block {
    float: left;
    width: 62px;
    min-height: 100px;
    margin-top: 9px;
}
.character_info_center_block .character_things_block:last-child {
    margin-top: -11px;
}
.character_info_center_block .character_things_block img {
    display: block;
    float: left;
}
.character_info_center_block .character_avatar_block {
    float: left;
    width: 125px;
    text-align: center;
    margin: 0 2px;
}
.character_info_center_block .character_avatar_block .avatar_block {
    height: 275px;
    margin-top: 11px;
}
.character_info_center_block .character_avatar_block .avatar_block img {
    max-width: 100%;
    max-height: 100%;
}
.character_info_center_block .character_avatar_block .things_slots {
    text-align: center;
    height: 31px;
    margin-top: 6px;
}
.character_info_center_block .character_avatar_block .things_slots img {
    float: left;
    display: block;
}
.character_info_center_block .character_avatar_block .things_slots p {
    color: #E5E5E5;
    font-size: 11px;
    font-family: Tahoma, sans-serif;
    font-weight: bold;
    margin: 0;
    line-height: 25px;
}
.character_info_center_block .character_hp_block,
.character_info_center_block .character_mp_block {
    position: absolute;
    width: 11px;
    top: 90px;
}
.character_info_center_block .character_hp_block {
    left: 3px;
    background: url("/img/pinf//hp2.png") no-repeat center bottom;
}
.character_info_center_block .character_mp_block {
    right: 2px;
    background: url("/img/pinf//mp2.png") no-repeat center bottom;
}
.character_info_center_block .character_info_bottom {
    position: absolute;
    left: 0;
    bottom: 11px;
    width: 100%;
    height: 12px;
    color: #FFFFFF;
    font-size: 10px;
    text-align: center;
}
.character_info_center_block .character_info_bottom .hp {
    position: absolute;
    width: 90px;
    left: 25px;
}
.character_info_center_block .character_info_bottom .mp {
    position: absolute;
    width: 90px;
    right: 20px;
}

.character_info_center_block .bottom_block {
    position: relative;
    width: 100%;
    height: 73px;
    background: url(/img/pinf//center_info_bot_center.png) no-repeat 51px 0;
    margin-top: -11px;
    text-align: center;
}
.character_info_center_block .bottom_block:before,
.character_info_center_block .bottom_block:after {
    content: "";
    position: absolute;
    top: -8px;
    height: 81px;
}
.character_info_center_block .bottom_block:before {
    left: -1px;
    background: url(/img/pinf//center_info_bot_left.png);
    width: 52px;
}
.character_info_center_block .bottom_block:after {
    right: 2px;
    background: url(/img/pinf//center_info_bot_right.png);
    width: 54px;
}
.character_info_center_block .bottom_content_block {
    padding: 0 15px;
    text-align: center;
    position: relative;
    color: #484848;
    font-size: 11px;
    box-sizing: border-box;
    z-index: 1;
    top: 8px;
    display: inline-block;
}
.character_info_center_block .bottom_content_block>div {
    background: url(/img/pinf//text_block_center.png) repeat-x scroll 0 0;
    min-width: 290px;
    max-width: 350px;
    height: 56px;
    padding: 13px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.character_info_center_block .bottom_content_block:before,
.character_info_center_block .bottom_content_block:after {
    content: "";
    position: absolute;
    top: 0;
    width: 15px;
    height: 56px;
}
.character_info_center_block .bottom_content_block:before {
    left: 0;
    background: url(/img/pinf//text_block_left.png) no-repeat scroll left top;
}
.character_info_center_block .bottom_content_block:after {
    right: 0;
    background: url(/img/pinf//text_block_right.png) no-repeat scroll left top;
}



/* Доработка рамок в infoblock */
.infoblock .center:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url("/img/pinf/c2.png") repeat center top;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.infoblock .left:before,
.infoblock .right:before {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 0;
    width: 100%;
    z-index: -1;
}
.infoblock .left:before {
    left: 1px;
    background: url("/img/pinf/l2.png") repeat;
}
.infoblock .right:before {
    left: -1px;
    background: url("/img/pinf/p2.png") repeat;
}



/* стили основного контейнера слайдера */
    .sslider {
      overflow: hidden;
      
      
    }

    

    /* стили для контейнера слайдов */
    .sslider__items {
      display: flex;
      transition: transform 0.6s ease;
    }

    /* стили для слайдов */
    .sslider__item {
      flex: 0 0 100%;
      max-width: 100%;
    }

    /* стили для кнопок "вперед" и "назад" */
    .sslider__control {
      position: absolute;
	  top: 41%; 
      width: 38px; 
	  
      opacity: 2.5;
      
	  margin-left: -25px;
	  margin-right: -28px;
      no-repeat;
      
    }

    .sslider__control_show {
      display: flex;
    }

    .sslider__control:hover,
    .sslider__control:focus {
      color: #fff;
      text-decoration: none;
      outline: 0;
      opacity: 0.9;
    }

    .sslider__control_prev {
      left: 0;
    }

    .sslider__control_next {
      position: absolute;
      top: 50px; left:270px;
    }

    .sslider__control::before {
      content: '';
      display: inline-block;
      width: 15px;
      height: 20px;
      background: transparent no-repeat center center;
      background-size: 100% 100%;
    }


 /* стили для индикаторов */
    .sslider__indicators {
      
      right: 0;
      bottom: -25px;
      left: 0;
      z-index: 15;
      display: flex;
      justify-content: center;
      padding-left: 0;
      margin-right: 15%;
      margin-left: 15%;
      list-style: none;
      margin-top: 0;
      margin-bottom: 0;
    }

    .infoblock .rights{width:11px; background: url(/image/pinfo/infoblock_right.png) no-repeat -1px top;}
	
	
    @media (min-width: 576px) {
      .sslider__item {
        height: 80px;
		width: 25px;
      }

      
    }

    
	
  .sslider__control_prev::before {
      background-image: url("/imgs/t2.png");
	  width:32px;
	  height:32px;
	 
    }

    .sslider__control_next::before {
      background-image: url("/imgs/t1.png");
	  width:32px;
	  height:32px;
	  
    }







.opacity {
-moz-transition: all 0.4s; 
-webkit-transition: all 0.4s;  
-ms-transition: all 0.4s;  
-o-transition: all 0.4s;  
transition: all 0.4s; 
opacity:1;
filter:alpha(opacity=100);



}


.opacity:hover {
opacity:1.8;
filter:alpha(opacity=50);
transform: scale(1.1);
}











/* стили основного контейнера слайдера */
    .gslider {
      overflow: hidden;
      
      
    }

    

    /* стили для контейнера слайдов */
    .gslider__items {
      display: flex;
      transition: transform 0.6s ease;
    }

    /* стили для слайдов */
    .gslider__item {
      flex: 0 0 100%;
      max-width: 100%;
    }

    /* стили для кнопок "вперед" и "назад" */
    .gslider__control {
      position: absolute;
	  top: 41%; 
      width: 38px; 
	  
      opacity: 2.5;
      
	  margin-left: -25px;
	  margin-right: -28px;
      no-repeat;
      
    }

    .gslider__control_show {
      display: flex;
    }

    .gslider__control:hover,
    .gslider__control:focus {
      color: #fff;
      text-decoration: none;
      outline: 0;
      opacity: 0.9;
    }

    .gslider__control_prev {
      left: 0;
    }

    .gslider__control_next {
      position: absolute;
      top: 75px; left:270px;
    }

    .gslider__control::before {
      content: '';
      display: inline-block;
      width: 15px;
      height: 20px;
      background: transparent no-repeat center center;
      background-size: 100% 100%;
    }


 /* стили для индикаторов */
    .gslider__indicators {
      
      right: 0;
      bottom: -25px;
      left: 0;
      z-index: 15;
      display: flex;
      justify-content: center;
      padding-left: 0;
      margin-right: 15%;
      margin-left: 15%;
      list-style: none;
      margin-top: 0;
      margin-bottom: 0;
    }

    .infoblock .rights{width:11px; background: url(/image/pinfo/infoblock_right.png) no-repeat -1px top;}
	
	
    @media (min-width: 576px) {
      .gslider__item {
        height: 160px;
		width: 25px;
      }

      
    }

    
	
  .gslider__control_prev::before {
      background-image: url("/imgs/t2.png");
	  width:32px;
	  height:32px;
	 
    }

    .gslider__control_next::before {
      background-image: url("/imgs/t1.png");
	  width:32px;
	  height:32px;
	  
    }


























.blkb{position:absolute; width:442px; height:200px; margin-top: -15px; margin-left:-225px; background:  url(/img/block_talante4.png)no-repeat;}
.bl1{position:absolute; width:442px; height:200px; margin-top: 8px; margin-left:-220px; background:  url(/image/1x1.gif)no-repeat;}


.slo_bl1{position:absolute; width:54px; height:57px; margin-top: 25px; margin-left:-135px; background:  url(/image/1x1.gif)no-repeat;}
.slo_bl2{position:absolute; width:54px; height:57px; margin-top: 25px; margin-left:-81px; background:  url(/image/1x1.gif)no-repeat;}
.slo_bl3{position:absolute; width:54px; height:57px; margin-top: 25px; margin-left:-27px; background:  url(/image/1x1.gif)no-repeat;}
.slo_bl4{position:absolute; width:54px; height:57px; margin-top: 25px; margin-left: 27px; background:  url(/image/1x1.gif)no-repeat;}
.slo_bl5{position:absolute; width:54px; height:57px; margin-top: 25px; margin-left: 81px; background:  url(/image/1x1.gif)no-repeat;}
.slo_bl6{position:absolute; width:54px; height:57px; margin-top: 25px; margin-left: 120px; background:  url(/image/1x1.gif)no-repeat;}










 #sliderWrappers {
    position: relative;
    width: 350px; /* Это будет ширина всего блока */
    height: 50px; /* Вы можете указать любую высоту */
    overflow: hidden;
    margin: 0 0 0;
	right: 10px;
	
}

#sliderWrapper {
    position: relative;
    width: 280px; /* Это будет ширина всего блока */
    height: 100px; /* Вы можете указать любую высоту */
    overflow: hidden;
    margin: 0 auto;
}



#slider img {
    width: 45px;
    height: 45px;
    margin: 5px;
}

.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.3s ease, background-image 0.2s ease;
}

.arrow.disabled {
    filter: grayscale(100%);
    opacity: 0.5;
    pointer-events: none;
}

.arrow.left {
    left: 15px; /* Устанавливаем отступ от левого края sliderWrapper */
    background-image: url('/imgs/t2.png');
}

.arrow.right {
    right: 18px; /* Устанавливаем отступ от правого края sliderWrapper */
    background-image: url('/imgs/t1.png');
}

/* Стили при наведении мыши */
.arrow.left:hover {
    background-image: url('/imgs/t2.png');
}

.arrow.right:hover {
    background-image: url('/imgs/t2.png');
}

/* Стили при нажатии */
.arrow.left:active {
    background-image: url('/imgs/t1.png');
}

.arrow.right:active {
    background-image: url('/imgs/t1.png');
}
  
  .blm {position:absolute; width:481px; height:64px; margin-top: -4px; margin-left: -255px; background:  url(/im/blm_p.png) no-repeat; font:bold 11px/28px Verdana; color:#e5e5e5; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}

  /* Обёртка для слайдера, позволяющая кнопкам быть вне рамки */
    .achievements-slider-wrapper {
      position: relative;
      width: 234px; /* Ширина видимой части слайдера */
      margin: -1px auto;
    }
    /* Контейнер слайдера с обрезкой содержимого */
    .achievements-slider-container {
      position: relative;
      width: 100%;
      overflow: hidden;

    }
    /* Контейнер для всех слайдов */
    .achievements-slides {
      display: flex;
      transition: transform 0.5s ease-in-out;
    }
    /* Каждый слайд занимает всю ширину контейнера */
    .achievements-slide {
      min-width: 100%;
      box-sizing: border-box;
      padding: 1px;
    }
    /* Сетка внутри слайда: 4 картинки в ряд */
    .achievements-slide-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 1px;
    }
    .achievements-slider-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 5px;
  z-index: 5; /* было 10, теперь ниже */
}

    /* Расположение кнопок за пределами контейнера */
    .achievements-prev {
      left: -40px;
    }
    .achievements-next {
      right: -40px;
    }
    /* Стили для изображений-кнопок */
    .achievements-slider-button img {
      width: 28px;
      height: 27px;
      display: block;
    }
    /* Стили для неактивных кнопок */
    .achievements-disabled {
      cursor: default;
      filter: grayscale(100%);
      pointer-events: none;
    }