@charset "UTF-8";
/** form **/
/** z-index **/
/** main nav **/
/* grid */
/* laptop mini styles*/
/** main rotator **/
/******** wraper ********/
/** filters **/
/** footer **/
/** product **/
/****** shopping process *********/
/***** popups *****/
/******* user info *************/
/** -------------------- **/
/**       ur move        **/
/** -------------------- **/
/* ur move */
/** box element **/
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: 0; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0; }

h2 {
  font-size: 1.5em;
  margin: 0; }

h3 {
  font-size: 1.17em;
  margin: 0; }

h4 {
  font-size: 1em;
  margin: 0; }

h5 {
  font-size: 0.83em;
  margin: 0; }

h6 {
  font-size: 0.67em;
  margin: 0; }

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 0; }

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 0; }

dd {
  margin: 0 0 0 40px; }

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 20px; }

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */ }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

.ico {
  display: inline-block;
  vertical-align: middle;
  background: url("/resources/muve/img/sprite.png") no-repeat;
  overflow: hidden;
  text-indent: 299px;
  white-space: nowrap; }

html[lang="hu"] .ico {
  background-image: url("/resources/muve/img/sprite_hu.png"); }

html[lang="cs"] .ico {
  background-image: url("/resources/muve/img/sprite_cz.png"); }

.i-muve {
  background-position: 0 0;
  width: 70px;
  height: 22px; }

.i-search {
  background-position: -131px 0;
  width: 24px;
  height: 26px; }

.i-search-gray, .search.hover .open-search .i-search {
  background-position: -459px -84px;
  width: 24px;
  height: 26px; }

.i-human {
  background-position: -73px 0;
  width: 26px;
  height: 28px; }

.hover-login .i-human {
  background-position: -190px -92px; }

.i-basket {
  background-position: -98px 0;
  width: 31px;
  height: 23px;
  overflow: visible;
  text-indent: 0; }

.hover-shop .i-basket {
  background-position: -216px -91px; }

.i-arr-d-nav {
  background-position: -159px -18px;
  width: 13px;
  height: 8px; }

.i-play {
  background-position: -182px -28px;
  width: 30px;
  height: 30px; }

.i-play-big {
  background-position: -440px -140px;
  width: 60px;
  height: 60px; }

.i-arr-r {
  background-position: -214px -28px;
  width: 10px;
  height: 18px; }

.size20 .i-arr-r {
  background-position: -214px -14px;
  width: 9px;
  height: 14px; }

.size16 .i-arr-r, .size14 .i-arr-r {
  background-position: -214px -46px;
  width: 8px;
  height: 12px; }

.i-arr-r-v2 {
  background-position: -226px -28px;
  width: 10px;
  height: 18px; }

.size20 .i-arr-r-v2 {
  background-position: -226px -14px;
  width: 9px;
  height: 14px; }

.size16 .i-arr-r-v2, .size14 .i-arr-r-v2 {
  background-position: -226px -46px;
  width: 8px;
  height: 12px; }

.i-arr-r-v3 {
  background-position: -470px -28px;
  width: 10px;
  height: 18px; }

.size20 .i-arr-r-v3 {
  background-position: -470px -14px;
  width: 9px;
  height: 14px; }

.size16 .i-arr-r-v3, .size14 .i-arr-r-v3 {
  background-position: -470px -46px;
  width: 8px;
  height: 12px; }

.i-shop {
  background-position: -176px 0px;
  width: 18px;
  height: 16px; }

.shop-btn:hover .i-shop, .shop-btn:active .i-shop {
  background-position: -194px 0px; }

a.btn .i-shop, a.btn.disabled:hover .i-shop, a.btn.disabled:active .i-shop {
  background-position: -177px -17px;
  width: 10px;
  height: 10px; }

a.btn:hover .i-shop, a.btn:active .i-shop {
  background-position: -195px -16px;
  width: 10px;
  height: 10px; }

.i-shop-v2 {
  background-position: -157px 0;
  width: 18px;
  height: 16px; }

.i-btnfacebook {
  background-position: 0px -70px;
  width: 120px;
  height: 43px; }

#head .i-btnfacebook {
  background-position: 0px -60px;
  width: 102px;
  height: 37px;
  -webkit-background-size: 425px 255px;
  background-size: 425px 255px; }

.i-truck {
  background-position: -190px -62px;
  width: 56px;
  height: 30px; }

.i-dollar {
  background-position: -246px -62px;
  width: 50px;
  height: 40px; }

.i-safeshop {
  background-position: 0 -115px;
  width: 52px;
  height: 46px; }

.i-head {
  background-position: -108px -115px;
  width: 38px;
  height: 46px; }

.i-starproc {
  background-position: -57px -115px;
  width: 46px;
  height: 46px; }

.i-prize {
  background-position: -120px -70px;
  width: 50px;
  height: 44px; }

.i-payu {
  background-position: -236px 0;
  width: 45px;
  height: 19px; }

.i-sslguru {
  background-position: -282px 0;
  width: 67px;
  height: 19px; }

.i-payu-color {
  background-position: -138px -198px;
  width: 73px;
  height: 35px; }

.i-paypal-color {
  background-position: -224px -198px;
  width: 96px;
  height: 35px; }

.i-sslguru-color {
  background-position: -321px -198px;
  width: 118px;
  height: 35px; }

.i-phone {
  background-position: -236px -20px;
  width: 19px;
  height: 19px; }

.i-fb {
  background-position: -256px -20px;
  width: 11px;
  height: 18px; }

.i-gplus {
  background-position: -268px -20px;
  width: 19px;
  height: 19px; }

.i-yt {
  background-position: -288px -20px;
  width: 19px;
  height: 21px; }

.i-settings {
  background-position: -236px -42px;
  width: 20px;
  height: 20px; }

.i-tick {
  background-position: -279px -103px;
  width: 17px;
  height: 14px; }

.i-x {
  background-position: -248px -104px;
  width: 16px;
  height: 12px; }

.i-pl {
  background-position: -276px -44px;
  width: 16px;
  height: 12px; }

.i-en {
  background-position: -258px -44px;
  width: 16px;
  height: 12px; }

.i-hu {
  background-position: -221px -235px;
  width: 16px;
  height: 12px; }

.i-cz {
  background-position: -204px -235px;
  width: 16px;
  height: 12px; }

.i-pegi3, .i-pegi7, .i-pegi12, .i-pegi16, .i-pegi18 {
  width: 38px;
  height: 46px; }

.i-pegi3 {
  background-position: -3px -246px; }

.i-pegi7 {
  background-position: -43px -246px; }

.i-pegi12 {
  background-position: -83px -246px; }

.i-pegi16 {
  background-position: -123px -246px; }

.i-pegi18 {
  background-position: -163px -246px; }

.filter-lnk .i-pegi3, .filter-lnk .i-pegi7, .filter-lnk .i-pegi12, .filter-lnk .i-pegi16, .filter-lnk .i-pegi18 {
  width: 30px;
  height: 36px;
  -webkit-background-size: 395px 237px;
  background-size: 395px 237px; }

.filter-lnk .i-pegi3 {
  background-position: -2px -194px; }

.filter-lnk .i-pegi7 {
  background-position: -34px -194px; }

.filter-lnk .i-pegi12 {
  background-position: -66px -194px; }

.filter-lnk .i-pegi16 {
  background-position: -98px -194px; }

.filter-lnk .i-pegi18 {
  background-position: -129px -194px; }

.i-pegi-discr, .i-pegi-online, .i-pegi-hazard, .i-pegi-viole, .i-pegi-fear, .i-pegi-drugs, .i-pegi-obscen, .i-pegi-sex {
  width: 35px;
  height: 35px; }

.i-pegi-viole {
  background-position: -202px -257px; }

.i-pegi-obscen {
  background-position: -239px -257px; }

.i-pegi-fear {
  background-position: -276px -257px; }

.i-pegi-sex {
  background-position: -313px -257px; }

.i-pegi-drugs {
  background-position: -350px -257px; }

.i-pegi-discr {
  background-position: -387px -257px; }

.i-pegi-hazard {
  background-position: -424px -257px; }

.i-pegi-online {
  background-position: -461px -257px; }

.i-arr-d-big {
  background-position: -184px -140px;
  width: 27px;
  height: 16px; }

.i-arr-u-big {
  background-position: -184px -122px;
  width: 27px;
  height: 16px; }

/* labels */
.i-proc {
  background-position: -212px -120px;
  width: 19px;
  height: 22px; }

.i-dlc {
  background-position: -232px -120px;
  width: 26px;
  height: 22px; }

.i-steam {
  background-position: -258px -123px;
  width: 20px;
  height: 15px; }

.i-new {
  background-position: -287px -120px;
  width: 59px;
  height: 22px; }

.hits, .shop-cont {
  /*.i-steam{
      background-position: -129px -60px;
      width: 14px;
      height: 11px;
      -webkit-background-size: $sprite-width *.5 $sprite-height *.5;
      background-size: $sprite-width *.5 $sprite-height *.5;
  }*/ }
  .hits .i-proc, .shop-cont .i-proc {
    background-position: -106px -60px;
    width: 10px;
    height: 11px;
    -webkit-background-size: 250px 150px;
    background-size: 250px 150px; }
  .hits .i-dlc, .shop-cont .i-dlc {
    background-position: -116px -60px;
    width: 13px;
    height: 11px;
    -webkit-background-size: 250px 150px;
    background-size: 250px 150px; }
  .hits .i-new, .shop-cont .i-new {
    background-position: -143px -60px;
    width: 30px;
    height: 11px;
    -webkit-background-size: 250px 150px;
    background-size: 250px 150px; }

.i-info {
  background-position: -215px 0;
  width: 13px;
  height: 13px; }

.i-arr-u-mid2, .act .i-arr-d-mid, .color-filters .act .i-arr-u-mid2 {
  background-position: -410px -71px;
  width: 21px;
  height: 12px; }

.i-arr-u-mid, .act .i-arr-d-mid2, .color-filters .i-arr-u-mid2 {
  background-position: -476px -71px;
  width: 21px;
  height: 12px; }

.i-arr-d-mid, .color-filters .i-arr-d-mid2 {
  background-position: -432px -71px;
  width: 21px;
  height: 12px; }

.i-arr-d-mid2, .color-filters .act .i-arr-d-mid2 {
  background-position: -454px -71px;
  width: 21px;
  height: 12px; }

.i-thumbup {
  background-position: -348px -117px;
  width: 28px;
  height: 25px; }

.i-thumbdown {
  background-position: -376px -117px;
  width: 28px;
  height: 25px; }

.i-arr-d-sm {
  background-position: -169px -61px;
  width: 11px;
  height: 6px; }

.i-arr-d-sm-dark {
  background-position: -169px -28px;
  width: 11px;
  height: 6px; }

.i-arr-u-sm-light, .open > .lf-1 .i-arr-d-sm-dark, .list-nav .open .i-arr-d-sm-dark {
  background-position: -169px -36px;
  width: 11px;
  height: 6px; }

.i-pdf, .i-mobi, .i-epub, .i-mp3 {
  width: 15px;
  height: 18px; }

.i-pdf {
  background-position: -404px -35px; }

.i-mp3 {
  background-position: -420px -35px; }

.i-mobi {
  background-position: -436px -35px; }

.i-epub {
  background-position: -452px -35px; }

.i-muve-invert {
  background-position: 0 -96px;
  width: 68px;
  height: 20px;
  -webkit-background-size: 250px 150px;
  background-size: 250px 150px; }

.i-gold, .v2 .i-gold-white {
  background-position: -352px 0;
  width: 28px;
  height: 20px; }

.i-gold-white {
  background-position: -406px -118px;
  width: 28px;
  height: 20px; }

.i-gold-black, .v4 .i-gold-white {
  background-position: -456px -118px;
  width: 28px;
  height: 20px; }

.i-gold-sm {
  background-position: -176px 0;
  width: 14px;
  height: 10px;
  -webkit-background-size: 250px 150px;
  background-size: 250px 150px; }

.i-silver {
  background-position: -370px -170px;
  width: 28px;
  height: 19px; }

.i-silver-sm {
  background-position: -185px -85px;
  width: 14px;
  height: 10px;
  -webkit-background-size: 250px 150px;
  background-size: 250px 150px; }

.i-close {
  background-position: -265px -104px;
  width: 12px;
  height: 12px; }

.i-trash {
  background-position: -384px -36px;
  width: 16px;
  height: 18px; }

.i-trash-big {
  background-position: -212px -144px;
  width: 26px;
  height: 29px; }

.i-trash, .i-trash-big {
  opacity: .4; }

.i-arr-r-rot {
  background-position: -290px 0;
  width: 16px;
  height: 23px;
  -webkit-background-size: 380px 228px;
  background-size: 380px 228px; }

.i-arr-l-rot {
  background-position: -306px 0;
  width: 16px;
  height: 23px;
  -webkit-background-size: 380px 228px;
  background-size: 380px 228px; }

.i-paperclip {
  background-position: -436px -118px;
  width: 18px;
  height: 18px; }

.i-camera {
  background-position: 0px -162px;
  width: 24px;
  height: 20px; }

.i-keyboard, .v2 a:hover .i-keyboard, .v2 a:active .i-keyboard {
  background-position: -24px -162px;
  width: 26px;
  height: 20px; }

.i-badge, .v2 a:hover .i-badge, .v2 a:active .i-badge {
  background-position: -50px -162px;
  width: 18px;
  height: 23px; }

.i-eye, .v2 a:hover .i-eye, .v2 a:active .i-eye {
  background-position: -68px -162px;
  width: 23px;
  height: 20px; }

.i-camera-black {
  background-position: -92px -162px; }

.i-keyboard-black, .v2 .i-keyboard {
  background-position: -116px -162px;
  width: 26px;
  height: 20px; }

.i-badge-black, .v2 .i-badge {
  background-position: -142px -162px;
  width: 18px;
  height: 23px; }

.i-eye-black, .v2 .i-eye {
  background-position: -160px -162px;
  width: 23px;
  height: 20px; }

.i-f {
  background-position: -187px -162px;
  width: 23px;
  height: 23px; }

.product-gallery .i-arr-r-big, #category-slider .i-arr-r-big {
  background-position: -382px 0;
  width: 21px;
  height: 30px; }

.product-gallery .i-arr-l-big, #category-slider .i-arr-l-big {
  background-position: -403px 0;
  width: 21px;
  height: 30px; }

.i-arr-d-big-gr {
  background-position: -382px 0;
  width: 21px;
  height: 30px;
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.i-arr-u-big-gr {
  background-position: -403px 0;
  width: 21px;
  height: 30px;
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.i-forum {
  background-position: -244px -148px;
  width: 20px;
  height: 22px; }

.i-fbook {
  background-position: -267px -148px;
  width: 17px;
  height: 32px; }

.i-plus {
  background-position: -289px -148px;
  width: 37px;
  height: 33px; }

.i-help {
  background-position: -440px -201px;
  width: 33px;
  height: 33px; }

.i-big-x {
  background-position: -334px -144px;
  width: 30px;
  height: 30px; }

.i-err-info {
  background-position: -426px 0;
  width: 19px;
  height: 22px; }

.i-add-wish {
  background-position: -448px 0;
  width: 19px;
  height: 17px; }

.i-share {
  background-position: -480px 0;
  width: 20px;
  height: 22px; }

.size14 .i-add-wish {
  background-position: -268.8px 0;
  width: 11.4px;
  height: 10.2px;
  -webkit-background-size: 300px 180px;
  background-size: 300px 180px; }

.size14 .i-share {
  background-position: -288px 0;
  width: 12px;
  height: 13.2px;
  -webkit-background-size: 300px 180px;
  background-size: 300px 180px; }

.i-write {
  background-position: -370px -144px;
  width: 26px;
  height: 25px; }

.i-talk {
  background-position: -398px -144px;
  width: 27px;
  height: 25px; }

.i-glass {
  background-position: -213px -173px;
  width: 23px;
  height: 25px; }

@media only screen and (min-width: 445px) {
  .i-shop, a.btn .i-shop, a.btn.disabled:hover .i-shop, a.btn.disabled:active .i-shop {
    background-position: -176px 0px;
    width: 18px;
    height: 16px; }

  a.btn:hover .i-shop, a.btn:active .i-shop,
  .shop-btn:hover .i-shop, .shop-btn:active .i-shop {
    background-position: -194px 0px;
    width: 18px;
    height: 16px; } }
@media only screen and (min-width: 507px) {
  /*    .i-shop-v2{
          background-position: -280px -178px;
          width: 18px;
          height: 16px;
      }
      .shop-btn:hover .i-shop-v2, .shop-btn:active .i-shop-v2{
  
      }*/ }
@media only screen and (min-width: 717px) {
  .i-muve {
    background-position: 0 -28px; }

  .i-muve-invert {
    background-position: 0 -192px; }

  .i-muve, .i-muve-invert {
    width: 136px;
    height: 40px;
    -webkit-background-size: 500px 300px;
    background-size: 500px 300px; }

  .i-human {
    background-position: -138px -28px;
    width: 30px;
    height: 32px; }

  .hover-login .i-human {
    background-position: -368px -84px; }

  .i-arr-d {
    background-position: -168px -52px;
    width: 12px;
    height: 9px; }

  .hover-login .login .i-arr-d,
  .hover-shop .shop .i-arr-d,
  .hover-notification .notification .i-arr-d {
    background-position: -168px -44px; }

  .i-payu {
    background-position: -308px -20px;
    width: 60px;
    height: 31px; }

  .i-sslguru {
    background-position: -298px -54px;
    width: 110px;
    height: 30px; }

  .i-fb {
    background-position: -298px -85px;
    width: 14px;
    height: 25px; }

  .i-gplus {
    background-position: -314px -85px;
    width: 27px;
    height: 26px; }

  .i-yt {
    background-position: -342px -85px;
    width: 26px;
    height: 29px; }

  .i-cloud {
    background-position: -398px -84px;
    width: 30px;
    height: 28px; }

  .hover-notification .i-cloud {
    background-position: -429px -84px; }

  .i-arr-r-big {
    background-position: -382px 0;
    width: 21px;
    height: 30px; }

  .i-arr-l-big {
    background-position: -403px 0;
    width: 21px;
    height: 30px; } }
/** laptop minimize styles **/
@media only screen and (min-width: 1137px) and (max-width: 1440px) {
  .i-muve {
    background-position: 0 -22px; }

  .i-muve-invert {
    background-position: 0 -154px; }

  .i-muve, .i-muve-invert {
    width: 109px;
    height: 32px;
    -webkit-background-size: 400px 240px;
    background-size: 400px 240px; }

  .i-search {
    background-position: -105px 0;
    width: 19px;
    height: 20px;
    -webkit-background-size: 400px 240px;
    background-size: 400px 240px; } }
@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .ico {
    background-image: url("/resources/muve/img/sprite-hires.png");
    -webkit-background-size: 500px 300px;
    background-size: 500px 300px; }

  html[lang="hu"] .ico {
    background-image: url("/resources/muve/img/sprite-hires_hu.png"); }

  html[lang="cs"] .ico {
    background-image: url("/resources/muve/img/sprite-hires_cz.png"); }

  #head .i-btnfacebook {
    -webkit-background-size: 425px 255px;
    background-size: 425px 255px; }

  .filter-lnk .i-pegi3, .filter-lnk .i-pegi7, .filter-lnk .i-pegi12, .filter-lnk .i-pegi16, .filter-lnk .i-pegi18 {
    -webkit-background-size: 395px 237px;
    background-size: 395px 237px; }

  .hits .i-proc, .hits .i-dlc, .hits .i-new, .shop-cont .i-proc, .shop-cont .i-dlc, .shop-cont .i-new {
    -webkit-background-size: 250px 150px;
    background-size: 250px 150px; }

  .i-muve-invert, .i-gold-sm, .i-silver-sm {
    -webkit-background-size: 250px 150px;
    background-size: 250px 150px; }

  .i-arr-r-rot, .i-arr-l-rot {
    -webkit-background-size: 380px 228px;
    background-size: 380px 228px; }

  .size14 .i-add-wish, .size14 .i-share {
    -webkit-background-size: 300px 180px;
    background-size: 300px 180px; } }
@media (-o-min-device-pixel-ratio: 5 / 4) and (min-width: 717px), (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 717px), (min-resolution: 120dpi) and (min-width: 717px) {
  .i-muve-invert {
    -webkit-background-size: 500px 300px;
    background-size: 500px 300px; } }
/** laptop minimize styles **/
@media (-o-min-device-pixel-ratio: 5 / 4) and (min-width: 1137px) and (max-width: 1440px), (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1137px) and (max-width: 1440px), (min-resolution: 120dpi) and (min-width: 1137px) and (max-width: 1440px) {
  .i-muve, .i-muve-invert {
    -webkit-background-size: 400px 240px;
    background-size: 400px 240px; } }
/*! jQuery UI - v1.11.2 - 2014-10-24
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, autocomplete.css, button.css, dialog.css, menu.css, slider.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */ }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */ }

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none; }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em; }

/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em; }

.ui-button-icons-only {
  width: 3.4em; }

button.ui-button-icons-only {
  width: 3.7em; }

/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal; }

.ui-button-text-only .ui-button-text {
  padding: .4em 1em; }

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em; }

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em; }

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em; }

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px; }

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em; }

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

/* button sets */
.ui-buttonset {
  margin-right: 7px; }

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em; }

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  outline: 0;
  background-color: white;
  z-index: 7889;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: #6aa306 0 0 1px 0;
  -moz-box-shadow: #6aa306 0 0 1px 0;
  box-shadow: #6aa306 0 0 1px 0; }

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
  background-color: #f7f7f7; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item {
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.ui-slider {
  position: relative;
  text-align: left; }

 /*
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}
*/
/* support: IE8 - See #6727 */
/*.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}*/
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

/*
.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
*/
.ui-tooltip {
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  border: 3px solid #6aa306;
  background-color: white;
  padding: 11px;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.025em;
  text-align: left;
  text-transform: none; }

