*, html, body, ul, ol, dl, li, dt, dd {margin:0px; padding:0px;}
html {height: 100%; }
body {min-height: 100%; position: relative; background:url(../img/hrustim/bg_main.jpg) no-repeat 50% 0 #e4e4e4; margin: auto; font-family: 'PT Sans Caption', sans-serif; color:#4e4f48; font-size:14px}
h1,h2,h3,h4,h5,h6 { font-weight:normal }
a {outline: none;}
a:hover {text-decoration: none;}
img {border: none; display: block;}
li {list-style-type:none;}
table {border-collapse:collapse; border-spacing:0;}
/*HTML5*/
header, section, footer, nav, article, aside {display: block;} 
.txt_desc:after  { content:''; display:block; clear:both }
@media all and (-webkit-min-device-pixel-ratio:0) {
.menumain li, .menumain li a { display:block !important }
.menumain li a { display:block; width:100%; height:100% }
.menumain li a img { display:inline; text-align:center; margin:13px 0 0 0 }
}
/*---HEADER---*/
header  { width:980px; height:176px; margin:auto; position:relative; overflow:hidden; z-index:1050  }
.partner {background:url(../img/bg_but_parner.jpg) repeat-x;border-radius: 6px ;    color: #951004;    font-size: 16px;    padding: 13px 52px;    position: absolute;    right: 66px;    text-decoration: none;    top: 31px; }
.partner:hover { opacity:0.8 }
header form input { width:169px; height:23px; line-height:23px; font-size:16px; font-style:italic; color:#9e9e9e; padding:0 5px; border:none; background:url(../img/bg_search.png) repeat; border-radius:5px;  }
header form { position: absolute;    right: 268px;    top: 42px;}
.menumain { float: left;    left: 50%;    position: relative;    top: 98px;}
.menumain li { display:table; height:75px; position:relative; left:-50%; float:left; border-radius:10px 0 0 10px; width:168px; border-left:1px solid #f6f6f6;border-right:1px solid #9e9e9e; background:url(../img/bg_menu.png) repeat-x }
.menumain li+li { border-radius:0; }
.menumain li.active, .menumain li:hover  { background:url(../img/bg_menu_act.jpg) repeat-x; box-shadow:0 9px 27px -13px #000 inset }
.menumain li+li+li+li+li { border-right:none; border-radius: 0 10px 10px 0; }
.menumain li a { display:table-cell; vertical-align:middle; text-align:center; }
.menumain li a img { display:inline; opacity:0.6 }
.menumain li.active a img, .menumain li:hover a img  { opacity:10 }
.clear { clear:both }
.new_form {  background: url("../img/imgn/bg_sear_bl.jpg") repeat-x scroll 0 0 transparent;  border-radius: 0 5px 5px 0;  height: 45px;  position: absolute;  right: 66px;  top: 31px;  width: 288px;}
.new_form:after { content:''; display:block; position:absolute; width:21px; height:46px; top:0; left:-21px; background:url(../img/imgn/bg_yellow.png) }
.new_form .new_p:hover { border:none }
.head img { position:absolute }
/*** new css ***/




/*pages*/ 
.pages {    margin: 7px 0 10px;    text-align: center;	clear:both}
.pages a {    color: #ed1c24;    font-size: 14px;    padding:2px 4px;	margin:0 0 0 12px;}
.pages a:hover {    text-decoration: none;}
.pages a.selected {    background: #ed1c24;    color: #FFFFFF;    text-decoration: none;}
.pages a.prev, .pages a.next-p {    background: none repeat scroll 0 0 transparent;    padding: 0;}
.pages a.prev {    margin: 0 17px 0 0;}
.pages a.next-p {    margin: 0 0 0 17px;}
/*p end*/
/*---CONTENT---*/
.content { width:835px; margin:auto; padding:0 0 148px; position:relative; z-index:1050 }
.txt_desc p { float:left; width:400px; }
.txt_desc p+p { float:right; }
.txt_desc h1 { font-family: 'Comfortaa', cursive; margin:0 0 15px; text-shadow:0px 1px 1px #666; font-size:36px; font-weight:bold; text-align:center }
.game__txt h2 { font-family: 'Comfortaa', cursive;margin:0 0 15px; /*text-shadow:1px 0px 0.5px #000;*/ font-size:24px; color:#fc5102; font-weight:bold; text-align:center }
.game__txt p { }
.game__txt { margin:50px 0 100px }

.main_game { width:800px; background:#fff; margin:20px auto 0; padding:16px 0 0; position:relative }
.slide_products img{margin:auto; opacity:0.8}
.main_game img:hover {opacity:1}
.head { margin:0 16px; position:relative; overflow:hidden; background:url(../img/hrustim/bg_game.jpg) no-repeat; height:465px; }
.foot { height:93px; padding:10px 70px 0 80px; position:relative; background:url(../img/hrustim/bg_foot.jpg) repeat-x; margin:16px 0 0 }
.bx-controls-direction .bx-prev, .bx-controls-direction .bx-next { display:block; width:25px; height:37px; position:absolute; top:33px; right:25px; background:url(../img/hrustim/next_prev_pr.png) -25px 0 no-repeat}
.bx-controls-direction .bx-prev  { right:auto; left:25px; background-position:0 0} 
.bx-controls-direction .bx-next.disabled, .bx-controls-direction .bx-next:hover { background-position:-25px -37px }
.bx-controls-direction .bx-prev.disabled, .bx-controls-direction .bx-prev:hover { background-position:0 -37px }

.clear_game:hover span { display:inline } 
.clear_game { z-index:100; display:block; font-size:14px; color:#4e4f48; width:29px; height:33px; background:url(../img/hrustim/trashcan.png) no-repeat; position:absolute; top:30px; right:30px } 
.clear_game span { display:none; background: #fff;  border: 1px solid #dbdbdb;  border-radius: 15px 15px 15px 15px;  padding: 10px 14px;  position: absolute; right:-28px; top: -45px;}
.clear_game span:after { content:''; display:block; width:17px; height:16px; position:absolute; bottom:-16px; right:24px; background:url(../img/hrustim/angle.png) no-repeat }
.watermark { background:url(../img/hrustim/watermark.png); width:105px; height:65px; position:absolute; bottom: 12px; left: 12px; z-index:100 }

.friend_send, .save_but { display:block; width:113px; height:36px; position:absolute; bottom:10px; background:url(../img/hrustim/save_but.png); right:10px; }
.friend_send { background:url(../img/hrustim/send_frend.png) no-repeat; right:130px }
.friend_send:hover, .save_but:hover { opacity:0.8 } 
#blue_wrapper { position:fixed; top:0; left:0}
.ch1 { position:fixed; left:150px; top:0 }
.ch2 { position:fixed; left:0; top:200px }
.ch3 {  left: 370px;  position: fixed;  top: 215px}
.ch4 { position:fixed; right:350px; top:0 }
.ch5 {  position: fixed;  right: 90px;  top: 350px;}
.ch6 {  position: fixed;  right: 195px;  top: 355px; }
/*---FOOTER---*/
.footer_r {
  background: none repeat scroll 0 0 #A2C626;
  color: #B3B3B3;
  font-size: 16px;
  font-weight: normal;
  height: 68px;
  margin: auto;
  padding: 40px;
  width: 830px;
}
.young_hockey_p p span { font-size:24px }
footer { width:100%; position: absolute; bottom: 0;  background:#a2c626; z-index:1051 }
.foot_m { float: left;  margin: 0 0 0 -21px;}
.foot_m a { color: #fff;  float: left;  margin: 0 0 0 53px;  text-decoration: none; }
.foot_m a:hover { text-decoration:underline }
.soc a { float:left; margin:0 0 0 8px }
.soc a { opacity:0.8 }
.soc { float:right; margin:-6px 28px 0 0 }
.copy { clear:both; font-size:13px; width:500px; margin:55px 0 0 31px }
.copy p { color:#fff }
.dev_a { clear:both; float:right; margin:-32px 30px 0; font-size:13px }
.dev_a a { color:#fff; text-decoration:none }
.dev_a a span { text-decoration:underline }
.dev_a a:hover span { text-decoration:none }


.head svg path{cursor:move}
.bx-viewport{height:100px !important}


.new_form {  background: url("../img/imgn/bg_sear_bl.jpg") repeat-x scroll 0 0 transparent;  border-radius: 0 5px 5px 0;  height: 45px;  position: absolute;  right: 66px;  top: 31px;  width: 288px;}
.new_form:after { content:''; display:block; position:absolute; width:21px; height:46px; top:0; left:-21px; background:url(../img/imgn/bg_yellow.png) }
.new_form .new_p { color:#951004; position:relative; top:11px; left:4px; font-size:13px; border-bottom:1px dashed; text-decoration:none }
.new_form .new_p:hover { border:none }
.new_form input {  background:#fff;  border: 1px solid #ddd;  border-radius: 5px;  box-shadow: 0 1px 6px -2px #ccc inset;  font-size: 14px;  margin: 10px 0 0 18px;  padding: 0 25px 0 5px;  position: absolute;  right: 14px;  text-transform: none;  width: 144px;}
.new_form .but_search {  background: url("../img/imgn/search_but.png") no-repeat scroll 50% 50% transparent;  display: block;  height: 14px;  padding: 4px;  position: absolute;  right: 14px;  top: 12px;  width: 14px;}



.game__txt  .main_game+p { padding:40px 0 }



.top_menu {
    background: transparent url("../img/imgn/top_m_bg.jpg") repeat-x scroll 0 0;
    border: 1px solid #cccccc;
    border-radius: 5px;
    height: 31px;
    left: 205px;
    padding: 12px 0 0 4px;
    position: absolute;
    top: 31px;
    width: 428px;
}

.top_menu a {
    color: #231f20;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 0 15px;
    text-decoration: none;
    text-transform: uppercase;
}
.top_menu a.active {
    color: #ed1c24;
}

.snacks_block{
  margin-top: 60px;
  margin-bottom: 80px;
}

.snacks_block:after{
  clear: both;
  display: block;
  content: '';
}

.snacks_block .title{
  font: 32px 'Comfortaa', sans-serif;
  text-shadow: 0px 1px 1px #666;
  color: #b7ca0f;
  margin-bottom: 30px;
}

.snacks_block p{
  width: 100% !important;
  float: none !important;
  margin-bottom: 10px;
}

.snacks_block img{
  width: 100%;
  max-width: 100%;
}

.snacks_block > div:last-child{
  text-align: center;
}

.green_button{
  color: #fff;
  background: url(../img/green_button_bg.png) no-repeat top;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
  padding:3px 10px 7px;
  text-decoration: none;
  text-shadow: 1px 1px 0 #8da91d;
}

.green_button:hover{
  background: url(../img/green_button_bg_hover.png) no-repeat top;
}

#blue_wrapper .ch1, #blue_wrapper .ch4.skrollable{
  display: none;
}