body { background:#404040; color:#a0a0a0; margin:0; margin-top:-1px; padding:0; font-size:12px; font-family:arial, sans-serif; -webkit-font-smoothing: antialiased; }
form, fieldset { margin:0; padding:0; border-width:0; }
input, select, textarea { font-family:arial, serif; font-size:15px; color:black; resize:none }
input:focus, select:focus, textarea:focus { outline: none; }
input[type=text], input[type=password], input[type=submit], input[type=button], input[type=email], input[type=number], input[type=tel], textarea, button { -webkit-appearance: none; }
input[type=password] { font-family: arial, sans-serif !important; }
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
table { border-spacing:0; }
td, th { padding:0; }
img {vertical-align:bottom; }
a img {border-width:0; }
a { color:#000000; text-decoration:none; -webkit-transition: color 0.5s; transition: color 0.5s; }
a:hover { text-decoration:underline; }
a:focus { outline-width: 0; }
.none {display:none; }
.columns {overflow:hidden;}
* { margin-top:0; margin-bottom:0; -webkit-text-size-adjust: none; text-size-adjust: none; -moz-text-size-adjust: none; }
*::-webkit-input-placeholder { color: #999999; }
*:-moz-placeholder { color: #999999; opacity: 1; }
*::-moz-placeholder { color: #999999; opacity: 1; }
*:-ms-input-placeholder { color: #999999; }

.only-mobile { display: none; }

.container { width: 1180px; margin: 0 auto; padding: 0 10px; }

#social { position: fixed; z-index: 1000001; right: 0; top: 270px; }
#social ul { list-style-type: none; margin: 0; padding: 0; }
#social ul li a { display: block; width: 40px; height: 40px; text-indent: -100000px; background: transparent url(/helion/images/social.png) no-repeat; }
#social ul li.icon2 a { background-position: 0 -40px; }
#social ul li.icon3 a { background-position: 0 -80px; }
#social ul li.icon4 a { background-position: 0 -120px; }
#social ul li.icon5 a { background-position: 0 -160px; }
#social ul li.icon6 a { background-position: 0 -200px; }
#social ul li.icon7 a { background-position: 0 -240px; }

@media all and (min-width:1200px){
.fixed-header .subpage-toolbar {
  height: 65px;
}
.fixed-header .subpage-toolbar {
  z-index: 10000;
}
.fixed-header .subpage-toolbar-right {
  position: fixed;
  background-color: #e4001e;
  z-index: 10000;
  right: 0;
  top: 0;
  left: 0;
  margin-left: 0;
  padding-left: 50%;
}
.fixed-header .page-tools .cart .delivery {
  display: none;
}
.fixed-header .page-tools .cart-summary {
  background-color: transparent;
  width: 50px;
}
.fixed-header .page-tools .cart {
  width: 60px;
}
.fixed-header .page-tools .cart .cart-content {
  left: auto;
  right: -10px;
}
.fixed-header .page-tools form {
  width: 630px;
  margin-left: -310px;
}
.fixed-header .page-tools form fieldset {
  background-color: #c92929;
}
.fixed-header .page-tools .search-line label {
  padding-left: 20px;
}
.fixed-header .page-tools form fieldset .search-line label {
  color: white;
}
.fixed-header .page-tools.focus form .search-line {
  background-color: #c92929;
}
.fixed-header .page-tools.focus .search-link {
  background-color: #c92929;
}
.fixed-header .page-tools form.show-popup .search-line {
  background-color: #c92929;
}
.fixed-header .page-tools form button {
  background-color: #c92929;
  position: relative;
  top: 0;
  width: 50px;
}
.fixed-header .page-tools form button:after {
  left: 10px;
}
.fixed-header .page-tools .cart .link a {
  text-indent: -100000px;
  width: 50px;
  opacity: 0.5;
}
.fixed-header #koszykbox{
    color:#000;
    margin: 7px 0 0 -4px;
    font-size:20px;
}
.fixed-header .hideFixed{
    display:none;
}
.fixed-header .page-tools {
  border-bottom-width: 0;
}

.fixed-header .page-tools .cart .link a strong {

}
.fixed-header .header {
  position: static;
}

.fixed-header .page-tools .search-link a {
  color: white;
}
.fixed-header .header .page-tools input {
  color: white;
}
.fixed-header .page-tools .search-line input::-webkit-input-placeholder { color: white; }
.fixed-header .page-tools .search-line input:-moz-placeholder { color: white; opacity: 1; }
.fixed-header .page-tools .search-line input::-moz-placeholder { color: white; opacity: 1; }
.fixed-header .page-tools .search-line input:-ms-input-placeholder { color: white; }
.fixed-header .page-tools form:hover fieldset { background-color: #c92929; }
.fixed-header .page-tools form .search-line label { padding-left:20px; margin-right: 0; }

.fixed-header header.header .logo {
  position: fixed;
  z-index: 10001;
  padding-top: 15px;
}

.fixed-header header.header .user-tools {
  position: fixed;
  z-index: 10001;
  width: 20px;
  right: 60px;
  padding-left: 0;
}
.fixed-header .your-profile::before {
  height: 50px;
}
.fixed-header .user-tools .username {
  display: none;
}
.fixed-header .your-profile p {
  display: none;
}
.fixed-header .login-links {
  top: 36px;
  left: -120px;
}
.fixed-header .page-tools .popup {
  right: 50px;
}

}

header.header { background-color: #e4001e; min-height: 84px; position: relative; z-index: 40; min-width: 1200px; }
header.header .logo { float: left; padding-top: 25px; }
header.header .logo a { display: inline-block; width: 161px; height: 34px; vertical-align: middle; text-indent: -10000px; background: transparent url(/helion/images/helion.svg) no-repeat -5px -147px; }
header.header .container { position: relative; }
.link-menu { display: none; }
.main-menu { margin-left: 240px; padding-top: 40px; }
.main-menu ul { list-style-type: none; margin: 0; padding: 0; font-weight: 500; font-family: canaro, sans-serif;  font-size: 20px;}
.main-menu ul li { display: inline; margin-right: 16px; }
.main-menu ul li a { color: white; }

.header .page-tools { border-bottom: 1px solid #eb4c5f; width: 620px; position: absolute; left: 240px; top: 20px; color: white; }
.header .page-tools .search-link a { color: white; }
.header .page-tools *::-webkit-input-placeholder { color: #ffb0b6; }
.header .page-tools *:-moz-placeholder { color: #ffb0b6; opacity: 1; }
.header .page-tools *::-moz-placeholder { color: #ffb0b6; opacity: 1; }
.header .page-tools *:-ms-input-placeholder { color: #ffb0b6; }
@media all and (min-width:1000px){
    .header .page-tools form:hover *::-webkit-input-placeholder { color: #999999; }
    .header .page-tools form:hover *:-moz-placeholder { color: #999999; opacity: 1; }
    .header .page-tools form:hover *::-moz-placeholder { color: #999999; opacity: 1; }
    .header .page-tools form:hover *:-ms-input-placeholder { color: #999999; }
    .header .page-tools form:hover { color: #999999}
    .header .page-tools form:hover .search-link a { color: #999999}
    .header .page-tools.focus form *::-webkit-input-placeholder { color: #999999; }
    .header .page-tools.focus form *:-moz-placeholder { color: #999999; opacity: 1; }
    .header .page-tools.focus form *::-moz-placeholder { color: #999999; opacity: 1; }
    .header .page-tools.focus form *:-ms-input-placeholder { color: #999999; }
    .header .page-tools.focus form { color: #999999}
    .header .page-tools.focus form .search-link a { color: #999999}
}
.header .page-tools form.show-popup .search-link a { color: #999999}
.header .page-tools form.show-popup { color: #999999}
   
.user-tools { position: absolute; width: 180px; right: 80px; top: 22px; padding-left: 40px; }
.user-tools .username { font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 1px; }
.your-profile { padding-bottom: 22px; position: relative;  }
.your-profile::before { content: " "; position: absolute; left: -42px; top: -10px; opacity: 0.25; width: 35px; height: 32px; background: transparent url(/helion/images/helion.svg) -69px 0; }
.your-profile.female::before { background-position: 0 0; opacity: 1; }
.your-profile.male::before { background-position: -35px 0; opacity: 1; }
.user-tools .your-profile p a { color: white; font-size: 20px; font-weight: 500; font-family: canaro, sans-serif; padding-right: 20px; position: relative; }
.user-tools .your-profile p a::after { content: " "; position: absolute; right: 0; top: 10px; opacity: 0.5; width: 13px; height: 7px; background: transparent url(/helion/images/helion.svg) -338px -49px; }
.site-tools { position: absolute; right: 10px; top: 20px; }
.site-tools ul { list-style-type: none; margin: 0; padding: 0; line-height: 24px; font-size: 15px; }
.site-tools a { color: #ffffff; display: block; text-align: right; }

.login-links { display: none; background-color: white; position: absolute; padding: 12px 10px 10px 10px; top: 62px; left: 0; width: 180px; box-shadow: 0px 0px 150px rgba(0, 0, 0, 0.75); }
.login-links p { text-align: center; font-size: 15px; margin-bottom: 20px; }
.login-links p .login-link { background-color: #e4001e; color: white; display: inline-block; width: 160px; font-size: 18px; line-height: 36px; -webkit-transition: all 0.2s; transition: all 0.2s; }
.login-links p .login-link:hover { box-shadow: 0 2px #b40018; text-decoration: none; }
.login-links p .login-link:focus { background-color: #b40018; top: 0; box-shadow: none; }
.login-links p span { display: block; font-size: 12px; padding: 12px 0 7px 0; }
.login-links ul { list-style-type: none; margin: 0; padding: 7px 0; border-top: 1px solid #dfdfdf; }
.login-links li { line-height: 24px; font-size: 15px; }
.login-links li a { display: block; color: #404040; padding: 0 12px; }
.user-tools:hover .login-links { display: block; }
.user-tools.active .login-links { display: block; }

#content { background-color: white; color: black; min-width: 1200px; }
#content .container { border-bottom: 3px solid #e6001e; }

.subpage-toolbar { position: relative; z-index: 31; }
.left-col { float: left; width: 220px; padding-top: 18px; }
.left-col .header { font-size: 20px; font-weight: 500; font-family: canaro, sans-serif; margin-bottom: 14px; border-bottom: 1px solid #DFDFDF; margin-bottom: 0; padding-bottom: 17px; }
.left-col .header a { position: relative; display: inline-block; padding-right: 23px; }
.left-col.show-series .header a::after { content: " "; position: absolute; right: 6px; top: 8px; opacity: 0.5; width: 6px; height: 11px; background: transparent url(/helion/images/helion.svg) -286px -47px; }
.main .left-col .header, .link-series.header { border-bottom-width: 0; }
.left-menu { list-style-type: none; margin: 0 0 13px 0; padding: 0; }
.left-menu a { color: #404040; display: inline-block; padding: 2px 20px 3px 0; line-height: 19px; font-size: 15px; -webkit-transition: all 0.2s; transition: all 0.2s; }
.left-menu .bold { color:#e4001e; }
.left-menu a:hover { text-decoration: none; color:#e4001e; font-weight:bold; }
.left-menu:hover a { text-decoration: none; }
.left-menu a:focus { text-decoration: none; color: #b40018; }

.left-menu-container .header { border-top: 1px solid #efefef; padding-bottom: 0; }
.left-menu-container .header a {padding: 10px 0 10px 0; display: block; line-height: 40px; font-size: 20px; font-weight: 500; font-family: canaro, sans-serif; position: relative; }
.left-menu-container .header a::after { content: " "; position: absolute; right: 6px; top: 23px; opacity: 0.5; width: 6px; height: 11px; background: transparent url(/helion/images/helion.svg) -286px -47px; }
.show-series .left-menu-container .header a::after { content: " "; position: absolute; right: 0; top: 25px; opacity: 0.5; width: 13px; height: 7px; background: transparent url(/helion/images/helion.svg) -338px -49px; }
.menu-series { display: none; }



.left-special-menu a { color: #e4001e; }
.filter-form .left-special-menu { border-top: 1px solid #efefef; padding-top:13px; }
.left-icon-menu { list-style-type: none; margin: 2px 0 0 0; padding: 0;}
.left-icon-menu li { border-top: 1px solid #efefef; }
.left-icon-menu li a { display: block; padding: 10px 50px 10px 0; line-height: 27px; font-size: 15px; color: #404040; position: relative; }
.left-icon-menu li a.bonyPod { display: block; padding: 10px 50px 10px 0; line-height: 27px; font-size: 15px; color: #404040; position: relative; }
.left-icon-menu li a::after { content: " "; position: absolute; right: 4px; top: 8px; width: 36px; height: 34px; background: transparent url(/helion/images/helion.png) 100px 0px; }
.left-icon-menu li a.bonyPod::after { content: " "; position: absolute; right: 0; top: 8px; width: 48px; height: 34px; background: transparent url(/helion/images/helion.png) 100px 0px; }
.left-icon-menu li.icon1 a::after { background-position: -145px 0px }
.left-icon-menu li.icon2 a::after { background-position: -186px 0px; }
.left-icon-menu li.icon3 a::after { background-position: -288px -603px; }
.left-icon-menu .big-link a {padding: 10px 0 10px 0; display: block; line-height: 40px; font-size: 20px; font-weight: 500; font-family: canaro, sans-serif; position: relative; }
.left-icon-menu .big-link a::after { content: " "; position: absolute; right: 6px; top: 23px; opacity: 0.5; width: 6px; height: 11px; background: transparent url(/helion/images/helion.svg) -286px -47px; }
.left-icon-menu a:hover { color: #e4001e; }
.left-icon-menu a.bonyPod:hover { color: #e4001e; }
.left-icon-menu a:focus { text-decoration: none; color: #b40018; }

.subpage-toolbar .left-menu-container { overflow: hidden; max-height: 0; }
.subpage-toolbar .active .left-menu-container { overflow: hidden; max-height: none; position: absolute;  }
.main .subpage-toolbar .left-menu-container { max-height: none; }
.subpage-toolbar-right { margin-left: 240px; }

.subpage-toolbar .active .left-menu-container { max-height: none; position: absolute; z-index: 100; background-color: white; margin-left: -10px; width: 230px; padding: 10px 10px 10px 10px; border-top:1px solid #e4001e; border-bottom:3px solid #e4001e; box-shadow: 0px 0px 150px rgba(0, 0, 0, 0.75);}
.subpage-toolbar .active .link-catalog { z-index: 100; background-color: white; position:relative; padding:16px; margin-left:-10px; width:150px; }


#main-section { margin-left: 240px; }
.page-tools { width: 100%; display: inline-block; vertical-align: bottom; border-bottom: 1px solid #dfdfdf; }
.page-tools form { float: left; height: 60px; width: 620px; position: relative; z-index: 10; box-shadow: inset 0 -4px 0 -1px #e4001e; }
.page-tools form fieldset { margin-top: 9px; height: 40px; min-height: 0; }
.page-tools .link-search { display: none; }
.page-tools .link-closesearch { display: none; }
.page-tools .search-line { padding-left: 90px; float: left; width: 490px; position: relative; z-index: 11; }
.page-tools .search-line label { position: absolute; left: 0; top: 2px; margin-right: 10px; font-weight: 500; font-family: canaro, sans-serif; width: 70px; font-size: 20px; line-height: 36px; padding: 0; }
.page-tools .search-line input { background-color: transparent; width: 460px; font-size: 15px; border-width: 0; height: 20px; padding: 10px 0 10px 10px; }
.fixed-header .page-tools .search-line input{color:#ffffff;}
.page-tools .select-line { float: left; width: 150px;  }
.page-tools .search-link { float: left; padding-left: 20px; position: relative; z-index: 2; width: 130px; height: 44px; }
.page-tools .search-link a { display: block; padding-right: 30px; padding-left: 4px; font-size: 15px; color: #999999; line-height: 40px; position: relative;  white-space: nowrap; overflow: hidden; text-align: right; text-overflow: ellipsis}
.page-tools .search-link a::after { content: " "; position: absolute; right: 10px; top: 15px; opacity: 0.5; width: 13px; height: 7px; background: transparent url(/helion/images/helion.svg) -338px -49px; }
.page-tools .search-link.active a { color: black; }
.page-tools .popup { box-shadow: 0 0 150px rgba(0, 0, 0, 0.75); position: absolute;display: none; background-color: #ebebeb; right: 40px; top: 53px; width: 540px; border-bottom: 1px solid #8c8c8c; padding: 17px 40px 17px 0; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0}
.page-tools .popup .checkbox-line { display: inline-block; margin-left: 60px; width: 200px; position: relative; }
.page-tools .popup .checkbox-line input { position: absolute; left: -10000px; }
.page-tools .popup .checkbox-line label { cursor: pointer;display: block; font-size: 15px; line-height: 19px; padding: 2px 0 3px 0; padding-left: 20px; }
.page-tools .popup .checkbox-line.active label { color: #e4001e; }
.page-tools .popup .checkbox-line.active::before { content: " "; position: absolute; left: 0px; top: 6px; border-radius: 10px; width: 11px; height: 11px; border: 1px solid #e4001e; background: transparent url(/helion/images/helion.svg) no-repeat -140px -69px; }
.page-tools .popup .checkbox-line.all label { font-weight: bold; }
.page-tools form.show-popup .popup { display: block; }
@media all and (min-width:1000px){
    .page-tools form.show-popup .search-line { background-color: white; height: 41px; }
}
.page-tools.focus form .search-line { background-color: white; height: 40px; }
.page-tools form button { width: 40px; height: 40px; background-color: #e4001e; text-indent: -10000px; border-width: 0; cursor: pointer;  position: absolute; right: 0; top: 9px;  }
.page-tools form button:focus { top: 9px; }
.page-tools form button::after { content: " "; position: absolute; left: 5px; top: 5px; width: 31px; height: 31px; background: transparent url(/helion/images/helion.svg) -259px 0px; }

/*
.page-tools .suggest-list { box-shadow: 0 0 150px rgba(0, 0, 0, 0.75); position: absolute; display: none; background-color: white; right: 40px; top: 57px; width: 580px; border-bottom: 1px solid #8c8c8c; }
.page-tools.focus .suggest-list { display: block; }
.page-tools .suggest-list ol.item-list { list-style-type: none; margin: 0; padding: 0; }
.page-tools .suggest-list ol.item-list li {cursor: pointer;overflow: hidden; padding: 10px 15px 10px; height: 65px; border-bottom: 1px solid #dfdfdf; }
.page-tools .suggest-list ol.item-list li:hover, .page-tools .suggest-list ol.item-list li.active {background-color: #ddd;}
.page-tools .suggest-list ol.item-list li.wszystkie {text-align:center;height:20px;}
.page-tools .suggest-list ol.item-list .cover { float: left; width: 50px; margin-right: 15px; }
.page-tools .suggest-list ol.item-list h3 { display: inline-block; width: 440px; font-weight: normal; color: black; font-size: 15px;}
.page-tools .suggest-list ol.item-list h3 a { text-decoration:none; }
.page-tools .suggest-list ol.item-list h3 strong { font-weight: normal; color: #eb3f56; }
.page-tools .suggest-list ol.item-list .name { line-height: 18px; color: #808080; }
.page-tools .suggest-list ol.item-list .desc { line-height: 18px; color: #808080; margin-top: 6px; }
*/

.page-tools .suggest-list { box-shadow: 0 0 150px rgba(0, 0, 0, 0.75); position: absolute; display: none; background-color: white; right: 40px; top: 57px; width: 580px; border-bottom: 1px solid #8c8c8c; }
.page-tools.focus .suggest-list { display: block; }
.page-tools .suggest-list ol.item-list { list-style-type: none; margin: 0; padding: 0; }
.page-tools .suggest-list ol.item-list li a {display:block;cursor: pointer;overflow: hidden; padding: 10px 15px 10px; height: 65px; border-bottom: 1px solid #dfdfdf; text-decoration:none;}
.page-tools .suggest-list ol.item-list li:hover, .page-tools .suggest-list ol.item-list li.active {background-color: #ddd;}
.page-tools .suggest-list ol.item-list li.wszystkie a {text-align:center;height:20px;}
.page-tools .suggest-list ol.item-list .cover { float: left; width: 50px; margin-right: 15px; }
.page-tools .suggest-list ol.item-list h3 { display: inline-block; width: 440px; font-weight: normal; color: black; font-size: 15px;}
.page-tools .suggest-list ol.item-list h3 a { text-decoration:none; }
.page-tools .suggest-list ol.item-list h3 strong { font-weight: normal; color: #eb3f56; }
.page-tools .suggest-list ol.item-list .name { line-height: 18px; color: #808080; }
.page-tools .suggest-list ol.item-list .desc { line-height: 18px; color: #808080; margin-top: 6px; }

@media all and (min-width:1000px){
	.page-tools form:hover fieldset { background-color: #ebebeb; }
	.page-tools form .search-line label { padding-left: 5px; margin-right: 5px; }

}

.page-tools form.show-popup .search-link { background-color: #ebebeb; }
.page-tools.focus .search-link { background-color: white; }
.page-tools form.show-popup .search-link a { color: #e4001e; }
.page-tools form.show-popup .search-link a::after { background-position:  -338px -70px; opacity: 1; }

.page-tools .cart { float: right; width: 300px; position: relative; z-index: 10; }
.page-tools .cart .link { line-height: 40px; padding: 10px 0; float: left; }
.page-tools .cart .link a { padding-left: 40px; display: block; font-size: 20px; font-weight: 500; font-family: canaro, sans-serif; position: relative; }
.page-tools .cart .link a::after { content: " "; position: absolute; left: 5px; top: 5px; width: 33px; height: 32px; background: transparent url(/helion/images/helion.svg) -399px -73px; }
.page-tools .cart .link a strong { background-color: #e4001e; margin-left: 8px; font-family: arial, sans-serif; font-size: 15px; font-weight: normal; display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center;  position: relative; color:#fff; }
.page-tools .cart .link a strong::after { content: " "; background-color: #e4001e; position: absolute; width: 8px; height: 8px; left: -4px; top: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
/* dodane*/
.fixed-header .page-tools .cart .link a strong::after { background-color: #e4001e; }
.fixed-header .page-tools .cart .link a strong { background-color: #e4001e; }
.fixed-header .page-tools .cart .link a::after { background: transparent url(/helion/images/helion.svg) -361px -73px; margin-left:-5px; }
/* */
.page-tools .cart .link.active a strong::after { background-color: #e4001e; }
.page-tools .cart .link.active a::after { background-position: -361px -73px; }
.page-tools .cart .link.active a strong {background-color: #e4001e;color: white;}
.page-tools .cart .delivery { float: right; font-size: 15px; color: #a3a3a3; line-height: 40px; padding: 10px 0; }
.page-tools .cart .delivery a { color: #a3a3a3; }
.page-tools .cart .cart-content { display: none; background-color: white; position: absolute; box-shadow: 0px 0px 150px rgba(0, 0, 0, 0.75); width: 320px; top: 56px; left: -10px; }
.page-tools .cart:hover .cart-content { display: block; }
.page-tools .cart-summary { background-color: white; position: relative; z-index: 1; overflow: hidden; left: -10px; padding-right: 10px; margin-right: -20px; }
.page-tools .cart-content ul { list-style-type: none; margin: 0 10px; padding: 0 0 10px 0; border-bottom: 1px solid #dfdfdf; } 
.page-tools .cart-content h3 { margin-left: 80px; }
.page-tools .cart-content li { overflow: hidden; padding-bottom: 10px; padding-top: 8px; }
.page-tools .cart-content ul p { margin-left: 80px; }
.page-tools .cart-content .cover { float: left; margin-left: 10px;}
.page-tools .cart-content h3 { font-size: 15px; line-height: 18px; margin-bottom: 3px;  font-weight: normal;overflow: hidden; max-height: 54px; }
.page-tools .cart-content h3 a { display: block; }
.page-tools .cart-content .author { color: #808080; font-size: 12px; margin-bottom: 9px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.page-tools .cart-content .cart-item { font-size: 18px; font-family: 100; }
.page-tools .cart-content .cart-item span { text-indent: -10000px; }
.page-tools .cart .button { text-align: center; padding: 11px 0 13px 0; font-family: canaro, sans-serif; }
.page-tools .cart .empty { text-align: center; padding: 11px 0 13px 0; font-size: 16px; font-family: canaro, sans-serif; }


.middle-section  { display: inline-block; width: 100%; margin-bottom: 40px; margin-top: 30px; }
.main-banner { float: left;width: 620px; position: relative; }
.main-banner .banners { height: 216px; position: relative; list-style-type: none; margin: 0; padding: 0; }
.main-banner .banners li { cursor:pointer; width: 620px; position: absolute; left: 0; top: 0; height: 216px; background: transparent no-repeat right top; }
.main-banner .banners li h2 { display: inline-block; padding-right: 30px; padding-left: 180px; line-height: 72px; margin-bottom: 10px; letter-spacing: -2px; font-size: 72px; position: relative; font-weight: 100; font-family: canaro, sans-serif; margin-top: 40px; background-color: rgba(0, 0, 0, 0.5); }
.main-banner .banners li h2 a::after { background-color: #e4001e; line-height: 42px; text-align: center; width: 42px; height: 42px; position: absolute; content: "\bb"; bottom: 0; right: -50px; font-weight: 100; font-size: 48px; font-family: canaro, sans-serif;  }
.main-banner .banners li a { color: white; }
.main-banner .banners li .desc { margin-left: 180px; padding-right: 130px; font-size: 30px; line-height: 36px; color: white; font-weight: 100; font-family: canaro, sans-serif; color: white; }
.main-banner .banners li .cover { position: absolute; left: 0; top: 0; background-color: #1c1914; height: 218px; line-height: 218px; width: 145px; text-align: center; }
.main-banner .banners li .cover img { vertical-align: middle; }
.main-banner .navigator { list-style-type: none; margin: 0; padding: 0; position: absolute; right: -7px; top: 8px; z-index: 3;  }
.main-banner .navigator li { margin-bottom: 7px; }
.main-banner .navigator li a { display: block; text-indent: -10000px; background-color: #bfbfbf; border: 2px solid white; border-radius: 10px; width: 8px; height: 8px; }
.main-banner .navigator li.active a { background-color: #e6001e; }
.main-banner .navigator-prev-next { display: none; list-style-type: none; margin: 0; padding: 0; position: absolute; left: 0; top: 0; width: 100%; }
.main-banner .navigator-prev-next .prev { position: absolute; left: 0; top: 90px; }
.main-banner .navigator-prev-next .next { position: absolute; right: 0; top: 90px; }
.main-banner .navigator-prev-next a { display: block; border: 1px solid #929091; border-radius: 10px; opacity: 0.5; width: 21px; height: 21px; background: white url(/helion/images/helion.png) no-repeat -233px -43px; text-indent: -10000px;}
.main-banner .navigator-prev-next .next a { background-position: -259px -43px; }


.main-promotion { width: 300px; float: right; position: relative; height: 218px; }
.promotion-book { position: absolute; width: 100%; left: 0; top: 0; }
.promotion-video { position: absolute; width: 100%; left: 0; top: 0; display: none; }
.main-promotion .promotion-video .bubble::before { width: 36px; height: 34px; background: white url(/helion/images/helion.svg) no-repeat -180px -110px; border-radius: 100px; }
.main-promotion .cover { float: left; }
.main-promotion .bubble { position: absolute; background-color: #e6001e; padding: 15px 5px 15px 20px; height: 126px; width: 135px; right: -10px; top: 0; }
.main-promotion .bubble a { display: block; color: white; }
.main-promotion .bubble::before { content: " "; position: absolute; left: -22px; top: 19px; width: 22px; height: 24px; background: transparent url(/helion/images/helion.svg) -218px -117px; }

.main-promotion .bubble a:hover { text-decoration: none; }
.main-promotion .bubble .slogan { font-size: 20px; font-weight: 500; font-family: canaro, sans-serif; color: black; padding-top: 3px; }
.main-promotion .bubble .slogan strong { font-weight: 100; font-size: 30px; display: block; line-height: 45px; color: white; }
.main-promotion .bubble .slogan strong span { font-weight: 900; font-size: 48px; display: block; margin-bottom: -13px; }
.main-promotion .bubble .timer { color: #f3a3a9; font-size: 15px; }
.main-promotion .bubble .bubble-title { position: absolute; line-height: 27px; color: #404040; font-size: 15px; padding: 5px 5px 5px 10px; border: 1px solid #ebebeb; border-top-width: 0; width: 140px; top: 156px; left: 0;  }
.main-promotion .more { position: absolute; right: 5px; bottom: 0; line-height: 10px; }
.main-promotion .more a { color: #e4001e; font-size: 15px; padding-right: 20px; position: relative; }
.main-promotion .more a::after { content: " "; position: absolute; right: 0; top: 2px; opacity: 0.25; border-radius: 10px; width: 11px; height: 11px; border: 1px solid black; background: white url(/helion/images/helion.svg) no-repeat -140px -51px; }
.main-promotion .more a:hover { text-decoration: underline; color: #e4001e; }
.main-promotion .more a:hover::after { border-color: #e4001e; background-position: -140px -69px; }
.main-promotion .more a:focus { text-decoration: none; color: #b40018; }
.main-promotion .more a:focus::after { border-color: #b40018; background-position: -140px -87px; }


.book-list-filter { display: inline-block; width: 100%; vertical-align: bottom; text-align: center; position: relative; line-height: 34px; }
.book-list-filter .select-line { position: absolute; left: 0; text-align: left; }
.book-list-filter .select-line label { color: #999999; font-size: 15px; width: 54px; display: inline-block; }
.book-list-filter .select select { border-width: 0; font-size: 15px; color: #404040; }
.book-list-filter .checkbox-line { display: inline-block; }
.book-list-filter .checkbox-line { margin-right: 17px; }
.book-list-filter .checkbox-line input { position: absolute; left: -10000px; }
.book-list-filter .checkbox-line { opacity: 0.5; }
.book-list-filter .checkbox-line.active { opacity: 1; }
.book-list-filter .checkbox-line label { text-decoration: line-through; }
.book-list-filter .checkbox-line.active label { text-decoration: none; }
.book-list-filter .reset { position: absolute; right: 0; top: 0; }
.book-list-filter .reset a { display: block; padding-right: 20px; position: relative; }
.book-list-filter .reset a::after { content: " "; position: absolute; right: 0; top: 10px; opacity: 0.5; width: 11px; height: 11px; background: white url(/helion/images/helion.svg) no-repeat -286px -47px; }


.book-list-outer { border-top: 1px solid #dfdfdf; }
.book-list-outer h2 { display: none; }
.book-list-type { text-align: center; position: relative;  }
.book-list-type .main-type { list-style-type: none; margin: 0; padding: 0; margin-top: -1px; border-top: 6px solid #efefef; min-height: 50px; display: inline-block; font-family: canaro, sans-serif; }
.book-list-type .main-type li { margin-left: 13px; display: inline-block; position: relative; top: -6px; border-top: 6px solid #efefef; }
.book-list-type .main-type li:first-child { margin-left: 0; }
.book-list-type .main-type li a { color: #808080; font-size: 20px; display: block; padding-top: 13px; font-weight: 100; }
.book-list-type .main-type li.active { border-color: #e4001e; }
.book-list-type .main-type li.active a { color: #e4001e; font-weight: 500; }
.book-list-type .show-all { position: absolute; right: 0; top: 0; }
.book-rotator .book-list-type .show-all { top: 20px; }
.book-list-type .show-all a { display: block; padding-right: 20px; font-size: 15px; position: relative; }
.book-list-type .show-all a::after { content: " "; position: absolute; right: 0; top: 2px; opacity: 0.25; border-radius: 10px; width: 11px; height: 11px; border: 1px solid black; background: white url(/helion/images/helion.svg) no-repeat -140px -51px; }
.book-list-type .show-all a:hover { text-decoration: underline; color: #e4001e; }
.book-list-type .show-all a:hover a::after { border-color: #e4001e; background-position: -140px -69px; }
.book-list-type .show-all a:focus { text-decoration: none; color: #b40018; }
.book-list-type .show-all a:focus a::after { border-color: #b40018; background-position: -140px -87px; }


.book-list-container { width: 100%; padding-top: 3px; margin-bottom: 26px; position: relative; -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none;}
.book-list-inner { overflow: hidden; height: 475px; position: relative; margin-right: 4px; margin-left: 4px; }
.multi-line .book-list-inner { height: auto; min-height: 445px; }
.book-list-container .list { list-style-type: none; margin: 0; padding: 0 0 0 32px; width: 10000px; position: relative; z-index: 1; }
.book-list-container.padding-top { padding-top: 20px; }
.book-list-container.padding-top-search { padding-top: 17px; }
.book-list-container.multi-line .list { width: auto; }
.book-list-container.multi-line .list > li { padding-right: 13px; }
.book-list-container .list > li { cursor: pointer; float: left; width: 186px; height: 455px; position: relative; margin-left: -34px; padding: 18px 15px 0 15px; }
.book-list-container .tags { position: absolute; top: -2px; color: #808080; font-size:11px; left: 32px; }
.book-list-container  span { padding-right: 10px; }
.small-vote span{padding-right:0px;}
.book-list-container .list .cover, .book-list-polish-publish .list .cover  { width: 145px; margin: 0 auto 7px auto; height: 218px;  z-index: 1; }
.book-list-container .list .short-desc { z-index: 2; position: absolute; display: none; left: -1px; top: 0; color: white; padding: 20px 21px 28px 21px; width: 175px; font-size: 15px; line-height: 25px; }
.book-list-container .list .short-desc p { height: 275px; overflow: hidden;  }
.book-list-container .list .short-desc p a { color: white; display: block; }
.book-list-container .list .short-desc p a:hover { text-decoration: none; }
.book-list-container .list .book-type,.book-list-polish-publish .list .book-type  { list-style-type: none; margin: 7px 0 8px 0; padding: 0; text-align: center; min-height:20px; }
.book-list-container .list .book-type li, .book-list-polish-publish .list .book-type li { display: inline-block; vertical-align: middle; }
.book-list-container .list .book-type li::before, .book-list-polish-publish .list .book-type li::before { opacity: 0.4; }
.book-list-container .list .book-type li.active::before, .book-list-polish-publish .list .book-type li.avtive::before  { opacity: 1; }
.book-list-container .list .book-type .has-popup:hover::before, .book-list-polish-publish .list .book-type .has-popup:hover::before { opacity: 1; }
.book-list-container .list .book-info { height: 90px; padding-left: 15px; padding-right: 15px; }
.book-list-container .list h3, .book-list-container .list h2 { font-size: 15px; line-height: 18px; font-weight: normal; text-align: center; overflow: hidden; max-height: 54px; }
.book-list-container .list h3 a, .book-list-container .list h2 a { display: block; }
.book-list-container .list .author { color: #808080; font-size: 12px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.book-list-container .list .vote-line { text-align: center; padding-bottom: 10px; padding-top: 3px;}
.book-list-container .list .price, .book-list-polish-publish .list .price { margin: 0 auto; line-height: 36px; font-size: 15px; color: #a3a3a3; text-align: center; }
.book-list-container .list .price a, .book-list-polish-publish .list .price a  { width: 100px; height: 36px; box-shadow: 0 0 #bfbfbf; display: inline-block; font-weight: 100; background-color: #efefef; font-size: 18px; font-family: canaro, sans-serif; }

.book-list-container .list .read { z-index: 10; position: relative; margin: 0 auto; line-height: 36px; font-size: 15px; color: #a3a3a3; text-align: center; }
.book-list-container .list .read-link a { width: 100px; height: 36px; box-shadow: 0 0 #bfbfbf; display: inline-block; font-weight: 100; background-color: #efefef; font-size: 18px; font-family: canaro, sans-serif; }
.book-list-container .list .read-link-gift a { width: 100px; height: 36px; box-shadow: 0 0 #bfbfbf; display: inline-block; font-weight: 100; background-color: #efefef; font-size: 18px; font-family: canaro, sans-serif; }
.book-list-container .list .board-link a { color: #a3a3a3; font-size: 13px; font-weight: normal; font-family: arial, sans-serif; display: block; line-height: 30px; }
.book-list-container .list .board-links a { color: #a3a3a3; font-size: 13px; font-weight: normal; font-family: arial, sans-serif; display: block; line-height: 30px; }
.book-list-container .list .read-popup { display: none; line-height: normal; text-align: left; position: absolute; background-color: #f3f3f3; bottom: 79px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); left: 50%; margin-left: -100px; width: 200px; }
.book-list-container .list .show .read-popup { display: block; }
.book-list-container .list .read-popup::after { content: " "; position: absolute; width: 10px; height: 10px;  background-color: #f3f3f3; left: 50%; margin-left: -5px; bottom: -5px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.book-list-container .list .read-group { position: relative; z-index: 1; border-top: 1px solid #c7c8c8; overflow:auto;}
.book-list-container .list .read-group:first-child { border-top-width: 0; }
.book-list-container .list .read-popup p { font-size: 12px; color: #808080; }
.book-list-container .list .read-popup p a { display: block; padding: 10px 18px; font-size: 15px; }
.book-list-container .list .read-popup p span { display: block; padding: 17px 18px 0 18px; }
.book-list-container .list .read-popup ul { list-style-type: none; margin: 0; padding: 0; }
.book-list-container .list .read-popup ul li { display: inline-block; }
.book-list-container .list .read-popup ul li a { display: block; padding: 2px 8px 10px 18px; }
.book-list-container .list .read-group:hover { background-color: #e4011c; }
.book-list-container .list .read-group:hover a { color: white; }
.book-list-container .list .read-group:hover p { color: #ee8990; }


.book-list-container .list > li:hover .price a, .book-list-container .list > li:hover .read-link a, .book-list-container .list > li:hover .read-link-gift a, { -webkit-transition: all 0.2s; transition: all 0.2s;  }
.book-list-container .list > li:hover .price a:hover, .book-list-container .list > li:hover .read-link a:hover,.book-list-container .list > li:hover .read-link-gift a:hover { text-decoration: none; background-color: #e4001e; color: white; }
.book-list-container .list li:hover .price a{background-color: #ffffff;box-shadow: 0 2px #bfbfbf;transition: all 0.2s ease 0s;}

.book-list-container .list.nohover > li { cursor: auto; }
.book-list-container .list.nohover > li:hover { background-color: transparent; }
.book-list-container .list.nohover > li:hover .cover { text-align: center; }
.book-list-container .list.nohover > li:hover .cover img { width: auto; height: auto; position: static;  }
.book-list-container .list.nohover > li:hover .book-type { position: static; }
.book-list-container .list.nohover > li:hover .author { visibility: visible; }

.book-list-container .navigator { list-style-type: none; margin: 0; padding: 0; position: absolute; left: 0; top: 0; width: 100%; z-index: 20; }
.book-list-container .navigator .prev { position: absolute; left: -13px; top: 110px; border-radius: 10px; background-color: white; box-shadow: 0 0 0 3px white; }
.book-list-container .navigator .next { position: absolute; right: -13px; top: 110px; border-radius: 10px; background-color: white; box-shadow: 0 0 0 3px white; }
.book-list-container .navigator a { display: block; border: 1px solid #929091; border-radius: 10px; opacity: 0.5; width: 21px; height: 21px; background: white url(/helion/images/helion.png) no-repeat -233px -43px; text-indent: -10000px;}
.book-list-container .navigator .next a { background-position: -259px -43px; }


#content .book-list-container .grey-button { text-align: center; }
#content .book-list-container .grey-button a { font-family: canaro, sans-serif; font-size: 18px; font-weight: 100; position: relative; padding-right: 36px; }
#content .book-list-container .grey-button a::after { content: " "; width: 14px; height: 7px; background: transparent url(/helion/images/helion.svg) no-repeat -338px -50px; position: absolute; right: 14px; top: 16px; }

.book-list-container .list .activate-code { background-color: #ebebeb; position: relative; }
.book-list-container .list .activate-code a { display: block; width: 105px; height: 100px; text-align: center; font-size: 15px; line-height: 18px; color: #808080; padding: 118px 20px 0 20px; position: relative; }
.book-list-container .list .activate-code a.help { position: absolute; width: 14px; height: 14px; opacity: 0.5; background: transparent url(/helion/images/helion.svg) no-repeat -209px -146px; padding: 0; text-indent: -10000px; left: 66px; bottom: 17px;  }
.book-list-container .list .activate-code a.help-code::before { content: " "; position: absolute; left: 40px; top: 35px; background: transparent url(/helion/images/helion.svg) no-repeat -129px -292px; width: 66px; height: 66px; }


.list-view-container { width: 100%; padding-top: 3px; margin-bottom: 26px; position: relative; }
.list-view-inner { overflow: hidden; position: relative; }
.list-view-container .list { list-style-type: none; margin: 0; padding: 0 0 0 40px; }
.list-view-container .list > li { position: relative; overflow: hidden; padding-bottom: 24px; }
.list-view-container .list > li .cover { float: left; width: 77px; }
.list-view-container .list > li .cover img { width: 77px; height: 108px; }
.list-view-container .tags { display: block; margin-left: 100px; color: #808080; font-size: 11px; }
.list-view-container  span { padding-right: 10px; }
.list-view-container .list h2 { font-size: 15px; font-weight: normal; margin: 0 0 0 100px; padding-top: 6px; }
.list-view-container .list h3 { font-size: 15px; font-weight: normal; margin: 0 0 0 100px; padding-top: 6px; }
.list-view-container .list .author-info { line-height: 18px; color: #808080; font-size: 11px; margin-left: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-top-width:0; padding: 0; margin-bottom: 0; margin-top: 0;  }
.list-view-container .list .author-info dt { display: none; }
.list-view-container .list .author-info dd { display: inline; margin: 0; }
.list-view-container .list .price-box { margin-left: 100px; }


.breadcrumb { padding: 12px 0 14px 0; overflow: hidden; line-height: 30px;}
.breadcrumb ul { float: left; list-style-type: none; margin: 0; padding: 0; font-size: 15px;  }
.breadcrumb ul li { display: inline; color: #a3a3a3;  }
.breadcrumb ul li::before { padding-right: 3px; padding-left: 1px; }
.breadcrumb ul li:first-child::before { content: ""; }
.breadcrumb ul li a { color: #a3a3a3; }
.breadcrumb p { float: right; }
.breadcrumb p a { font-size: 15px; color: #e4001e; padding-right: 20px; position: relative; font-family: canaro, sans-serif; }
.breadcrumb p a::after { content: " "; position: absolute; right: 0; top: 3px; opacity: 0.25; border-radius: 10px; width: 11px; height: 11px; border: 1px solid black; background: white url(/helion/images/helion.svg) no-repeat -140px -51px; }
.breadcrumb p a:hover { text-decoration: underline; color: #e4001e; }
.breadcrumb p a:hover a::after { border-color: #e4001e; background-position: -140px -69px; }
.breadcrumb p a:focus { text-decoration: none; color: #b40018; }
.breadcrumb p a:focus a::after { border-color: #b40018; background-position: -140px -87px; }
.breadcrumb p a { color: #e4001e; font-family: canaro, sans-serif; font-size: 16px; }
.breadcrumb p.back { float: none; }
.breadcrumb p.back a { color: #808080; font-family: arial, sans-serif; font-size: 15px; }
.breadcrumb p.back a::after { border-width: 0; content: " "; width: 16px; height: 23px; position: absolute; background: transparent url(/helion/images/helion.svg) no-repeat -38px -40px; opacity: 0.25; top: -5px;right: 0px; }

#content .container { position: relative; }
#left-big-col { float: left; width: 860px; padding-bottom: 1px; position: relative; }
#right-small-col { float: right; width: 298px; padding-bottom: 1px; position: absolute; right: -320px; top: 0; }
#left-small-col { float: left; width: 220px; padding-bottom: 1px; }
#right-big-col { float: right; width: 940px; padding-bottom: 1px; }

.left-menu-container { margin-top: -1px; }

.book-cover { padding: 20px 0; }
.book-cover .cover { margin: 0 auto; width: 145px; }

.book-details { display: inline-block; width: 100%; vertical-align: middle; padding-bottom: 10px; }
.book-details .cover-col { float: left; width: 220px; margin-right: 20px; position: relative; }
.book-details .cover-col.video-col { padding-top: 10px; }
.book-details .cover-col.video-col::before { z-index: 1; content: " "; position: absolute; width: 100%; left: 0; top: 0; background: transparent url(/helion/images/helion.svg) no-repeat 0 -219px;  height: 24px; }
.book-details .cover-col.video-col .play { z-index: 3; background-color: #e4001e; border-radius: 22px; width: 40px; height: 40px; border: 3px solid white; margin-left: -24px; position: absolute; left: 50%; top: -9px; }
.book-details .cover-col.video-col .play::before { content: " "; position: absolute; width: 21px; left: 14px; top: 9px; background: transparent url(/helion/images/helion.svg) no-repeat -185px -149px;  height: 24px; }

.experience-list { width: 220px; margin: 0 auto; padding-top: 10px; }
.experience-list ul { list-style-type: none; margin: 0; padding: 0; }
.experience-list ul li { line-height: 106px; position: absolute; border: 1px solid #e2e2e2; width: 106px; height: 106px; text-align: center; background-color: white; border-radius:100px; font-size: 15px; }
.experience-list ul li:hover { z-index: 7; }
.experience-list ul li span { display: inline-block; line-height: 18px; vertical-align: middle; }
.experience-list ul li em { color: #808080; font-style: normal; font-size: 12px; display: block; }
.experience-list .item1 { left: 60px; }
.experience-list.two-items .item1 { left: 0; }
.experience-list.two-items .item2 { left: 120px; z-index: 6; }
.experience-list.three-items .item1 { left: 0; }
.experience-list.three-items .item2 { left: 60px; z-index: 6; }
.experience-list.three-items .item3 { left: 120px; }

.experience-list .circle-line-box { width:106px; height:106px; position:absolute; top:-1px; left:-1px; }
.experience-list .circle-line-box .circle-line { width:106px; height:106px; position:absolute; left:0; top:0; text-align:left; border-radius:1000px;  }
.experience-list .circle-line-box .circle-line.circle-line1 { z-index:2; clip: rect(0px, 113px, 110px, 53px); }
.experience-list .circle-line-box .circle-line.circle-line1 .content-circle { clip: rect(0px, 53px, 108px, 0px);  }
.experience-list .circle-line-box .circle-line.circle-line2 { clip: rect(0px, 55px, 110px, 0px); z-index:3; }
.experience-list .circle-line-box .circle-line.circle-line2 .content-circle { display:none; z-index:5; clip: rect(0px, 108px, 108px, 50px);  }
.experience-list .circle-line-box .circle-line .content-circle { border:1px solid #ff0000; border-radius:1000px; position:absolute; top:0; left:0; width:100%; height:100%; }
.experience-list .circle-line-box .circle-line.bg-hide { clip: rect(0px, 53px, 108px, 0px); z-index:2; border-color:#ff0000; }


.book-details .cover-col p { margin-bottom: 13px; position: relative; z-index: 2;  }
.book-details .cover-col .rotate { font-size: 15px; color: #808080; padding-left: 20px; line-height: 24px; display: inline-block; position: relative; }
.book-details .cover-col .rotate::before { opacity: 0.5; content: " "; position: absolute; left: -2px; top: 0; width: 16px; height: 20px; background: transparent url(/helion/images/helion.svg) -2px -43px; }
.book-details .cover-col .show { font-weight: bold; color: #e4001e; font-size: 15px; padding-right: 20px; display: inline-block; position: relative; }
.book-details .cover-col .show::after { content: " "; position: absolute; right: -2px; top: -8px; width: 16px; height: 23px; background: transparent url(/helion/images/helion.svg) -23px -41px; }
.book-details .cover-col .show-video { display: block; text-align: right; font-weight: bold; color: #e4001e; font-size: 15px; padding-right: 17px; position: relative; }
.book-details .cover-col .show-video::before { content: " "; display: inline-block; vertical-align: middle; margin-right: 4px; margin-bottom: 3px; width: 18px; height: 18px; background: transparent url(/helion/images/helion.svg) -372px -115px; opacity: 0.5; }
.book-details .cover-col .show-video::after { content: " "; position: absolute; right: -2px; top: -8px; width: 16px; height: 23px; background: transparent url(/helion/images/helion.svg) -23px -41px; }
.book-details .cover-col .border-left { border-left: 1px solid #dfdfdf; padding-left: 10px;  float: right; margin-top: 3px; }

.book-details .title-group { display: inline-block; width: 580px;  }
.book-details .title-video { font-size: 16px; font-family: canaro, sans-serif; display: block; text-transform: uppercase; margin-bottom: 12px; }
.book-details .title-video span { margin-left: -20px; padding-left: 20px; display: inline-block; background: transparent url(/helion/images/helion.svg) no-repeat 0 -219px; padding-right: 15px; line-height: 24px; }
.book-details h1 { line-height: 30px; padding-top: 5px; margin-bottom: 12px; font-size: 30px; font-family: canaro, sans-serif; font-weight: normal; }
.book-details .book-title-in-promotion { line-height: 30px; padding-top: 5px; margin-bottom: 12px; font-size: 30px; font-family: canaro, sans-serif; font-weight: normal; }
.book-details .author { font-size: 15px; margin: 4px 0 16px 0; display: inline-block; width: 580px;  }
.book-details .author dt { float: left; color: #808080; }
.book-details .author dd { font-weight: bold; }
.book-details .tags { margin-left: 0; list-style-type: none; padding: 0; }
.book-details .tags * { vertical-align: bottom; }
.book-details .tags .tag-new { display: inline-block; background-color: #78cc5b; color: white; padding: 0 10px; line-height: 25px; font-size: 15px; }
.book-details .tags .tag-bestseller { display: inline-block; background-color: #5b9bcc; color: white; padding: 0 10px; line-height: 25px; font-size: 15px; }
.book-details .tags .tag-bestseller span { display: inline-block; background-color: #5088b3; padding: 0 7px; position: relative; left: 10px; margin-left: -6px; }
.book-details .tags .tag-presale { display: inline-block; background-color: #35ae32; color: white; padding: 0 10px; line-height: 25px; font-size: 15px; }
.book-details .tags .tag-presale a {color:white;}
.book-details .tags .tag-inprogress { display: inline-block; background-color: #2ca5ba; color: white; padding: 0 10px; line-height: 25px; font-size: 15px; }
.book-details .tags .tag-navailable { display: inline-block; background-color: #444444; color: white; padding: 0 10px; line-height: 25px; font-size: 15px; }
.book-details .tags .tag-navailablet { display: inline-block; background-color: #a6a6a6; color: white; padding: 0 10px; line-height: 25px; font-size: 15px; }
.book-details .tags .tag-inprogress a {color:white;}
.book-details .tags .tag-promotion { display: inline-block; background-color: #e4001e; color: white; padding: 0 10px; line-height: 25px; font-size: 15px; }
.book-details .tags .tag-promotion span { display: inline-block; background-color: #cc001b; padding: 0 7px; position: relative; left: 10px; margin-left: -6px; font-size: 12px; }
.book-details .tags .tag-promotion a { background-color: white; display: inline-block; position: relative; left: 10px; padding-left: 3px; margin-left: -3px; width: 16px;  text-indent: -10000px; }
.book-details .tags .tag-promotion a::after { content: " "; position: absolute; right: 0; top: 5px; opacity: 0.25; border-radius: 10px; width: 11px; height: 11px; border: 1px solid black; background: white url(/helion/images/helion.svg) no-repeat -140px -51px; }
.book-details .tags .tag-promotion a:hover { text-decoration: underline; color: #e4001e; }
.book-details .tags .tag-promotion a:hover a::after { border-color: #e4001e; background-position: -140px -69px; }
.book-details .tags .tag-promotion a:focus { text-decoration: none; color: #b40018; }
.book-details .tags .tag-promotion a:focus a::after { border-color: #b40018; background-position: -140px -87px; }


.book-details .info { font-size: 15px; margin: 12px 0 16px 240px; line-height: 24px; }
.book-details .info dt { float: left; color: #808080; padding-right: 3px; }
.book-details .info dd { margin-left: 0;  }
.book-details .info dd .note { border-left: 1px solid #dfdfdf; padding-left: 10px; margin-left: 6px; }
.book-details .info dd .note a { position: relative; display: inline-block; padding-right: 20px; }
.book-details .info dd .note a::after { content: " "; position: absolute; right: 0; top: 5px; opacity: 0.25; border-radius: 10px; width: 11px; height: 11px; border: 1px solid black; background: white url(/helion/images/helion.svg) no-repeat -140px -51px; }
.book-details:hover dd .note a { color: #e4001e; }
.book-details .info dd .note a:hover { text-decoration: underline; }
.book-details .info dd .note a:hover a::after { border-color: #e4001e; background-position: -140px -69px; }
.book-details .info dd .note a:focus { text-decoration: none; color: #b40018; }
.book-details .info dd .note a:focus a::after { border-color: #b40018; background-position: -140px -87px; }


.book-details .fb { margin-left: 240px; }
.book-details .additional-gifts { border-top: 1px solid #dedede; margin-left: 240px; padding-top: 10px; margin-top: 20px; font-size: 15px; line-height: 24px; }
.book-details .additional-gifts:hover a { color:  #e4001e; }
.book-details .additional-gifts p { font-weight: bold; padding: 4px 0; }
.book-details .additional-gifts ul { list-style-type: none; margin: 0; padding: 0; }
.book-details .additional-gifts ul li { padding: 6px 0; }
.book-details .additional-gifts ul span { vertical-align: middle; opacity: 0.5; margin-right: 10px; }
.book-details .additional-gifts ul .gift-author { font-size: 12px; }

.book-details .additional-bonus { border-top: 1px solid #dedede; margin-left: 240px; padding-top: 20px; margin-top: 20px; font-size: 15px; line-height: 24px; }
.book-details .additional-bonus .covers-outer { float: left; width: 130px; position: relative; }
.book-details .additional-bonus .covers-outer p { margin-left: 0; }
.book-details .additional-bonus .covers-outer .gratis { position: absolute; top: 0; right: 0; background-color: #e4001e; color: white; padding: 0 5px; line-height: 24px; font-size: 11px;}
.book-details .additional-bonus .covers-outer .covers span { position: absolute; width: 80px; height: 120px; display: block;  }
.book-details .additional-bonus .covers-outer .item1 { background-color: #b3b3b3; top: 17px; left: 0; border:1px solid #cccccc;}
.book-details .additional-bonus .covers-outer .item2 { background-color: #d0d0d0; top: 13px; left: 20px; }
.book-details .additional-bonus .covers-outer .item3 { background-color: #e3e3e3; top: 9px; left: 40px; }
.book-details .additional-bonus .title { font-size: 24px; }
.book-details .additional-bonus p { margin-bottom: 12px; margin-left: 150px; }
.book-details .additional-bonus p .red { text-decoration: underline; color: #c5001a; }

.book-lesson { clear:left; padding-top: 10px; padding-bottom: 20px; }
.book-lesson h2 { border-top: 1px solid #dedede;  font-size: 24px; color: black; font-weight: normal; padding-top: 24px; font-family: canaro, sans-serif; margin-bottom: 24px; }
.clip-object { position: relative; margin-bottom: 9px; }
.clip-object video { width: 100%; height: auto; }
.clip-object .play-icon a { background: black; background: rgba(0, 0, 0, 0.8); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.clip-object .play-icon a::before { content: " "; position: absolute; left: 50%; top: 50%; background-color: #e4001e; width: 84px; height: 84px; border-radius: 44px; margin: -42px 0 0 -42px; }
.clip-object .play-icon a::after { content: " "; position: absolute; left: 50%; top: 50%; background: transparent url(/helion/images/helion.svg) -320px -214px; width: 41px; height: 49px; margin: -24px 0 0 -15px; }
.clip-list { overflow: auto; max-height: 390px; }
.clip-list::-webkit-scrollbar { width: 12px; } 
.clip-list::-webkit-scrollbar-track { background-color: #ebebeb; box-shadow: inset 4px 0 white, inset -4px 0 white; }
.clip-list::-webkit-scrollbar-thumb { border-radius: 10px; background: #e4001e; }
.clip-list ol { list-style-type: none; margin: 0; padding: 0; }
.clip-list h3 { font-size: 15px; padding: 6px 0; }
.clip-list ol a { color: #808080; }
.clip-list ol h3 a { color: #808080; padding-left: 30px; position: relative; display: block; }
.clip-list ol h3 a::before { content: " "; width: 15px; height: 9px; opacity: 0.5; position: absolute; background: transparent url(/helion/images/helion.svg) no-repeat -336px -48px; left: 0; top: 6px; }
.clip-list ol > li.active a { color: black;  }
.clip-list ol > li { color: #808080; }
.clip-list ol > li.active { color: black; }
.clip-list ol ul { list-style-type: none; margin: 0; padding: 0; font-size: 15px; }
.clip-list ol ul li { position: relative; line-height: 24px; padding: 6px 0; }
.clip-list ol ul li.active { background-color: #ebebeb; color: #e4001e; font-weight: bold; }
.clip-list ol ul li a { display: block; padding-left: 30px; position: relative; padding-right: 100px; }
.clip-list ol ul li a::before { content: " "; width: 20px; height: 20px; opacity: 0.5; position: absolute; background: transparent url(/helion/images/helion.svg) no-repeat -371px -115px; left: 0; top: 3px; }
.clip-list ol .active ul li a::before { opacity: 1; }
.clip-list ol ul li.active a { color: #e4001e; padding-left: 40px; }
.clip-list ol ul li.active a::before { opacity: 1; background-position: -209px -163px; left: 11px; }
.clip-list ol ul li.lock { padding-left: 30px; }
.clip-list ol ul li.lock::before { content: " "; width: 14px; height: 17px; opacity: 0.5; position: absolute; background: transparent url(/helion/images/helion.svg) no-repeat -362px -48px; left: 3px; top: 9px; }


.clip-list ol .duration  { right: 10px; top: 0; position: absolute; font-weight: normal; }



.book-description { border-top: 1px solid #dedede; clear: both; }
.book-description h2 { font-size: 24px; color: black; font-weight: normal;  margin-top: 24px; font-family: canaro, sans-serif; margin-bottom: 24px; }
.book-description .votes-header-two{display:inline-block;}
.book-description .votes-header-two { font-size: 24px; color: black; font-weight: normal;  margin-top: 24px; font-family: canaro, sans-serif; margin-bottom: 24px; }
.author-info { border-top: 1px solid #dedede; font-size: 15px; line-height: 24px; padding: 18px 0; margin-top: 30px; margin-bottom: 24px; }
.author-info p { margin-left: 240px; margin-top: 12px; margin-bottom: 12px; }
.author-info p.photo { margin-left: 0; float: left; }
.author-info p.photo img { border-radius: 10000px; }

.see-group { border-top: 1px solid #dedede; margin-bottom: 24px; }
.book-list-group { width: 100%; display: inline-block;}
.book-list-group .list { list-style-type: none; margin: 0; padding: 0; float: left; }
.book-list-group li { float: left; padding-left: 34px; position: relative; }
.book-list-group li.disabled .cover { opacity: 0.25; }
.book-list-group li::before { content: " "; background-color: #6b6b6b; height: 1px; width: 15px; position: absolute; left: 10px; top: 105px; }
.book-list-polish-publish li::before {background-color: #ffffff; height: 22px; width: 20px; left: 0px; top: 0px; }
.book-list-group li::after { content: " "; background-color: #6b6b6b; height: 15px; width: 1px; position: absolute; left: 17px; top: 98px; }
.book-list-group li:first-child { padding-left: 0; }
.book-list-group li:first-child::before { display: none; }
.book-list-polish-publish li:first-child::before { display: block; }
.book-list-group li:first-child::after { display: none; }
.book-list-group .group-price { margin-left: 535px; }
.book-list-group .group-price .checkbox-line { display: block; margin-bottom: 10px; }
.book-list-group .group-price input { position: absolute; left: -100000px; }
.book-list-group .group-price label { line-height: 18px; display: block; padding-left: 27px; position: relative; }
.book-list-group .group-price .checkbox { position: absolute; left: 0; top: 0; border: 1px solid #d1d1d1; width: 16px; height: 16px; }
.book-list-group .group-price .title { color: #808080; font-size: 15px; font-weight: bold; }
.book-list-group .group-price .author { color: #808080; font-size: 12px; display: block; }
.book-list-group .group-price .active .title { color: black; }
.book-list-group .group-price .active .checkbox { background: #ebebeb url(/helion/images/helion.svg) -51px -48px; }
.book-list-group .group-price .price { color: #000000; width: 100px; margin-right: 20px; height: 36px; line-height: 36px; text-align: center; font-weight: 100; background-color: #efefef; font-size: 18px; font-family: canaro, sans-serif; float: left; }
.book-list-group .group-price .price:hover ins{background:#e4001e; color:#ffffff !important;}
.book-list-group .group-price .price:hover{background:#e4001e;}

#content .book-list-group .group-price .price ins { text-decoration: none; color: #000000; font-weight: normal; }
.book-list-group .group-price .price del { color: #a3a3a3; font-size: 15px; font-weight: normal; }
.book-list-group .group-price .save-money { line-height: 36px; font-size: 15px; }


.see-also { padding-bottom: 5px; border-top: 1px solid #dedede; }
.see-also::after { content: " "; clear: both; display: block; }
.see-also .book-list-inner { padding-top: 20px; /*padding-left: 27px;*/ margin-left: -28px; margin-right: -30px; }
.book-description .see-also .book-list-inner { margin-right: -12px; }
.see-also .book-list-type { height: 50px; margin-top: -50px;}
.see-also .book-list-outer { border-top-width: 0; }
.see-also .book-list-container .list { padding-left: 2px; }
.see-also .book-list-container .list > li { padding-left: 12px; padding-right: 12px; overflow: hidden; position: relative; }
.see-also .book-list-container .list > li.first-visible { z-index: 1000 !important; }
.col-right .see-also .book-list-container .list { padding-left: 1px;  }
.col-right .see-also .book-list-container .list > li { padding-left: 13px; padding-right: 12px; }
.see-also .book-list-container .list .short-desc { width: 170px; }
.see-also .book-list-container .navigator .next { right: 0; }
.book-description .see-also .book-list-container .list .short-desc { width: 176px; }
.book-description .see-also .book-list-container .navigator .next { right: 0px; }
.book-description .see-also .book-list-container:hover .navigator .next { right: -30px; }
.col-right .see-also .book-list-container .navigator .next { right: -18px; }
.see-also .book-list-container:hover .navigator .prev { left: -43px; }
.see-also .book-list-container:hover .navigator .next { right: -24px; }
.col-right .see-also .book-list-container:hover .navigator .next { right: -43px; }

.comment-box { border-top: 1px solid #dedede; clear: both; }
.comment-box aside { float: right; width: 150px; }
.comment-box aside dl { text-align: right; margin-right: 60px; padding-right: 30px; position: relative; text-align: right; }
.comment-box aside dt { position: absolute; right: 0; width: 24px; height: 24px; line-height: 24px; text-align: center; font-weight: bold; font-size: 16px;}
.comment-box aside dd { margin: 0; line-height: 25px; font-size: 16px; }
.star-vote { display: none; }
.big-opinion { margin: -60px auto 15px auto; font-size: 36px; font-weight: 100; width: 104px; height: 104px; text-align: center; line-height: 104px; border: 8px solid white; border-radius: 100px;  position: relative; }
.part-left { position: absolute; left: -8px; top: -8px; overflow: hidden; width: 60px; height: 120px; }
.part-right { position: absolute; left: 52px; top: -8px; overflow: hidden; width: 60px; height: 120px; }
.part-group { position: absolute; left: 60px; top: 0px; overflow: hidden; width: 60px; height: 120px; -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; }
.part-group span { position: absolute; width: 104px; height: 104px; border: 8px solid #808080; left: -60px;  border-radius: 100px; }
.part-right .part-group { left: -60px; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; }
.part-right .part-group span { left: 0; }
.opinion1-circle span { border: 8px solid #d1d1d1; }
.opinion2-circle span { border: 8px solid #808080; }
.opinion3-circle span { border: 8px solid #e47382; }
.opinion4-circle span { border: 8px solid #e4001e; }
.opinion5-circle span { border: 8px solid #b40018; }
.opinion6-circle span { border: 8px solid #800011; }

.comment-box .list { margin-right: 180px }
.comment-box .list ol { list-style-type: none; margin: 0; padding: 0; }
.comment-box .list ol li { position: relative; padding-left: 30px; margin-bottom: 16px; margin-top: 24px; }
.comment-box .list ol li .opinion { position: absolute; font-weight: 100; font-size: 24px; font-family: canaro, sans-serif; width: 36px; line-height: 36px; border-radius: 20px; text-align: center; position: absolute; top: 0; left: -18px; }
.comment-box .list ol li .author { color: #808080; font-size: 15px; line-height: 36px; }
.comment-box .list ol li blockquote { margin: 0; font-size: 15px; line-height: 24px; }
.comment-box .list ol li.slide-down { display: none; }
.comment-box .comment-note { font-size: 12px; color: #808080; line-height: 15px; margin: 11px 0 0 0; }
.comment-box .comment-note .yes { display: inline-block; width: 15px; height: 15px; text-indent: -10000px; margin: 0 2px 0 5px; border: 1px solid black; border-radius: 10px; vertical-align: middle; background: transparent url(/helion/images/helion.svg) -71px -48px; opacity: 0.5; }
.comment-box .comment-note .no { display: inline-block; width: 15px; height: 15px; text-indent: -10000px; margin: 0 5px 0 2px; border: 1px solid black; border-radius: 10px; vertical-align: middle; background: transparent url(/helion/images/helion.svg) -91px -48px; opacity: 0.5; }


.review-box {  border-top: 1px solid #dfdfdf; margin: 20px 0 20px 0; clear: both; }
.review-box .list { list-style-type: none; margin: 0; padding: 0; font-size: 15px; line-height: 24px; }
.review-box .list .author { color: #808080; }
.review-box .list blockquote { border-left: 4px solid #ebebeb; padding-left: 25px; margin-left: 1px; margin-top: 16px; margin-bottom: 16px; }
.review-box .list .slide-down { display: none; }

.details-box { border-top: 1px solid #dfdfdf; margin: 20px 0 36px 0; font-size: 15px; }
.details-box dl { margin: 0 0 30px 0; line-height: 30px; }
.details-box dt { float: left; color: #808080; clear: both; padding-right: 4px; }
.details-box dd { margin-left: 0; }
.details-box ul { list-style-type: none; margin: 0; padding: 0; line-height: 30px; }
.details-box a:hover { color: #E4001E; }
.details-box p { line-height: 30px; }

.index-box { border-top: 1px solid #dfdfdf; margin: 36px 0; font-size: 15px; }
.index-box ol { list-style-type: none; margin: 0; padding: 0; }
.index-box ul { list-style-type: none; margin: 0; padding: 0; }
.index-box strong { list-style-type: none; margin: 0; padding: 0; }
.index-box li { font-weight: bold; font-size: 15px; line-height: 36px; }
.index-box strong { font-weight: bold; font-size: 15px; line-height: 36px; }
.index-box ol ol { margin: 12px 0; }
.index-box ul ul { margin: 12px 0; }
.index-box li li { border-left: 4px solid #ebebeb; padding-left: 25px; margin-left: 1px; font-weight: normal; line-height: 24px; }
.index-box ul li { border-left: 4px solid #ebebeb; padding-left: 25px; margin-left: 1px; font-weight: normal; line-height: 24px; }
.index-box li.slide-down { display: none; }

.book-type-price fieldset { cursor: pointer; background-color: #ebebeb; border-top: 1px solid #d3d3d3; position: relative; max-height: 59px; overflow: hidden; }
.book-type-price fieldset:first-child { border-top-width: 0 }
.book-type-price fieldset.active { cursor:auto; max-height: 300px; background-color: white; border: 1px solid #d4001c; box-shadow: -3px 0 #d4001c, 0 0 5px rgba(0, 0, 0, 0.3); }
.book-type-price h3 { font-size: 15px; color: #808080; font-weight: normal; line-height: 59px; padding-left: 16px; }
.book-type-price h3 span { vertical-align: middle; margin-bottom: 2px; opacity: 0.5;}
.book-type-price .book-price { position: absolute; font-size: 18px; color: #808080; right: 20px; top: 0; line-height: 59px; font-family: canaro, sans-serif; }
.book-type-price .book-price ins { color: #e4001e; text-decoration: none; }
.book-type-price .book-price del { font-size: 15px; font-weight: normal; }
.book-type-price .button { text-align: center; padding: 0 20px; position: relative; }
.book-type-price .button button { font-family: canaro, sans-serif; padding-right: 45px; padding-left: 15px; }
.book-type-price .button .amount-button { top: 6px; right: 50px; border-width: 0; text-align: center; color: white; position: absolute; background-color: #800011; display: inline-block; width: 34px; height: 17px; font-size: 15px; padding: 3px 0; vertical-align: middle; }
.book-type-price .button::after { content: " "; background-color: #800011; position: absolute; height: 8px; top: 13px; right: 80px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.book-type-price .buttonDziubekDomi::after { content: " "; background-color: #800011; position: absolute; height: 8px; top: 13px; right: 80px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width:8px; }
.book-type-price .button .or { display: block; width: 213px; border-top: 1px solid #dfdfdf; margin: 20px auto 5px auto; }
.book-type-price .button .or span { display: inline-block; background-color: white; position: relative; top: -8px; background-color: white; padding: 0 10px; }
.book-type-price .button .one-click { margin-bottom: 10px; padding-left: 38px; padding-right: 32px; position: relative; }
.book-type-price .button .one-click::before { content: " "; position: absolute; left: 10px; top: 4px; opacity: 0.4; width: 20px; height: 26px;  background: transparent url(/helion/images/helion.svg) no-repeat -410px -42px; }
.book-type-price .button .one-click::after { content: " "; position: absolute; right: 10px; top: 14px; opacity: 0.5; width: 13px; height: 7px; background: transparent url(/helion/images/helion.svg) -338px -49px; }
.book-type-price .button .gift-click { padding-left: 38px; position: relative; margin-bottom:10px; }
.book-type-price .button .gift-click::before { content: " "; position: absolute; left: 7px; top: 6px; width: 23px; height: 22px;  background: transparent url(/helion/images/helion.svg) no-repeat -148px -113px; }

.book-type-price .button .add-points { display: block; padding: 19px 0 14px 0; font-style: normal; color: #808080; font-size: 14px; line-height: 24px; }

.book-type-price .active h3 { color: black; font-weight: bold; }
.book-type-price .active h3 span { opacity: 1; }
.book-type-price .active .price { color: black; }


.book-type-price .delivery { display: block; font-style: normal; font-family: canaro, sans-serif; font-size: 16px; color: #e4001e; padding: 16px 0; }

.add-to-shelf { background-color: #ebebeb; margin-bottom: 12px; border-top: 1px solid #d3d3d3; }
.add-to-shelf a { display: block; font-size: 15px; text-align: center; line-height: 49px; }
.add-to-shelf a span { display: inline-block; position: relative; }

.page-menu { list-style-type: none; margin: 0; padding: 0; border: 1px solid #dfdfdf; border-top-width: 0; }
.page-menu li { border-top: 1px solid #dfdfdf; font-size: 15px; }
.page-menu li a { display: block; line-height: 21px; padding: 7px 20px; }
.page-menu li.active a { font-weight: bold; box-shadow: -3px 0 #e4001e; }
.page-menu:hover a { color: #e4001e; }
.page-menu a:hover { text-decoration: underline; }
.page-menu a:focus { text-decoration: none; color: #b40018; }
@media all and (min-width:1160px){
#right-small-col .fixed-section { position: relative; height: 0; }
#right-small-col .isFixed .fixed-section-content { position: fixed; top: 70px; width: 298px; }
#right-small-col .isFixedBottom .fixed-section-content { position: absolute; top: auto; bottom: 0; width: 298px; }

/* .isFixed .add-to-shelf { height: 0; overflow: hidden; } PW 08.08.2016 */
.isFixed .book-type-price .delivery { height: 0; overflow: hidden; padding-bottom: 0; }
.isFixed .book-type-price .button .or { height: 0; margin-bottom: 0; overflow: hidden; border-top-width: 0; }
}

#page-title { position: relative; border-bottom: 1px solid #dfdfdf; padding-bottom: 15px; margin-top: -10px;}
#page-title h1 { font-size: 30px; font-family: canaro, sans-serif; font-weight: 500; }
#page-title form { line-height: 34px; position: absolute; right: 0; top: 10px; }
/*#page-title .form-search { line-height: 34px; position: absolute; right: 0; top: 0px; }*/
#page-title form .change-view { display: inline-block; text-align: left; vertical-align: middle; opacity: 0.5; line-height: 35px; }
#page-title form .change-view a { width: 22px; height: 22px; border: 1px solid white; display: inline-block; margin-bottom: 2px; vertical-align: middle; text-indent: -10000px; }
#page-title form .change-view a.active { border-color: #9a9a9a; }
#page-title form .change-view a.view1 { background: transparent url(/helion/images/helion.svg) no-repeat -207px -252px; }
#page-title form .change-view a.view2 { background: transparent url(/helion/images/helion.svg) no-repeat -207px -276px; }
#page-title form .select-line { display: inline-block; text-align: left; margin-left: 25px; }
#page-title form .select-line label { color: #999999; font-size: 15px; display: inline-block; }
#page-title form .select select { border-width: 0; font-size: 15px; color: #404040; }
#page-title ul { list-style-type: none; margin: 0; padding: 0; font-family: canaro, sans-serif; }
#page-title ul li { font-size: 30px; display: inline; color: #808080; font-weight: 100; }
#page-title ul li::before { content: "\bb"; padding: 0 20px; }
#page-title ul li:first-child::before { content: ""; padding: 0;  }
#page-title ul h1 { display: inline-block; color: black; font-weight: normal; position: relative; }
#page-title ul h1::after { content: " "; position: absolute; background-color: #e4001e; left: -60px; padding-left: 60px; width: 100%; height: 6px; bottom: -22px; }
#page-title ul li:first-child h1::after { padding-left: 0; left: 0; }
#page-title ul strong { display: inline-block; font-weight: 100; position: relative; }
#page-title ul strong::after { content: " "; position: absolute; background-color: #e4001e; left: -60px; padding-left: 60px; width: 100%; height: 6px; bottom: -22px; }
#page-title ul li:first-child strong::after { left: 0; padding-left: 0; }


.filter-form .header { display: none; }
.filter-form .sub-categories { padding: 18px 0; color: #404040;  }
.filter-form .sub-categories ul { list-style-type: none; margin: 0; padding: 0; }
.filter-form .sub-categories li { display: block; padding: 3px 0; }
.filter-form .sub-categories h4{font-weight:normal;}
.filter-form .sub-categories ul a { position: relative; display: block; line-height: 18px; padding: 0 40px 0 10px; font-size: 15px; }
.filter-form .sub-categories ul a .amount { position: absolute; right: 10px; top: 0; color: #808080; font-size: 12px; }
.filter-form .sub-categories ul .active a { padding-left: 7px; border-left: 3px solid #e4001e; color: #e4001e; font-weight: bold; }
.filter-form fieldset { border-top: 1px solid #dfdfdf; padding: 18px 0; color: #404040; }
.filter-form .title { font-weight: bold; font-size: 15px; margin-bottom: 5px; }
.filter-form .title a { color: #808080; font-weight: normal; position: relative; }
.filter-form .title a::after { content: " "; width: 16px; height: 23px; position: absolute; background: transparent url(/helion/images/helion.svg) no-repeat -38px -41px; opacity: 0.25; top: -5px;right: -20px; }
.filter-form .checkbox-line { padding: 3px 0; }
.filter-form .checkbox-line label,.filter-form .title.active { position: relative; display: block; line-height: 18px; padding: 0 40px 0 10px; font-size: 15px; cursor: pointer; }
.filter-form .checkbox-line input { position: absolute; left: -10000px; }
.filter-form .checkbox-line .amount { position: absolute; right: 10px; top: 0; color: #808080; font-size: 12px; }
.filter-form .checkbox-line.active label,.filter-form .title.active { padding-left: 7px; border-left: 3px solid #e4001e; font-weight: bold; }
.filter-form .checkbox-line.active label::after,.filter-form .title.active:after { content: " "; opacity: 0.5; vertical-align: middle; margin-left: 10px; display: inline-block; width: 11px; height: 11px; background: transparent url(/helion/images/helion.svg) no-repeat -286px -48px; }
.filter-form .select-format .checkbox-line label { padding-left: 35px; }
.filter-form .select-format .checkbox-line.active label { padding-left: 32px; }
.filter-form .select-format .checkbox-line label::before { left: 6px; }
.filter-form .select-format .checkbox-line.active label::before { left: 3px; }

.usermenu-box {  border-top: 1px solid #dfdfdf; }
.usermenu-box p { font-size: 15px; color: #404040; }
.usermenu-box p strong { font-size: 20px; color: black; font-family: canaro, sans-serif; font-weight: normal; }
.usermenu-box p a { display: block; position: relative; padding-right: 25px; padding-top: 17px; padding-bottom: 14px;}
.usermenu-box p a::after { content: " "; transform: rotate(-90deg) ; -webkit-transform: rotate(-90deg) ; -moz-transform: rotate(-90deg) ; -o-transform: rotate(-90deg) ; -ms-transform: rotate(-90deg) ;position: absolute; right: 8px; top: 27px; opacity: 0.5; display: block; width: 14px; height: 7px; background: transparent url(/helion/images/helion.svg) no-repeat -338px -50px; }
.usermenu-box ul { display: none; list-style-type: none; margin: 0; padding: 0 0 12px 0; }
.usermenu-box.active ul { display: block; }
.usermenu-box ul a { display: block; font-size: 15px; line-height: 24px; color: #404040; position: relative; }
.usermenu-box:hover a { color: #e4001e; }
.usermenu-box a:focus { text-decoration: none; color: #b40018; }
.usermenu-box ul .active a { border-left: 3px solid #e4001e; padding-left: 9px; color: #e4001e; }
.usermenu-box.active p a::after { display: none; }
.usermenu-items { border-top: 1px solid #dfdfdf; margin-top: -1px; }
.usermenu-items ul { list-style-type: none; margin: 0; padding: 0; }
.usermenu-items li { border-top: 1px solid #dfdfdf; }
.usermenu-items li:first-child { border-top-width:0; }
.usermenu-items li a { display: block; line-height: 59px; font-size: 15px; color: #404040; position: relative; }
.usermenu-items li a.active { font-weight: bold; color: #e4001e; }
.usermenu-items li.item1 a::after { content: " "; position: absolute; right: 0; top: 16px; display: block; width: 33px; height: 29px; background: transparent url(/helion/images/helion.svg) no-repeat -125px -255px; }
.usermenu-items li.item2 a::after { content: " "; position: absolute; right: 0; top: 16px; display: block; width: 34px; height: 33px; background: transparent url(/helion/images/helion.svg) no-repeat -162px -253px; }
.usermenu-items .user-edit { font-size: 20px; color: black; font-family: canaro, sans-serif; font-weight: normal; border-bottom: 1px solid #dfdfdf; }
.usermenu-items .user-edit a { position: relative; display: block; padding: 17px 0; }
.usermenu-items .user-edit a::after { content: " "; transform: rotate(-90deg) ; -webkit-transform: rotate(-90deg) ; -moz-transform: rotate(-90deg) ; -o-transform: rotate(-90deg) ; -ms-transform: rotate(-90deg) ;position: absolute; right: 8px; top: 24px; opacity: 0.5; display: block; width: 14px; height: 7px; background: transparent url(/helion/images/helion.svg) no-repeat -338px -50px; }

#center-big-col { width: 900px; margin: 0 auto; }
#one-big-col { position: relative; }

.category-text { padding-bottom: 20px; overflow: hidden; padding-top: 5px; clear: both; }
.show-more { }
.show-more a { display: block; background-color: #efefef; text-align: center; line-height: 36px; margin: 10px 0 45px 0; font-size: 15px; }
.show-more a::before { content: " "; margin-right: 16px; display: inline-block; width: 14px; height: 8px; background: transparent url(/helion/images/helion.png) no-repeat -338px -49px; }
.show-more a::after { content: " "; margin-left: 16px; display: inline-block; width: 14px; height: 8px; background: transparent url(/helion/images/helion.png) no-repeat -338px -49px; }

.bestseller-list ol { list-style-type: none; margin: 0; padding: 0 0 40px 0; counter-reset: bestseller; display: inline-block; width: 100%; }
.bestseller-list ol > li { position: relative; padding-left: 180px; clear: both; padding-top: 30px; }
.bestseller-list ol > li::before { counter-increment: bestseller; content: counter(bestseller); position: absolute; font-size: 240px; width: 320px; letter-spacing: -30px; text-align: right; left: -180px; color: #eeeeee; font-family: roboto, sans-serif;}
.bestseller-list ol > li .cover { float: left; width: 220px; margin-right: 20px; position: relative; z-index: 1; }
.bestseller-list ol > li h2 { display: inline-block; width: 440px; font-size: 22px; line-height: 28px; font-family: canaro, sans-serif; padding-top: 12px; }
.bestseller-list ol > li .author-info { border-top-width: 0; font-size: 15px; margin: 12px 0 12px 0; padding: 0; display: inline-block; width: 440px;  }
.bestseller-list ol > li .author-info dt { float: left; color: #808080; padding-right: 3px; }
.bestseller-list ol > li .author-info dd { font-weight: bold; float: left; margin: 0 20px 0 0; }
.price-box { overflow: hidden; margin:15px 0 5px 0; }
.price-box .book-type { list-style-type: none; margin: 0 0 0 110px; padding: 0; }
.price-box .book-type li { float: left; opacity: 0.5; line-height: 36px; margin-right: 20px; }
.price-box .book-type li.active { opacity: 1; font-weight:bold;}
.price-box .book-type li span { vertical-align: middle; }
.price-box .book-type li a:hover { text-decoration: none; color: #e4001e; }

.price-box .price {float: left; margin-right: 20px; line-height: 36px; font-size: 15px; color: #a3a3a3; text-align: center; }
.price-box .price a { width: 100px; height: 36px; box-shadow: 0 0 #bfbfbf; display: inline-block; font-weight: 100; background-color: #efefef; font-size: 18px; font-family: canaro, sans-serif; -webkit-transition: all 0.2s; transition: all 0.2s; }
.price-box .price a:hover { text-decoration: none;  }
#content .price-time a { padding-left: 30px; position: relative; width: 90px; }
#content .price a ins{  font-weight: 100; }
#content .price-time a::before { content: " "; width: 30px; height: 30px; position: absolute; left: 5px; top: 3px; background: transparent url(/helion/images/helion.svg) no-repeat -393px -320px; }
#content .price-time a::after { content: " "; width: 30px; height: 30px; position: absolute; left: 5px; top: 3px; background: transparent url(/helion/images/helion.svg) no-repeat -304px -320px; opacity: 0; }
#content .price-add a { padding-left: 30px; position: relative; width: 95px; }
#content .price-add a::before { content: " "; width: 30px; height: 30px; position: absolute; left: 5px; top: 3px;background: transparent url(/helion/images/helion.svg) no-repeat -426px -321px; }
#content .price-add a::after { content: " "; width: 30px; height: 30px; position: absolute; left: 10px; top: 3px;background: transparent url(/helion/images/helion.svg) no-repeat -337px -321px; opacity: 0; }
#content .price-incart a { padding-left: 30px; position: relative; width: 90px; }
#content .price-incart a::before { content: " "; width: 30px; height: 30px; position: absolute; left: 5px; top: 3px; background: transparent url(/helion/images/helion.svg) no-repeat -368px -320px; }
#content .price-incart a::after { content: " "; width: 30px; height: 30px; position: absolute; left: 10px; top: 3px; background: transparent url(/helion/images/helion.svg) no-repeat -279px -320px; opacity: 0; }
#content .price-incart a:hover::before { opacity: 0; }
#content .price-incart a:hover::after { opacity: 1; }
#content .price-add a:hover::before { opacity: 0; }
#content .price-add a:hover::after { opacity: 1; }
#content .price-time a:hover::before { opacity: 0; }
#content .price-time a:hover::after { opacity: 1; }
#content .price ins { text-decoration: none; color: #e4001e; font-weight: normal; }
#content .price a:hover ins { color: white; }
#content .price del { color: #a3a3a3; font-size: 13px; font-weight: normal; font-family: arial, sans-serif; display: block; line-height: 30px; }
#content .price time { color: #a3a3a3; font-size: 12px; font-weight: normal; font-family: arial, sans-serif; display: block; line-height: 30px; padding:3px 0; }
#content .price a:hover { text-decoration: none; background-color: #e4001e; color: white; }

.bestseller-list ol > li .available { font-size: 15px; margin: 0 0 12px 240px; line-height: 24px; padding-top: 2px; }
.bestseller-list ol > li .available dt { float: left; color: #808080; padding-right: 3px; }
.bestseller-list ol > li .available dd { margin-left: 0; left, }
.bestseller-list ol > li .short-desc { font-size: 15px; line-height: 24px; color: #808080; }

.lesson-list { list-style-type: none; margin: 0 0 0 -70px; padding: 50px 0 60px 0; overflow: hidden; }
.lesson-list li { float: left; width: 180px; margin-left: 70px; padding-bottom: 10px; height: 375px; }
.lesson-list li .title { font-size: 13px; text-align: center; color: #44474f; line-height: 20px; padding: 10px; }
.lesson-list li .button a { color: white; display: block; background-color: #e4001e; line-height: 30px; height: 30px;  border-radius: 0; padding: 0; text-align: center; font-size: 13px; }
.lesson-list li .button a strong { font-size: 18px; }



.help-page { overflow: hidden; }
@media all and (min-width:701px){
    .help-article-page .help-page { /*width:1190px;*/ margin-left:-235px; }
}
.help-page .col { width: 25%; float: left; padding: 30px 0 0 0; }
.help-page .help_page{float:right;}
.help-page .col h3 { font-size: 20px; font-weight: normal; font-family: canaro, sans-serif; padding-bottom: 11px; }
.help-page .col ul { list-style-type: none; margin: 0; padding: 0; font-size: 15px; line-height: 24px; }
.help-page:hover a { color: #e4001e; }
.help-page a:hover { text-decoration: underline; }
.help-page a:focus { text-decoration: none; color: #b40018; }
.back-button { padding: 12px 0; border-bottom: 1px solid #dedede; margin: 20px 0; }
.back-button .to-left { width: 240px; float: left; }
.help-article-page { width: 700px; margin: 0 auto; }
.help-article-page .text { padding-top: 20px; overflow:hidden;}
.help-article-page .text .info { position: relative; }
.help-article-page .text .info::before { content: " "; width: 56px; height: 56px; border: 2px solid #bfbfbf; position: absolute; left: -80px; top: 4px; }
.help-article-page .text .info::after { content: " "; width: 5px; height: 23px; background: transparent url(/helion/images/helion.svg) no-repeat -43px -78px; position: absolute; left: -53px; top: 24px; }
.help-article-page .text h2 { border-top: 1px solid #dedede; padding-top: 25px; }

.text-page { width: 700px; margin: 0 auto; }
.text-page .steps { list-style-type: none; margin: 0; padding: 0; counter-reset: steps; }
.text-page .steps li { position: relative; padding-left: 40px; line-height: 20px; margin: 26px 0; }
.text-page .steps li::before { counter-increment: steps; content: counter(steps); position: absolute; font-size: 60px; color: #e4001e; width: 40px; text-align: center; left: 0px; top: 14px; font-family: canaro, sans-serif; font-weight: 100; }
.text-page .steps li strong { line-height: 28px; color: #e4001e; font-size: 24px; font-weight: normal; display: block; }
.text-page .steps li .link { display: inline-block; padding-right: 24px; position: relative; }
.text-page .steps li .link::after { content: " "; position: absolute; right: 0; top: 8px; opacity: 0.25; border-radius: 10px; width: 11px; height: 11px; border: 1px solid black; background: white url(/helion/images/helion.svg) no-repeat -140px -51px; }
.text .autorzy_lista_header{font-size:15px; font-weight:normal;}

.join { position: absolute; top: 0; width: 220px; height: auto; }
.isFixed .join { position: fixed; top: 0; }
.isFixedBottom .join { position: absolute; top: auto; bottom: 0; }
.join .icon { background-color: #ebebeb; height: 220px; position: relative; margin-bottom: 10px; }
.join .icon::before { content: " "; background: transparent url(/helion/images/helion.svg) no-repeat 0 -250px; width: 120px; height: 108px; position: absolute; margin-left: 50px; margin-top: 50px; }
.join .button a { display: block; text-align: center; }

.page-form { overflow: hidden; padding: 35px 0; }
.page-form .form-left { float: left; width: 540px; padding-right: 87px; border-right: 1px solid #dedede; }
.page-form .form-right { float: right; width: 460px; padding-left: 90px; border-left: 1px solid #dedede; position: relative; left: -1px; }

.page-form .col-left { /* float: left; TKr 12 sierpnia 2016 15:22*/ width: 540px; padding-right: 48px; border-right: 1px solid #dedede; }
.page-form .col-right { float: right; width: 540px; padding-left: 50px; border-left: 1px solid #dedede; position: relative; left: -1px; }

.add-opinion { padding-top: 0; }

.form h2 { line-height: 62px; border-bottom: 1px solid #dfdfdf; position: relative;  font-family: canaro, sans-serif; font-weight: normal; font-size: 24px; margin-bottom: 35px; }
.form h3 { font-size: 15px; padding-bottom: 8px; }
.form.col-right h2::before { content: " "; background-color: white; left: -51px; top: 0; bottom: 0; width: 50px; position: absolute; }
.form .input-line { width: 100%; display: inline-block; margin-bottom: 12px; }
.form .input-line label { float: left; width: 222px; text-align: right; font-size: 15px; line-height: 36px; margin-right: 20px; }
.form .textarea-line label { float: left; width: 222px; text-align: right; font-size: 15px; line-height: 36px; margin-right: 20px; }
.form .checkbox-line { margin-left: 242px; margin-bottom: 20px; }
.form .checkbox-line input { position: absolute; left: -10000px; }
.form .checkbox-line label { display: block; font-size: 15px; padding-left: 30px; position: relative;  }
.form .checkbox-line label .input { position: absolute; left: 0; top: 0; border: 1px solid #d1d1d1; width: 16px; height: 16px; }
.form .checkbox-line.active label .input { background: #ebebeb url(/helion/images/helion.svg) no-repeat -52px -47px; }
.form .radio-line { margin-left: 242px; margin-bottom: 20px; }
.form .radio-line input { position: absolute; left: -10000px; }
.form .radio-line label { display: block; font-size: 15px; padding-left: 30px; position: relative;  }
.form .radio-line label .input { position: absolute; left: 0; top: 0; border: 1px solid #d1d1d1; width: 16px; height: 16px; border-radius: 10px; }
.form .radio-line.active { font-weight: bold; }
.form .radio-line.active label .input { background-color: #e4001e; box-shadow: inset 0 0 0 5px #ebebeb; border-width:0; width: 18px; height: 18px; }
.form .buttons { margin-left: 242px; }
.form .buttons a.arrow-link { float: right; margin-top: 10px; }
.form  a:hover { color: #e4001e; }
.form .checkbox-group { padding-top: 10px; }
.form .checkbox-group .label { float: left; width: 222px; text-align: right; font-size: 15px; font-weight: bold; line-height: 36px; margin-top: -10px;}
.form .label-checkall{display:inline-block; margin:2px 10px 10px 20px; font-weight:bold;}
.form .checkbox-group .checkbox-line { width: 370px; }
.form .checkbox-group .checkbox-line label { font-size: 12px; line-height: 18px; }
.form .checkbox-group .radio-line { width: 370px; }
.form .checkbox-group .radio-line label { font-size: 12px; line-height: 18px; }
.form .checkbox-group.with-label .radio-line { margin-left: 240px; }
.form .button-more { margin-left: 242px; font-size: 15px; margin-bottom: 28px; }
.form .fb-login { margin-left: 242px; border-top: 1px solid #dedede; text-align: center; margin-top: 24px; }
.form .fb-login .or { background-color: white; position: relative; top: -10px; padding: 0 10px; font-size: 15px; font-style: italic; color: #808080; }
.form .fb-login a { position: relative; color: white; background-color: #3b5998; font-family: canaro, sans-serif; font-size: 18px; font-weight: 100; padding-left: 26px; line-height: 36px; text-align: center; display: block; }
.form .fb-login a::before { content: " "; position: absolute; left: 20px; top: 3px; background: transparent url(/helion/images/helion.svg) no-repeat -290px -280px; width: 12px; height: 27px; }
.form .fb-login a:hover { text-decoration: none; background-color: #4968a7; }

.form .fb-login a.google-login { background-color: #d13f2d; margin-top: 5px;}
.form .fb-login a.google-login::before {
  background-position: -246px -314px; width: 27px; left: 15px;
}
.form .fb-login a.google-login:hover { text-decoration: none; background-color: #da5140; }

.form .fb-login-top { border-top-width: 0; border-bottom: 1px solid #dedede; margin-bottom: 24px; }
.form .fb-login-top .or { top: 10px; }

.form .select-line { width: 100%; display: inline-block; margin-bottom: 12px; }
.form .select-line label { float: left; width: 222px; text-align: right; font-size: 15px; line-height: 36px; margin-right: 20px; }
.form .select-line .select { display: inline-block; width: 295px; height: 34px; border: 1px solid #dedede; margin-right: 20px; vertical-align: middle; }
.form .select-line .select .select-label { line-height: 34px; padding-left: 10px; width: 330px; }
.select .select-label::after { right: -30px; }
.form .select-line .select select { width: 100%; height: 34px; }


.form.form-left .checkbox-group .checkbox-line { width: 295px; }
.form.col-left .checkbox-group .label { width: 140px; }
.form.col-left .checkbox-group.with-label .checkbox-line { margin-left: 160px; }
.form.col-left .checkbox-group.with-label .radio-line { margin-left: 160px; }
.form.col-left .input-line label { width: 140px; }
.form .input-line label.small-label {width: 80px; float: none; display: inline-block; }
.form .input-line label .required { color: #e80022; }
.form.col-left .input-line input { width: 355px; }
.form.col-left .buttons { margin-left: 160px; width: 300px; }
.form.col-right .input-line label { width: 140px; }

.form.col-right .checkbox-line { margin-left: 160px; }
.form.col-right .radio-line { margin-left: 160px; }
.form.col-right .buttons { margin-left: 160px; width: 300px; }
.form.col-right .fb-login { margin-left: 160px; width: 300px; }

.radio-group .checkbox-line { margin-left: 0; }
.checkbox-group .radio-line { margin-left: 0; }

.bottom-info { overflow: hidden; padding: 0 0 35px 0; clear: both; }
.bottom-info .header { display: none; }
.bottom-info .col-left { float: left; width: 220px; padding-right: 20px; }
.bottom-info .medium-col { float: left; width: 390px; padding-right: 80px; }
.bottom-info .title { padding-top: 77px; font-size: 20px; line-height: 30px; font-weight: 500; font-family: canaro, sans-serif; }
.bottom-info .title a { display: block; position: relative; }
.bottom-info .title a::before { content: ""; position: absolute; width: 60px; height: 60px; left: 0; top: -75px; background: #f0f0f0 url(/helion/images/helion.svg) no-repeat -266px -141px; }
.bottom-info .box-newsletter .title a::before { background-position: -328px -141px; }
.bottom-info .box-add .title a::before { background-position: -386px -141px; }
.bottom-info .box-pp:hover a { text-decoration: underline; }
.bottom-info .box-pp p { font-size: 20px; line-height: 30px; font-weight: 500; font-family: canaro, sans-serif;  }
.bottom-info .box-pp p a::after { content: "\bb"; padding-left: 7px; }
.bottom-info .box-pp p.title a::after { display: none; }
.bottom-info .box-pp a { display: block; }
.bottom-info .box-newsletter .title { border-bottom: 1px solid #dfdfdf; margin-bottom: 5px; padding-bottom: 8px; line-height: 30px; }
.bottom-info .box-newsletter .title a::after { content: "\bb"; padding-left: 7px; }
.bottom-info .box-newsletter p { line-height: 18px; color: #a3a3a3; }
.bottom-info .box-add .title { border-bottom: 1px solid #dfdfdf; margin-bottom: 5px; padding-bottom: 8px; line-height: 30px; }
.bottom-info .box-add .title a::after { content: "\bb"; padding-left: 7px; }
.bottom-info .box-add p { line-height: 18px; color: #a3a3a3; }
.bottom-info:hover a { color: #E4001E; }


.bottom-links { background-color: #f0f0f0; overflow: hidden; padding: 44px 0; min-width: 1200px; }
.bottom-links .header { display: none; }
.bottom-links .col { float: left; width: 275px; padding-right: 20px; }
.bottom-links .title { font-family: canaro, sans-serif; font-size: 18px; font-weight: 500; }
.bottom-links ul { list-style-type: none; margin: 0; padding: 14px 0 0 0;  }
.bottom-links li { font-size: 13px; color: #404040; line-height: 16px; padding: 4px 0; }
.bottom-links li a { color: #404040; }
.bottom-links ul a:hover { color: #e4001e; }
.bottom-links ul a:focus { text-decoration: none; color: #b40018; }

footer.footer { min-width: 1200px; }
footer .group { background-color: #e6001e; color: white; padding: 20px 0; line-height: 44px; }
footer .group .header { float: left; padding-left: 29px; width: 117px; font-size: 20px; line-height:24px; font-weight: 500; font-family: canaro, sans-serif; }
footer .group ul { list-style-type: none; margin: 0; padding: 0; font-size: 15px; }
footer .group ul li { display: inline-block; margin-right: 8px; }
footer .group ul a { color: white; padding-left: 20px; display: block; position: relative; }
footer .group ul li a::before { content: " "; background: transparent url(/helion/images/partners.png) no-repeat; width: 17px; height: 17px; position: absolute; left: 0; top: 13px; }
footer .group ul li.partner1 a::before { background-position: 0 0; }
footer .group ul li.partner2 a::before { background-position: -19px 0; }
footer .group ul li.partner3 a::before { background-position: -36px 0; }
footer .group ul li.partner4 a::before { background-position: -54px 0; }
footer .group ul li.partner5 a::before { background-position: -70px 0; }
footer .group ul li.partner6 a::before { background-position: -88px 0; }
footer .group ul li.partner7 a::before { background-position: -105px 0; }
footer .group ul li.partner8 a::before { background-position: -120px 0; }
footer .group ul li.partner9 a::before { background-position: -135px 0; }
footer .bottom { padding: 20px 0; overflow: hidden; }
footer .bottom .design { float: right; }
footer .bottom a { color: #a0a0a0 }
footer .bottom p { float: left; padding-right: 25px; line-height: 18px; }
footer .bottom p strong { opacity: 0.5; margin-bottom: 4px; background: transparent url(/helion/images/helion.svg) no-repeat -3px -114px; text-indent: -10000px; display: inline-block; vertical-align: middle; width: 108px; height: 24px; }
footer .footer-main-header{font-size:12px; font-family:arial,sans-serif; font-weight:normal;}

footer .bottom p img { margin-bottom: 4px; }


#layer { display: none; position: fixed; z-index: 9999; background-color: black; left: 0; top: 0; width: 100%; height: 100%; }
#layerKatalog { display: none; position: fixed; z-index: 99; background-color: black; left: 0; top: 0; width: 100%; height: 100%; opacity:0.5; }
#add-to-board { z-index: 10000; display: none; position: absolute; background-color: white; width: 345px; padding-top: 36px; }
#add-to-board .close { position: absolute; left: 315px; top: -30px;  }
#add-to-board .close a { width: 30px; height: 30px; display: block; text-indent: -10000px; background: black url(/helion/images/helion.svg) no-repeat -260px -282px; }
#add-to-board h3 { width: 235px; margin: 0 auto; color: black; font-size: 28px; font-family: canaro, sans-serif;  font-weight: normal; padding-bottom: 20px; }
#add-to-board fieldset { width: 230px; margin: 0 auto; min-width: 0; }
#add-to-board .new input { border: 1px solid #bfbfbf; width: 207px; height: 24px; padding: 5px 10px; }
#add-to-board .new { margin-bottom: 20px; }
#add-to-board .box-scroll { width: 230px; max-height: 160px; overflow: none; }
#add-to-board .form .checkbox-group .checkbox-line { width: auto; color: black; margin-left: 0; margin-bottom: 12px; }
#add-to-board .form .checkbox-group .checkbox-line.active { }
#add-to-board .button { margin-top: 20px; padding: 30px 0; background-color: #efefef; border-top: 1px solid #dedede;  text-align: center; }
#add-to-board .button button { width: 220px; height: 36px; font-size: 18px; }

#text-popup { z-index: 10000; display: none; position: absolute; width: 100%; left: 0; top: 50px; }
#popup-container { margin: 0 auto; position: relative; background-color: white; width: 545px; padding-top: 36px;  }
#text-popup .close { position: absolute; left: 515px; top: -30px;  }
#text-popup .close a { width: 30px; height: 30px; display: block; text-indent: -10000px; background: black url(/helion/images/helion.svg) no-repeat -260px -282px; }
#text-popup h3 { width: 435px; margin: 0 auto; color: black; font-size: 28px; font-family: canaro, sans-serif;  font-weight: normal; padding-bottom: 20px; }
#text-popup .text { width: 435px; margin: 0 auto; color: black; }
#text-popup .button { margin-top: 20px; padding: 30px 0; background-color: #efefef; border-top: 1px solid #dedede;  text-align: center; }
#text-popup .button button { width: 220px; height: 36px; font-size: 18px; }

.text-popup { z-index: 10000; display: block; position: absolute; width: 100%; left: 0; top: 50px; }
.text-popup .close { position: absolute; left: 515px; top: -30px;  }
.text-popup .close a { width: 30px; height: 30px; display: block; text-indent: -10000px; background: black url(/helion/images/helion.svg) no-repeat -260px -282px; }
.text-popup h3 { width: 435px; margin: 0 auto; color: black; font-size: 28px; font-family: canaro, sans-serif;  font-weight: normal; padding-bottom: 20px; }
.text-popup .text { width: 435px; margin: 0 auto; color: black; }
.text-popup .button { margin-top: 20px; padding: 30px 0; background-color: #efefef; border-top: 1px solid #dedede;  text-align: center; }
.text-popup .button button { width: 220px; height: 36px; font-size: 18px; }

#popup-container.lesson { max-width: 740px; width: auto; min-width: 320px; }
#popup-container.lesson h3 { font-size: 24px; width: auto; max-width: 615px; margin: 0 auto; padding: 0 20px; }
#popup-container.lesson .close { left: auto; right: 0; }
#popup-container.lesson #popup-player { border-bottom: 1px solid #e5e5e5; color: black; padding: 20px; }
#popup-container.lesson .lesson-item { color: black; max-width: 615px; padding: 38px 20px 0 20px; margin: 0 auto; overflow: hidden; padding-bottom: 45px; }
#popup-container.lesson h4 { font-size: 24px; margin-left: 150px; font-weight: normal; padding-bottom: 10px; }
#popup-container.lesson .lesson-text { line-height: 24px; margin-left: 150px; font-size: 15px; }
#popup-container.lesson .cover { float: left; }
#popup-container.lesson .button {margin: 20px 0 0 0; padding: 0;  background-color: transparent; border-width: 0; margin-left: 150px; text-align: left; }
#popup-container.lesson .button a { color: white; width: 320px;  text-align: center; }
#popup-container.lesson .button a::before { content: " "; display: inline-block; width: 27px; height: 25px; margin-bottom: 3px; background: transparent url(/helion/images/videopoint.png) no-repeat -339px -322px; vertical-align: middle; margin-right: 25px; }



#cookie-wrapper { line-height: 28px; color: white; text-align: right;z-index: 1000; left: 0; width: 100%; bottom: 0; position: fixed; background-color: rgba(64, 64, 64, 0.95); height: 28px; padding: 7px 0; }
#cookie-wrapper p { display: inline; padding-left: 10px; font-size: 14px; }
#cookie-wrapper p a { color: white; }
#cookie-wrapper p.button a { font-size: 14px; line-height: 29px; }

#usun a {display:none;}
#usun.visibleDelete a{display:block;}
#usun span{display:block; margin-left:30px;}
#usun.visibleDelete span{display:none;}

/* clearfix*/
.clearfix{clear:both;}
/* polecane księgarnie */
.imageMaps{width:100%; max-width:500px;}

.tableHelionPP tbody tr:nth-child(even){background:#eeeeee;}

/* zapowiedzi */
.envelope{
 background:url('/helion/images/helion.png') -378px -119px;
 height:13px;
 width:23px;
}
.envelope2 { position: absolute;  width: 23px; height: 13px; background: transparent url(/helion/images/helion.png) -378px -119px; margin:6px 0 0 -27px; }

/* stronicowanie */
.stronicowanie .pozycjaStronicowania{display:inline-block; width:30px; height:20px; padding:5px; background:#ffffff; color:#e4001e; text-align:center; font-size:16px; border:1px solid #e4001e;}
.stronicowanie .pozycjaStronicowaniaAktywna{display:inline-block; width:30px; height:20px; padding:5px; background:#e4001e; color:#ffffff; text-align:center; font-size:16px; border:1px solid #e4001e;}
.stronicowanie .bezPodkreslenia:hover{text-decoration:none;}
.stronicowanie{margin-bottom:15px;text-align:center;}

.pages .pozycjaStronicowania{display:inline-block; width:20px; height:20px; padding:5px; background:#ffffff; color:#e4001e; text-align:center; font-size:16px; border:1px solid #e4001e; margin:0 1px;}
.pages .pozycjaStronicowaniaAktywna{display:inline-block; width:20px; height:20px; padding:5px; background:#e4001e; color:#ffffff; text-align:center; font-size:16px; border:1px solid #e4001e; margin:0 1px;}
#right-big-col .pages {margin-bottom:15px;}

/*stronicowanie angularjs*/
#hitop li{display:inline-block; min-width:30px; height:20px; padding:5px; background:#ffffff; color:#e4001e; text-align:center; font-size:16px; border:1px solid #e4001e; margin:0 2px 2px 0;}
#hitop li:hover{cursor:pointer;}
#hitop li a {color:#e4001e;}
#hitop li.active{background:#e4001e; color:#ffffff;}
#hitop li.active a { color:#ffffff;}
.subpage-navigator li{display:inline-block; min-width:30px; height:20px; padding:5px; background:#ffffff; color:#e4001e; text-align:center; font-size:16px; border:1px solid #e4001e;}
.subpage-navigator li:hover{cursor:pointer;}
.subpage-navigator li a {color:#e4001e;}
.subpage-navigator li.active{background:#e4001e; color:#ffffff;}
.subpage-navigator li.active a { color:#ffffff;}
/* wyszukiwarka */
.notFound {font-size:16px;text-align:center; font-family: canaro, sans-serif;}

/*bony*/
.paddingBony{padding:0px 10px;}
.paddingBonyDiv{padding:0px 10px;}
.bonyMain{width:100%;}
.bonySecond{width:49%;}
.bonyCenter{text-align:center;}

/* strona produktu małe formaty */
.pdfFormat::before { content: " "; position: absolute; width: 14px; height: 16px; background: transparent url(/helion/images/helion.png) -219px -579px; margin:4px 0 0 2px; }
.epubFormat::before { content: " "; position: absolute; width: 14px; height: 16px; background: transparent url(/helion/images/helion.png) -241px -579px; margin:4px 0 0 2px; }
.mobiFormat::before { content: " "; position: absolute; width: 14px; height: 16px; background: transparent url(/helion/images/helion.png) -261px -579px; margin:4px 0 0 2px; }

/* strona produktu czytaj_framgent */
.czytajFragment{display:inline-block; height:53px; width:273px; background-color:#ebebeb;  text-align:right; float:right;}
.czyFragDiv1::before{ background-image: url(/helion/images/helion.png); background-position: -219px -509px; content:''; height:42px; width:45px; position:absolute; margin:-5px 0 0 -55px;}
.drukNaZadanie{display:inline-block; height:53px; width:273px; background:#ebebeb; text-align:right; float:right; margin-right:5px;}
.czytajFragment:hover{text-decoration:none; color:#e4001e;}
.drukNaZadanie:hover{text-decoration:none; color:#e4001e;}
.czyFragDiv{ width:200px; height:30px; display:inline-block; margin-top:11px; margin-right:10px;}
.czyFragDiv1{ width:200px; height:30px; display:inline-block; margin-top:11px; margin-right:10px;}
.hFragment{height:53px;}
#mainBookCoverBig{display:none; position:absolute; z-index:1000; left:-5px; top:-5px; box-shadow:0 0 5px rgba(0, 0, 0, 0.5);}
#mainBookCoverBigTwo{display:none; position:absolute; z-index:1000; left:-5px; top:-5px; box-shadow:0 0 5px rgba(0, 0, 0, 0.5);}
.book_info_social .facebook{
width: 85px;
/*width:20%;*/
}
.book_info_social .twitter{
width: 85px;
margin-left:15px;
/*width:20%;*/
}
.book_info_social .pinterest{
width: 48px;
/*width:20%;*/
}

/* strona produktu powiadom */
.powiadomMnie {color:#e4001e; font-family: canaro,sans-serif; font-size:13px; display:block; text-align:center;}

/* kategoria czytaj fragment */
.czytajFragmentKategoria{display:inline-block; height:36px; width:203px;  background-color:#ebebeb; text-align:right; font-size:16px; font-family:canaro,sans-serif}
.czytajFragmentKategoria:hover{text-decoration:none; color:#e4001e;}
.czyFragDivKategoria{ width:150px; height:20px; display:inline-block; margin:8px 10px 0 0}
.czyFragDivKategoria::before{-moz-transform: scale(0.7);transform:scale(0.7);-webkit-transform: scale(0.7);-ms-transform: scale(0.7);-o-transform: scale(0.7); background-image: url(/helion/images/helion.png); background-position: -219px -509px; content:''; height:42px; width:45px; position:absolute; margin:-11px 0 0 -55px;}

/* czytaj fragment */
.form1 .h3Header{color: black;font-family: canaro,sans-serif;font-size: 20px;font-weight: normal;margin: 20px auto 0px auto;padding-bottom: 20px;width: 435px; text-align:center;}
.form1 .button { margin-top: 26px;padding: 30px 0;text-align: center;}
.form1 .buttonCzytaj {font-size: 18px;height: 36px;width: 220px; display:block; margin:0px auto;background-color: #e4001e;border-width: 0;box-shadow: 0 0 #b40018;color: white;cursor: pointer;display: inline-block;font-family: canaro,sans-serif;font-size: 18px;font-weight: 100;line-height: 36px;padding: 0 20px;transition: all 0.2s ease 0s;}
.form1 .infoThxClose{font-size: 18px;height: 36px;width: 220px; margin:10px auto;background-color: #e4001e;border-width: 0;box-shadow: 0 0 #b40018;color: white;cursor: pointer;display: block;font-family: canaro,sans-serif;font-weight: 100;line-height: 36px;padding: 0 20px;transition: all 0.2s ease 0s; }
.form1 .buttonCzytaj:hover{color:#ffffff;}
.form1 .buttonPobierz {display:block; margin:25px 0px 0px 170px; text-align:center;background-color: #e4001e;border-width: 0;box-shadow: 0 0 #b40018;color: white;cursor: pointer;display: block;font-family: canaro,sans-serif;font-size: 18px;font-weight: 100;line-height: 36px;padding: 0 20px;transition: all 0.2s ease 0s; width:200px;}
.form1 .pdf::before { content: " "; position: absolute; width: 53px; height: 65px; background: transparent url(/helion/images/helion.png) -4px -580px; margin:-14px 0 0 -160px;}
.form1 .epub::before { content: " "; position: absolute; width: 53px; height: 65px; background: transparent url(/helion/images/helion.png) -75px -580px; margin:-14px 0 0 -154px;}
.form1 .mobi::before { content: " "; position: absolute; width: 53px; height: 65px; background: transparent url(/helion/images/helion.png) -146px -580px; margin:-14px 0 0 -154px;}
.form1 .mp3::before { content: " "; position: absolute; width: 64px; height: 65px; background: transparent url(/helion/images/helion.png) -81px -438px; margin:-14px 0 0 -160px;}

/* katalog */
.left-menu a.mobileWiecej{display:none;float:right; padding-right:2px;}
.left-menu .mobileDodatkowe a{margin-left:15px; color:#a6a6a6;}
.left-menu .mobileDodatkowe a:hover{color:#e4001e;}

/* ksiazka w kolorze */
.ksiazkaKolor{width:160px;}
.ksiazkaKolor::after { content: " "; width: 166px; height: 13px; background: transparent url(/helion/images/helion.png) -288px -582px; position:absolute; margin: 8px 0 0 5px }

/* promocje */
.sectionPromocja{margin-bottom:30px;}
.divLinkiPromocji{border-bottom: 1px solid #dfdfdf;}
.text a.linkiPromocji{color:#000000; font-weight:bold; font-size:18px;}
.text .listaPromocje{width:80%; margin:0px auto;}
.PromocjaDnia { border-bottom:1px solid #dfdfdf; overflow:auto;}
.ksiazkaPromoTitle{font-weight:bold; font-size:18px; margin:20px 0 30px 0; font-family:canaro,sans-serif;}
.ksiazkaPromoDniaText{font-size:14px; margin-bottom:20px; line-height:20px;}
.textDzis{font-size:14px; margin-bottom:20px; font-weight:bold;}
.promocjeOpis{width:100%; margin-bottom:30px; overflow:auto; padding:10px 0 0 0; font-size:16px; line-height:20px;}
.promocjeOpis img{max-width:100%; width:100%; padding-bottom:10px;}
.promoGlowneInfo{ border-bottom:1px solid #dfdfdf; padding-bottom:20px; overflow:auto;}
.promocjeGlowne{ overflow:auto;}
.promoCzasTrwania{float:left; font-size:16px; font-family:canaro,sans-serif; margin-top:10px; }
.promoButtonWiecej{float:right;}
.promoButtonWiecej a{text-decoration:none;}
.promoRegulamin{float:right; font-size:16px; font-family:canaro,sans-serif; margin: 10px 15px 0 0;}
.promoRegulaminLink{color:#aaaaaa;}
.promoRegulaminLink:hover{color:#e4001e;}
.promoPrzyciskWiecej{background:#e4001e; width:120px; color:#ffffff; padding:10px; font-size:18px; font-family:canaro,sans-serif; text-align:center;}
.promoPrzyciskWiecej:hover{box-shadow:0 2px #b40018;}
.promoPromocjeImage{float:left; margin-left:100px; min-width:280px;}
.promoPromocjeImageSympCena{float:left; margin:0 40px 0 60px; min-width:280px;}
.promoPromocjeTextOpis{float:left; width:60%; font-size:14px; font-family:sans-serif; line-height:20px;}
.promoPromocjeSympatyczna{ margin:10px 0 0 80px;}
.promoPromocjeBezcenny{ margin:60px 0 0 80px;}
.promoPromocjePrzedsprzedaz{ margin:25px 0 0 80px;}
.promoPromocjeKwZ{ margin:65px 0 0 80px;}
.promoPromocjeUwaga{font-size:15px;font-family:arial,sans-serif; line-height:20px;}
.promoPromocjeWazne{font-weight:bold;}
.promoPromocjeOszczedzasz{color:green; text-align:center; font-weight:bold; margin-bottom:10px; font-size:14px;}
.regulaminMobile{margin:22px 15px 0 0;}
.promoButtonMobile{margin:10px 15px 0 0;}


/* promocje strona konkretnej promocji */
.promoPromocjaTytul{font-weight:bold; font-size:18px; margin:20px 0 20px 0; font-family: canaro,sans-serif;}
.promoPromocjaOpis{margin-bottom:25px; width:100%;}
.promoPromocjaCzas{float:left; font-size:14px; font-family:sans-serif; margin-top:4px;}
.promoPromocjaInfo{height:25px;}
.promoPromocjaCalosc{padding-bottom:20px; border-bottom:1px solid #dfdfdf;}
.promoPromocjaRegulamin{margin:20px 0 30px 0;}
.promoPromocjaRegulaminLink a{font-size:14px;color:#aaaaaa;}
.promoPromocjaNewsletter{width:100%; height:90px; background:#efefef; margin-bottom:20px;}
.subskrybujNewsletter{font-size:16px; font-family:canaro,sans-serif; padding:36px 0 0 36px; width:290px; float:left;}
.subskrybujNewsletter::after { content: " "; width: 65px; height: 65px; background: transparent url(/helion/images/helion.png) -288px -509px; position:absolute; margin: -23px 0 0 25px }
.clearfixNewsletter{clear:both; display:none;}
.form .inputNewsletter{width:450px; margin-top:30px;}
.form .inputButtonsNewsletter{margin:30px 15px 0 0; float:right; }
.stronicowaniePromocja li {margin:0 2px;}
.filter-form .checkbox-line .paddingCheckboxPromo{padding:0 40px 0 25px;}
.promoPromocjaOpisTxt{padding:10px 0; font-size:16px; border-bottom:1px solid #dfdfdf; line-height:20px;}
.promoPromocjaOpisTxt img{margin-bottom:10px; width:100%; max-width:100%;}
.ebookMinWidth{min-width:150px;}

/* produkt video */
#big-movie { min-width: 1180px; top: -1px; height: 100%; min-height: 500px; position: relative; overflow: hidden; margin-bottom: 0px; z-index:30 }
#big-movie .movie { height: 100%; position: absolute; width: 100%; left: 0; top: 0; background: black no-repeat center; background-size: cover; }
#big-movie .movie .play { display: none; position: absolute; z-index: 1; left: 50%; top: 50%; margin-top: -42px; margin-left: -42px; width: 84px; height: 84px; text-indent: -10000px; background: #e4001e; border-radius: 50px; }
#big-movie .movie .play::after { content: " "; background: url(/helion/images/helion.svg) -323px -216px; width: 40px; height: 50px; position: absolute; left: 27px; top: 20px;}
#big-movie .movie .pause { display: none; z-index: 1; position: absolute; left: 50%; top: 50%; margin-top: -42px; margin-left: -42px; width: 84px; height: 84px; text-indent: -10000px; background: #e4001e; border-radius: 50px; }
#big-movie .movie .pause::after { content: " "; border: 2px solid white; border-radius: 2px; width: 8px; height: 40px; position: absolute; left: 27px; top: 20px;}
#big-movie .movie .pause::before { content: " "; border: 2px solid white; border-radius: 2px; width: 8px; height: 40px; position: absolute; left: 47px; top: 20px;}
#big-movie .movie.played .play { display: none; }
#big-movie .movie.played .pause { display: block; }
#big-movie .movie.played .video { display: block; }
#big-movie .movie.paused .play { display: block; }
#big-movie .movie.paused .pause { display: none; }
#big-movie .video {  position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; background-color: black; }
#big-movie .video video { opacity: 0.2;  }
@media all and (min-width:1px){
    #big-movie .movie .play { display: block; }
}
#big-movie video {width: 100%; height: 100%; }
#big-movie .movie-description { position: absolute; left: 0; bottom: 0; width: 100%; }
#big-movie .container { position: relative; }
#big-movie h1 { font-weight: normal; font-size: 36px; margin-right: 320px; color:#ffffff;}
#big-movie dl { margin: 0; padding-bottom: 30px; }
#big-movie dt { display: none; }
#big-movie dd { display: inline; margin: 0; color: #ffffff; padding-left: 34px; position: relative; }
#big-movie dd::before { content: " "; width: 3px; height: 3px; background-color: #ffffff; border-radius: 4px; position: absolute; left: 14px; top: 7px; }
#big-movie dd.author { padding-left: 0; }
#big-movie dd.author::before { display: none; }
#big-movie dd.author img { border-radius: 10px; vertical-align: middle; }
#big-movie .desc { font-size: 16px; color: #a19f9f; line-height: 24px; margin-right: 360px; padding-bottom: 36px; padding-top: 10px; }
#big-movie .buy { position: absolute; right: 20px; bottom: 45px; }
#big-movie .buy a { color: white; background-color: #e4001e; border-radius: 5px; line-height: 50px; position: relative; display: block; font-size: 24px; width: 270px; text-align: center; }
#big-movie .buy a:hover { text-decoration: none; }
#big-movie .buy a::after { content: " "; background-color: #e4001e; position: absolute; width: 8px; height: 8px; bottom: -4px; left: 50%; margin-left: -4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#big-movie .buy a::before { content: " "; background: transparent url(/helion/images/helion.png) no-repeat -212px -305px; width: 10px; height: 13px; display: inline-block; }
#big-movie .author a{color:#ffffff;}

/* strony pomocy/info */
.pomocZaPobraniem::before{ background: transparent url("/helion/images/img_zapobraniem.png") no-repeat scroll; content: " ";height: 211px;left: 25px; position: absolute;top: 35px;width: 211px; max-width:211px;}
.pomocPlacPayu::before{ background: transparent url("/helion/images/img_plat_payu.png") no-repeat scroll; content: " ";height: 106px;left: 25px; position: absolute;top: 570px;width: 166px; max-width:166px;}
.pomocPlacKarta::before{ background: transparent url("/helion/images/img_plat_karta.png") no-repeat scroll; content: " ";height: 136px;left: 25px; position: absolute;top: 1320px;width: 182px; max-width:182px;}
.pomocPlacProforma::before{ background: transparent url("/helion/images/img_plat_proforma.png") no-repeat scroll; content: " ";height: 176px;left: 25px; position: absolute;top: 1565px;width: 179px; max-width:179px;}
.pomocPlacPaypal::before{ background: transparent url("/helion/images/img_plat_pp.png") no-repeat scroll; content: " ";height: 74px;left: 25px; position: absolute;top: 1900px;width: 200px; max-width:200px;}
.wysylkiInfo{background:#efefef; text-align:center;padding:10px 0px;}
.kuponInfo{background:#efefef; text-align:center;padding:20px 20px;}
.wysylkiInfoUp{padding-bottom:40px; border-bottom:1px solid #efefef;}
.przesylkaPolska{margin-top:20px;}
.przesylkaPolska::before{ background: transparent url("/helion/images/img_pol.png") no-repeat scroll; content: " ";height: 151px;left: 25px; position: absolute;top: 220px;width: 161px; max-width:161px;}
.wysylkiZakupy{padding-bottom:30px; border-bottom:1px solid #efefef;}
.przesylkaZagranica{margin:20px 0 40px 0;}
.przesylkaZagranica::before{ background: transparent url("/helion/images/img_zagranica.png") no-repeat scroll; content: " ";height: 148px;left: 25px; position: absolute;top: 1240px;width: 148px; max-width:148px;}
.wysylkiZagranicaDalej{padding:20px 0 30px 0; border-top:1px solid #efefef;}
.roboczoGdzie2{background: #ffce8e;}
.help-article-page .text .przesylkiPocztaPolska{padding-top:0px; border-top:none; margin-top:0px;}
.przesylkiPocztaPolska::before{ background: transparent url("/img/rozne/przewodnik/logo_poczta.jpg") no-repeat scroll; content: " ";height: 250px;left: 70px; position: absolute;top: 75px;width: 250px; max-width:250px; background-size: 100px 100px;}
.help-article-page .text .przesylkiKurierska{padding-top:20px; border-top:1px solid #efefef; margin-top:0px;}
.przesylkiKurierska::before{ background: transparent url("/img/rozne/przewodnik/Logo_pos_315x128_RGB-download-35141.jpg") no-repeat scroll; content: " ";height: 128px;left: 70px; position: absolute;top: 420px;width: 315px; max-width:315px; background-size: 120px 40px;}
.help-article-page .text .przesylkiPaczkomaty{padding-top:20px; border-top:1px solid #efefef; margin-top:0px;}
.przesylkiPaczkomaty::before{ background: transparent url("/img/rozne/przewodnik/paczkomaty_logo-RGB_on_yellow-200x200.png") no-repeat scroll; content: " ";height: 200px;left: 100px; position: absolute;top: 765px;width: 200px; max-width:200px; background-size: 65px 65px;}
.help-article-page .text .przesylkiPaczkaWR{padding-top:20px; border-top:1px solid #efefef; margin-top:0px;}
.przesylkiPaczkaWR::before{ background: transparent url("/img/rozne/przewodnik/paczka-ruch.jpg") no-repeat scroll; content: " ";height: 102px;left: 80px; position: absolute;top: 1175px;width: 165px; max-width:165px; background-size: 105px 65px;}
.help-article-page .text .przesylkiStacja{padding-top:20px; border-top:1px solid #efefef; margin-top:0px;}
.przesylkiStacja::before{ background: transparent url("/img/rozne/przewodnik/logo_stacja_z_paczka.jpg") no-repeat scroll; content: " ";height: 316px;left: 80px; position: absolute;top: 1480px;width: 736px; max-width:736px; background-size: 100px 45px;}
.help-article-page .text .przesylkiWydlCzas{padding-top:20px; border-top:1px solid #efefef; margin-top:0px;}
.help-article-page .text .przesylkiWyslZagr{padding-top:20px; border-top:1px solid #efefef; margin-top:0px;}
.help-article-page .text .przesylkiKurierskie{padding-top:20px; border-top:1px solid #efefef;}
.help-article-page .text .przesylkiPocztaPolska2{padding-top:20px; border-top:1px solid #efefef;}
.oczekiwanieInfo{background:#efefef; text-align:center;padding:25px 20px;}
.oczekiwanieInfoUp{padding-top:20px; border-top:1px solid #efefef;}
#belka,#belka td {border:1px solid #efefef;}
.mapyKsiegarnie{float:right;}
.text .linkiPrzewodnik{color:#000000;}
.text .linkiPrzewodnik:hover{text-decoration:none;}
.text .linkiPrzewodnikTop a {color:#000000;}
.text .linkiPrzewodnikTop:hover a {color:#e4001e;}
.przeowdnikInfo{padding-top:20px; border-top:1px solid #efefef;}
.help-article-page .text .ebookNaPrezent{padding-top:0px; border-top:none;}
.ebookNaPrezent::before{ background: transparent url("/helion/images/tablet_gift.png") no-repeat scroll; content: " ";height:432px;left: 30px; position: absolute;top: 40px;width: 288px; max-width:288px; background-size: 180px 270px;}
.bonyPodInfo{ padding-top:20px; border-top:1px solid #efefef;}
.listaBonyPod{padding-bottom:10px; padding-left:20px;}
.imgGrupaPods{width:70%; max-width:100%;}
.grupaPodsFloat{padding-bottom:10px; border-bottom:1px solid #efefef;}
.divShift{padding-top:55px; margin-top:-55px;}

/* konto usera / gifty */
.popupPrezentyImage{width:15%; float:left;}
.popupPrezentyOpis{width:85%; float:left; padding-bottom:30px;}
.popupPrezentyFormularz{width:85%; margin-left:15%;}
.popupPrezentyTitle{font-size:24px; padding:0 0 3px 10px; font-family:canaro,sans-serif;}
.popupPrezentyImage img{width:100%;}
.popupPrezentyAutor{padding-left:10px; font-size:18px; font-family:sans-serif; color:#808080;}
.popupPrezentyAutorNazwa{padding-left:5px; font-size:18px; font-family:sans-serif; color:#000000;}
.popupPrezentyformaty{padding-left:10px; font-size:18px; font-family:sans-serif; color:#808080;}
.popupPrezentyPopupInfo{padding-left:10px; font-size:15px; font-family:sans-serif;}
.form .input-line .popupPrezentyKodLabel{width:auto;font-weight:bold;font-size:15px; font-family:sans-serif;}
.library_text_info{text-align:justify;margin:10px 30px; padding-left:10px;}
.dodatekFloat{float:right;}
.buy_for_gift{display:block; width:80%; margin:5px 10%; background:#e4001e; height:35px; color:#ffffff; font-size:15px; line-height:35px; text-decoration:none;}
.buy_for_gift:hover{text-decoration:none; box-shadow:0 2px #b40018;}
.buy_for_gift span{padding:0 5px 0 10px;}
.buy_for_gift img {padding-bottom:5px;}
.main-menu .userMenuMobile{display:none;}

/* kategoria zestawy */
.kategorieZestawy{display:block}
.kategorieZestawyOld{display:none;}
.kategorieZestaw{padding-top:10px;}
.kategorieZestaw{padding-bottom:60px; border-bottom:1px solid #dedefe;}
.kategorieZestawPhoto{padding-bottom:20px; width:100%; margin:0px auto;}
.kategorieZestawButton{text-align:center;}
.kategorieZestawImg{width:100%;}
#categoryReadMore{display:none;}
.kategoriePrzyciskWiecej{background: #e4001e none repeat scroll 0 0;color: #ffffff;font-family: canaro,sans-serif;font-size: 16px;padding: 10px;text-align: center;width: 250px; float:right;}

/* kup polskie wydanie */
.book-list-group .kupPolskieWydanie{margin-left:190px;}
.book-list-group .kupPolskieWydanie .author{font-size:16px;}
.book-list-group .kupPolskieWydanie dt{display:inline; float:left; margin-right:5px;}
.book-list-group .kupPolskieWydanie .price {margin-top:100px;}
.buy-polish-publish {float:left; margin-top:100px; width:auto; margin-right:10px; padding:6px 0; opacity:0.4; }
.buy-polish-publish.active{opacity:1;}
.buy-polish-publish:hover{opacity:1; cursor:pointer;}
/* FILTROWANIE */
.link-filter{display:none;}
.menuPozycjaMobil{display:none;}

/* tonik */
@media all and (max-width: 1160px) {
  .active .link-filter {
    display: none;
  }
  .link-filter a {
    color: #e4001e;
    padding-left: 25px;
    font-size: 16px;
    position: relative;
  }
  .link-filter a:before {
    background: transparent url(/helion/images/filter.png) no-repeat 0 50%;
    position: absolute;
    background-size: cover;
    width: 20px;
    height: 20px;
    content: " ";
    left: 0;
    top: 50%;
    margin-top: -10px;
  }
  #content.show-filter {
    overflow: visible;
  }
  #content.show-filter #left-small-col {
    display: block !important;
  }
  #content.show-catalog {
    overflow: visible;
  }
}
@media all and (max-width: 1000px) and all and (max-width: 600px) {
  .link-filter a {
    font-weight: bold;
  }
}
.filter-form .header {
  display: none;
}
@media all and (max-width: 1160px) {
  .filter-form .header {
    display: block;
    color: white;
    font-size: 24px;
    background-color: #cccccc;
    position: relative;
    padding: 25px 20px;
    border-top-width: 0;
    box-shadow: -300px 0 #cccccc, 300px 0 #cccccc;
    font-family:canaro,sans-serif;
  }
  .filter-form .header:hover{
    cursor:pointer;
  }
  .filter-form .header span {
    position: relative;
    display: block;
    text-transform: uppercase;
  }
  .filter-form .header span:before {
    content: " ";
    position: absolute;
    height: 3px;
    width: 30px;
    background-color: white;
    right: 0px;
    top: 12px;
    transform: rotate(45deg);
  }
  .filter-form .header span:after {
    content: " ";
    position: absolute;
    height: 3px;
    width: 30px;
    background-color: white;
    right: 0px;
    top: 12px;
    transform: rotate(-45deg);
  }
  .filter-form .title.active {
    padding: 25px 20px;
    font-size: 24px;
    border: none;
    
  }
  .filter-form .title.active:after{
    content: " ";
    width: 20px;
    opacity: 1;
    height: 20px;
    position: absolute;
    background: transparent url(../helion/images/tik.png) no-repeat;
    background-size: cover;
    right: 28px;
    top: 50%;
    margin-top: -10px;
  }
}
@media all and (max-width: 1160px) and all and (max-width: 600px) {
  .filter-form .header span:before {
    top: 0;
  }
  .filter-form .header span:after {
    top: 0;
  }
}
@media all and (max-width: 1160px) {
  .filter-form .sub-categories {
    padding: 0;
  }
  .filter-form .sub-categories ul li:last-child a {
    border-bottom-width: 0;
  }
  .filter-form .sub-categories ul a {
    font-size: 20px;
    color: #000000;
    border-bottom: 1px solid #f0f0f0;
    padding: 15px 20px;
    line-height: 30px;
    display: block;
  }
  .filter-form .sub-categories ul a:hover{
    color:#e4001e;
    text-decoration:none;
  }
  .filter-form .sub-categories ul a .amount {
    display: none;
  }
  .filter-form .sub-categories ul .active a {
    border-left-width: 0;
    padding-left: 20px;
    padding-right: 70px;
    font-weight: normal;
    color: #7a868c;
    position: relative;
  }
  .filter-form .sub-categories ul .active a:after {
    content: " ";
    width: 20px;
    height: 20px;
    position: absolute;
    background: transparent url(../helion/images/tik.png) no-repeat;
    background-size: cover;
    right: 28px;
    top: 50%;
    margin-top: -10px;
  }
  .filter-form .sub-categories li {
    padding: 0;
  }
  .filter-form fieldset {
    padding: 0;
  }
  .filter-form .title {
    font-weight: bold;
    font-size: 24px;
    color: #000;
    background-color: #f8f8f8;
    padding: 25px 20px;
    line-height: 32px;
    position: relative;
  }
  .filter-form .title a {
    font-size: 16px;
    float: right;
    padding-right: 30px;
  }
  .filter-form .title a::after {
    right: 0;
    top: 5px;
  }
  .filter-form .checkbox-line {
    padding: 0;
  }
  .filter-form .checkbox-line:last-child label {
    border-bottom-width: 0;
  }
  .filter-form .checkbox-line label {
    font-size: 20px;
    color: #7a868c;
    border-bottom: 1px solid #f0f0f0;
    padding: 30px 20px;
    line-height: 30px;
    display: block;
  }
  .filter-form .checkbox-line .paddingCheckboxPromo {
    font-size: 20px;
    color: #7a868c;
    border-bottom: 1px solid #f0f0f0;
    padding: 30px 20px;
    line-height: 30px;
    display: block;
  }
  .filter-form .checkbox-line label:before {
    top: 35px;
  }
  .filter-form .checkbox-line .amount {
    display: none;
  }
  .filter-form .checkbox-line.active label {
    padding-left: 20px;
    font-weight: normal;
    border-left-width: 0;
  }
  .filter-form .checkbox-line.active label:after {
    content: " ";
    width: 20px;
    opacity: 1;
    height: 20px;
    position: absolute;
    background: transparent url(../helion/images/tik.png) no-repeat;
    background-size: cover;
    right: 28px;
    top: 50%;
    margin-top: -10px;
  }
  .filter-form .select-format .checkbox-line.active label {
    padding-left: 35px;
  }
  .filter-form .select-format .checkbox-line.active label::before {
    left: 6px;
  }
}
.filter-form .select-format .checkbox-line.active label::before {
  left: 3px;
}
header.header:hover {
  z-index: 41;
}


/* SORTOWANIE */
.link-sorter{display:none;}
.link-sorter a {
    color: #e4001e;
    padding-left: 25px;
    font-size: 16px;
    position: relative;
  }
.link-sorter a:before {
    background: transparent url(../helion/images/sortuj.png) no-repeat 0 50%;
    position: absolute;
    background-size: cover;
    width: 20px;
    height: 20px;
    content: " ";
    left: 0;
    top: 50%;
    margin-top: -10px;
  }
#sortowanie .header{display:none;}
@media all and (max-width:599px){
    #page-title #sortowanie{
	display:block;
	padding-top:15px;
	margin-top:20px;
	border-top:1px solid #dedede;
    }
    #page-title form .change-view{
	display:none;
    }
    #page-title form .select-not-on-mobile{
	display:none;
    }
    #page-title form#sortowanie fieldset{
	width:100%;
    }
    #page-title form#sortowanie .select select{
	opacity:1;
	border-width:none;
    }
    #page-title form#sortowanie .select{
	margin-left:5px;
    }
    /* sortowanie strona promocji */
    #page-title #promoAngSort{
	display:block;
	border-top:1px solid #dedede;
	padding-top:15px;
	margin-top:20px;
    }
    #page-title #promoAngSort fieldset{
	width:100%;
    }
/*    .show-sorter #sortowanie .header{
	display:block;
	background:#cccccc;
	color: #ffffff;
	font-size: 24px;
	position: absolute;
	padding: 25px 10px;
	border-top-width: 0;
	box-shadow: -300px 0 #cccccc, 300px 0 #cccccc;
	font-family:canaro,sans-serif;
	width:100%;
	top:-117px;
	z-index:101;
    }
    .show-sorter #sortowanie .header span{
	display:block;
	text-transform:uppercase;
	position:relative;
	cursor:pointer;
    }
    .show-sorter #sortowanie .header span:before {
	content: " ";
	position: absolute;
	height: 3px;
	width: 30px;
	background-color: white;
	right: 0px;
	top: 14px;
	transform: rotate(45deg);
    }
    .show-sorter #sortowanie .header span:after {
	content: " ";
	position: absolute;
	height: 3px;
	width: 30px;
	background-color: white;
	right: 0px;
	top: 14px;
	transform: rotate(-45deg);
    }
*/
}

/* SORTOWANIE STRONA PROMOCJI */
#promoAngSort .header{display:none;}
@media all and (max-width:599px){
    .show-sorter #page-title #promoAngSort{
	display:block;
    }
    .show-sorter #promoAngSort .header{
	display:block;
	background:#cccccc;
	color: #ffffff;
	font-size: 24px;
	position: absolute;
	padding: 25px 10px;
	border-top-width: 0;
	box-shadow: -300px 0 #cccccc, 300px 0 #cccccc;
	font-family:canaro,sans-serif;
	width:100%;
	top:-117px;
	z-index:50;
    }
    .show-sorter #promoAngSort .header span{
	display:block;
	text-transform:uppercase;
	position:relative;
	cursor:pointer;
    }
    .show-sorter #promoAngSort .header span:before {
	content: " ";
	position: absolute;
	height: 3px;
	width: 30px;
	background-color: white;
	right: 0px;
	top: 14px;
	transform: rotate(45deg);
    }
    .show-sorter #promoAngSort .header span:after {
	content: " ";
	position: absolute;
	height: 3px;
	width: 30px;
	background-color: white;
	right: 0px;
	top: 14px;
	transform: rotate(-45deg);
    }
}

/* UWAGI DO VIDEOKURSU */
.popupLayerUwagiDK{display:none;}
.poputCenterText{text-align:center;}

/* DRUK NA ŻĄDANIE */
.popupLayerOnDemand{display:none;}
.drukOnDemandLast{padding-bottom:30px;}

/* FILTRY DODATEK */
#content.show-filter .left-icon-menu {display:none;}
#content.show-filter .left-special-menu {display:none;}
/* KATEGORIE FULL TYTULY*/
/*.book-list-container-category .list > li{height:550px;}
.book-list-container-category .list .book-info{height:220px;}
.book-list-container-category .list .author{overflow:visible; white-space:normal; margin-top:5px;}
.book-list-container-category .list h3{max-height:inherit; overflow:visible;}
.book-list-container-category .list .book-info-middle{display:table-cell;vertical-align:middle;}*/

/* STRONA AUTORA */
.author-info .author-description-categories{margin-left:240px;}
.author-info .author-description-categories h3{margin:20px 0 10px 0;}
.author-form-sort{border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding:10px 0; margin-bottom:20px;}
.author-form-sort .select-line{ width: auto; margin-bottom:0px; /*float:right;*/}
.author-form-sort fieldset{text-align:center;}
.author-form-sort .select-line label{width:auto; color:#999999;}
.list-view-container .list-author-book{padding:0 0 0 240px;}
.text .desc-cat-link{color:#000000;}
.text .desc-cat-link:hover{color:#e4001e;}

/* KOSZYK */
#lista-others .others, .przechowalnia {outline:0 none;}
.bezcenny{line-height:45px;}
.kuponText{margin-top:10px;}
#kuponok {margin-top:10px;}
#bezlogowania .error-info {font-size:16px; text-align:center; padding:10px; color:#e4001e; border:1px solid #e4001e; font-family:canaro, sans-serif; margin-bottom:10px; background:#fce5e7;}
form#rejestracja div.error-info {font-size:14px; text-align:center; padding:10px; color:#e4001e; border:1px solid #e4001e; font-family:arial, sans-serif; margin:0 0 10px 240px; background:#fce5e7;}
#rejestracja .error-info .error{margin-bottom:5px; cursor:pointer;}
.buy-without-register{font-size:14px; font-family:canaro,sans-serif; margin-bottom:10px;}
.empty-basket-margin{margin-top:10px;}

/* KOLOROWE KOSZYKI*/
.not_add_books{height:auto; padding:30px 0; border-bottom:1px solid #dedede; overflow:auto;}
.not_add_books img{float:left;margin:0px 50px;}
.not_add_books .not_add_books_text{float:left; width:60%; font-size: 14px; margin-top:80px;}
.basket_books_list{width:50%; margin:30px auto; padding:0; list-style-type:none;}
.basket_books_list li{font-size:14px; padding:3px 0 3px 16px; position:relative;}
.basket_books_list li a:hover{cursor:pointer; color:#e4001e; text-decoration:none;}
.basket_books_list li:before{background-color: #e4001e;border-radius: 10px;content: " ";height: 4px;left: 0;position: absolute;top: 10px;width: 4px;}
.see_other_basket_books{color:#e4001e; float:right; padding: 0px 150px 40px 0; font-size:14px;}

body .widgetFixed { 
margin-top: -120px !important; 
top: 200px !important;
}

body div.center-body-center iframe {
    width: 100% !important;
}

.book-description .text hr {margin:20px 0; border:none; border-top:1px solid #dedede;}
.book-description .text h3 {margin:20px 0;}
.book-description .text h4 {margin:20px 0;}