body .ui-tooltip {
  border-width: 3px; }
  body .ui-tooltip a {
    color: #6aa306; }

/* Component containers
----------------------------------*/
/*.ui-widget {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #eeeeee url("../img/jqueryui/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #e78f08;
	background: #f6a828 url("../img/jqueryui/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}
*/
/* Interaction states
----------------------------------*/
/*.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #cccccc;
	background: #f6f6f6 url("../img/jqueryui/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #1c94c4;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #fbcb09;
	background: #fdf5ce url("../img/jqueryui/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #c77405;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #fbd850;
	background: #ffffff url("../img/jqueryui/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #eb8f00;
	text-decoration: none;
}
*/
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url("../img/jqueryui/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
  color: #363636; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url("../img/jqueryui/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
  color: #ffffff; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("../img/jqueryui/ui-icons_222222_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("../img/jqueryui/ui-icons_ffffff_256x240.png"); }

.ui-state-default .ui-icon {
  background-image: url("../img/jqueryui/ui-icons_ef8c08_256x240.png"); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("../img/jqueryui/ui-icons_ef8c08_256x240.png"); }

.ui-state-active .ui-icon {
  background-image: url("../img/jqueryui/ui-icons_ef8c08_256x240.png"); }

.ui-state-highlight .ui-icon {
  background-image: url("../img/jqueryui/ui-icons_228ef1_256x240.png"); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("../img/jqueryui/ui-icons_ffd27a_256x240.png"); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

.ui-icon.ui-icon-closethick {
  background: url("/resources/muve/img/sprite.png") no-repeat -265px -104px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -6px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
/*
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}
*/
/* Overlays */
.ui-widget-overlay {
  background: black;
  opacity: .75;
  filter: Alpha(Opacity=75);
  /* support: IE8 */ }

.ui-widget-shadow {
  /*margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000000 url("../img/jqueryui/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
  opacity: .2;
  filter: Alpha(Opacity=20); /* support: IE8 */
  /*border-radius: 5px;*/ }

/********** filter slider ************/
/*.filters .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 21px;
        height: 21px;
        background: url('/resources/muve/img/sprite.png') no-repeat -160px -114px;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.filters .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}
.filters .ui-slider .ui-slider-handle:last-of-type{
    background-position: -160px -138px;
}

.filters .ui-slider-horizontal {
	height: 7px;
}
.filters .ui-slider-horizontal .ui-slider-handle {
	top: -7px;
	margin-left: -10px;
}

.filters .ui-widget-content {
	background-color: $f-state-default;
}
.filters .ui-widget-header {
	background-color: $f-state-active;
}

.filters .ui-state-hover,
//.ui-widget-content .ui-state-hover,
//.ui-widget-header .ui-state-hover,
.filters .ui-state-focus
//,.ui-widget-content .ui-state-focus,
//.ui-widget-header .ui-state-focus
{
	background-color: $second-nav-active-bg-color;
}*/
/********** gold slider ************/
.gold-slider.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 12px;
  height: 20px;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
  background: #74b00c;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc0YjAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OTZmMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #74b00c 0%, #496f07 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #74b00c), color-stop(100%, #496f07));
  background: -webkit-linear-gradient(top, #74b00c 0%, #496f07 100%);
  background: -o-linear-gradient(top, #74b00c 0%, #496f07 100%);
  background: -ms-linear-gradient(top, #74b00c 0%, #496f07 100%);
  background: linear-gradient(to bottom, #74b00c 0%, #496f07 100%);
  -webkit-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.22);
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.22); }

.gold-slider.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

.gold-slider.ui-slider-horizontal {
  height: 9px; }

.gold-slider.ui-slider-horizontal .ui-slider-handle {
  top: -6px;
  margin-left: -6px; }

.gold-slider.ui-widget-content {
  background-color: #d7d7d7; }

.gold-slider .ui-widget-header {
  background-color: #eccc02; }

/*
.gold-slider .ui-state-hover,
//.ui-widget-content .ui-state-hover,
//.ui-widget-header .ui-state-hover,
.gold-slider .ui-state-focus
//,.ui-widget-content .ui-state-focus,
//.ui-widget-header .ui-state-focus
{
	background-color: $gold-slider-active-color; //$second-nav-active-bg-color;
}
*/
.gold-slider.ui-slider-horizontal .ui-slider-handle.ui-state-active {
  top: -5px;
  margin-left: -5px;
  -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.22);
  box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.22); }

/**** forms ****/
.err-msg, label.error {
  color: #ba0808; }

/*
select{
    font-size: $input-font-size;
    border: $input-border-width solid $input-border-color;
    padding: 0;
    height: $input-height;
    padding-left: $input-padding-h - 4;
    option{
        padding-left: $input-padding-h;
    }
}

input[type="text"], input[type="tel"], input[type="password"], input[type="number"], input[type="email"]{
    font-size: $input-font-size;
    line-height: $input-line-height;
    border: $input-border-width solid $input-border-color;
    padding: $input-padding-v $input-padding-h;
    height: $input-height;
}
*/
/** formalize **/
.input_auto {
  width: auto;
  max-width: 100%; }

.input_tiny {
  width: 50px; }

.input_small {
  width: 100px; }

.input_medium {
  width: 150px; }

.input_large {
  width: 200px; }

.input_xlarge {
  width: 250px; }

.input_xxlarge {
  width: 300px; }

.input_full {
  width: 100%; }

.input_full_wrap {
  display: block;
  padding-right: 8px; }

input[type="search"]::-webkit-search-decoration {
  display: none; }

input:invalid,
button:invalid,
a.button:invalid,
select:invalid,
textarea:invalid {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

input:focus,
button:focus,
a.button:focus,
select:focus,
textarea:focus,
a.simple-btn:active,
a.btn:active,
a.border-btn:active {
  -webkit-box-shadow: #6aa306 0 0 5px 0;
  -moz-box-shadow: #6aa306 0 0 5px 0;
  box-shadow: #6aa306 0 0 5px 0;
  z-index: 1; }

input[type="file"]:focus, input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

/*
button,
a.button,*/
input[type="reset"],
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #dddddd url("../images/button.png?1298351022") repeat-x;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
  background-image: -webkit-linear-gradient(#ffffff, #dddddd);
  background-image: -moz-linear-gradient(#ffffff, #dddddd);
  background-image: -o-linear-gradient(#ffffff, #dddddd);
  background-image: linear-gradient(#ffffff, #dddddd);
  border: 0;
  border-color: #dddddd #bbbbbb #999999;
  cursor: pointer;
  color: #333333;
  display: inline-block;
  font: bold 12px/1.3 "Oxygen", Helvetica, Tahoma, sans-serif;
  outline: 0;
  overflow: visible;
  margin: 0;
  padding: 3px 10px;
  text-shadow: white 0 1px 1px;
  text-decoration: none;
  vertical-align: top;
  width: auto; }

/*button:hover,
a.button:hover,*/
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #eeeeee), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
  background-image: -moz-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
  background-image: -o-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
  background-image: linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
  text-decoration: none; }

/*button:active,
a.button:active,*/
input[type="reset"]:active,
input[type="submit"]:active,
input[type="button"]:active {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#dddddd, #eeeeee);
  background-image: -moz-linear-gradient(#dddddd, #eeeeee);
  background-image: -o-linear-gradient(#dddddd, #eeeeee);
  background-image: linear-gradient(#dddddd, #eeeeee);
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  -moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  border-color: #999999 #bbbbbb #dddddd; }

/*button::-moz-focus-inner,
a.button::-moz-focus-inner,*/
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
a.button {
  *padding-bottom: 3px;
}

button {
  *padding-top: 1px;
  *padding-bottom: 1px;
}
*/
textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  background-color: white;
  border: 1px solid;
  border-color: #e3e3e3;
  color: #4a4f54;
  outline: 0;
  margin: 0;
  padding: 0.25em 9px;
  text-align: left;
  font-size: 15px;
  font-family: "Oxygen", Helvetica, Tahoma, sans-serif;
  height: 2.16667em;
  vertical-align: top; }
  textarea.clean,
  select.clean,
  input[type="date"].clean,
  input[type="datetime"].clean,
  input[type="datetime-local"].clean,
  input[type="email"].clean,
  input[type="month"].clean,
  input[type="number"].clean,
  input[type="password"].clean,
  input[type="search"].clean,
  input[type="tel"].clean,
  input[type="text"].clean,
  input[type="time"].clean,
  input[type="url"].clean,
  input[type="week"].clean {
    border: 0;
    background-color: transparent; }

.ig-label {
  font-size: 15px;
  font-family: "Oxygen", Helvetica, Tahoma, sans-serif;
  vertical-align: top;
  color: #a6a6a6;
  padding: 0.25em 5px;
  background-color: #eeeeee; }

select {
  padding: 2px 3px 2px 9px; }

#head input {
  border-color: #bababa; }

textarea:hover,
select:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="email"]:hover,
input[type="month"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="text"]:hover,
input[type="time"]:hover,
input[type="url"]:hover,
input[type="week"]:hover,
textarea:active,
select:active,
input[type="date"]:active,
input[type="datetime"]:active,
input[type="datetime-local"]:active,
input[type="email"]:active,
input[type="month"]:active,
input[type="number"]:active,
input[type="password"]:active,
input[type="search"]:active,
input[type="tel"]:active,
input[type="text"]:active,
input[type="time"]:active,
input[type="url"]:active,
input[type="week"]:active,
#head input:hover,
#head input:active {
  border-color: #6aa306; }

input:focus,
#head input:focus,
select:focus,
textarea:focus {
  border-color: #6aa306; }

textarea.error,
select.error,
input[type="date"].error,
input[type="datetime"].error,
input[type="datetime-local"].error,
input[type="email"].error,
input[type="month"].error,
input[type="number"].error,
input[type="password"].error,
input[type="search"].error,
input[type="tel"].error,
input[type="text"].error,
input[type="time"].error,
input[type="url"].error,
input[type="week"].error,
#head input.error {
  border-color: #ba0808; }

input.error:focus,
#head input.error:focus,
select.error:focus,
textarea.error:focus {
  -webkit-box-shadow: #ba0808 0 0 5px 0;
  -moz-box-shadow: #ba0808 0 0 5px 0;
  box-shadow: #ba0808 0 0 5px 0; }

textarea[disabled],
select[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
  background-color: #eeeeee;
  color: #a6a6a6; }
  textarea[disabled].clean,
  select[disabled].clean,
  input[type="date"][disabled].clean,
  input[type="datetime"][disabled].clean,
  input[type="datetime-local"][disabled].clean,
  input[type="email"][disabled].clean,
  input[type="month"][disabled].clean,
  input[type="number"][disabled].clean,
  input[type="password"][disabled].clean,
  input[type="search"][disabled].clean,
  input[type="tel"][disabled].clean,
  input[type="text"][disabled].clean,
  input[type="time"][disabled].clean,
  input[type="url"][disabled].clean,
  input[type="week"][disabled].clean {
    border: 0;
    background-color: transparent; }

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
a.button_disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  color: #4a4f54;
  cursor: default; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #4a4f54; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #4a4f54; }

input.placeholder_text,
textarea.placeholder_text {
  color: #4a4f54; }

textarea,
select[size],
select[multiple] {
  height: auto; }

select[size="0"],
select[size="1"] {
  height: 2.16667em; }

@media (-webkit-min-device-pixel-ratio: 0) {
  select[size],
  select[multiple],
  select[multiple][size] {
    background-image: none;
    padding-right: 3px; }

  select,
  select[size="0"],
  select[size="1"] {
    background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px; }

  ::-webkit-validation-bubble-message {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
    border: 0;
    color: white;
    font: 13px/17px "Oxygen", Helvetica, Tahoma, sans-serif;
    overflow: hidden;
    padding: 15px 15px 17px;
    text-shadow: black 0 0 1px;
    min-height: 16px; }

  ::-webkit-validation-bubble-arrow,
  ::-webkit-validation-bubble-top-outer-arrow,
  ::-webkit-validation-bubble-top-inner-arrow {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #666666;
    border-color: #666666; } }
textarea {
  min-height: 40px;
  overflow: auto;
  resize: vertical;
  width: 100%; }

optgroup {
  color: black;
  font-style: normal;
  font-weight: 400;
  font-family: "Oxygen", Helvetica, Tahoma, sans-serif; }

optgroup::-moz-focus-inner {
  border: 0;
  padding: 0; }

.inp-addon {
  position: relative;
  margin: 4px 0; }
  .inp-addon input {
    width: 100%;
    padding-right: 30%; }
  .inp-addon .addon {
    position: absolute;
    top: 50%;
    right: 0;
    padding: 0 9px;
    transform: translateY(-50%); }

/*
    base styles,
    no media queries
*/
/* ==========================================================================
   Font
   ========================================================================== */
/*
html.wf-loading p, html.wf-loading div, html.wf-loading span, html.wf-loading a, html.wf-loading b,
html.wf-loading h1, html.wf-loading h2, html.wf-loading h3, html.wf-loading h4, html.wf-loading h5, html.wf-loading h6,
html.wf-loading button, html.wf-loading input, html.wf-loading textarea,
html:not(.wf-active):not(.wf-inactive) p, html:not(.wf-active):not(.wf-inactive) div, html:not(.wf-active):not(.wf-inactive) span, html:not(.wf-active):not(.wf-inactive) a, html:not(.wf-active):not(.wf-inactive) b,
html:not(.wf-active):not(.wf-inactive) h1, html:not(.wf-active):not(.wf-inactive) h2, html:not(.wf-active):not(.wf-inactive) h3, html:not(.wf-active):not(.wf-inactive) h4,
html:not(.wf-active):not(.wf-inactive) h5, html:not(.wf-active):not(.wf-inactive) h6,
html:not(.wf-active):not(.wf-inactive) button, html:not(.wf-active):not(.wf-inactive) input, html:not(.wf-active):not(.wf-inactive) textarea{
    color: transparent !important;
    text-shadow: none !important;
}
*/
/*
html.wf-loading .ur-container .ur-box, html:not(.wf-active):not(.wf-inactive) .ur-container .ur-box,
html.wf-loading *,
html:not(.wf-active):not(.wf-inactive) *{
    color: transparent !important;
    text-shadow: none !important;
}*/
/*
.wf-loading h2 {
  visibility: hidden;
}
.wf-active h2, .wf-inactive h2 {
  visibility: visible;
  font-family: 'Tagesschrift', 'Georgia', serif;
}
*/
body {
  /*font-family: $nofont-font-family;*/
  font-family: "Oxygen", Helvetica, Tahoma, sans-serif; }

.wf-active body,
.wf-active button,
.wf-active input,
.wf-active select,
.wf-active textarea {
  font-family: "Oxygen", Helvetica, Tahoma, sans-serif; }

html[lang="hu"] body {
  font-family: "Open Sans", Helvetica, Tahoma, sans-serif;
  letter-spacing: -.025em; }
html[lang="hu"] .wf-active body,
html[lang="hu"] .wf-active button,
html[lang="hu"] .wf-active input,
html[lang="hu"] .wf-active select,
html[lang="hu"] .wf-active textarea {
  font-family: "Open Sans", Helvetica, Tahoma, sans-serif; }

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
body,
button,
input,
select,
textarea {
  color: black; }

b, strong, .bold {
  font-weight: 700; }

.norm {
  font-weight: 400; }

html {
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: rgba(106, 163, 6, 0.5);
  text-shadow: none; }

::selection {
  background: rgba(106, 163, 6, 0.5);
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e3e3e3;
  margin: 0;
  padding: 0; }

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
  margin: 0;
  background: #ccc;
  color: #000;
  padding: 1em 0;
  text-align: center;
  position: relative;
  width: 100%;
  z-index: 99999;
  filter: alpha(opacity=85); }

/* ==========================================================================
   Common standard styles
   ========================================================================== */
.standard-border {
  border: 1px solid #e3e3e3; }

.standard-link-hover, .default-lnk, .default-lnk:visited, button.lnk-btn-ico-r span:first-child, .see-more-href a, .wrap a:not([class]), .wysiwyg a, #head .back-to-shop, .use-code {
  text-decoration: none;
  border-width: 0 0 1px;
  border-style: solid;
  display: inline; }
  .standard-link-hover:hover, .default-lnk:hover, button.lnk-btn-ico-r span:hover:first-child, .see-more-href a:hover, .wrap a:hover:not([class]), .wysiwyg a:hover, #head .back-to-shop:hover, .use-code:hover, .standard-link-hover:active, .default-lnk:active, button.lnk-btn-ico-r span:active:first-child, .see-more-href a:active, .wrap a:active:not([class]), .wysiwyg a:active, #head .back-to-shop:active, .use-code:active {
    border-color: transparent; }

.invert-link-hover, #head .shop-cont .sc-name a.sc-name-lnk, .sort-lnk, .text-filter-lnk, .pb-body .p-hdr, .pb-body a.p-hdr {
  text-decoration: none;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: transparent;
  display: inline; }
  .invert-link-hover:hover, #head .shop-cont .sc-name a.sc-name-lnk:hover, .sort-lnk:hover, .text-filter-lnk:hover, .pb-body .p-hdr:hover, .invert-link-hover:active, #head .shop-cont .sc-name a.sc-name-lnk:active, .sort-lnk:active, .text-filter-lnk:active, .pb-body .p-hdr:active {
    border-color: inherit; }

.default-lnk, .default-lnk:visited {
  color: #6aa306; }

.black {
  color: black; }

.gray {
  color: #8f8f8f; }

.charcoil {
  color: #4a4f54; }

button, input {
  border: 0;
  padding: 0;
  background: none;
  -webkit-border-radius: 0;
  border-radius: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

a, a:visited {
  text-decoration: none;
  color: white; }

html, body {
  width: 100%;
  background-color: black; }

body {
  background-repeat: no-repeat;
  background-position: 50% 0;
  position: relative;
  overflow: hidden;
  overflow-y: visible; }

/* ==========================================================================
   Wallpaper
   ========================================================================== */
#bg {
  position: absolute;
  top: 44px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
  background-color: black; }
  #bg span.bg-cont {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 418px;
    background-color: black;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000; }
    #bg span.bg-cont span {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: no-repeat 50% 0;
      opacity: 0;
      -webkit-transition: opacity 1s ease-out;
      -moz-transition: opacity 1s ease-out;
      -o-transition: opacity 1s ease-out;
      transition: opacity 1s ease-out;
      -webkit-transform: translate3d(0, 0, 0);
      -webkit-backface-visibility: hidden;
      -webkit-perspective: 1000; }
      #bg span.bg-cont span.act {
        opacity: 1; }
  #bg iframe {
    display: none; }

/* ==========================================================================
   Head, Main nav
   ========================================================================== */
.social-bar {
  display: none; }

#return-up {
  visibility: hidden;
  opacity: 0; }

.csspositionsticky #head {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky; }

.no-csspositionsticky #head {
  position: fixed;
  position: device-fixed; }

.stickit #head, .nobg #head {
  background-color: black; }

#head {
  width: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  -o-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
  top: 0;
  z-index: 7899;
  height: 44px;
  /*.login-cont, .shop-cont, .notify-cont, .form-cont*/ }
  #head .ico {
    transform: translateZ(0); }
  #head .logo {
    width: 32.5%;
    height: 44px;
    float: left;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    #head .logo .ico {
      margin-top: 10px;
      vertical-align: top;
      text-indent: 999px;
      overflow: hidden; }
    #head .logo img {
      max-width: 100%;
      vertical-align: top; }
  #head .beta {
    display: inline-block;
    font-size: 0.3em;
    font-weight: 700;
    color: #6aa306;
    vertical-align: top;
    margin-top: 19px;
    margin-left: 2px; }
  #head span.field {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 16.875%;
    z-index: 1; }
  #head .search, #head .login, #head .shop {
    width: 16.875%;
    height: 44px;
    float: left;
    text-align: center;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.2);
    border-width: 0 0 1px 1px;
    vertical-align: top;
    color: white; }
  #head .search button.open-search {
    width: 100%;
    height: 100%;
    background: none;
    padding-bottom: 2px; }
  #head .search.hover {
    background-color: rgba(255, 255, 255, 0.95);
    color: #717171; }
    #head .search.hover .form-cont {
      display: block; }
  #head .search span.field {
    left: 32.5%; }
  #head .login > .ico {
    margin-top: 7px; }
  #head .login > .i-arr-d {
    display: none; }
  #head .login img.thumb {
    max-width: 33px; }
  #head .login span.field {
    left: 49.375%; }
  #head .notif {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 15px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
    color: white;
    background-color: #6aa306;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
  #head .shop .notif {
    margin-left: 4px;
    margin-top: -4px; }
  #head .shop > .ico {
    margin-top: 11px; }
  #head .shop span.field {
    left: 66.25%; }
  #head .login-info, #head .shop-info {
    position: absolute;
    display: block;
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 999px; }
  #head .open-info-cont {
    left: 0;
    right: 0;
    overflow-y: auto;
    width: 100%; }
    #head .open-info-cont .err-msg label.error {
      display: block; }
  #head .hover-shop .shop-cont {
    display: block; }
  #head .hover-shop .shop {
    background-color: rgba(255, 255, 255, 0.95);
    color: #717171; }
  #head .hover-login .login-cont {
    display: block; }
  #head .hover-login .login {
    background-color: rgba(255, 255, 255, 0.95);
    color: #717171; }
  #head .hover-notification .notify-cont {
    display: block; }
  #head .hover-notification .notification {
    background-color: rgba(255, 255, 255, 0.95);
    color: #717171; }
  #head .open-info-cont, #head .info-msg, #head .ui-autocomplete {
    position: absolute;
    z-index: 10;
    display: none;
    background-color: rgba(255, 255, 255, 0.95);
    color: #5f5f5f;
    top: 100%;
    padding: 14px;
    -webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.11);
    font-size: 12px;
    text-align: left;
    min-width: 188px; }
    #head .open-info-cont hr, #head .info-msg hr, #head .ui-autocomplete hr {
      margin: 12px -14px 4px;
      border-color: rgba(156, 156, 156, 0.44);
      clear: both; }
    #head .open-info-cont h4, #head .info-msg h4, #head .ui-autocomplete h4 {
      color: #373737;
      padding-bottom: 6px;
      font-size: 15px;
      letter-spacing: -.025em; }
    #head .open-info-cont a:not([class]), #head .info-msg a:not([class]), #head .ui-autocomplete a:not([class]) {
      color: #6aa306;
      text-decoration: underline;
      font-weight: 700;
      display: inline-block; }
      #head .open-info-cont a:not([class]):hover, #head .open-info-cont a:not([class]):active, #head .info-msg a:not([class]):hover, #head .info-msg a:not([class]):active, #head .ui-autocomplete a:not([class]):hover, #head .ui-autocomplete a:not([class]):active {
        text-decoration: none; }
    #head .open-info-cont .border-btn, #head .info-msg .border-btn, #head .ui-autocomplete .border-btn {
      margin-top: 10px;
      text-decoration: none; }
  #head .form-cont {
    padding-right: 47px;
    overflow: visible; }
    #head .form-cont input {
      width: 100%;
      float: left;
      margin: 0; }
    #head .form-cont button {
      float: right;
      width: 33px;
      height: 33px;
      background-color: black;
      margin-right: -33px; }
  #head .login-cont {
    padding-top: 7px; }
    #head .login-cont input.text {
      width: 100%;
      background-color: white;
      margin: 7px 0 0; }
    #head .login-cont label.checkbox {
      display: block;
      position: relative;
      padding-top: 7px;
      padding-left: 21px;
      line-height: 1;
      padding-bottom: 8px;
      cursor: pointer; }
      #head .login-cont label.checkbox input {
        position: absolute;
        top: 7px;
        left: 0; }
    #head .login-cont .r-side {
      padding-top: 5px; }
    #head .login-cont form {
      padding-bottom: 6px; }
    #head .login-cont .err-msg {
      margin: 4px 0 -3px; }
    #head .login-cont .kg-site {
      padding-bottom: 10px; }
    #head .login-cont .ua-site {
      text-align: center; }
    #head .login-cont .fcb-login {
      padding-top: 7px; }
      #head .login-cont .fcb-login span {
        margin-right: 5px;
        margin-bottom: 5px;
        display: inline-block; }
      #head .login-cont .fcb-login .i-btnfacebook {
        vertical-align: middle; }
  #head .user-logged img.thumb {
    margin-top: 5px; }
  #head .user-logged .login-cont {
    padding-top: 17px;
    padding-bottom: 9px;
    text-align: center; }
    #head .user-logged .login-cont a {
      margin-top: 8px;
      margin-bottom: 8px; }
    #head .user-logged .login-cont a.logout {
      float: right;
      margin-top: 3px;
      margin-bottom: 0;
      font-size: 11px;
      text-decoration: none; }
    #head .user-logged .login-cont a.i-settings {
      float: left;
      margin-top: 2px;
      margin-bottom: 0; }
      #head .user-logged .login-cont a.i-settings:hover, #head .user-logged .login-cont a.i-settings:active {
        opacity: 0.8; }
  #head .shop-cont {
    text-align: center; }
    #head .shop-cont .sc-row {
      margin-top: 4px;
      text-align: left; }
    #head .shop-cont .sc-name {
      float: left;
      width: 65%;
      color: #8f8f8f; }
      #head .shop-cont .sc-name a.sc-name-lnk {
        color: #8f8f8f; }
    #head .shop-cont .sc-price {
      float: left;
      width: 25%;
      margin-left: 3%;
      color: black;
      font-weight: 700; }
    #head .shop-cont .i-trash {
      float: right; }
      #head .shop-cont .i-trash:hover, #head .shop-cont .i-trash:active {
        opacity: .6; }
    #head .shop-cont .sc-summ-price {
      font-size: 18px;
      font-weight: 700;
      color: black;
      text-align: right; }
    #head .shop-cont .simple-btn {
      width: auto;
      float: right;
      margin-top: 4px; }
    #head .shop-cont .border-btn {
      margin-top: 4px; }
    #head .shop-cont .more-products-box {
      position: static;
      margin-top: 6px;
      border: 0;
      width: 100%;
      text-align: left;
      overflow: hidden; }
      #head .shop-cont .more-products-box .prev, #head .shop-cont .more-products-box .next {
        display: none; }
      #head .shop-cont .more-products-box .simple-btn {
        margin-top: -27px; }
    #head .shop-cont .mpb-row {
      border: 0;
      padding-bottom: 0;
      padding-right: 0;
      padding-left: 0; }
      #head .shop-cont .mpb-row img {
        width: 80px; }
      #head .shop-cont .mpb-row .promo-info, #head .shop-cont .mpb-row .name, #head .shop-cont .mpb-row .price, #head .shop-cont .mpb-row .aval {
        margin-left: 92px; }
      #head .shop-cont .mpb-row .name {
        font-size: 15px;
        display: block; }
  #head .info-msg {
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    z-index: 9;
    top: 45px;
    right: 1px;
    -webkit-transition: opacity 1s ease-out, visibility 1s ease-out;
    -moz-transition: opacity 1s ease-out, visibility 1s ease-out;
    -o-transition: opacity 1s ease-out, visibility 1s ease-out;
    transition: opacity 1s ease-out, visibility 1s ease-out; }
    #head .info-msg h4 {
      text-align: center; }
      #head .info-msg h4 .ico {
        margin-right: 7px; }
    #head .info-msg img {
      float: left;
      max-width: 44px; }
    #head .info-msg p {
      margin-left: 52px; }
      #head .info-msg p.name {
        font-weight: 300; }
      #head .info-msg p.price {
        font-weight: 700;
        color: #373737;
        padding: 2px 0; }
      #head .info-msg p.pre, #head .info-msg p.color {
        color: #ca3c2c; }
    #head .info-msg hr {
      margin-top: 8px;
      margin-bottom: 11px; }
    #head .info-msg.active {
      visibility: visible;
      opacity: 1;
      -webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
      -moz-transition: opacity 0.5s ease, visibility 0.5s ease;
      -o-transition: opacity 0.5s ease, visibility 0.5s ease;
      transition: opacity 0.5s ease, visibility 0.5s ease; }
  #head .notification {
    display: none; }
  #head .ui-autocomplete {
    display: none;
    padding: 8px 0; }
    #head .ui-autocomplete img {
      float: left;
      max-width: 44px; }
    #head .ui-autocomplete li.ui-menu-item {
      padding: 6px 14px;
      border-top: 1px solid rgba(156, 156, 156, 0.44); }
      #head .ui-autocomplete li.ui-menu-item:first-child {
        border: 0; }
      #head .ui-autocomplete li.ui-menu-item a {
        color: #5f5f5f;
        text-decoration: none;
        width: 100%; }
        #head .ui-autocomplete li.ui-menu-item a:hover, #head .ui-autocomplete li.ui-menu-item aactive {
          text-decoration: underline; }
      #head .ui-autocomplete li.ui-menu-item.ui-state-focus {
        margin: 0;
        background-color: rgba(106, 163, 6, 0.5); }
    #head .ui-autocomplete p {
      margin-left: 52px;
      width: 110px; }
      #head .ui-autocomplete p.name {
        font-weight: 300; }
      #head .ui-autocomplete p.price {
        font-weight: 700;
        color: #373737;
        padding: 2px 0; }
  #head .r-side {
    text-align: right; }

#main-nav {
  overflow: hidden;
  width: 16.875%;
  height: 44px;
  position: absolute;
  top: 0;
  right: 0; }
  #main-nav .open-nav {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 44px;
    padding: 14px 0 11px;
    font-size: 0;
    text-align: center;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.2);
    border-width: 0 0 1px 1px;
    vertical-align: top;
    color: white;
    background-color: #6aa306; }
    #main-nav .open-nav:active {
      background-color: #4a4f54; }
    #main-nav .open-nav span {
      display: block;
      vertical-align: top;
      width: 24px;
      height: 3px;
      margin-bottom: 4px;
      margin-left: auto;
      margin-right: auto;
      background-color: white;
      -webkit-border-radius: 2px;
      border-radius: 2px; }
  #main-nav .mn-cont {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 100%;
    width: 200px;
    padding-top: 44px;
    overflow: auto;
    background-color: #6aa306; }
  #main-nav ul.nav {
    background-color: black;
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: white; }
    #main-nav ul.nav li {
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      vertical-align: top; }
    #main-nav ul.nav a, #main-nav ul.nav li > span {
      display: block;
      text-align: center;
      padding: 10px 4px;
      font-size: 16px;
      position: relative; }
      #main-nav ul.nav a .ico, #main-nav ul.nav li > span .ico {
        position: absolute;
        top: 50%;
        right: 10%;
        margin-top: -5px; }
    #main-nav ul.nav a:hover, #main-nav ul.nav a:active {
      background-color: rgba(106, 163, 6, 0.5); }
    #main-nav ul.nav div {
      display: none; }
    #main-nav ul.nav ul {
      display: block;
      padding: 0;
      background-color: #454545;
      -webkit-transition: background-color 0.5s ease-in-out;
      -moz-transition: background-color 0.5s ease-in-out;
      -o-transition: background-color 0.5s ease-in-out;
      transition: background-color 0.5s ease-in-out; }
      #main-nav ul.nav ul a, #main-nav ul.nav ul span {
        font-weight: 300; }
      #main-nav ul.nav ul li.active a, #main-nav ul.nav ul li a:hover, #main-nav ul.nav ul li a:active, #main-nav ul.nav ul li.active > span {
        background-color: rgba(106, 163, 6, 0.5); }
    #main-nav ul.nav li.hover-mn-next-lvl-a > a, #main-nav ul.nav li.hover-mn-next-lvl-a > span {
      background-color: rgba(0, 0, 0, 0.33); }
    #main-nav ul.nav li.hover-mn-next-lvl-a div {
      display: block; }
    #main-nav ul.nav > li.active > a, #main-nav ul.nav > li.active > span {
      background-color: rgba(106, 163, 6, 0.5); }
    #main-nav ul.nav img {
      max-width: 60px;
      max-height: 41px; }

.user-lvl-info {
  text-align: center;
  font-weight: 300;
  margin-top: -2px;
  margin-bottom: 4px; }
  .user-lvl-info .uli-pkt {
    font-size: 14px;
    color: #8f8f8f; }
    .user-lvl-info .uli-pkt span {
      color: #6aa306;
      font-weight: 400; }
  .user-lvl-info .uli-lvl {
    position: relative;
    margin: 3px 0 10px;
    padding-top: 1px; }
  .user-lvl-info .uli-lvl-exp {
    margin: 0 16px;
    background-color: rgba(0, 0, 0, 0.11);
    height: 7px; }
    .user-lvl-info .uli-lvl-exp span {
      display: block;
      height: 100%;
      float: left;
      background-color: #6aa306;
      width: 1%; }
  .user-lvl-info .uli-lvl-now, .user-lvl-info .uli-lvl-next {
    position: absolute;
    width: 16px;
    line-height: 1.1em;
    top: 0;
    font-size: 9px; }
  .user-lvl-info .uli-lvl-now {
    left: 0;
    color: #6aa306; }
  .user-lvl-info .uli-lvl-next {
    right: 0; }
  .user-lvl-info .uli-gold {
    color: #8f8f8f; }

.show-nav {
  background-color: black;
  /*#bg, #head, div.main-content{
      //margin-right: $open-nav-width-mobile;
      //margin-left: -$open-nav-width-mobile;
      transform: translateX(-$open-nav-width-mobile);
  }*/ }
  .show-nav #main-nav {
    overflow: visible; }

.csstransforms3d .show-nav #bg, .csstransforms3d .show-nav #head, .csstransforms3d .show-nav div.main-content {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -o-transform: translate3d(-200px, 0, 0);
  -ms-transform: translate3d(-200px, 0, 0);
  -moz-transform: translate3d(-200px, 0, 0);
  -webkit-transform: translate3d(-200px, 0, 0);
  transform: translate3d(-200px, 0, 0); }

.no-csstransforms3d.csstransforms .show-nav #bg, .no-csstransforms3d.csstransforms .show-nav #head, .no-csstransforms3d.csstransforms .show-nav div.main-content {
  -o-transform: translateX(-200px);
  -ms-transform: translateX(-200px);
  -moz-transform: translateX(-200px);
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px); }

/* ==========================================================================
   Main content, Grid, Product box
   ========================================================================== */
.no-csspositionsticky .main-content {
  padding-top: 44px; }

div.main-content {
  position: relative;
  z-index: 10; }
  div.main-content .wrap {
    padding-top: 12px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 43px; }
    div.main-content .wrap .sec-divider {
      display: none; }

.sec-divider {
  display: block;
  border: 0;
  height: 5px;
  background-color: #e3e3e3;
  clear: both; }

#product-promo-space {
  padding-left: 12px;
  padding-right: 12px; }
  #product-promo-space div.pps-cont {
    padding: 11% 0 8%; }
  #product-promo-space img {
    max-width: 100%; }
  #product-promo-space h1 {
    max-width: 60%;
    text-align: center; }

.gr-container {
  /*    &.singe-row-slider{
          .gr-item:nth-child(n+3){
              display: none;
          }
      }*/ }
  .gr-container .gr-inner {
    overflow: hidden;
    position: relative; }
  .gr-container .gr-item {
    display: inline-block;
    float: left;
    width: 50%;
    overflow: hidden;
    position: relative;
    background-color: white;
    /*        &.hover:not(.no-hov-item){
                background-color: $box-hover-bg-color;
                
                span.thumb{
                    .item-label, img{
                        display: none;
                    }
                }
                div.desc{
                    width: 100%;
                    height: 100%;
                    clip: auto;
                    margin: 0;
                    border-bottom: 1px solid rgba(0,0,0,.11);
                }
            }*/ }
    .gr-container .gr-item.gr-2, .gr-container .gr-item.gr-3, .gr-container .gr-item.gr-4 {
      width: 100%; }
    .gr-container .gr-item > a {
      display: block;
      color: black; }
    .gr-container .gr-item > a:first-child {
      padding: 13px 13px 13px 13px; }
    .gr-container .gr-item .btn-remove {
      position: absolute;
      top: 3px;
      right: 3px; }
    .gr-container .gr-item .prod-info, .gr-container .gr-item .prod-shop {
      position: relative;
      display: block; }
    .gr-container .gr-item .prod-info {
      height: 0;
      padding-bottom: 139.3063583815029%; }
    .gr-container .gr-item.gr-2 .prod-info, .gr-container .gr-item.gr-3 .prod-info, .gr-container .gr-item.gr-4 .prod-info {
      padding-bottom: 62.82527881040892%; }
    .gr-container .gr-item span.thumb {
      display: block;
      /*overflow: hidden;*/
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      text-align: center; }
      .gr-container .gr-item span.thumb img {
        max-width: 100%;
        max-height: 100%; }
      .gr-container .gr-item span.thumb .item-label {
        position: absolute;
        /* right: 0; małe labelki - zmiany wycofane */ }
    .gr-container .gr-item div.desc {
      position: absolute;
      top: 0;
      left: 0;
      text-align: center;
      /* hide */
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      width: 1px;
      /********/ }
    .gr-container .gr-item .prod-shop {
      padding-top: 4px;
      height: 27px;
      padding-right: 57px; }
      .gr-container .gr-item .prod-shop span {
        display: block; }
        .gr-container .gr-item .prod-shop span.ico {
          display: inline-block;
          margin: 0 2px; }
        .gr-container .gr-item .prod-shop span.prod-price, .gr-container .gr-item .prod-shop span.prod-aval {
          display: block;
          text-align: right;
          line-height: 1;
          font-weight: 700;
          color: black; }
        .gr-container .gr-item .prod-shop span.prod-price {
          font-size: 12px;
          margin-left: -13px; }
        .gr-container .gr-item .prod-shop span.prod-aval {
          margin-left: -13px;
          padding-top: 1px;
          color: #8f8f8f;
          font-size: 10px; }
          .gr-container .gr-item .prod-shop span.prod-aval.color {
            color: #ca3c2c; }
        .gr-container .gr-item .prod-shop span.promo {
          text-decoration: line-through; }
      .gr-container .gr-item .prod-shop.price-only {
        padding-top: 9px; }
      .gr-container .gr-item .prod-shop .prod-old-price {
        position: absolute;
        bottom: 22px;
        right: 0;
        left: 0;
        padding-top: 3px;
        padding-right: 57px;
        background-color: #ededee;
        color: #ba0808;
        text-align: right;
        font-size: 12px;
        font-weight: 700;
        text-decoration: line-through; }
    .gr-container .gr-item a.btn {
      width: 53px;
      height: 22px;
      position: absolute;
      z-index: 1;
      display: block;
      bottom: 13px;
      right: 13px;
      background-color: #ba0808;
      color: white;
      border: 3px solid #ba0808;
      text-transform: uppercase;
      text-align: center;
      font-size: 11px;
      font-weight: bold;
      line-height: 1;
      padding-top: 2px; }
      html[lang="hu"] .gr-container .gr-item a.btn {
        font-size: 0; }
      .gr-container .gr-item a.btn span.ico {
        vertical-align: bottom;
        margin-right: 4px; }
      html[lang="cs"] .gr-container .gr-item a.btn {
        font-size: 9px; }
        html[lang="cs"] .gr-container .gr-item a.btn span.ico {
          margin-right: 2px; }
      .gr-container .gr-item a.btn:hover, .gr-container .gr-item a.btn:active {
        background-color: white;
        color: #ba0808;
        border-color: #ba0808; }
      .gr-container .gr-item a.btn.disabled {
        cursor: default;
        background-color: #4a4f54;
        color: rgba(255, 255, 255, 0.8);
        border-color: #4a4f54;
        opacity: .5; }
    .gr-container .gr-item a.btn.v2-btn {
      background-color: #6aa306;
      color: white;
      border-color: #6aa306; }
      .gr-container .gr-item a.btn.v2-btn:hover, .gr-container .gr-item a.btn.v2-btn:active {
        background-color: white;
        color: #6aa306;
        border-color: #6aa306; }
    .gr-container .gr-item.gr-2:not(.no-hov-item) {
      /*            &.hover{
                      div.desc{
                          width: $gr-item-width-mob;
                          padding-right: $gr-item-pad-right-mob;
                      }
                  }*/ }
      .gr-container .gr-item.gr-2:not(.no-hov-item) span.thumb {
        width: 50%;
        right: 50%;
        padding-right: 13px; }
      .gr-container .gr-item.gr-2:not(.no-hov-item) .more-desc {
        left: 50%;
        position: absolute;
        top: 0;
        width: 50%;
        bottom: 0;
        overflow: hidden; }
    .gr-container .gr-item.gr-2.no-hov-item .more-desc {
      opacity: 0.01; }
  .gr-container.gr-highlight .gr-item {
    background-color: #ededee; }
  .gr-container .single-row-box .gr-item:nth-child(n+3) {
    display: none; }
  .gr-container .double-row-box .gr-item:nth-child(n+5) {
    display: none; }
  .gr-container.gr-bord .gr-inner {
    padding-top: 1px;
    padding-left: 1px;
    margin-right: -2px; }
    .gr-container.gr-bord .gr-inner.is-gr-2 {
      padding-left: 0;
      margin-right: 0; }
      .gr-container.gr-bord .gr-inner.is-gr-2 .gr-item {
        margin-left: 0; }
  .gr-container.gr-bord .gr-item {
    border: 1px solid #e3e3e3;
    margin-top: -1px;
    margin-left: -1px; }
  .gr-container.promoslider {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out; }
    .gr-container.promoslider.act {
      position: relative;
      opacity: 1;
      visibility: visible;
      -webkit-transition: opacity 0.3s ease 0.2s;
      -moz-transition: opacity 0.3s ease 0.2s;
      -o-transition: opacity 0.3s ease 0.2s;
      transition: opacity 0.3s ease 0.2s; }
    .gr-container.promoslider .ldr {
      display: none; }
    .gr-container.promoslider .promo-small-box .gr-item:nth-child(4n) {
      margin-bottom: 67%; }
    .gr-container.promoslider .promo-small-box .gr-item:nth-child(n+9) {
      display: none; }
    .gr-container.promoslider .promo-big-box1 {
      position: absolute;
      z-index: 1;
      left: 0;
      right: 0;
      margin-right: 0;
      overflow: hidden;
      top: 32px;
      margin-top: 138.3063583815029%; }
      .gr-container.promoslider .promo-big-box1 .gr-item.gr-2 {
        margin-left: -1px;
        border-left-width: 1px; }
      .gr-container.promoslider .promo-big-box1 .gr-item:nth-child(n+2) {
        display: none; }
    .gr-container.promoslider .promo-big-box2 {
      position: absolute;
      z-index: 1;
      left: 0;
      right: 0;
      margin-right: 0;
      overflow: hidden;
      top: 64px;
      margin-top: 343.2658959537573%; }
      .gr-container.promoslider .promo-big-box2 .gr-item.gr-2 {
        margin-left: -1px;
        border-left-width: 1px; }
      .gr-container.promoslider .promo-big-box2 .gr-item:nth-child(n+2) {
        display: none; }
    .gr-container.promoslider.only-one-big {
      height: 1116px; }
  .gr-container .next, .gr-container .prev {
    display: none;
    position: absolute; }
    .gr-container .next:focus, .gr-container .prev:focus {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
  .gr-container .product-box-field {
    background-color: #f7f7f7;
    height: 100%;
    overflow: hidden; }

.no-touch .gr-item.hover:not(.no-hov-item) {
  background-color: #ededee; }
  .no-touch .gr-item.hover:not(.no-hov-item) span.thumb .item-label, .no-touch .gr-item.hover:not(.no-hov-item) span.thumb img {
    display: none; }
  .no-touch .gr-item.hover:not(.no-hov-item) div.desc {
    width: 100%;
    height: 100%;
    clip: auto;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.11); }
  .no-touch .gr-item.hover:not(.no-hov-item).gr-2 div.desc {
    width: 50%;
    padding-right: 13px; }

.gr-item .prod-title {
  font-size: 12px;
  font-weight: 700;
  color: #2d2d2d;
  line-height: 1.1em;
  letter-spacing: -.025em;
  min-height: 3.3em; }
.gr-item .thumb img {
  font-weight: 700;
  color: #2d2d2d; }
.gr-item .desc-legend {
  font-size: 9px;
  font-weight: 300;
  color: #9f9fa9;
  text-transform: uppercase;
  line-height: 1.2;
  display: block;
  margin-top: 2px; }
.gr-item .prod-cat {
  font-size: 11px;
  font-weight: 700;
  color: black;
  line-height: 1em;
  max-height: 4.1em;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1em; }
.gr-item .prod-stars {
  padding: 2px 0; }
.gr-item .prod-bonus {
  font-size: 10px;
  color: #a9a3a3; }
  .gr-item .prod-bonus b {
    color: black;
    display: block; }
.gr-item .more-desc {
  font-size: 11px;
  color: #3e3e3e; }
  .gr-item .more-desc h3, .gr-item .more-desc h4 {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1em;
    letter-spacing: -.025em;
    color: #ca3c2c; }
  .gr-item .more-desc ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0; }
  .gr-item .more-desc li {
    padding-left: 1em;
    padding-right: 1em; }
  .gr-item .more-desc li:before {
    content: "\25a0";
    color: #ca3c2c;
    display: inline-block;
    font-size: 8px;
    margin-left: -1.3em;
    margin-right: .7em;
    padding-top: 1px;
    vertical-align: top; }
  .gr-item .more-desc p {
    margin: 10px 0 0; }
.gr-item .dble-el {
  height: 100%; }
  .gr-item .dble-el .de-bg {
    display: block;
    text-align: center;
    margin: 0 13px 0 13px;
    height: 100%;
    overflow: hidden;
    background: black; }
    .gr-item .dble-el .de-bg img {
      max-width: 100%; }
  .gr-item .dble-el .de-cont {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 26px 26px 26px 26px;
    text-align: right;
    color: white; }
    .gr-item .dble-el .de-cont > div {
      display: table;
      width: 100%;
      height: 100%; }
      .gr-item .dble-el .de-cont > div > div {
        display: table-cell;
        vertical-align: bottom; }
    .gr-item .dble-el .de-cont p {
      font-weight: 700;
      font-size: 12px;
      padding-top: 8px;
      line-height: 1.2; }
.gr-item .bord-left, .gr-item .bord-right {
  display: block;
  border-style: solid;
  border-color: #d7d7d7;
  padding-top: 9px;
  padding-bottom: 10px; }
.gr-item .bord-left {
  border-width: 1px 0; }
.gr-item .bord-right {
  border-width: 1px 0 1px 1px; }
.gr-item .second-btn-cont {
  position: absolute;
  right: 13px;
  left: 13px;
  bottom: 40px;
  border-bottom: 1px solid #e3e3e3;
  background-color: inherit; }
  .gr-item .second-btn-cont a.btn {
    bottom: 4px;
    right: 0; }

.gr-only .gro-1, .gr-only .gro-2, .gr-only .gro-3, .gr-only .gro-4, .gr-only .gro-5, .gr-only .gro-6 {
  float: left; }
.gr-only img {
  max-width: 100%; }
.gr-only .gr-bord {
  margin-left: -1px; }

.gro-1, .gro-2, .gro-3, .gro-4, .gro-5, .gro-6 {
  width: 100%; }

.stars {
  display: inline-block;
  background: url("/resources/muve/img/stars.png") no-repeat 0 -15px;
  width: 83px;
  height: 15px;
  text-align: left; }
  .stars span {
    display: inline-block;
    width: 0;
    height: 100%;
    background: url("/resources/muve/img/stars.png") no-repeat 0 0;
    vertical-align: top; }

.stars {
  position: relative;
  overflow: hidden; }
  .stars a {
    border: 0;
    padding: 0;
    margin: 0;
    background: inherit;
    background-position: 0 0;
    background-color: transparent;
    height: 100%;
    text-indent: 100px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
    .stars a[data-star="1"] {
      width: 20%;
      z-index: 5; }
    .stars a[data-star="2"] {
      width: 40%;
      z-index: 4; }
    .stars a[data-star="3"] {
      width: 60%;
      z-index: 3; }
    .stars a[data-star="4"] {
      width: 80%;
      z-index: 2; }
    .stars a[data-star="5"] {
      width: 100%;
      z-index: 1; }
    .stars a:hover, .stars a:active {
      opacity: .5; }
    .stars a:hover, .stars a:active, .stars a.act {
      background-color: transparent; }
  .stars.star1 a[data-star="1"], .stars.star2 a[data-star="2"], .stars.star3 a[data-star="3"], .stars.star4 a[data-star="4"], .stars.star5 a[data-star="5"] {
    opacity: 1; }
  .stars:hover a[data-star="1"], .stars:hover a[data-star="2"], .stars:hover a[data-star="3"], .stars:hover a[data-star="4"], .stars:hover a[data-star="5"] {
    opacity: 0; }
    .stars:hover a[data-star="1"]:hover, .stars:hover a[data-star="2"]:hover, .stars:hover a[data-star="3"]:hover, .stars:hover a[data-star="4"]:hover, .stars:hover a[data-star="5"]:hover {
      opacity: .5; }
    .stars:hover a[data-star="1"]:active, .stars:hover a[data-star="2"]:active, .stars:hover a[data-star="3"]:active, .stars:hover a[data-star="4"]:active, .stars:hover a[data-star="5"]:active {
      opacity: 1; }

.gr-5col-triple-box {
  padding: 13px 13px 13px 13px;
  border: 1px solid #e3e3e3; }
  .gr-5col-triple-box .gtb-1, .gr-5col-triple-box .gtb-2, .gr-5col-triple-box .gtb-3 {
    float: left;
    display: inline-block;
    width: 100%;
    position: relative;
    color: white; }
  .gr-5col-triple-box .gtb-2, .gr-5col-triple-box .gtb-3 {
    margin-top: 6px;
    overflow: hidden; }
    .gr-5col-triple-box .gtb-2 .bg, .gr-5col-triple-box .gtb-3 .bg {
      width: 100%;
      padding-top: 49.0869%;
      display: block;
      background: black;
      position: relative; }
      .gr-5col-triple-box .gtb-2 .bg img, .gr-5col-triple-box .gtb-3 .bg img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; }
    .gr-5col-triple-box .gtb-2 .cont, .gr-5col-triple-box .gtb-3 .cont {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    .gr-5col-triple-box .gtb-2 .text-label, .gr-5col-triple-box .gtb-3 .text-label {
      font-weight: 700;
      font-size: 12px;
      padding: 1px 11px 3px; }
    .gr-5col-triple-box .gtb-2 .hdr, .gr-5col-triple-box .gtb-3 .hdr {
      font-size: 14px;
      font-weight: 300;
      margin-bottom: 8px;
      line-height: 1.1em;
      max-height: 2.2em;
      overflow: hidden; }
    .gr-5col-triple-box .gtb-2 .txt, .gr-5col-triple-box .gtb-2 ul, .gr-5col-triple-box .gtb-3 .txt, .gr-5col-triple-box .gtb-3 ul {
      font-size: 11px;
      margin-top: 4px;
      margin-bottom: 4px;
      line-height: 1.2em; }
    .gr-5col-triple-box .gtb-2 ul, .gr-5col-triple-box .gtb-3 ul {
      padding: 0;
      list-style: disc inside none; }
    .gr-5col-triple-box .gtb-2 .border-btn, .gr-5col-triple-box .gtb-3 .border-btn {
      margin-top: 6px;
      font-size: 13px; }
  .gr-5col-triple-box .center-box .cont {
    text-align: center;
    padding-top: 3%; }
  .gr-5col-triple-box .center-box .txt, .gr-5col-triple-box .center-box ul {
    margin: 4px 10px; }
  .gr-5col-triple-box .center-box .hdr {
    margin: 2% 10px 0; }
  .gr-5col-triple-box .cover-box-left .cont {
    padding-top: 6%;
    padding-left: 39%; }

.hyphenate, .filters .f-3col-square .filter-lnk .fb-title, .filters .aval .filter-lnk > span, .filters .type .filter-lnk > span {
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

.badge {
  display: inline-block;
  width: 50px;
  height: 67px;
  position: relative; }
  .badge img {
    max-width: 100%; }
  .badge.small {
    width: 35px;
    height: 47px; }
  .badge .v-big-size-hdr {
    padding-bottom: 134%;
    height: 0;
    position: relative; }
    .badge .v-big-size-hdr span {
      position: absolute;
      display: block;
      width: 100%;
      top: 50%;
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
  .badge .quarter {
    position: absolute;
    z-index: 1;
    display: block;
    width: 50%;
    background: rgba(255, 255, 255, 0.88); }
  .badge .q1 {
    top: 0;
    left: 50%;
    height: 64%; }
  .badge .q2 {
    top: 64%;
    left: 50%;
    height: 36%; }
  .badge .q3 {
    top: 64%;
    left: 0;
    height: 36%; }
  .badge .q4 {
    top: 0;
    left: 0;
    height: 64%; }

/* ==========================================================================
   Filters, left nav
   ========================================================================== */
.col-right {
  position: relative; }

.col-left h1 {
  float: left;
  font-size: 21px;
  background-color: #6aa306;
  color: white;
  text-transform: uppercase;
  line-height: 1.2em;
  padding: .14em 14px .23em;
  min-width: 190px;
  margin-bottom: 14px;
  word-wrap: break-word; }
.col-left .filter-btn {
  float: right;
  font-size: 21px;
  line-height: 1.2em;
  padding: .14em 14px .23em;
  background-color: #2d2d2d;
  color: white;
  font-weight: 700;
  margin-bottom: 14px; }
  .col-left .filter-btn .ico {
    margin-left: 10px; }
  .col-left .filter-btn:hover, .col-left .filter-btn:active {
    background-color: #6aa306; }

.cat-ico {
  display: inline-block;
  width: 37px;
  height: 37px;
  background-position: 50% 0;
  background-repeat: no-repeat;
  -webkit-background-size: 37px 74px;
  background-size: 37px 74px; }
  .cat-ico.no-h-state {
    -webkit-background-size: 37px 37px;
    background-size: 37px 37px; }

.filters {
  height: 0;
  overflow: hidden; }
  .filters.open {
    height: auto;
    margin-bottom: 32px; }
  .filters .f-box {
    float: left;
    width: 100%; }
  .filters h4 {
    color: rgba(74, 79, 84, 0.88);
    font-size: 18px;
    font-weight: 400;
    padding-top: 20px;
    padding-bottom: 8px;
    text-align: left; }
  .filters .filter-lnk, .filters .normal-lnk, .filters .select-lnk {
    border: 1px solid #e3e3e3;
    background-color: #f7f7f7;
    display: block;
    color: #9b9b9b;
    font-size: 11px;
    line-height: 1.1em;
    text-transform: uppercase;
    padding: 7px 13px;
    margin-top: -1px;
    overflow: hidden; }
    .filters .filter-lnk select, .filters .normal-lnk select, .filters .select-lnk select {
      width: 100%;
      font-size: 11px;
      text-transform: uppercase;
      padding-left: 3px;
      color: #9b9b9b;
      background-color: #f7f7f7; }
  .filters a.filter-lnk:hover, .filters a.filter-lnk:active, .filters a.normal-lnk:hover, .filters a.normal-lnk:active {
    text-decoration: underline; }
    .filters a.filter-lnk:hover .fb-title, .filters a.filter-lnk:active .fb-title, .filters a.normal-lnk:hover .fb-title, .filters a.normal-lnk:active .fb-title {
      text-decoration: underline; }
  .filters .filter-lnk.act, .filters .select-lnk.act {
    background-color: #6aa306;
    color: white; }
  .filters .stars .filter-lnk {
    border: 0;
    padding: 0;
    margin: 0;
    background: inherit;
    background-position: 0 0;
    background-color: transparent; }
    .filters .stars .filter-lnk:hover, .filters .stars .filter-lnk:active, .filters .stars .filter-lnk.act {
      background-color: transparent; }
  .filters .f-3col-square {
    padding-left: 1px; }
    .filters .f-3col-square h4 {
      margin-left: -1px; }
    .filters .f-3col-square .filter-lnk {
      float: left;
      width: 64px;
      height: 64px;
      margin-left: -1px;
      position: relative;
      text-align: center; }
      .filters .f-3col-square .filter-lnk .cat-ico {
        display: inline-block;
        width: 37px;
        height: 37px;
        background-position: 50% 0;
        background-repeat: no-repeat;
        -webkit-background-size: 37px 74px;
        background-size: 37px 74px; }
      .filters .f-3col-square .filter-lnk.act .cat-ico {
        background-position: 50% -37px; }
      .filters .f-3col-square .filter-lnk .fb-title {
        position: absolute;
        z-index: 1;
        left: 2px;
        right: 2px;
        bottom: 3px;
        font-size: 8px;
        line-height: 1.2em;
        -webkit-text-shadow: -1px -1px 0px #f7f7f7, 1px 1px 0px #f7f7f7, -1px 1px 0px #f7f7f7, 1px -1px 0px #f7f7f7;
        text-shadow: -1px -1px 0px #f7f7f7, 1px 1px 0px #f7f7f7, -1px 1px 0px #f7f7f7, 1px -1px 0px #f7f7f7; }
      .filters .f-3col-square .filter-lnk.act .fb-title {
        -webkit-text-shadow: -1px -1px 0px #6aa306, 1px 1px 0px #6aa306, -1px 1px 0px #6aa306, 1px -1px 0px #6aa306;
        text-shadow: -1px -1px 0px #6aa306, 1px 1px 0px #6aa306, -1px 1px 0px #6aa306, 1px -1px 0px #6aa306; }
  .filters .aval .filter-lnk, .filters .type .filter-lnk {
    width: 33%; }
    .filters .aval .filter-lnk:nth-of-type(1), .filters .type .filter-lnk:nth-of-type(1) {
      width: 34%; }
  .filters .aval .filter-lnk, .filters .lang .filter-lnk, .filters .type .filter-lnk {
    float: left;
    height: 38px;
    text-align: center;
    border-left: 0;
    padding: 0;
    table-layout: fixed;
    display: table;
    font-size: 10px; }
    .filters .aval .filter-lnk:nth-of-type(1), .filters .lang .filter-lnk:nth-of-type(1), .filters .type .filter-lnk:nth-of-type(1) {
      border-left: 1px solid #e3e3e3; }
    .filters .aval .filter-lnk > span, .filters .lang .filter-lnk > span, .filters .type .filter-lnk > span {
      display: table-cell;
      padding: 0 2px;
      height: 38px;
      vertical-align: middle;
      text-align: center; }
  .filters .lang .filter-lnk {
    width: 20%;
    height: 50px;
    font-size: 8px;
    color: #4a4f54; }
  .filters .lang span.ico {
    text-indent: 99px;
    overflow: hidden;
    display: block;
    margin: 3px auto; }
  .filters .pegi p.filter-lnk {
    padding: 5px 0;
    font-size: 0; }
  .filters .pegi a.filter-lnk {
    border: 0;
    padding: 0;
    margin: 2px;
    display: inline-block; }
  .filters .slider-cont input {
    float: left;
    width: 50%;
    height: 15px;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    font-size: 11px;
    color: #4a4f54;
    text-align: right; }
    .filters .slider-cont input:first-child {
      text-align: left; }
  .filters .slider-cont > div {
    float: left;
    width: 100%;
    margin: 13px 0 9px; }
  .filters .selected a.filter-lnk:not(.act) {
    opacity: 0.4; }
  .filters ul {
    padding: 0; }

.skin-v2 .filters .filter-lnk.act, .skin-v2 .filters .select-lnk.act {
  background-color: #631588; }
.skin-v2 .filters .f-3col-square .filter-lnk.act .fb-title {
  -webkit-text-shadow: -1px -1px 0px #631588, 1px 1px 0px #631588, -1px 1px 0px #631588, 1px -1px 0px #631588;
  text-shadow: -1px -1px 0px #631588, 1px 1px 0px #631588, -1px 1px 0px #631588, 1px -1px 0px #631588; }
.skin-v2 .filters .stars .filter-lnk {
  background-color: transparent; }
  .skin-v2 .filters .stars .filter-lnk:hover, .skin-v2 .filters .stars .filter-lnk:active, .skin-v2 .filters .stars .filter-lnk.act {
    background-color: transparent; }
.skin-v2.col-left h1 {
  background-color: #631588; }

.list-filters > ul {
  border-width: 0 1px; }
  .list-filters > ul li:first-child a.lf-1 {
    border-top: 1px solid #e3e3e3; }
.list-filters ul ul {
  display: none;
  padding: 1px 0 5px; }
.list-filters ul {
  border-style: solid;
  border-color: #e3e3e3; }
.list-filters ul .open > ul {
  display: block;
  border-width: 0 0 1px; }
.list-filters a, .list-filters li {
  display: block; }
.list-filters a {
  padding-left: 12px;
  padding-right: 10px; }
.list-filters .lf-1 {
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  padding-top: 12px;
  padding-bottom: 12px;
  border-style: solid;
  border-color: #e3e3e3;
  border-width: 0 0 1px;
  position: relative; }
  .list-filters .lf-1 .i-arr-d-sm-dark {
    position: absolute;
    right: 11px;
    top: 50%;
    margin-top: -3px; }
.list-filters .lf-2 {
  color: #464646;
  font-size: 11px;
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 4px; }
.list-filters .lf-3 {
  color: #363636;
  font-size: 11px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 4px;
  margin-bottom: 4px; }
.list-filters .open .lf-1 {
  background-color: #6aa306;
  color: white; }
.list-filters .open > .lf-2 {
  color: #6aa306;
  background-color: #f7f7f7;
  font-weight: 700; }
.list-filters .open ul {
  background-color: #ebebeb; }
.list-filters .notactive .open > .lf-2 {
  background-color: #f7f7f7; }
.list-filters .notactive > ul {
  background-color: transparent; }
.list-filters .active > .lf-2 {
  color: #6aa306;
  background-color: #f7f7f7;
  font-weight: 700; }
.list-filters .active > .lf-3 {
  color: #6aa306;
  font-weight: 700; }

#filters-bar {
  margin-bottom: 18px; }
  #filters-bar a {
    font-size: 12px;
    float: left;
    margin-top: 8px;
    margin-right: 4px;
    margin-bottom: 6px; }
  #filters-bar .filters-bread {
    float: left; }
  #filters-bar .filters-sort {
    float: left;
    width: 100%; }
    #filters-bar .filters-sort .sel-sort {
      float: left;
      width: 100%; }
      #filters-bar .filters-sort .sel-sort select {
        float: right;
        width: 172px; }
    #filters-bar .filters-sort .sel-label {
      float: left;
      margin-top: 7px;
      margin-right: 10px;
      font-size: 14px;
      text-transform: uppercase; }

#filters-bar + p.see-more-href {
  margin-top: -10px; }

.search-results-site .one-site-view {
  margin-top: 17px; }
.search-results-site .filters {
  height: auto;
  padding-bottom: 18px; }

#content-results {
  display: none; }

.hits {
  display: none; }

.list-nav {
  font-size: 15px;
  margin-right: 52px;
  position: relative;
  min-height: 40px;
  margin-bottom: 12px; }
  .list-nav .ln-mobile-btn {
    position: absolute;
    top: 0;
    right: -52px;
    height: 40px;
    width: 40px;
    background-color: #e3e3e3; }
    .list-nav .ln-mobile-btn.open {
      background-color: #6aa306; }
  .list-nav ul {
    padding: 0; }
  .list-nav ul ul {
    display: none;
    padding: 6px 0; }
  .list-nav ul .open ul, .list-nav li {
    display: block; }
  .list-nav a {
    padding: 10px 10px 10px 12px;
    position: relative;
    margin-bottom: 4px;
    text-transform: uppercase; }
    .list-nav a .i-arr-d-sm-dark {
      position: absolute;
      right: 11px;
      top: 50%;
      margin-top: -3px; }
    .list-nav a:hover, .list-nav a:active {
      text-decoration: underline; }
    .list-nav a.only-open:hover, .list-nav a.only-open:active {
      text-decoration: none; }
  .list-nav li {
    height: 0px;
    overflow: hidden; }
    .list-nav li.act, .list-nav li.open, .list-nav li.visible {
      height: auto; }
    .list-nav li li.act {
      height: 0; }
    .list-nav li.visible.act {
      height: 0; }
  .list-nav.open li {
    height: auto; }
    .list-nav.open li li.act {
      height: auto; }

.wrap .list-nav ul a {
  color: #2d2d2d;
  background-color: #e3e3e3;
  display: block;
  border: 0; }
.wrap .list-nav ul .act a {
  background-color: #6aa306;
  color: white; }
.wrap .list-nav ul ul a {
  color: #9b9b9b;
  font-weight: 300;
  background-color: transparent;
  padding: 0 0 2px 12px; }
.wrap .list-nav ul ul .act a {
  color: #6aa306;
  background-color: transparent;
  font-weight: 700; }
.wrap .list-nav ul .active > a, .wrap .list-nav ul .open > a, .wrap .list-nav ul .visible > a {
  background-color: #6aa306;
  color: white; }

/* ==========================================================================
   Buttons
   ========================================================================== */
.border-btn {
  display: inline-block;
  border: 3px solid white;
  font-size: 18px;
  line-height: 1;
  background-color: transparent;
  color: white;
  text-transform: uppercase;
  padding: 9px 22px 11px;
  font-weight: 700;
  letter-spacing: -.025em; }
  .border-btn.selected {
    background-color: white;
    color: #6aa306; }
  .border-btn.no-capit {
    text-transform: none; }
  .border-btn.bg {
    background-color: black; }
  .border-btn.v2-btn {
    border-color: #6aa306;
    color: #6aa306; }
    .border-btn.v2-btn.selected {
      background-color: #6aa306;
      color: white; }
  .border-btn.v3-btn {
    border-color: #4a4f54;
    color: #4a4f54; }
    .border-btn.v3-btn.selected {
      background-color: #4a4f54;
      color: white; }
  .border-btn.size24 {
    font-size: 20px; }
    .border-btn.size24.no-capit {
      font-size: 22px; }
  .border-btn.size20 {
    font-size: 17px;
    padding-top: 7px;
    padding-bottom: 9px; }
    .border-btn.size20.no-capit {
      font-size: 19px; }
  .border-btn.size16 {
    font-size: 14px;
    border-width: 2px;
    padding-top: 6px;
    padding-bottom: 8px; }
    .border-btn.size16.no-capit {
      font-size: 16px; }
  .border-btn.size14 {
    font-size: 12px;
    border-width: 2px;
    padding: 4px 11px 6px; }
    .border-btn.size14.no-capit {
      font-size: 14px; }
  .border-btn.size11 {
    font-size: 11px;
    border-width: 2px;
    padding: 3px 11px 4px; }
    .border-btn.size11.no-capit {
      font-size: 13px; }
  .border-btn.block-btn {
    display: block;
    text-align: center;
    width: 100%;
    padding-right: 14px;
    padding-left: 10px; }
    .border-btn.block-btn.shop-btn {
      text-align: left; }
    .border-btn.block-btn.ico-btn {
      text-align: left;
      padding-right: 26px; }
  .border-btn.arr-r {
    padding-right: 40px;
    position: relative;
    overflow: hidden;
    -webkit-transition: padding-left 0.2s ease-out, padding-right 0.2s ease-out, font-size 0.3s ease-out;
    -moz-transition: padding-left 0.2s ease-out, padding-right 0.2s ease-out, font-size 0.3s ease-out;
    -o-transition: padding-left 0.2s ease-out, padding-right 0.2s ease-out, font-size 0.3s ease-out;
    transition: padding-left 0.2s ease-out, padding-right 0.2s ease-out, font-size 0.3s ease-out; }
    .border-btn.arr-r .i-arr-r, .border-btn.arr-r .i-arr-r-v2, .border-btn.arr-r .i-arr-r-v3 {
      position: absolute;
      top: 50%;
      margin-top: -10px; }
    .border-btn.arr-r.size14 .i-arr-r, .border-btn.arr-r.size14 .i-arr-r-v2, .border-btn.arr-r.size16 .i-arr-r, .border-btn.arr-r.size16 .i-arr-r-v2, .border-btn.arr-r.size20 .i-arr-r, .border-btn.arr-r.size20 .i-arr-r-v2, .border-btn.arr-r.size14 .i-arr-r-v3, .border-btn.arr-r.size16 .i-arr-r-v3, .border-btn.arr-r.size20 .i-arr-r-v3 {
      margin-top: -7px; }
    .border-btn.arr-r .i-arr-r:first-child, .border-btn.arr-r .i-arr-r-v2:first-child, .border-btn.arr-r .i-arr-r-v3:first-child {
      margin-left: -39px;
      opacity: 0; }
    .border-btn.arr-r .i-arr-r:last-child, .border-btn.arr-r .i-arr-r-v2:last-child, .border-btn.arr-r .i-arr-r-v3:last-child {
      margin-left: 9px; }
    .border-btn.arr-r.size14 {
      padding-right: 21px; }
      .border-btn.arr-r.size14 .i-arr-r:first-child, .border-btn.arr-r.size14 .i-arr-r-v2:first-child, .border-btn.arr-r.size14 .i-arr-r-v3:first-child {
        margin-left: -22px; }
      .border-btn.arr-r.size14 .i-arr-r:last-child, .border-btn.arr-r.size14 .i-arr-r-v2:last-child, .border-btn.arr-r.size14 i-arr-r-v3:last-child {
        margin-left: 6px; }
    .border-btn.arr-r:hover, .border-btn.arr-r:active {
      padding-left: 40px;
      padding-right: 22px;
      -webkit-transition: padding-left 0.1s ease-in 0.2s, padding-right 0.1s ease-in 0.2s, font-size 0.3s ease-out;
      -moz-transition: padding-left 0.1s ease-in 0.2s, padding-right 0.1s ease-in 0.2s, font-size 0.3s ease-out;
      -o-transition: padding-left 0.1s ease-in 0.2s, padding-right 0.1s ease-in 0.2s, font-size 0.3s ease-out;
      transition: padding-left 0.1s ease-in 0.2s, padding-right 0.1s ease-in 0.2s, font-size 0.3s ease-out; }
      .border-btn.arr-r:hover .i-arr-r:first-child, .border-btn.arr-r:hover .i-arr-r-v2:first-child, .border-btn.arr-r:hover .i-arr-r-v3:first-child, .border-btn.arr-r:active .i-arr-r:first-child, .border-btn.arr-r:active .i-arr-r-v2:first-child, .border-btn.arr-r:active .i-arr-r-v3:first-child {
        margin-left: -20px;
        -webkit-transition: margin-left 0.2s ease-in 0.1s;
        -moz-transition: margin-left 0.2s ease-in 0.1s;
        -o-transition: margin-left 0.2s ease-in 0.1s;
        transition: margin-left 0.2s ease-in 0.1s;
        opacity: 1; }
      .border-btn.arr-r:hover .i-arr-r:last-child, .border-btn.arr-r:hover .i-arr-r-v2:last-child, .border-btn.arr-r:hover .i-arr-r-v3:last-child, .border-btn.arr-r:active .i-arr-r:last-child, .border-btn.arr-r:active .i-arr-r-v2:last-child, .border-btn.arr-r:active .i-arr-r-v3:last-child {
        margin-left: 49px;
        -webkit-transition: margin-left 0.2s ease-out;
        -moz-transition: margin-left 0.2s ease-out;
        -o-transition: margin-left 0.2s ease-out;
        transition: margin-left 0.2s ease-out; }
      .border-btn.arr-r:hover.size14, .border-btn.arr-r:active.size14 {
        padding-left: 21px;
        padding-right: 11px; }
        .border-btn.arr-r:hover.size14 .i-arr-r:first-child, .border-btn.arr-r:hover.size14 .i-arr-r-v2:first-child, .border-btn.arr-r:hover.size14 .i-arr-r-v3:first-child, .border-btn.arr-r:active.size14 .i-arr-r:first-child, .border-btn.arr-r:active.size14 .i-arr-r-v2:first-child, .border-btn.arr-r:active.size14 .i-arr-r-v3:first-child {
          margin-left: -10px; }
        .border-btn.arr-r:hover.size14 .i-arr-r:last-child, .border-btn.arr-r:hover.size14 .i-arr-r-v2:last-child, .border-btn.arr-r:hover.size14 .i-arr-r-v3:last-child, .border-btn.arr-r:active.size14 .i-arr-r:last-child, .border-btn.arr-r:active.size14 .i-arr-r-v2:last-child, .border-btn.arr-r:active.size14 .i-arr-r-v3:last-child {
          margin-left: 29px; }
    .border-btn.arr-r.block-btn {
      padding-right: 14px; }
      .border-btn.arr-r.block-btn .i-arr-r:first-child, .border-btn.arr-r.block-btn .i-arr-r-v2:first-child, .border-btn.arr-r.block-btn .i-arr-r-v3:first-child {
        margin-left: 0;
        left: -20px; }
      .border-btn.arr-r.block-btn .i-arr-r:last-child, .border-btn.arr-r.block-btn .i-arr-r-v2:last-child, .border-btn.arr-r.block-btn .i-arr-r-v3:last-child {
        margin-left: 0;
        right: 10px; }
      .border-btn.arr-r.block-btn:hover, .border-btn.arr-r.block-btn:active {
        padding-left: 22px;
        padding-right: 2px; }
        .border-btn.arr-r.block-btn:hover .i-arr-r:first-child, .border-btn.arr-r.block-btn:hover .i-arr-r-v2:first-child, .border-btn.arr-r.block-btn:hover .i-arr-r-v3:first-child, .border-btn.arr-r.block-btn:active .i-arr-r:first-child, .border-btn.arr-r.block-btn:active .i-arr-r-v2:first-child, .border-btn.arr-r.block-btn:active .i-arr-r-v3:first-child {
          left: 10px;
          -webkit-transition: left 0.2s ease-in 0.1s;
          -moz-transition: left 0.2s ease-in 0.1s;
          -o-transition: left 0.2s ease-in 0.1s;
          transition: left 0.2s ease-in 0.1s; }
        .border-btn.arr-r.block-btn:hover .i-arr-r:last-child, .border-btn.arr-r.block-btn:hover .i-arr-r-v2:last-child, .border-btn.arr-r.block-btn:hover .i-arr-r-v3:last-child, .border-btn.arr-r.block-btn:active .i-arr-r:last-child, .border-btn.arr-r.block-btn:active .i-arr-r-v2:last-child, .border-btn.arr-r.block-btn:active .i-arr-r-v3:last-child {
          right: -20px;
          -webkit-transition: right 0.2s ease-out;
          -moz-transition: right 0.2s ease-out;
          -o-transition: right 0.2s ease-out;
          transition: right 0.2s ease-out; }
  .border-btn.no-bord {
    border: 0;
    padding-left: 0px;
    line-height: 1.2; }
    .border-btn.no-bord .i-arr-r {
      margin-left: 9px;
      margin-top: -2px;
      -webkit-transition: margin-left 0.3s;
      -moz-transition: margin-left 0.3s;
      -o-transition: margin-left 0.3s;
      transition: margin-left 0.3s; }
    .border-btn.no-bord:hover .i-arr-r, .border-btn.no-bord:active .i-arr-r {
      margin-left: 19px; }
  .border-btn.arr-l {
    padding-left: 40px;
    position: relative;
    overflow: hidden;
    -webkit-transition: padding-left 0.2s ease-out, padding-right 0.2s ease-out, font-size 0.3s ease-out;
    -moz-transition: padding-left 0.2s ease-out, padding-right 0.2s ease-out, font-size 0.3s ease-out;
    -o-transition: padding-left 0.2s ease-out, padding-right 0.2s ease-out, font-size 0.3s ease-out;
    transition: padding-left 0.2s ease-out, padding-right 0.2s ease-out, font-size 0.3s ease-out; }
    .border-btn.arr-l .i-arr-r, .border-btn.arr-l .i-arr-r-v2, .border-btn.arr-l .i-arr-r-v3 {
      position: absolute;
      top: 50%;
      margin-top: -10px;
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    .border-btn.arr-l.size14 .i-arr-r, .border-btn.arr-l.size14 .i-arr-r-v2, .border-btn.arr-l.size16 .i-arr-r, .border-btn.arr-l.size16 .i-arr-r-v2, .border-btn.arr-l.size20 .i-arr-r, .border-btn.arr-l.size20 .i-arr-r-v2, .border-btn.arr-l.size14 .i-arr-r-v3, .border-btn.arr-l.size16 .i-arr-r-v3, .border-btn.arr-l.size20 .i-arr-r-v3 {
      margin-top: -7px; }
    .border-btn.arr-l .i-arr-r:first-child, .border-btn.arr-l .i-arr-r-v2:first-child, .border-btn.arr-l .i-arr-r-v3:first-child {
      margin-left: -19px; }
    .border-btn.arr-l .i-arr-r:last-child, .border-btn.arr-l .i-arr-r-v2:last-child, .border-btn.arr-l .i-arr-r-v3:last-child {
      margin-left: 39px;
      opacity: 0; }
    .border-btn.arr-l:hover, .border-btn.arr-l:active {
      padding-right: 40px;
      padding-left: 22px;
      -webkit-transition: padding-left 0.1s ease-in 0.2s, padding-right 0.1s ease-in 0.2s, font-size 0.3s ease-out;
      -moz-transition: padding-left 0.1s ease-in 0.2s, padding-right 0.1s ease-in 0.2s, font-size 0.3s ease-out;
      -o-transition: padding-left 0.1s ease-in 0.2s, padding-right 0.1s ease-in 0.2s, font-size 0.3s ease-out;
      transition: padding-left 0.1s ease-in 0.2s, padding-right 0.1s ease-in 0.2s, font-size 0.3s ease-out; }
      .border-btn.arr-l:hover .i-arr-r:first-child, .border-btn.arr-l:hover .i-arr-r-v2:first-child, .border-btn.arr-l:hover .i-arr-r-v3:first-child, .border-btn.arr-l:active .i-arr-r:first-child, .border-btn.arr-l:active .i-arr-r-v2:first-child, .border-btn.arr-l:active .i-arr-r-v3:first-child {
        margin-left: -79px;
        -webkit-transition: margin-left 0.2s ease-out;
        -moz-transition: margin-left 0.2s ease-out;
        -o-transition: margin-left 0.2s ease-out;
        transition: margin-left 0.2s ease-out; }
      .border-btn.arr-l:hover .i-arr-r:last-child, .border-btn.arr-l:hover .i-arr-r-v2:last-child, .border-btn.arr-l:hover .i-arr-r-v3:last-child, .border-btn.arr-l:active .i-arr-r:last-child, .border-btn.arr-l:active .i-arr-r-v2:last-child, .border-btn.arr-l:active .i-arr-r-v3:last-child {
        margin-left: 9px;
        -webkit-transition: margin-left 0.2s ease-in 0.1s;
        -moz-transition: margin-left 0.2s ease-in 0.1s;
        -o-transition: margin-left 0.2s ease-in 0.1s;
        transition: margin-left 0.2s ease-in 0.1s;
        opacity: 1; }

.btn-bg .border-btn {
  background-color: black; }

.simple-btn, input.simple-btn {
  color: white;
  background: #ba0808;
  display: inline-block;
  border: 3px solid #ba0808;
  font-size: 18px;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 8px 19px 10px;
  font-weight: 700; }
  .simple-btn.v2-btn, input.simple-btn.v2-btn {
    background-color: #6aa306;
    border-color: #6aa306;
    color: white; }
  .simple-btn.v3-btn, input.simple-btn.v3-btn {
    background-color: #4a4f54;
    border-color: #4a4f54;
    color: white; }
  .simple-btn.block-btn, input.simple-btn.block-btn {
    display: block;
    text-align: center;
    width: 100%;
    padding-right: 7px;
    padding-left: 7px; }
    .simple-btn.block-btn.shop-btn, input.simple-btn.block-btn.shop-btn {
      text-align: left; }
  .simple-btn.size24, input.simple-btn.size24 {
    font-size: 20px; }
  .simple-btn.size20, input.simple-btn.size20 {
    font-size: 17px;
    padding-top: 5px;
    padding-bottom: 7px; }
  .simple-btn.size16, input.simple-btn.size16 {
    font-size: 14px;
    border-width: 2px;
    padding-top: 4px;
    padding-bottom: 4px; }
  .simple-btn.size14, input.simple-btn.size14 {
    font-size: 12px;
    border-width: 2px;
    padding: 4px 19px 4px; }
  .simple-btn:hover, .simple-btn:active, input.simple-btn:hover, input.simple-btn:active {
    color: #ba0808;
    background: white; }
    .simple-btn:hover.v2-btn, .simple-btn:active.v2-btn, input.simple-btn:hover.v2-btn, input.simple-btn:active.v2-btn {
      background-color: white;
      color: #6aa306; }
    .simple-btn:hover.v3-btn, .simple-btn:active.v3-btn, input.simple-btn:hover.v3-btn, input.simple-btn:active.v3-btn {
      background-color: white;
      color: #4a4f54; }

input.simple-btn {
  text-shadow: none; }

a .plus, button .plus {
  margin-left: -.8em;
  margin-right: .2em; }
a .arrow-r, button .arrow-r {
  margin-right: -.8em;
  margin-left: .2em; }

button.lnk-btn-ico-r {
  padding: 1px 2px 2px; }
  button.lnk-btn-ico-r span:first-child {
    color: #6aa306;
    font-weight: 700; }
  button.lnk-btn-ico-r span.ico {
    margin-left: 5px; }

.shop-btn, .ico-btn {
  text-align: left;
  position: relative; }
  .shop-btn .i-shop, .shop-btn .i-shop-v2, .ico-btn .i-shop, .ico-btn .i-shop-v2 {
    margin-right: 7px;
    margin-bottom: 1px; }
  .shop-btn .i-arr-r, .shop-btn .i-arr-r-v2, .ico-btn .i-arr-r, .ico-btn .i-arr-r-v2 {
    position: absolute;
    top: 50%;
    right: 17px;
    margin-top: -8px;
    -webkit-transition: right 0.2s ease-out;
    -moz-transition: right 0.2s ease-out;
    -o-transition: right 0.2s ease-out;
    transition: right 0.2s ease-out; }
  .shop-btn:hover .i-arr-r:last-child, .shop-btn:hover .i-arr-r-v2:last-child, .shop-btn:active .i-arr-r:last-child, .shop-btn:active .i-arr-r-v2:last-child, .ico-btn:hover .i-arr-r:last-child, .ico-btn:hover .i-arr-r-v2:last-child, .ico-btn:active .i-arr-r:last-child, .ico-btn:active .i-arr-r-v2:last-child {
    right: 10px; }

.ico-btn .ico:first-child {
  margin-right: 7px;
  margin-top: -2px; }

.tidy {
  letter-spacing: -.06em; }

.simple-btn.kup-btn {
  width: 75px;
  height: 30px;
  font-size: 17px;
  padding: 3px 0 0;
  text-align: center;
  line-height: 1; }
  .simple-btn.kup-btn .i-shop {
    vertical-align: top;
    margin-right: 4px; }

.add-btn {
  position: relative;
  padding: 0 0 0 26px;
  color: #6aa306;
  font-size: 12px;
  line-height: 1.1em;
  width: 64px; }
  .add-btn span {
    position: absolute;
    display: block;
    background-color: #6aa306; }
  .add-btn .v {
    top: 3px;
    left: 9px;
    width: 4px;
    height: 22px; }
  .add-btn .h {
    top: 12px;
    left: 0;
    height: 4px;
    width: 22px; }
  .add-btn:hover, .add-btn:active {
    text-decoration: underline; }

.btn-less, .btn-more {
  display: inline-block;
  width: 29px;
  height: 29px;
  background-color: #fcfcfc;
  border: 1px solid #bdbdbd;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
  overflow: hidden;
  position: relative;
  vertical-align: middle; }
  .btn-less span, .btn-more span {
    background-color: #9e9e9e;
    position: absolute; }
  .btn-less span.h, .btn-more span.h {
    top: 13px;
    left: 6px;
    width: 15px;
    height: 1px; }
  .btn-less span.v, .btn-more span.v {
    top: 6px;
    left: 13px;
    width: 1px;
    height: 15px; }
  .btn-less:hover, .btn-less:active, .btn-more:hover, .btn-more:active {
    border-color: #666666; }
    .btn-less:hover span, .btn-less:active span, .btn-more:hover span, .btn-more:active span {
      background-color: #666666; }

.btn-remove:hover, .btn-remove:active {
  opacity: .6; }

.i-btnfacebook:hover {
  opacity: 0.8; }

.sort-lnk.act {
  font-weight: bold; }

.sort-lnk.desc:after, .sort-lnk-new.desc:after {
  margin-left: 4px;
  content: url("/resources/muve//img/sort-arr-down.png"); }

.sort-lnk.asc:after, .sort-lnk-new.asc:after {
  margin-left: 4px;
  content: url("/resources/muve//img/sort-arr-up.png"); }

.text-filter-lnk.act {
  font-weight: bold; }

/* ==========================================================================
   Headers, common styles
   ========================================================================== */
a.wrap-hdr {
  color: #4a4f54; }

.wrap-hdr {
  font-size: 18px;
  color: #4a4f54;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase; }
  .wrap-hdr.dark-hdr {
    font-size: 18px;
    color: black; }
  .wrap-hdr span.nott {
    display: block;
    line-height: 1.2em;
    text-transform: none;
    font-weight: 400;
    color: black;
    font-size: 0.8em; }

.top-login-bar {
  display: none; }

nav.tabs-nav {
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.2em;
  height: 1.2em;
  margin: 0 0 14px;
  position: relative;
  z-index: 10;
  overflow: hidden; }
  nav.tabs-nav > span {
    position: relative;
    margin: 0 auto;
    display: inline-block; }
  nav.tabs-nav a {
    display: inline-block;
    color: #4a4f54;
    white-space: nowrap;
    position: absolute;
    top: 1.3em; }
    nav.tabs-nav a.act {
      padding-right: 30px;
      position: relative;
      top: 0;
      z-index: 1; }
  nav.tabs-nav .hamb {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 30px;
    padding: 3px 5px 5px 5px;
    font-size: 0; }
    nav.tabs-nav .hamb span {
      display: block;
      background-color: #4a4f54;
      height: 3px;
      margin-top: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px; }
  nav.tabs-nav.open {
    overflow: visible; }
    nav.tabs-nav.open > span, nav.tabs-nav.open .hamb {
      background-color: #4a4f54; }
    nav.tabs-nav.open .hamb {
      right: -30px; }
      nav.tabs-nav.open .hamb span {
        background-color: white; }
    nav.tabs-nav.open a {
      position: static;
      float: left;
      clear: left;
      padding: 3px 8px 0 10px;
      margin-bottom: 0.5em;
      color: white; }
      nav.tabs-nav.open a.act {
        text-decoration: underline; }

.see-more-href {
  text-align: right;
  margin-top: 16px;
  margin-bottom: 18px; }
  .see-more-href a {
    font-size: 12px;
    font-weight: 300; }

.wrap {
  font-size: 13px; }
  .wrap a:not([class]) {
    color: #6aa306; }
  .wrap .gr-item > a {
    color: inherit;
    border: 0; }

.text-label {
  display: inline-block;
  color: white;
  background-color: #ba0808;
  padding: 6px 12px 7px 14px;
  text-transform: uppercase;
  line-height: 1.1; }
  .text-label span:first-child {
    font-size: 15px;
    display: block;
    font-weight: 700; }
  .text-label .sec-line {
    font-size: 9px;
    display: block;
    font-weight: 300; }

.ta-cntr {
  text-align: center; }

.ta-right {
  text-align: right; }

.ta-left {
  text-align: left; }

.t-upp {
  text-transform: uppercase; }

.small-txt {
  font-size: 12px; }

.normal-txt {
  font-size: 14px; }

.big-txt {
  font-size: 18px; }

.huge-txt {
  font-size: 22px; }

.f-left {
  float: left; }

.f-right {
  float: right; }

.space10 {
  margin: 20px 10%;
  vertical-align: top; }

.fw-norm {
  font-weight: 400; }

.fw-light {
  font-weight: 300; }

.site-hdr {
  font-size: 30px;
  color: #383838;
  font-weight: 300;
  line-height: 1em;
  margin-top: 8px;
  margin-bottom: 14px; }
  .site-hdr span {
    color: #717171;
    font-size: .5em;
    white-space: nowrap; }
  .site-hdr .tab-href {
    display: inline-block;
    font-size: .35em;
    line-height: 1.2em;
    color: #717171;
    font-weight: 700; }
    .site-hdr .tab-href .standard-link-hover, .site-hdr .tab-href .default-lnk, .site-hdr .tab-href button.lnk-btn-ico-r span:first-child, button.lnk-btn-ico-r .site-hdr .tab-href span:first-child, .site-hdr .tab-href .see-more-href a, .see-more-href .site-hdr .tab-href a, .site-hdr .tab-href .wrap a:not([class]), .wrap .site-hdr .tab-href a:not([class]), .site-hdr .tab-href .wysiwyg a, .wysiwyg .site-hdr .tab-href a, .site-hdr .tab-href #head .back-to-shop, #head .site-hdr .tab-href .back-to-shop, .site-hdr .tab-href .use-code {
      font-size: 1em;
      font-weight: 400; }
    .site-hdr .tab-href span.arrow-r {
      font-size: 1em; }

html[lang="hu"] .item-label > span.big {
  width: 31px; }

.item-label {
  margin: -2px 0 0 -2px;
  font-size: 0; }
  .item-label > span {
    display: inline-block;
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
    background-color: #6aa306;
    color: white;
    width: 32px;
    height: 32px;
    text-align: center;
    padding-top: 5px;
    vertical-align: top;
    -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.3); }
    .item-label > span.big {
      width: 64px; }
  .item-label span.ico {
    overflow: hidden;
    text-indent: 99px;
    vertical-align: top; }

.shop-cont .mpb-row .item-label {
  left: 0;
  max-width: 56px; }
  .shop-cont .mpb-row .item-label > span {
    width: 16px;
    height: 16px;
    padding-top: 2px; }
    .shop-cont .mpb-row .item-label > span.big {
      width: 32px; }

/* małe labelki - zmiany wycofane
.item-label{
    font-size: 12px;
    line-height: 1;
    font-weight: $fw-bold;
    font-family: $second-font-family;
    
    >span{
        display: inline-block;
        float: left;
        margin-left: 3px;
        margin-bottom: 3px;
        background-color: $box-label-bg-color;
        color: $box-label-color;
        height: 17px;
        text-align: center;
        padding: 2px 6px 0;
        vertical-align: top;
        //@include simple-shadow-box(1px, .3);
    }
    span.ico{
        overflow: hidden;
        text-indent: 99px;
        vertical-align: top;
    }
}
.shop-cont{
    .mpb-row .item-label{
        left: 0;
        width: 80px;
    }
}
*/
.inline-label {
  padding: 0 6px; }

.mid-size-hdr {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700; }

.big-size-hdr {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700; }
  .big-size-hdr.lighter {
    color: #4a4f54; }

.v-big-size-hdr {
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 700; }

.mob-block {
  display: block; }

.top-single-hdr {
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e3e3; }

.main-color, a.main-color {
  color: #6aa306; }

.white-color, a.white-color {
  color: white; }

.warning-color, a.warning-color {
  color: #ba0808; }

.panel-view {
  background-color: #f7f7f7; }

.panel-borders {
  border: 1px solid #e3e3e3; }

.panel-view-dark {
  background-color: #e3e3e3; }
  .panel-view-dark.open {
    background-color: #6aa306;
    color: white; }

.bg-main-color {
  background-color: #6aa306; }

.bg-main-color {
  background-color: #6aa306; }

.gr-pad {
  padding: 13px 13px 13px 13px; }

.gr-space-top {
  margin-top: 13px; }

.gr-space-bot {
  margin-bottom: 13px; }

.text-pad {
  padding: 13px 13px 13px 13px; }

.bot-space {
  margin-bottom: 1em; }

.top-space {
  margin-top: 1em; }

/*
.app-loader{
    display: inline-block;
    width: 200px;
    height: 25px;
    overflow: hidden;
    margin-top: -12px;
    position: relative;
    
    span.p, span.pu, span.pd{
        display: inline-block;
        background: url('/resources/muve/img/app-loader.png') no-repeat;
        -webkit-background-size: 25px 25px;
        background-size: 25px 25px;
        width: 25px;
        height: 25px;
    }
    span.p{
        position: relative;
        z-index: 1;
        margin-left: -30px;
        -webkit-animation: p 3s linear infinite;
        animation: p 3s linear infinite;
    }
    
    span.d1, span.d2, span.d3{
        position: absolute;
        top: 10px;
        width: 5px;
        height: 5px;
        background-color: $white;
        @include border-radius(3px);
    }
    span.d1{
        left: 40px;
        -webkit-animation: d1 3s linear infinite;
        animation: d1 3s linear infinite;
    }
    span.d2{
        left: 100px;
        -webkit-animation: d2 3s linear infinite;
        animation: d2 3s linear infinite;
    }
    span.d3{
        left: 160px;
        -webkit-animation: d3 3s linear infinite;
        animation: d3 3s linear infinite;
    }
    
    span.pu, span.pd{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }
    span.pu{
        -webkit-animation: pup .5s linear infinite;
        animation: pup .5s linear infinite;
    }
    span.pd{
        -webkit-animation: pdown .5s linear infinite;
        animation: pdown .5s linear infinite;
    }
}
@-webkit-keyframes pup {
    0%   { -webkit-transform: rotate(0deg); }
    50%  { -webkit-transform: rotate(45deg); }
    100%  { -webkit-transform: rotate(0deg); }
}
@keyframes pup {
    0%   { transform: rotate(0deg); }
    50%  { transform: rotate(45deg); }
    100%  { transform: rotate(0deg); }
}
@-webkit-keyframes pdown {
    0%   { -webkit-transform: rotate(0deg); }
    50%  { -webkit-transform: rotate(-45deg); }
    100%  { -webkit-transform: rotate(0deg); }
}
@keyframes pdown {
    0%   { transform: rotate(0deg); }
    50%  { transform: rotate(-45deg); }
    100%  { transform: rotate(0deg); }
}
@-webkit-keyframes p {
    0%   { -webkit-transform: translate(0,0); }
    100%  { -webkit-transform: translate(240px,0); }
}
@keyframes p {
    0%   { transform: translate(0,0); }
    100%  { transform: translate(240px,0); }
}
@-webkit-keyframes d1 {
    0%   { opacity: 1; }
    22%  { opacity: 1; }
    23%  { opacity: 0; }
    100%  { opacity: 0; }
}
@keyframes d1 {
    0%   { opacity: 1; }
    22%   { opacity: 1; }
    23%  { opacity: 0; }
    100%  { opacity: 0; }
}
@-webkit-keyframes d2 {
    0%   { opacity: 1; }
    51%   { opacity: 1; }
    52%  { opacity: 0; }
    100%  { opacity: 0; }
}
@keyframes d2 {
    0%   { opacity: 1; }
    51%   { opacity: 1; }
    52%  { opacity: 0; }
    100%  { opacity: 0; }
}
@-webkit-keyframes d3 {
    0%   { opacity: 1; }
    73%   { opacity: 1; }
    74%  { opacity: 0; }
    100%  { opacity: 0; }
}
@keyframes d3 {
    0%   { opacity: 1; }
    73%   { opacity: 1; }
    74%  { opacity: 0; }
    100%  { opacity: 0; }
}
*/
.down-notif-msg {
  position: fixed;
  z-index: 8999;
  right: 6px;
  bottom: 0;
  max-width: 322px; }
  .down-notif-msg > div {
    position: relative;
    background-color: rgba(106, 163, 6, 0.95);
    padding: 16px;
    color: white;
    font-size: 14px;
    font-style: italic;
    line-height: 1.2em;
    margin-bottom: 3px;
    min-height: 64px;
    word-wrap: break-word;
    display: none; }
    .down-notif-msg > div > img:first-child {
      float: left;
      margin: -4px 8px 0 0;
      max-width: 42px;
      max-height: 42px; }
    .down-notif-msg > div.error {
      background-color: rgba(186, 8, 8, 0.8); }
    .down-notif-msg > div a {
      color: white;
      text-decoration: underline; }
  .down-notif-msg button.close {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    padding: 4px 4px 10px 10px;
    width: 26px;
    height: 26px; }
    .down-notif-msg button.close .ico {
      vertical-align: top; }

.small-hdr {
  color: #666666;
  font-weight: 400;
  font-size: 14px;
  padding: 0 16px 4px; }

.q-mark-dot {
  width: 54px;
  height: 54px;
  display: inline-block;
  background-color: #d7d7d7;
  -webkit-border-radius: 27px;
  border-radius: 27px;
  line-height: 54px;
  font-size: 48px;
  color: black;
  font-weight: 700;
  text-align: center; }

.f-lnk {
  margin-left: 33px; }
  .f-lnk .i-f {
    margin-left: -33px;
    margin-right: 10px; }

span.ico.i-info {
  margin-bottom: 2px; }

.tooltip-cont {
  display: none; }

/*.info{
    position: relative;
    display: inline-block;
    height: 15px;
    vertical-align: bottom;
    
    span.ico{
        vertical-align: top;
    }
    .cont{
        @extend .visuallyhidden;
    }
    
    &:hover, &:active{
        z-index: 1;
        .cont{
            width: auto;
            min-width: 200px;
            max-width: 400px;
            height: auto;
            clip: auto;
            border: 3px solid $green;
            background-color: $white;
            display: block;
            bottom: 12px;
            left: 12px;
            padding: 11px;
            font-size: 14px;
            font-weight: $fw-light;
            letter-spacing: -0.025em;
            text-align: left;
            text-transform: none;
        }
        
    }
}*/
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6, .wysiwyg li, .wysiwyg b, .wysiwyg strong, .wysiwyg u, .wysiwyg em, .wysiwyg i, .wysiwyg span, .wysiwyg p, .wysiwyg u {
  font-family: "Oxygen", Helvetica, Tahoma, sans-serif !important; }
.wysiwyg img {
  max-width: 100%;
  height: auto !important; }
.wysiwyg a, .wysiwyg a span, .wysiwyg a:hover, .wysiwyg a:active, .wysiwyg a:hover span, .wysiwyg a:active span {
  color: #6aa306 !important;
  text-decoration: none !important; }
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
  color: black;
  max-width: 510px; }
.wysiwyg h1, .wysiwyg h2 {
  font-size: 16px;
  margin-bottom: 16px; }
.wysiwyg h3, .wysiwyg h4 {
  font-size: 14px;
  margin-bottom: 14px; }
.wysiwyg h5, .wysiwyg h6 {
  font-size: 13px;
  margin-bottom: 12px; }
.wysiwyg ul {
  list-style: none !important;
  padding: 0;
  margin-left: 6px; }
  .wysiwyg ul li {
    padding-left: 28px;
    margin: 8px 0; }
  .wysiwyg ul li:before {
    display: inline-block;
    background: url("/resources/muve/img/sprite.png") no-repeat;
    background-position: -279px -103px;
    width: 17px;
    height: 14px;
    content: " ";
    float: left;
    margin-left: -28px;
    margin-top: 3px; }
.wysiwyg ol {
  list-style: none !important; }
.wysiwyg p {
  margin: 8px 0; }
.wysiwyg u {
  text-decoration: none; }

html[lang="hu"] .wysiwyg h1, html[lang="hu"] .wysiwyg h2, html[lang="hu"] .wysiwyg h3, html[lang="hu"] .wysiwyg h4, html[lang="hu"] .wysiwyg h5, html[lang="hu"] .wysiwyg h6, html[lang="hu"] .wysiwyg li, html[lang="hu"] .wysiwyg b, html[lang="hu"] .wysiwyg strong, html[lang="hu"] .wysiwyg u, html[lang="hu"] .wysiwyg em, html[lang="hu"] .wysiwyg i, html[lang="hu"] .wysiwyg span, html[lang="hu"] .wysiwyg p, html[lang="hu"] .wysiwyg u {
  font-family: "Open Sans", Helvetica, Tahoma, sans-serif !important; }

.yesno {
  font-weight: 700;
  font-size: 16px;
  color: #d7d7d7; }
  .yesno span {
    color: #666666;
    margin-right: 4px;
    margin-left: 4px; }
  .yesno a {
    margin-right: 4px;
    margin-left: 4px; }
  .yesno .yes, .yesno a.yes {
    color: #6aa306; }
  .yesno .no, .yesno a.no {
    color: #ba0808; }
  .yesno .i-thumbup {
    margin-bottom: 13px; }
  .yesno .i-thumbdown {
    margin-top: 5px; }

.data-size-lnk {
  cursor: pointer; }

.uig-exp-box {
  text-align: center;
  font-size: 13px;
  font-weight: 700; }
  .uig-exp-box .exp-label {
    border: 1px solid;
    display: inline-block;
    line-height: 1;
    padding: 0 1px 1px;
    margin-right: 2px; }
  .uig-exp-box .exp-bar {
    position: relative;
    margin-top: 4px;
    padding-top: 3px; }
  .uig-exp-box .lvl-exp {
    margin: 0 50px;
    height: 10px;
    display: block; }
    .uig-exp-box .lvl-exp span {
      display: block;
      height: 100%;
      float: left;
      width: 1%; }
  .uig-exp-box .lvl-l, .uig-exp-box .lvl-r {
    position: absolute;
    width: 50px;
    line-height: 1.1em;
    top: 0;
    white-space: nowrap;
    text-align: center; }
  .uig-exp-box .lvl-l {
    left: 0; }
  .uig-exp-box .lvl-r {
    right: 0; }

.uig-exp-box .lvl-exp {
  background-color: #5a8909; }
  .uig-exp-box .lvl-exp span {
    background-color: white; }
.uig-exp-box .lvl-r {
  color: #5a8909; }
.uig-exp-box .exp-goal {
  color: #5a8909; }
.uig-exp-box .exp-label {
  border-color: rgba(255, 255, 255, 0.5); }

ol {
  list-style: none;
  padding-left: 20px; }
  ol li {
    padding-left: 0.85714285714285714285714285714286em;
    padding-bottom: 6px;
    position: relative; }
  ol li:before {
    text-align: center;
    position: absolute;
    left: -20px;
    top: 0;
    background-color: #6aa306;
    color: white;
    font-weight: 700;
    line-height: 1.3;
    width: 1.2857142857142857142857142857143em;
    height: 1.2857142857142857142857142857143em;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
  ol li:nth-child(1):before {
    content: "1"; }
  ol li:nth-child(2):before {
    content: "2"; }
  ol li:nth-child(3):before {
    content: "3"; }
  ol li:nth-child(4):before {
    content: "4"; }
  ol li:nth-child(5):before {
    content: "5"; }
  ol li:nth-child(6):before {
    content: "6"; }
  ol li:nth-child(7):before {
    content: "7"; }
  ol li:nth-child(8):before {
    content: "8"; }
  ol li:nth-child(9):before {
    content: "9"; }
  ol li:nth-child(10):before {
    content: "10"; }
  ol li:nth-child(11):before {
    content: "11"; }
  ol li:nth-child(12):before {
    content: "12"; }
  ol li:nth-child(13):before {
    content: "13"; }
  ol li:nth-child(14):before {
    content: "14"; }
  ol li:nth-child(15):before {
    content: "15"; }
  ol li:nth-child(16):before {
    content: "16"; }
  ol li:nth-child(17):before {
    content: "17"; }
  ol li:nth-child(18):before {
    content: "18"; }
  ol li:nth-child(19):before {
    content: "19"; }
  ol li:nth-child(20):before {
    content: "20"; }
  ol li:nth-child(21):before {
    content: "21"; }
  ol li:nth-child(22):before {
    content: "22"; }
  ol li:nth-child(23):before {
    content: "23"; }
  ol li:nth-child(24):before {
    content: "24"; }
  ol li:nth-child(25):before {
    content: "25"; }
  ol li:nth-child(26):before {
    content: "26"; }
  ol li:nth-child(27):before {
    content: "27"; }
  ol li:nth-child(28):before {
    content: "28"; }
  ol li:nth-child(29):before {
    content: "29"; }
  ol li:nth-child(30):before {
    content: "30"; }
  ol li:nth-child(31):before {
    content: "31"; }
  ol li:nth-child(32):before {
    content: "32"; }
  ol li:nth-child(33):before {
    content: "33"; }
  ol li:nth-child(34):before {
    content: "34"; }
  ol li:nth-child(35):before {
    content: "35"; }

.mt4 {
  margin-top: 4px; }

.mt10 {
  margin-top: 10px; }

.mb10 {
  margin-bottom: 10px; }

.pagination {
  text-align: center;
  margin: 10px 0; }
  .pagination span, .pagination a {
    display: inline-block;
    color: #4a4f54;
    padding: .1em .6em;
    margin: 4px 0; }
    .pagination span.act, .pagination a.act {
      color: white;
      background-color: #4a4f54;
      font-weight: 700; }
  .pagination a {
    cursor: pointer; }

/* ==========================================================================
   Footer
   ========================================================================== */
#foot {
  background-color: black;
  color: #d7d7d7;
  font-size: 12px;
  padding: 12px 0; }
  #foot > hr {
    display: none; }
  #foot a {
    color: #d7d7d7; }
    #foot a:hover, #foot a:active {
      text-decoration: underline; }
  #foot .p-info {
    padding: 0 18px 12px;
    color: #8f8f8f;
    font-size: 9px; }
    #foot .p-info span:not(:first-child) {
      margin-left: 6%; }
    #foot .p-info span:not(:first-child) {
      margin-top: 2px; }
    #foot .p-info span.paysafecard {
      display: inline-block;
      max-width: 100px;
      margin-top: 10px; }
    #foot .p-info .legalnez {
      display: inline-block;
      max-width: 51px;
      margin-right: 4px; }
    #foot .p-info img {
      max-width: 100%; }
  #foot p.p-info + .f-nav-box {
    border-top: 1px solid #3e3e3e; }
  #foot .fnb-head {
    font-size: 15px;
    font-weight: 400; }
  #foot .f-nav-box {
    border-bottom: 1px solid #3e3e3e; }
    #foot .f-nav-box input {
      width: 65%;
      height: 30px;
      background-color: #383838;
      border: 1px solid #565656;
      color: white;
      font-size: 12px;
      line-height: 12px;
      float: left;
      padding: 0 5%;
      text-transform: uppercase; }
      #foot .f-nav-box input.error {
        border-color: #ba0808; }
    #foot .f-nav-box button {
      width: 35%;
      height: 30px;
      border: 1px solid white;
      background-color: transparent;
      font-size: 12px;
      color: white;
      float: left; }
    #foot .f-nav-box .err-msg {
      padding-bottom: 8px; }
    #foot .f-nav-box .fnb-head {
      padding: 8px 28px 8px 18px;
      position: relative; }
    #foot .f-nav-box .fnb-cont {
      height: 0;
      overflow: hidden; }
    #foot .f-nav-box .sign {
      position: absolute;
      right: 18px;
      top: 50%;
      margin-top: -8px; }
      #foot .f-nav-box .sign span {
        display: block;
        width: 15px;
        height: 1px;
        background-color: #8f8f8f;
        margin-top: -8px; }
        #foot .f-nav-box .sign span:first-child {
          width: 1px;
          height: 15px;
          margin-left: 7px;
          margin-top: 0; }
    #foot .f-nav-box a {
      display: block;
      margin: 16px 0; }
    #foot .f-nav-box.open .fnb-cont {
      height: auto;
      padding: 0 18px 8px; }
    #foot .f-nav-box.open .sign span:first-child {
      opacity: 0; }
  #foot .circle {
    display: inline-block;
    width: 34px;
    height: 34px;
    border: 1px solid gray;
    -webkit-border-radius: 17px;
    border-radius: 17px;
    text-align: center;
    padding-top: 6px; }
    #foot .circle.disc {
      background-color: #6aa306;
      border-color: #6aa306; }
  #foot .f-contact-box {
    float: left;
    width: 50%;
    padding: 15px 0 15px 18px; }
    #foot .f-contact-box .fnb-head {
      float: left;
      padding: 6px 11px 0 0; }
    #foot .f-contact-box .circle {
      float: left; }
    #foot .f-contact-box p {
      display: none; }
  #foot .f-find-box {
    float: left;
    width: 50%;
    padding: 15px 18px 11px 0;
    text-align: right;
    font-size: 0; }
    #foot .f-find-box .fnb-head {
      display: none; }
    #foot .f-find-box .circle {
      margin-right: 4px;
      margin-bottom: 4px; }
  #foot .f-bottom-cont {
    clear: both; }
    #foot .f-bottom-cont nav {
      border-top: 1px solid #3e3e3e;
      border-bottom: 1px solid #3e3e3e;
      padding: 10px 8px;
      text-align: center;
      margin-bottom: 8px; }
      #foot .f-bottom-cont nav a {
        color: #717171;
        display: inline-block;
        float: left;
        width: 25%; }
    #foot .f-bottom-cont small {
      padding: 2px 18px;
      font-size: 12px;
      color: #717171;
      display: block; }
      #foot .f-bottom-cont small a {
        color: #717171; }
  #foot ::-webkit-input-placeholder {
    color: white; }
  #foot :-moz-placeholder {
    color: white; }
  #foot ::-moz-placeholder {
    color: white; }
  #foot :-ms-input-placeholder {
    color: white; }
  #foot .placeholder {
    color: white; }

/* ==========================================================================
   Forms
   ========================================================================== */
.site-form {
  margin-top: 12px; }

.sf-form-row {
  display: block;
  margin-top: 10px;
  color: #717171; }
  .sf-form-row .sf-label, .sf-form-row .sf-text, .sf-form-row .input-group {
    display: inline-block;
    float: left; }
  .sf-form-row .sf-label {
    margin-bottom: 5px; }
    .sf-form-row .sf-label.inside {
      clear: left;
      margin-top: 10px; }
  .sf-form-row .sf-text, .sf-form-row .input-group {
    clear: left;
    width: 85%;
    max-width: 315px; }
  .sf-form-row span.sf-text {
    padding-top: 8px; }
    .sf-form-row span.sf-text .ico {
      margin-left: 10px; }
  .sf-form-row .input-group {
    position: relative; }
    .sf-form-row .input-group .sf-text {
      width: 100%;
      padding-right: 38%; }
    .sf-form-row .input-group .ig-label {
      position: absolute;
      top: 1px;
      right: 1px;
      bottom: 1px; }
  .sf-form-row .err-msg {
    padding-top: 4px;
    font-size: 12px;
    font-weight: 700; }
  .sf-form-row > .err-msg {
    width: 100%;
    float: left; }
  .sf-form-row .i-tick, .sf-form-row .i-x {
    float: left;
    margin: 9px 0 0 6px; }
  .sf-form-row textarea.sf-text {
    height: 112px; }
  .sf-form-row .send-btn {
    max-width: 180px; }
  .sf-form-row.disabled {
    opacity: .7; }
    .sf-form-row.disabled .pv-hdr {
      opacity: .5; }

.req:after {
  content: "*";
  color: #6aa306; }

.sf-form-row-agreed {
  font-size: 11px;
  position: relative;
  padding-left: 20px;
  display: block;
  margin-bottom: 10px; }
  .sf-form-row-agreed input {
    position: absolute;
    left: 0;
    top: 2px;
    margin: 0; }
  .sf-form-row-agreed > .err-msg {
    width: 100%;
    /*float: left;*/
    display: block; }
  .sf-form-row-agreed.error {
    color: #ba0808; }
  .sf-form-row-agreed.big-txt {
    font-size: 18px; }
    .sf-form-row-agreed.big-txt input {
      top: 6px; }

hr.sf-form-row-agreed {
  margin-bottom: 0;
  padding-left: 0; }

.sf-form-btns .border-btn, .sf-form-btns .i-btnfacebook {
  margin: 10px 0; }

.form-newsl-label {
  font-size: inherit; }

.form-newsl-box {
  padding-bottom: 20px;
  max-width: 442px; }
  .form-newsl-box .form-check-all, .form-newsl-box .form-uncheck-all {
    font-size: 12px; }
  .form-newsl-box > p {
    margin-bottom: 10px;
    color: black; }
  .form-newsl-box .news-box-cats {
    margin-top: 10px; }
    .form-newsl-box .news-box-cats label {
      float: left;
      margin-right: 10px;
      margin-bottom: 20px; }
    .form-newsl-box .news-box-cats > .err-msg {
      width: 100%;
      float: left; }

.csscolumns .form-newsl-box .news-box-cats {
  -webkit-columns: 4 115px;
  -moz-columns: 4 115px;
  columns: 4 115px;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px; }
  .csscolumns .form-newsl-box .news-box-cats label {
    display: block;
    float: none;
    margin-right: 0; }

.sb-row {
  display: block;
  padding: 0 0 2px 20px;
  position: relative;
  margin-top: 10px; }
  .sb-row.sf-form-row {
    margin-top: 0;
    padding: 0; }
    .sb-row.sf-form-row select {
      margin-top: 10px;
      clear: left; }
  .sb-row > span {
    display: block; }
  .sb-row input {
    position: absolute;
    top: 4px;
    left: 0; }
  .sb-row.in-post-cont {
    padding-left: 0;
    padding-top: 14px; }
    .sb-row.in-post-cont .p-hdr {
      padding-bottom: 12px; }

.shipment-field .sf-summup {
  padding: 20px 24px; }
  .shipment-field .sf-summup > p {
    color: #666666; }
  .shipment-field .sf-summup .col p {
    margin-bottom: 4px; }
  .shipment-field .sf-summup .col a {
    font-weight: 700; }
  .shipment-field .sf-summup .col.bold {
    padding: 20px 0 6px; }
  .shipment-field .sf-summup .standard-link-hover, .shipment-field .sf-summup .default-lnk, .shipment-field .sf-summup button.lnk-btn-ico-r span:first-child, button.lnk-btn-ico-r .shipment-field .sf-summup span:first-child, .shipment-field .sf-summup .see-more-href a, .see-more-href .shipment-field .sf-summup a, .shipment-field .sf-summup .wrap a:not([class]), .wrap .shipment-field .sf-summup a:not([class]), .shipment-field .sf-summup .wysiwyg a, .wysiwyg .shipment-field .sf-summup a, .shipment-field .sf-summup #head .back-to-shop, #head .shipment-field .sf-summup .back-to-shop, .shipment-field .sf-summup .use-code {
    color: #6aa306; }

.mob-hid {
  display: none; }

@media (max-width: 716px) {
  .mob-hid {
    display: none !important; } }
.gr3-vis {
  display: none; }

.gr4-vis {
  display: none; }

.gr5-vis {
  display: none; }

.gr6-vis {
  display: none; }

.row-reset {
  float: left;
  width: 100%;
  height: 1px;
  clear: both; }

.site-info {
  background-color: #f7f7f7;
  padding: 1px 20px 20px;
  margin-top: 20px; }
  .site-info .big-size-hdr {
    margin-top: 16px;
    margin-bottom: 16px; }
  .site-info p {
    margin-bottom: 6px; }
  .site-info .si-msg {
    font-size: 24px;
    color: #6aa306;
    margin-bottom: 0; }
    .site-info .si-msg a {
      color: #6aa306; }
  .site-info .bold {
    padding-bottom: 3px;
    display: inline-block; }
  .site-info .light {
    color: #8f8f8f; }

.site-form .btn-cancel {
  border-color: transparent; }

#cookies-info {
  background-color: #6aa306;
  color: white;
  position: fixed;
  z-index: 8998;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 70px 10px 10px;
  font-size: 12px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; }
  #cookies-info.show {
    visibility: visible;
    opacity: 1; }
  #cookies-info p {
    max-width: 1140px;
    margin: 0 auto; }
  #cookies-info button {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    background-color: #f4f4f4; }
  #cookies-info a {
    color: black;
    text-decoration: underline; }

.dot {
  position: relative;
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #fff;
  vertical-align: middle;
  border-radius: 15px; }
  .dot span {
    position: absolute;
    background-color: #b2b2b2; }
    .dot span.v {
      top: 7px;
      left: 15px;
      height: 17px;
      width: 1px; }
      .open .dot span.v {
        opacity: 0; }
    .dot span.h {
      top: 15px;
      left: 7px;
      height: 1px;
      width: 17px; }

.text-highlight {
  -webkit-text-shadow: 0 0 7px black;
  text-shadow: 0 0 7px black; }

.simple-one-slider {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  direction: ltr;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
  width: 100%;
  top: 0; }
  .simple-one-slider .prev, .simple-one-slider .next {
    display: block;
    z-index: 5; }

.gr-container .simple-one-slider .prev {
  left: 0; }

.gr-container .simple-one-slider .next {
  right: 0; }

.sos-wrap {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.sos-slide {
  float: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before, #head .ui-autocomplete li.ui-menu-item a:before, .gr-only:before, .row-cols:before,
.cf:after,
#head .ui-autocomplete li.ui-menu-item a:after,
.gr-only:after,
.row-cols:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after, #head .ui-autocomplete li.ui-menu-item a:after, .gr-only:after, .row-cols:after {
  clear: both; }

/*! end of base styles */
html, body, #foot {
  background: white; }

/* ==========================================================================
   Head, Main nav
   ========================================================================== */
#head, .no-csspositionsticky #head, .csspositionsticky #head {
  position: relative; }

#head {
  height: auto;
  margin-bottom: 20px; }
  .template-v2 #head {
    margin-bottom: 0; }
  #head .logo {
    width: auto;
    margin-left: 12px; }
  #head .back-to-shop {
    float: right;
    font-size: 11px;
    font-weight: 700;
    color: #6aa306;
    margin-top: 10px;
    margin-right: 12px; }
  #head span.back-to-shop {
    float: left;
    margin-top: 15px;
    margin-left: 12px;
    border: 0; }
  #head .beta {
    font-size: 0.33em;
    margin-top: 16px;
    margin-left: 4px; }
  #head .steps {
    float: left;
    width: 100%;
    color: #8f8f8f; }
    #head .steps span {
      float: left;
      display: block;
      width: 30%;
      border-bottom: 3px solid #e3e3e3;
      padding-bottom: 6px;
      text-align: center;
      font-size: 9px;
      text-transform: uppercase;
      font-weight: 700; }
      #head .steps span.act {
        color: #6aa306;
        border-color: #6aa306; }
      #head .steps span.done {
        color: #6aa306; }
      #head .steps span:nth-child(1) {
        width: 20%; }
      #head .steps span:nth-child(2) {
        width: 50%; }

/* ==========================================================================
   Footer
   ========================================================================== */
#foot {
  border-top: 7px solid #e3e3e3; }
  #foot .f-bottom-cont {
    color: #ababab; }
    #foot .f-bottom-cont small {
      color: #ababab; }
    #foot .f-bottom-cont nav {
      border-color: #e3e3e3;
      padding-top: 0;
      border-top: 0; }
      #foot .f-bottom-cont nav a {
        color: #ababab; }

/* ==========================================================================
   Headers, common styles
   ========================================================================== */
.big-size-hdr {
  margin: 24px 0 20px;
  padding: 0 16px 4px;
  border-bottom: 1px solid #e3e3e3; }
  .template-v2 .big-size-hdr {
    margin-top: 10px;
    padding-left: 0; }

.p-hdr, a.p-hdr {
  font-size: 16px;
  color: black;
  font-weight: 700; }

.p-h-info {
  font-weight: 300;
  font-size: 14px;
  color: #8f8f8f; }

.panel-view {
  position: relative; }
  .panel-view .arr {
    position: absolute;
    top: -17px;
    right: 12%;
    width: 34px;
    height: 17px;
    overflow: hidden; }
    .panel-view .arr span {
      position: absolute;
      top: 5px;
      left: 5px;
      display: block;
      background-color: #f7f7f7;
      border: 1px solid #e3e3e3;
      width: 26px;
      height: 26px;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }

.v-b-hdr {
  font-size: 20px;
  color: black;
  font-weight: 700;
  margin: 10px 0; }

/* ==========================================================================
   Main content, Grid
   ========================================================================== */
.wrap {
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 20px; }
  .wrap .sec-divider {
    display: none; }

.info-field .panel-view {
  text-align: center;
  padding: 16px 16px 22px 16px;
  font-weight: 300; }

.template-v2 .panel-view-dark {
  padding: 10px 18px; }

.pb-head {
  display: none; }

.pb-body {
  font-size: 16px;
  border: 1px solid #e3e3e3;
  border-bottom: 0;
  font-weight: 300; }
  .pb-body:last-child {
    border-bottom: 1px solid #e3e3e3; }
  .pb-body > div {
    padding: 10px 10px 10px 124px;
    position: relative; }
  .pb-body .col4, .pb-body .col5 {
    padding-bottom: 20px;
    font-weight: 700; }
  .pb-body .col1:before, .pb-body .col2:before, .pb-body .col3:before, .pb-body .col4:before, .pb-body .col5:before {
    width: 60px;
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    font-size: 10px;
    color: #666666; }
  .pb-body .col1:before {
    content: "Nazwa produktu"; }
  .pb-body .col2:before {
    content: "Rodzaj"; }
  .pb-body .col3:before {
    content: "Ilość"; }
  .pb-body .col4:before {
    content: "Cena jednostkowa"; }
  .pb-body .col5:before {
    content: "Cena całkowita"; }
  .pb-body .pf-img {
    position: absolute;
    top: 10px;
    left: 80px;
    width: 34px; }
    .pb-body .pf-img img {
      max-width: 100%; }
  .pb-body .p-hdr, .pb-body a.p-hdr {
    line-height: 1.2em; }
  .pb-body .quantity {
    margin-right: 8%;
    display: inline-block; }
    .pb-body .quantity.q0 .btn-less, .pb-body .quantity.q0 .n {
      opacity: 0;
      visibility: hidden;
      display: none; }
  .pb-body.pf-summup {
    margin-bottom: 20px; }
    .pb-body.pf-summup div {
      padding-left: 110px; }
    .pb-body.pf-summup .pf-img {
      left: 20px; }

html[lang="hu"] .pb-body .col1:before {
  content: "Terméknév"; }
html[lang="hu"] .pb-body .col2:before {
  content: "Típus"; }
html[lang="hu"] .pb-body .col3:before {
  content: "Mennyiség"; }
html[lang="hu"] .pb-body .col4:before {
  content: "Ár termékenként"; }
html[lang="hu"] .pb-body .col5:before {
  content: "Teljes ár"; }

html[lang="cs"] .pb-body .col1:before {
  content: "Název položky"; }
html[lang="cs"] .pb-body .col2:before {
  content: "Typ"; }
html[lang="cs"] .pb-body .col3:before {
  content: "Počet"; }
html[lang="cs"] .pb-body .col4:before {
  content: "Cena za kus"; }
html[lang="cs"] .pb-body .col5:before {
  content: "Cena celkem"; }

.sb-row {
  display: block;
  padding: 0 0 2px 20px;
  position: relative;
  margin-top: 10px; }
  .sb-row.sf-form-row {
    margin-top: 0;
    padding: 0; }
    .sb-row.sf-form-row select {
      margin-top: 10px;
      clear: left; }
  .sb-row > span {
    display: block; }
  .sb-row input {
    position: absolute;
    top: 4px;
    left: 0; }
  .sb-row.in-post-cont {
    padding-left: 0;
    padding-top: 14px; }
    .sb-row.in-post-cont .p-hdr {
      padding-bottom: 12px; }

.shipment-field .sb-row {
  padding: 0 0 6px 20px;
  margin-top: 0; }
.shipment-field .sf-summup {
  padding: 20px 24px; }
  .shipment-field .sf-summup > p {
    color: #666666; }
  .shipment-field .sf-summup .col p {
    margin-bottom: 4px; }
  .shipment-field .sf-summup .col a {
    font-weight: 700; }
  .shipment-field .sf-summup .col.bold {
    padding: 20px 0 6px; }
  .shipment-field .sf-summup .standard-link-hover, .shipment-field .sf-summup .default-lnk, .shipment-field .sf-summup button.lnk-btn-ico-r span:first-child, button.lnk-btn-ico-r .shipment-field .sf-summup span:first-child, .shipment-field .sf-summup .see-more-href a, .see-more-href .shipment-field .sf-summup a, .shipment-field .sf-summup .wrap a:not([class]), .wrap .shipment-field .sf-summup a:not([class]), .shipment-field .sf-summup .wysiwyg a, .wysiwyg .shipment-field .sf-summup a, .shipment-field .sf-summup #head .back-to-shop, #head .shipment-field .sf-summup .back-to-shop, .shipment-field .sf-summup .use-code {
    color: #6aa306; }

.comment-field {
  margin-top: 20px; }
  .comment-field .panel-view {
    padding: 20px 24px; }
    .comment-field .panel-view p {
      max-width: 426px; }

.map-filter {
  padding: 16px; }
  .map-filter select, .map-filter input {
    width: 100%;
    margin-bottom: 8px; }
  .map-filter .map-items {
    margin-top: 16px;
    padding-right: 20px;
    max-height: 200px;
    overflow: auto; }
  .map-filter .mi-item {
    min-height: 2.2em;
    font-size: 13px;
    margin-bottom: 4px; }
    .map-filter .mi-item button {
      float: right;
      margin-top: 4px;
      margin-left: 4px;
      min-width: 102px; }
    .map-filter .mi-item p {
      margin-top: 2px;
      font-size: 10px;
      color: #717171; }
  .map-filter .inp-btn {
    margin-bottom: 16px; }
    .map-filter .inp-btn input {
      position: static; }

.map-cont {
  padding: 0 16px 16px;
  width: 100%;
  height: 300px; }

#map-canvas {
  width: 100%;
  height: 100%; }

.value-field {
  text-align: right;
  padding-top: 16px; }
  .value-field b {
    white-space: nowrap; }
  .value-field .vf-shipment {
    font-size: 16px; }
  .value-field .vf-exp {
    padding: 10px 0 18px;
    color: #666666; }

.use-code {
  font-weight: 700;
  color: #6aa306; }

.vf-total {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px; }
  .vf-total span {
    white-space: nowrap;
    margin-left: 10px;
    font-size: 19px; }

#vf-discount-value, #vf-total-value {
  display: inline-block; }

.promo-code-content {
  margin-top: 22px;
  padding: 16px 16px 22px 16px;
  text-align: left; }
  .promo-code-content .i-gold {
    margin: 0 3px; }

.pcc-right {
  font-size: 16px;
  font-weight: 300;
  padding-top: 20px; }
  .pcc-right .p-hdr:last-child {
    display: block; }
  .pcc-right .slider-cont {
    margin: 10px 0 14px;
    font-size: 13px; }
  .pcc-right .vf-pr-code-btn button {
    font-size: 13px; }

.pcc-left .p-hdr {
  margin-bottom: 10px; }
.pcc-left input {
  font-size: 12px;
  width: 90%; }
.pcc-left input, .pcc-left button {
  margin-bottom: 10px; }

.pcc-added {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  color: black; }
  .pcc-added a {
    vertical-align: top; }
  .pcc-added .i-trash:active, .pcc-added .i-trash:hover {
    opacity: 0.6; }

#promo-slider {
  margin: 0 40px 0 15px;
  font-weight: 400; }
  #promo-slider:before {
    content: attr(data-min);
    position: absolute;
    top: -5px;
    left: -15px;
    font-size: 12px; }
  #promo-slider:after {
    content: attr(data-max);
    position: absolute;
    top: -5px;
    left: 100%;
    margin-left: 6px;
    font-size: 12px; }

#promo-slider-info {
  margin-top: 8px;
  position: relative; }
  #promo-slider-info .promo-value {
    cursor: pointer; }
  #promo-slider-info input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    z-index: 1; }
  #promo-slider-info.showinput input {
    opacity: 1;
    visibility: visible; }

.navi-field {
  padding-top: 18px; }
  .navi-field .nf-btns {
    text-align: right; }
    .navi-field .nf-btns a:first-child {
      font-weight: 700;
      float: left;
      margin-top: 8px;
      margin-bottom: 8px; }
    .navi-field .nf-btns .simple-btn {
      min-width: 126px;
      padding-bottom: 4px;
      padding-top: 2px;
      text-align: center; }
  .navi-field .p-info {
    padding-top: 18px; }
    .navi-field .p-info .p {
      display: block;
      margin-bottom: 4px;
      font-size: 11px;
      color: #ababab; }
    .navi-field .p-info span {
      vertical-align: top;
      display: inline-block; }
    .navi-field .p-info span {
      margin-right: 4px; }
    .navi-field .p-info .paysafecard {
      margin-top: 8px; }
    .navi-field .p-info .i-paypal-color, .navi-field .p-info .i-sslguru-color {
      margin-top: 6px; }

.paysafecard {
  display: inline-block;
  max-width: 140px; }
  .paysafecard img {
    max-width: 100%; }

.address-field a {
  font-weight: 700; }
.address-field .af-select-address {
  margin-left: 16px;
  padding-bottom: 20px; }
  .address-field .af-select-address .standard-link-hover, .address-field .af-select-address .default-lnk, .address-field .af-select-address button.lnk-btn-ico-r span:first-child, button.lnk-btn-ico-r .address-field .af-select-address span:first-child, .address-field .af-select-address .see-more-href a, .see-more-href .address-field .af-select-address a, .address-field .af-select-address .wrap a:not([class]), .wrap .address-field .af-select-address a:not([class]), .address-field .af-select-address .wysiwyg a, .wysiwyg .address-field .af-select-address a, .address-field .af-select-address #head .back-to-shop, #head .address-field .af-select-address .back-to-shop, .address-field .af-select-address .use-code {
    color: #6aa306; }
.address-field .af-address {
  margin-top: 16px;
  line-height: 1.8em; }
.address-field .af-fv {
  margin-left: 16px; }

.pay-field {
  padding-top: 36px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e3e3e3; }
  .pay-field .pf-method {
    margin-left: 16px; }
    .pay-field .pf-method label {
      display: block;
      margin-bottom: 10px; }
      .pay-field .pf-method label input {
        margin-right: 10px;
        vertical-align: middle; }
      .pay-field .pf-method label span {
        margin-left: 4px;
        vertical-align: middle; }
  .pay-field .pf-payu-cont {
    margin-top: 30px; }
  .pay-field .bank-label {
    float: left;
    display: inline-block;
    border: 1px solid #e3e3e3;
    text-align: center;
    width: 49%;
    margin: 0 0 1% 1%;
    height: 72px;
    position: relative;
    padding: 5px 10px 10px;
    cursor: pointer;
    overflow: hidden; }
    .pay-field .bank-label.width-2 {
      width: 99%; }
    .pay-field .bank-label input {
      position: absolute;
      top: 3px;
      left: 3px;
      z-index: 1; }
    .pay-field .bank-label span {
      position: absolute;
      bottom: 1px;
      left: 0;
      right: 0;
      font-size: 9px; }
    .pay-field .bank-label img {
      max-width: 100%; }

.thanks-field {
  color: #666666; }
  .thanks-field .tf-logo {
    margin: 14px 0 26px;
    text-align: center;
    max-width: 296px; }
    .thanks-field .tf-logo img {
      max-width: 100%; }
  .thanks-field .rght-btn-cont {
    margin: 10px 0 20px; }
    .thanks-field .rght-btn-cont .border-btn {
      margin-bottom: 10px; }

.fastshop-field {
  padding: 10px 16px;
  margin-top: 20px;
  color: #666666; }
  .fastshop-field .big-size-hdr {
    margin: 0 0 6px;
    padding: 0;
    border: 0;
    color: black; }
  .fastshop-field .info {
    margin-bottom: 3px; }

.rght-btn-cont .border-btn.arr-r.block-btn {
  padding-right: 26px; }

.ol-box {
  margin: 20px 0;
  padding: 4px 10px 4px 30px;
  position: relative;
  color: black; }

.ol-box:before {
  position: absolute;
  left: 4px;
  top: 0;
  font-size: 26px;
  font-weight: 700;
  color: #6aa306; }

.ol-box.ol1:before {
  content: "1"; }

.ol-box.ol2:before {
  content: "2"; }

.ol-box.ol3:before {
  content: "3"; }

.ol-box.ol4:before {
  content: "4"; }

/* ==========================================================================
   Forms
   ========================================================================== */
.register-field {
  margin-bottom: 36px; }
  .register-field .form-row > .err-msg {
    padding-left: 110px; }

.form-row {
  margin-top: 18px;
  display: block;
  color: #666666; }
  .form-row > span, .form-row input, .form-row button, .form-row label, .form-row select {
    display: inline-block;
    float: left; }
  .form-row .label {
    display: inline-block;
    width: 100px;
    margin: 7px 10px 5px 0; }
    .form-row .label.line2 {
      line-height: 1.1;
      margin: 0 10px 0 0; }
    .form-row .label.empty {
      display: none; }
  .form-row .label.req:after {
    content: "*";
    color: #6aa306; }
  .form-row .post-code-space {
    margin: 7px 3px 5px; }
  .form-row .err-msg {
    padding-top: 4px;
    font-size: 12px;
    font-weight: 700; }
  .form-row > .err-msg {
    width: 100%;
    float: left; }
  .form-row .i-tick, .form-row .i-x {
    float: left;
    margin: 9px 0 0 6px; }

.rf-agreed label {
  display: block;
  font-size: 11px;
  color: #717171;
  margin-bottom: 12px; }
  .rf-agreed label.error {
    color: #ba0808; }
.rf-agreed input {
  margin: 1px 10px 0 0; }
.rf-agreed .err-msg {
  display: block;
  padding: 3px 0;
  font-size: 11px;
  font-weight: 700; }

.fcbk-login-btn-cont {
  clear: left; }
  .fcbk-login-btn-cont span {
    font-size: 11px;
    color: #717171;
    float: left;
    clear: left;
    margin: 10px 0 4px; }
  .fcbk-login-btn-cont button {
    clear: left; }

.login-field {
  padding: 16px 20px 20px; }
  .login-field .p-hdr {
    color: #6aa306;
    margin-bottom: 8px; }
  .login-field .form-row > .err-msg {
    padding-left: 110px; }

.form-btns .border-btn {
  margin-top: 19px;
  padding-top: 7px;
  padding-bottom: 9px; }

.text {
  width: 60%; }

.address-field select, .address-field .text {
  width: 90%; }
.address-field .size1 {
  width: 25%; }
.address-field .size2 {
  width: 35%; }
.address-field input[type="radio"], .address-field input[type="checkbox"] {
  margin-right: 10px;
  margin-top: 3px; }
.address-field .form-row {
  margin-top: 9px; }
  .address-field .form-row.more-space {
    margin-top: 18px;
    color: black; }
  .address-field .form-row .label {
    width: 90%; }
  .address-field .form-row label {
    width: 45%;
    margin-bottom: 6px; }
    .address-field .form-row label:first-child {
      margin-right: 10%; }
    .address-field .form-row label .text {
      width: 75%; }
  .address-field .form-row span.label + label {
    clear: left; }
.address-field .form-row.no-label label {
  width: auto;
  margin-bottom: 6px; }
  .address-field .form-row.no-label label:first-child {
    margin-right: 0; }
.address-field .af-fv-head input {
  float: left; }
.address-field .af-fv-body {
  margin-top: 10px; }

.panel-content-manage {
  cursor: pointer;
  margin-bottom: 5px; }

.panel-content {
  padding: 12px 0 42px; }
  .panel-content form {
    margin: 0 auto;
    max-width: 640px; }
  .panel-content .form-row .label {
    text-align: right; }
  .panel-content .form-btns .border-btn {
    margin-top: 0; }
  .panel-content div.text {
    float: left; }

/* ==========================================================================
    Popups
   ========================================================================== */
.show-popup .modal-dialog {
  visibility: visible; }

.modal-dialog {
  position: absolute;
  z-index: 8989;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background: #f7f7f7;
  visibility: hidden;
  display: none; }
  .modal-dialog:target {
    visibility: visible;
    display: block; }
  .modal-dialog .md-inner > .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    border: 1px solid #e3e3e3;
    cursor: pointer;
    font-size: 10px;
    padding-bottom: 2px; }
    .modal-dialog .md-inner > .btn-close:hover, .modal-dialog .md-inner > .btn-close:active {
      border-color: #6aa306; }
  .modal-dialog .md-header {
    background: white;
    padding: 28px 28px 28px 12px;
    color: black;
    font-size: 19px;
    font-weight: 700; }
    .modal-dialog .md-header span {
      color: #6aa306; }
  .modal-dialog .md-body {
    padding: 8px 12px 28px;
    font-size: 15px; }
  .modal-dialog .btn-row {
    text-align: center;
    margin-right: 1px;
    /* chrome border bug */ }
    .modal-dialog .btn-row a, .modal-dialog .btn-row button {
      margin: 20px 5px 0; }

.panel-content-manage {
  font-weight: bold; }
  .panel-content-manage .dot {
    margin-right: 14px; }

/* ===============================================================
Free product swiper 
================================================================*/
.product-swiper {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  direction: ltr;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
  width: 100%;
  color: #8f8f8f; }
  .product-swiper a {
    color: inherit; }
  .product-swiper.no-swiper .next, .product-swiper.no-swiper .prev {
    display: none; }

.product-swiper-inner {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-free-mode > .product-swiper-inner {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.product-slide {
  float: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.pb-body > div.product-swiper {
  padding: 0; }

.pb-body .product-swiper:after {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #f7f7f7; }

.ps-inside {
  padding: 18px 46px; }
  .ps-inside .ps-img {
    width: 40px;
    float: left; }
    .ps-inside .ps-img img {
      max-width: 100%; }
  .ps-inside .ps-title, .ps-inside .ps-radio {
    display: block;
    margin-left: 66px; }
  .ps-inside .ps-title {
    padding: 0 0 10px;
    font-size: .8em; }

@media only screen and (max-width: 319px) {
  /* ==========================================================================
     Head, Main nav
     ========================================================================== */
  #head .steps span {
    display: none; }
    #head .steps span.act {
      display: block;
      width: 100%; } }
@media only screen and (min-width: 507px) {
  /* ==========================================================================
     Main content, Grid
     ========================================================================== */
  .wrap {
    padding-left: 43px;
    padding-right: 43px;
    -webkit-transition: width 0.3s ease-out;
    -moz-transition: width 0.3s ease-out;
    -o-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out; }

  .col50 {
    width: 50%;
    float: left; } }
@media only screen and (min-width: 717px) {
  /* ==========================================================================
     Head, Main nav
     ========================================================================== */
  #head {
    border-bottom: 7px solid #e3e3e3;
    height: 80px;
    margin-bottom: 36px; }
    .template-v2 #head {
      margin-bottom: 0;
      border-bottom: 0; }
    #head .logo {
      margin-top: 12px;
      margin-left: 43px; }
    #head .back-to-shop {
      float: left;
      font-size: 14px;
      margin-top: 40px;
      margin-left: 22px; }
    #head span.back-to-shop {
      font-size: 20px;
      margin-top: 34px;
      margin-left: 12px; }
    #head .beta {
      font-size: 22px;
      margin-top: 21px;
      margin-left: 4px; }
    #head .steps {
      position: absolute;
      right: 0;
      bottom: -7px;
      width: auto; }
      #head .steps span {
        border-bottom: 7px solid #e3e3e3;
        padding-bottom: 6px;
        width: 120px;
        font-size: 10px; }
        #head .steps span:nth-child(1) {
          width: 100px; }
        #head .steps span:nth-child(2) {
          width: 186px; }

  /* ==========================================================================
      Headers, common styles
      ========================================================================== */
  .big-size-hdr {
    font-size: 21px;
    padding: 0 24px 8px; }

  .p-hdr, a.p-hdr {
    font-size: 18px; }

  .p-h-info {
    font-size: 14px; }

  .i-btnfacebook:hover {
    opacity: 0.8; }

  .v-b-hdr {
    font-size: 24px; }

  /* ==========================================================================
     Footer
     ========================================================================== */
  #foot {
    font-size: 14px; }
    #foot .f-bottom-cont {
      padding: 0 45px 0 40px; }
      #foot .f-bottom-cont nav {
        border: 0;
        padding: 0; }
        #foot .f-bottom-cont nav a {
          width: auto;
          margin-right: 22px; }
      #foot .f-bottom-cont small {
        font-size: 14px;
        padding-left: 0; }

  /* ==========================================================================
     Buttons
     ========================================================================== */
  .border-btn {
    font-size: 21px; }
    .border-btn.size20 {
      font-size: 20px; }
    .border-btn.size16 {
      font-size: 16px; }
    .border-btn.size14 {
      font-size: 14px; }

  .simple-btn {
    font-size: 21px; }
    .simple-btn.size20 {
      font-size: 20px; }
    .simple-btn.size16 {
      font-size: 16px; }
    .simple-btn.size14 {
      font-size: 14px; }

  /* ==========================================================================
      Main content, Grid
      ========================================================================== */
  .wrap {
    font-size: 14px;
    padding-bottom: 30px; }

  .product-field .col1 {
    float: left;
    padding-left: 8.823529411764706%;
    width: 40%;
    padding-right: 20px; }
  .product-field .col2 {
    float: left;
    width: 11%;
    padding-right: 10px; }
  .product-field .col3 {
    float: left;
    width: 17%; }
  .product-field .col4 {
    float: left;
    width: 15%;
    text-align: center; }
  .product-field .col5 {
    float: left;
    width: 16%;
    text-align: center; }

  .pb-row {
    float: left;
    width: 100%; }

  .pb-head {
    display: block;
    padding-bottom: 6px;
    color: #666666;
    font-weight: 300; }
    .pb-head .col3 {
      padding-left: 40px; }

  .pb-body {
    font-size: 18px; }
    .pb-body > div {
      padding: 32px 0 36px; }
    .pb-body .col1:before, .pb-body .col2:before, .pb-body .col3:before, .pb-body .col4:before, .pb-body .col5:before {
      display: none; }
    .pb-body .col2 {
      word-wrap: break-word; }
    .pb-body .pf-img {
      top: 28px;
      left: 5.714285714285714%;
      width: 34px; }
    .pb-body .quantity {
      margin-right: 4%;
      margin-bottom: 6px; }
    .pb-body.pf-summup div {
      float: left;
      width: 50%;
      padding-top: 26px;
      padding-right: 20px; }
      .pb-body.pf-summup div:nth-child(2n+1) {
        clear: left; }
    .pb-body.pf-summup .pf-img {
      left: 20px; }

  .shipment-field .sb-row {
    margin-left: 56px;
    margin-right: 56px;
    padding: 0 0 16px 20px; }
    .shipment-field .sb-row.in-post-cont {
      padding-left: 0;
      padding-top: 20px; }
  .shipment-field .sf-summup .col {
    float: left;
    min-height: 190px;
    padding: 0;
    margin-top: 10px;
    width: 30%; }
    .shipment-field .sf-summup .col p {
      margin-bottom: 8px; }
    .shipment-field .sf-summup .col.freemode {
      min-height: 0; }
  .shipment-field .sf-summup .col.bold {
    padding: 0;
    width: 20%; }

  .map-filter {
    padding: 24px; }
    .map-filter select {
      width: 250px;
      margin-bottom: 8px; }
    .map-filter > p {
      padding-left: 14px; }
    .map-filter .map-items {
      max-height: 210px; }
    .map-filter .mi-item {
      min-height: 2.2em;
      font-size: 14px;
      padding-left: 14px; }
    .map-filter .inp-btn input {
      width: 250px; }
    .map-filter .inp-btn button {
      margin-top: 2px; }

  .map-cont {
    padding: 0 24px 24px; }

  .value-field {
    padding-top: 26px; }
    .value-field .vf-info {
      margin-top: -18px;
      padding-right: 45px; }
    .value-field .vf-shipment {
      font-size: 18px;
      padding: 0 45px 0 40px; }
    .value-field .vf-exp {
      padding: 10px 45px 24px 40px; }
    .value-field .vf-pad {
      padding-right: 45px;
      padding-left: 40px; }

  .vf-total {
    padding: 0 45px 0 40px;
    font-size: 18px; }
    .vf-total span {
      font-size: 21px; }

  .vf-pr-code-btn {
    padding: 0 45px 0 40px; }

  .promo-code-content {
    padding: 22px 45px 14px 40px; }

  .pcc-left .p-hdr {
    margin-bottom: 16px; }
  .pcc-left input {
    clear: left;
    width: 162px;
    font-size: 13px; }
  .pcc-left button {
    margin-left: 8px; }

  .info-field .panel-view .pcc-left {
    padding-left: 24px;
    padding-right: 29px; }
  .info-field .panel-view .pcc-right {
    margin-right: -16px; }

  .pcc-added {
    float: left;
    clear: left; }

  .pcc-right {
    font-size: 18px; }
    .pcc-right .p-hdr {
      margin-right: 12px; }
      .pcc-right .p-hdr:last-child {
        display: inline; }
    .pcc-right .slider-cont {
      font-size: 14px; }
    .pcc-right .vf-pr-code-btn button {
      font-size: 14px; }

  #promo-slider-info {
    text-align: center; }

  .navi-field {
    padding: 36px 45px 0 40px; }
    .navi-field .nf-btns {
      float: right; }
      .navi-field .nf-btns a:first-child {
        float: none;
        margin-top: 8px;
        margin-right: 26px; }
    .navi-field .p-info {
      margin-top: -20px;
      padding-top: 0; }
      .navi-field .p-info .p {
        margin-bottom: 8px; }
      .navi-field .p-info span {
        margin-right: 10px; }

  .address-field .af-select-address {
    width: 600px; }
  .address-field .af-fv {
    width: 480px; }
  .address-field .af-select-address, .address-field .af-fv {
    margin-left: 24px; }
  .address-field .af-address {
    margin-left: 140px; }
    .address-field .af-address p {
      margin-bottom: 4px; }
  .address-field .af-fv-body {
    margin-top: 26px; }

  .pay-field {
    padding-bottom: 46px;
    margin-bottom: 16px; }
    .pay-field .pf-method {
      margin-left: 24px; }
      .pay-field .pf-method label {
        display: inline-block;
        margin-right: 8%; }
    .pay-field .pf-payu-cont {
      margin-left: 24px;
      max-width: 1032px; }
    .pay-field .bank-label {
      width: 100px;
      margin: 0 0 2px 2px; }
      .pay-field .bank-label.width-2 {
        width: 202px; }

  .thanks-field {
    padding: 0 24px 20px; }
    .thanks-field .border-btn {
      margin-left: 20px; }

  .fastshop-field {
    padding: 24px 24px 30px;
    margin-top: 30px; }
    .fastshop-field .ol-box {
      float: left;
      max-width: 290px;
      margin-bottom: 0; }
    .fastshop-field .border-btn {
      margin-top: 30px; }

  .rght-btn-cont {
    max-width: 974px; }
    .rght-btn-cont .border-btn.arr-r.block-btn {
      float: right;
      width: 320px; }

  /* ==========================================================================
     Forms
     ========================================================================== */
  .fcbk-login-btn-cont {
    clear: none;
    margin-left: 14px; }
    .fcbk-login-btn-cont span {
      margin: 0 0 4px; }

  .rf-agreed {
    padding-left: 110px; }
    .rf-agreed.single-agreed {
      padding-left: 0;
      margin: 0; }
    .rf-agreed label {
      position: relative;
      padding-left: 36px; }
      .rf-agreed label input {
        position: absolute;
        left: 0;
        top: 2px;
        margin: 0; }

  .form-btns {
    padding-left: 110px; }
    .form-btns .border-btn {
      margin-top: 19px; }

  .panel-content .form-btns {
    padding-left: 210px; }

  .panel-content .form-row .label {
    width: 200px; }

  .register-field {
    padding-left: 24px; }

  .login-field {
    padding: 24px 24px 40px; }

  .info-row {
    padding-left: 110px; }

  .text {
    width: 274px; }

  .form-row .label.empty {
    display: inline-block; }

  .address-field select, .address-field .text {
    width: 310px; }
  .address-field .size1 {
    width: 50px; }
  .address-field .size2 {
    width: 65px; }
  .address-field .size3 {
    width: 110px; }
  .address-field .form-row .label {
    width: 112px;
    margin-right: 12px;
    float: left;
    text-align: right; }
    .address-field .form-row .label.inside {
      width: 58px; }
  .address-field .form-row label {
    width: auto;
    margin-bottom: 6px; }
    .address-field .form-row label:first-child {
      width: 254px;
      margin-right: 0; }
      .address-field .form-row label:first-child .ico {
        margin-left: 2px; }
    .address-field .form-row label .text.size3 {
      width: 110px; }
  .address-field .form-row span.label + label {
    clear: none; }
  .address-field .form-row.no-label {
    padding-left: 124px; }
  .address-field .form-row .err-msg {
    padding-left: 124px; }
  .address-field .radio-row label {
    margin-right: 30px;
    margin-top: 7px; }
  .address-field .af-fv {
    position: relative; }
    .address-field .af-fv .af-fv-body > a {
      position: absolute;
      top: 0;
      left: 348px; }

  /* ==========================================================================
      Popups
     ========================================================================== */
  .modal-dialog {
    left: 50%;
    max-width: 648px;
    min-height: 400px;
    margin-left: -324px;
    background: none; }
    .modal-dialog .md-inner {
      position: relative;
      width: 100%;
      z-index: 8989;
      background: #f7f7f7; }
    .modal-dialog .md-inner > .btn-close {
      top: 8px;
      right: 8px;
      background-color: white; }
    .modal-dialog .md-header {
      padding: 24px 43px 28px 43px;
      font-size: 21px; }
    .modal-dialog .md-body {
      padding: 46px 43px 48px 43px;
      font-size: 14px; }

  .modal-dialog:before {
    content: "";
    background: rgba(0, 0, 0, 0.75);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 8988; }

  /* ==========================================================================
     Free product swiper
     ========================================================================== */
  .product-swiper .prev {
    position: absolute;
    left: 10px; }
  .product-swiper .next {
    position: absolute;
    right: 10px; }
  .product-swiper .next, .product-swiper .prev {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }

  .product-slide {
    width: 50%; }

  .ps-inside {
    border-left: 1px solid #e3e3e3; } }
@media only screen and (min-width: 927px) {
  /* ==========================================================================
     Footer
     ========================================================================== */
  #foot .f-bottom-cont nav {
    float: right; }
    #foot .f-bottom-cont nav a {
      margin-right: 0;
      margin-left: 22px; }

  /* ==========================================================================
      Popups
     ========================================================================== */
  .modal-dialog {
    max-width: 644px;
    margin-left: -322px; } }
@media only screen and (min-width: 1137px) {
  /* ==========================================================================
     Head, Main nav
     ========================================================================== */
  #head {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto; }
    .template-v2 #head {
      max-width: 1256px;
      padding-right: 43px; }
    #head .steps {
      right: 60px; }
      #head .steps span {
        width: 242px;
        font-size: 14px; }
        #head .steps span:nth-child(1), #head .steps span:nth-child(2) {
          width: 242px; }

  /* ==========================================================================
      Main content, Grid
      ========================================================================== */
  .wrap {
    max-width: 1256px;
    margin-left: auto;
    margin-right: auto; }

  .product-field .col1 {
    width: 45%; }
  .product-field .col4 {
    width: 13%; }
  .product-field .col5 {
    width: 13%; }

  .pb-body .pf-img {
    width: 43px; }
  .pb-body .quantity span.n {
    display: inline-block;
    width: 40px;
    text-align: center; }
  .pb-body .quantity.q0 .btn-less, .pb-body .quantity.q0 .n {
    display: inline-block; }
  .pb-body.pf-summup div {
    min-width: 33%;
    padding-left: 112px; }
  .pb-body.pf-summup .pf-img {
    left: 32px; }

  .address-field .af-select-address {
    float: left; }
  .address-field .af-fv {
    float: left;
    padding-top: 8px; }
    .address-field .af-fv .af-fv-body > a {
      top: 8px; }

  .shipment-field .sf-summup .col {
    width: 14%; }
    .shipment-field .sf-summup .col p {
      margin-bottom: 10px; }
  .shipment-field .sf-summup .col.bold {
    width: 11%;
    padding-right: 20px;
    text-align: right; }

  .map-filter {
    float: right;
    width: 40%;
    padding: 36px 40px; }
    .map-filter > p {
      margin-top: 8px;
      margin-bottom: 16px; }

  .map-cont {
    float: left;
    padding: 0;
    width: 60%;
    height: 492px; }

  .pcc-left {
    float: left; }

  .pcc-right {
    float: right;
    padding-top: 0; }
    .pcc-right .slider-cont {
      margin-bottom: 0;
      margin-top: 26px;
      width: 502px;
      float: right;
      margin-right: -15px; }
    .pcc-right button {
      margin-top: 20px;
      float: right; }
    .pcc-right .vf-pr-code-btn button {
      margin: 0;
      float: none; }

  #promo-slider {
    margin-right: 66px; }

  .fastshop-field .ol-box:first-child {
    margin-right: 60px; }
  .fastshop-field .border-btn {
    float: right; }

  /* ==========================================================================
      Forms
      ========================================================================== */
  .register-field {
    float: left;
    width: 524px; }

  .login-field {
    margin-top: 12px;
    float: right;
    width: 500px;
    padding: 20px; }

  .pay-field .pf-method label {
    margin-right: 0;
    margin-left: 6%; }
    .pay-field .pf-method label:first-child {
      margin-left: 0; }

  /* ==========================================================================
      Footer
      ========================================================================== */
  #foot {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto; }

  /* ==========================================================================
     Free product swiper
     ========================================================================== */
  .product-slide {
    width: 33.33333%; }

  .ps-inside {
    min-height: 160px; }
    .ps-inside .ps-img {
      width: 88px; }
      .ps-inside .ps-img img {
        max-height: 124px; }
    .ps-inside .ps-title, .ps-inside .ps-radio {
      margin-left: 120px; }
    .ps-inside .ps-title {
      padding: 12px 0 16px;
      font-size: 1em; } }
@media only screen and (min-width: 1347px) {
  .login-field {
    width: 576px;
    padding: 24px 36px 40px; } }
/** laptop minimize styles **/
@media only screen and (min-width: 1137px) and (max-width: 1440px) {
  #head .back-to-shop {
    margin-top: 34px; }
  #head span.back-to-shop {
    font-size: 14px; }
  #head .beta {
    font-size: 17px;
    margin-top: 19px; } }
/* górny baner reklamowy */
.top-rwd-baner {
  margin-top: 5px; }
  .top-rwd-baner picture, .top-rwd-baner img {
    display: block;
    width: 100%; }

/*# sourceMappingURL=process.css.map */
/*logo nowy mechanizm*/
#head .logo img {
    max-width: 80px;
    margin-top: 7px;
}

@media screen and (min-width: 768px) {
    #head .logo img {
        max-width: 120px;
        margin-top: 10px;
    }
}

@media screen and (min-width: 1137px) {
    #head .logo img {
        max-width: 100px;
        margin-top: 9px;
    }
}

@media screen and (min-width: 1441px) {
    #head .logo img {
        max-width: 120px;
        margin-top: 10px;
    }
}




/*    new styles    */

.product-swiper-inner .product-slide .prod-aval {
  display: block;
  line-height: 1;
  font-weight: 700;
  padding-top: 1px;
  color: #8f8f8f;
  text-decoration: line-through;
  font-size: .8em;
}

@media screen and (min-width: 1137px) {
    .product-swiper-inner .product-slide .prod-aval {
      font-size: 12px;
    }
}

.product-swiper .prev, .product-swiper .next  {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.product-swiper .prev:focus,
.product-swiper .next:focus,
.product-swiper .prev:active,
.product-swiper .next:active,
.product-swiper .prev::selection,
.product-swiper .next::selection {
  outline: none;
  background: none; 
}

.product-swiper .prev {
  left:5px;
}

.product-swiper .next {
  right:5px;
}

.product-swiper .i-arr-l-big {
  background-position: -403px 0;
  width: 21px;
  height: 30px;
}

.product-swiper .i-arr-r-big {
  background-position: -382px 0;
  width: 21px;
  height: 30px;
}

.product-swiper .ps-radio {
    position: relative;
}

.product-swiper .ps-radio input[type="radio"], .product-swiper .ps-radio input[type="checkbox"] {
    position: absolute;
    left: -9999px;
    opacity:0;
}

.product-swiper .btn {
    width: 75px;
    height: 30px;
    bottom: 18px;
    right: 18px;
    font-size: 17px;
    cursor:pointer;
    line-height: 1.35em;
}

.product-swiper .btn {
    width: 56px;
    height: 26px;
    z-index: 1;
    display: block;
    bottom: 13px;
    right: 13px;
    background-color: #ba0808;
    color: white;
    border: 3px solid #ba0808;
    text-transform: uppercase;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    padding-top: 2px;
}

.product-swiper .btn:hover {
    background-color: white;
    color: #ba0808;
    border-color: #ba0808;
}

@media screen and (min-width: 768px) {
  .product-swiper .btn {
    width: 75px;
    height: 28px;
    bottom: 18px;
    right: 18px;
    font-size: 17px;
  }
}

.product-swiper .btn .i-shop, .product-swiper .btn .i-shop {
    vertical-align: text-bottom;
}

@media screen and (min-width: 768px) {
  .product-swiper .btn .i-shop, .product-swiper .btn .i-shop {
    vertical-align: top;
  }
}

.product-swiper .btn:hover .i-shop, .product-swiper .btn:active .i-shop {
    background-position: -194px 0px;
    width: 18px;
    height: 16px;
}


/*    new styles    */
.i-paypal-color {
  height: 30px;
}

.info-icon {
  width: 13px;
  height: 13px;
}

.panel-view .info-icon {
  vertical-align: baseline;
  position: relative;
  top: 1px;
}

.panel-view .trash-icon {
  width: 20px;
  filter: invert(0.5);
  transform: translateY(-2px);
}

.quantity .plus-thin-icon {
  width: 19px;
}

.quantity .minus-thin-icon {
  width: 16px;
}

.quantity .btn-more, .quantity .btn-less {
  display: inline-flex;
  justify-content: center;
}

.pf-method .payU-icon {
  width: 60px;
  margin-left: 5px;
  vertical-align: middle;
}

.pf-method .paysafecard-icon {
  width: 140px;
  margin-right: 10px;
  vertical-align: middle;
}

.pf-method .paypal-icon {
  width: 96px;
  margin-left: 5px;
  vertical-align: middle;
}

.thanks-field .icons img {
  max-width: 200px;
  margin: 20px 0;
}

.navi-field .p-info .payu-icon {
  width: 55px;
}

@media screen and (min-width: 768px) {
  .navi-field .p-info .payu-icon {
    width: 73px;
  }
}

.navi-field .p-info .paypal-icon {
  width: 70px;
  margin-top: 9px;
}

@media screen and (min-width: 768px) {
  .navi-field .p-info .paypal-icon {
    width: 96px;
  }
}

.navi-field .p-info .paysafecard-icon {
  width: 125px;
  margin-top: 8px;
}

@media screen and (min-width: 768px) {
  .navi-field .p-info .paysafecard-icon {
    width: 140px;
  }
}

.navi-field .p-info .legalsource-icon {
  width: 45px;
}

@media screen and (min-width: 768px) {
  .navi-field .p-info .legalsource-icon {
    width: 53px;
  }
}

.navi-field .p-info .sslguru-icon {
  width: 100px;
  margin-top: 5px;
}

@media screen and (min-width: 768px) {
  .navi-field .p-info .sslguru-icon {
    width: 118px;
  }
}

.safe-shopping > span {
  margin-right: 15px;
  display: inline-block;
  margin-bottom: 8px;
}