@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;
}

.i-payU {
  background-position: -241px -227px;
  width: 47px;
  height: 28px;
}

@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,
.price-box,
.pd-info .pd-img img,
.modal-dialog .form-row img {
  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,
.tab-head a,
.tab-head-right a,
.tab-row .tr-bot .tb-lnk a,
.tab-foot a,
.modal-dialog .md-tasks .txt a,
.modal-dialog a:not([class]) {
  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,
.tab-head a:hover,
.tab-head-right a:hover,
.tab-row .tr-bot .tb-lnk a:hover,
.tab-foot a:hover,
.modal-dialog .md-tasks .txt a:hover,
.modal-dialog a:hover:not([class]),
.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,
.tab-head a:active,
.tab-head-right a:active,
.tab-row .tr-bot .tb-lnk a:active,
.tab-foot a:active,
.modal-dialog .md-tasks .txt a:active,
.modal-dialog a:active:not([class]) {
  border-color: transparent;
}

.invert-link-hover,
#head .shop-cont .sc-name a.sc-name-lnk,
.sort-lnk,
.text-filter-lnk {
  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,
.invert-link-hover:active,
#head .shop-cont .sc-name a.sc-name-lnk:active,
.sort-lnk:active,
.text-filter-lnk: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: fit-content;
  max-height: 31px;
}

.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;
  width: 100%; }
  .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; }

.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: 12px;
  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 .tab-head a,
.tab-head .site-hdr .tab-href a,
.site-hdr .tab-href .tab-head-right a,
.tab-head-right .site-hdr .tab-href a,
.site-hdr .tab-href .tab-row .tr-bot .tb-lnk a,
.tab-row .tr-bot .tb-lnk .site-hdr .tab-href a,
.site-hdr .tab-href .tab-foot a,
.tab-foot .site-hdr .tab-href a,
.site-hdr .tab-href .modal-dialog .md-tasks .txt a,
.modal-dialog .md-tasks .txt .site-hdr .tab-href a,
.site-hdr .tab-href .modal-dialog a:not([class]),
.modal-dialog .site-hdr .tab-href a:not([class]) {
  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: 550px; */
}

.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 .tab-head a,
.tab-head .shipment-field .sf-summup a,
.shipment-field .sf-summup .tab-head-right a,
.tab-head-right .shipment-field .sf-summup a,
.shipment-field .sf-summup .tab-row .tr-bot .tb-lnk a,
.tab-row .tr-bot .tb-lnk .shipment-field .sf-summup a,
.shipment-field .sf-summup .tab-foot a,
.tab-foot .shipment-field .sf-summup a,
.shipment-field .sf-summup .modal-dialog .md-tasks .txt a,
.modal-dialog .md-tasks .txt .shipment-field .sf-summup a,
.shipment-field .sf-summup .modal-dialog a:not([class]),
.modal-dialog .shipment-field .sf-summup a:not([class]) {
  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 */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 8991;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 8992;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 8994;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 8993;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 8995;
  -webkit-box-shadow: none;
  box-shadow: none;
}

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {

  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/*@if $mfp-IE7support {
  .mfp-ie7 {
    .mfp-img {
      padding: 0;
    }
    .mfp-bottom-bar {
      width: 600px;
      left: 50%;
      margin-left: -300px;
      margin-top: 5px;
      padding-bottom: 5px;
    }
    .mfp-container {
      padding: 0;
    }
    .mfp-content {
      padding-top: 44px;
    }
    .mfp-close {
      top: 0;
      right: 0;
      padding-top: 0;
    }
  }
}*/
.dlc-list__el {
  border-bottom: solid 1px #e3e3e3;
  padding: 10px 5px 10px 20px;
}

.dlc-list__content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dlc-list__label {
  width: 100%;
}

.dlc-list__label p {
  font-weight: 700;
  color: #6aa306;
  font-size: 13px;
}

.dlc-list__title {
  flex-basis: 70%;
  flex-shrink: 2;
}

.dlc-list__title h4.name {
  letter-spacing: -.025em;
  font-weight: 300;
  font-size: 18px;
  color: #8f8f8f;
  line-height: 1.3;
}

.dlc-list__discount {
  flex-basis: 5%;
}

.dlc-list__price {
  flex-basis: 15%;
  padding-right: 10px;
}

.dlc-list__price .prod-aval {
  font-size: 12px;
  color: #8f8f8f;
  text-decoration: line-through;
  font-weight: 700;
  display: block;
  text-align: right;
}

.dlc-list__price .prod-price {
  font-size: 17px;
  color: black;
  font-weight: 700;
  display: block;
  text-align: right;
}

.dlc-list__buy {
  flex-basis: 10%;
}

.show_all_dlc {
  float: right;
  text-decoration: underline;
  font-size: 18px;
  font-weight: 700;
  margin-top: 40px;
  color: #6aa306;
}

.show_all_dlc:visited {
  color: #6aa306;
}

@media only screen and (max-width: 716px) {
  .dlc-list__content {
    flex-wrap: wrap;
    justify-content: right;
  }

  .dlc-list__title {
    flex-basis: 100%;
  }

  .dlc-list__discount {
    flex-basis: 25%;
    flex-shrink: 2;
  }

  .dlc-list__price {
    flex-basis: 50%;
  }

  .dlc-list__buy {
    flex-basis: 25%;
  }
}

/* ==========================================================================
   Top rotator, top baner
   ========================================================================== */
#category-top-banner {
  height: 418px;
  width: 100%;
  padding: 40px 0;
  position: relative;
  background-color: rgba(0, 0, 0, 0.66);
  overflow: hidden;
  color: white;
  text-align: center;
}

#category-top-banner .sl-label {
  display: inline-block;
  color: white;
  background-color: #6aa306;
  padding: 6px 12px 7px 14px;
  text-transform: uppercase;
  line-height: 1.1;
}

#category-top-banner .sl-label span:first-child {
  font-size: 15px;
  display: block;
  font-weight: 700;
}

#category-top-banner .sl-label .sec-line {
  font-size: 9px;
  display: block;
  font-weight: 300;
}

#category-top-banner .sl-image {
  padding: 16px 0 8px;
  display: block;
  width: 100%;
  min-height: 88px;
}

#category-top-banner .sl-image h2 {
  width: 60%;
  margin: 0 auto;
}

#category-top-banner .sl-image h2 img {
  max-width: 100%;
}

#category-top-banner .sl-descr {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.1;
  padding: 0 10%;
}

#category-top-banner hr {
  display: none;
}

#category-top-banner .sl-price {
  font-size: 18px;
  font-weight: 700;
  display: block;
  padding: 16px 0;
}

#category-top-banner .sl-btn {
  font-size: 18px;
}

#main-rot-box {
  width: 100%;
  height: 418px;
  position: relative;
  z-index: 0;
}

#main-rot-box .mr-wraper {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.66);
  overflow: hidden;
  color: white;
  text-align: center;
  position: relative;
  width: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}

#main-rot-box .mr-wraper .slide {
  height: 100%;
  width: 100%;
  float: left;
  position: relative;
}

#main-rot-box .mr-wraper-inner.animate {
  -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;
}

#main-rot-box .mr-wraper-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

#main-rot-box .show-movie {
  display: none;
}

#main-rot-box .sl-label {
  display: inline-block;
  color: white;
  background-color: #6aa306;
  padding: 6px 12px 7px 14px;
  text-transform: uppercase;
  line-height: 1.1;
}

#main-rot-box .sl-label span:first-child {
  font-size: 15px;
  display: block;
  font-weight: 700;
}

#main-rot-box .sl-label .sec-line {
  font-size: 9px;
  display: block;
  font-weight: 300;
}

#main-rot-box .sl-image {
  padding: 16px 0 8px;
  display: block;
  width: 100%;
  min-height: 88px;
}

#main-rot-box .sl-image h2 {
  width: 60%;
  margin: 0 auto;
}

#main-rot-box .sl-image h2 img {
  max-width: 100%;
}

#main-rot-box .sl-descr {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.1;
  padding: 0 10%;
}

#main-rot-box hr {
  display: none;
}

#main-rot-box .sl-price {
  font-size: 18px;
  font-weight: 700;
  display: block;
  padding: 16px 0;
}

#main-rot-box .sl-btn {
  font-size: 18px;
}

#main-rot-box.mobile .mr-wraper .slide {
  padding-bottom: 40px;
}

#main-rot-box.mobile .mr-wraper .slide .sl-inner {
  width: 100%;
  height: 100%;
  display: table;
  text-align: center;
  table-layout: fixed;
}

#main-rot-box.mobile .mr-wraper .slide .sl-inner .sl-inn-cell {
  display: table-cell;
  vertical-align: middle;
}

#main-rot-box.mobile .mr-thumbs {
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: 25px;
  text-align: center;
}

#main-rot-box.mobile .mr-thumbs button {
  display: inline-block;
  margin: 0 1px 0 0;
  padding: 3px;
  width: 20px;
  height: 20px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#main-rot-box.mobile .mr-thumbs button span {
  display: block;
  width: 14px;
  height: 14px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

#main-rot-box.mobile .mr-thumbs button.act span {
  background-color: #6aa306;
}

#main-rot-box.mobile .mr-thumbs button img {
  display: none;
}

#main-rot-box .prev,
#main-rot-box .next {
  display: none;
}

.mute-btn,
.play-btn {
  display: none;
}

#category-slider {
  /*opacity: 0.001;*/
}

.no-js #category-slider {
  opacity: 1;
}

/* ==========================================================================
   Product
   ========================================================================== */
.breadcrumbs .b-it {
  display: inline-block;
  background-color: #6aa306;
  color: white;
  font-size: 12px;
  font-weight: 700;
  padding: 1px 6px;
  float: left;
  margin: 0 3px 3px 0;
}

.breadcrumbs a.b-it:hover,
.breadcrumbs a.b-it:active {
  text-decoration: underline;
}

.product-gallery {
  opacity: 0.001;
}
#product-gallery {
  opacity: 1;
}

.no-js .product-gallery {
  opacity: 1;
}

.product-gallery {
  width: 94%;
  margin: 0 3% 30px;
  height: 0;
  padding-bottom: 56.25%;
}

/*.product-gallery{
    width: 94%;
    margin: 0 3% 30px;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;

    .pg-main{
        height: 100%;
        width: 100%;
        position: absolute;
        overflow: hidden;

        .pg-inner{
            height: 100%;
        }

        .pg-item{
            height: 100%;
            width: 100%;
            float: left;
            position: relative;
            background-color: $black;
            text-align: center;

            img{
                max-width: 100%;
            }

            button{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-position: 50% 50%;
                -webkit-background-size: cover;
                background-size: cover;
                background-color: rgba($black, .4);
                background-repeat: no-repeat;
                z-index: 1;

                span{
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    width: 60px;
                    height: 60px;
                    margin: -30px 0 0 -30px;
                    opacity: .77;
                }

                &:hover, &:active{
                    span{
                        opacity: 1;
                    }
                }
            }

            iframe{
                width: 100%;
                height: 100%;
                border: 0;
                position: absolute;
                top: 0;
                left: 0;
            }
        }

    }

    &.playingYT{
        .pg-item{
            button{
                display: none;
            }
        }
    }

    .pg-thumbs{
        display: none;

        width: 100%;
        height: 30px;
        position: absolute;
        z-index: 1;
        right: 0;
        top: 0;
        padding-top: 8px;
        margin-top: 56.25%; //25px;
        text-align: center;
        background-color: $black;


        button{
            display: inline-block;
            vertical-align: top;
            margin: 0 1px 0 0;
            padding: 0px;
            width: 14px;
            height: 14px;
            @include box-shadow(none);
            background-color: rgba(255,255,255,0.4);
            @include border-radius(7px);
            overflow: hidden;

            &.act{
                background-color: $green;
            }

            img, span{
                display: none;
            }
        }

    }


    .next{
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -15px;
    }
    .prev{
        position: absolute;
        bottom: 50%;
        right: 100%;
        margin-bottom: -15px;
    }
    .thumb{
        display: none;
    }
}
.no-touch{
    .product-gallery{
        .pg-item{
            button{
                display: none;
            }
        }
    }
}*/
.small-popup {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  height: 0;
  overflow: hidden;
}

.small-popup .btn-col {
  float: left;
  display: inline-block;
  height: 20px;
  margin: 5px;
}

.small-popup .btn-col .border-btn,
.small-popup .btn-col img {
  vertical-align: top;
}

.small-popup .btn-col .fb-share-button>span {
  vertical-align: top !important;
}

.ui-dialog .small-popup {
  opacity: 1;
  visibility: visible;
  position: static;
  height: auto;
}

.price-box {
  text-align: center;
  font-weight: 300;
  padding: 12px 10px;
}

.price-box .pb-old-price {
  color: #adadad;
  font-size: 16px;
  font-weight: 300;
  text-decoration: line-through;
}

.price-box .pb-price {
  color: #242424;
  font-size: 29px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 10px;
}

.price-box .pb-price.gray {
  color: #8f8f8f;
}

.price-box .pb-price input#variable-price-input {
  border: 2px solid #6aa306;
  max-width: 50%;
  text-align: center;
}

.price-box .pb-btns {
  padding: 14px 0;
  max-width: 245px;
  margin: 0 auto;
}

.price-box .pb-btns p:first-child {
  margin-bottom: 15px;
}

.price-box .col50 {
  margin-top: 20px;
}

.price-box-promo .pb-info {
  color: #8f8f8f;
}

.pb-old-price-cont {
  text-align: center;
  color: #8f8f8f;
}

.pb-old-price-cont>div {
  display: inline-block;
  min-width: 110px;
  padding-left: 10px;
  padding-right: 10px;
}

.pb-old-price-cont .price {
  font-size: 1.4em;
  font-weight: 700;
}

.pb-old-price-cont .price-label {
  font-size: 10px;
}

.crossed-price {
  position: relative;
  display: inline-block;
}

.crossed-price:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: -10%;
  width: 120%;
  height: 1px;
  background-color: #000;
  border-top: 1px solid #8f8f8f;
  border-bottom: 1px solid #8f8f8f;
  opacity: .5;
  -o-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  border-radius: 1px;
}

.prod-descr {
  margin-top: 13px;
  margin-bottom: 13px;
}

.more-products-box {
  margin-top: 13px;
  margin-bottom: 13px;
  /*    @extend .standard-border;
    border-width: 0;*/
  overflow: hidden;
  border-top: 1px solid #e3e3e3;
}

.more-products-box .big-size-hdr {
  padding: 16px 0 6px 16px;
  border-right: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
}

.more-products-box .mpb-row {
  border-right: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}

.more-products-box .mpb-inner {
  width: 1000%;
  overflow: hidden;
  position: relative;
}

.more-products-box .mpb-inner .mpb-row {
  width: 10%;
}

.more-products-box .mpb-inner .prev,
.more-products-box .mpb-inner .next {
  position: absolute;
  top: 3px;
  left: 2px;
  bottom: 3px;
  width: 18px;
  text-align: left;
}

.more-products-box .mpb-inner .next {
  left: 10%;
  margin-left: -20px;
  text-align: right;
}

.mpb-row {
  padding: 16px 16px;
  font-weight: 700;
  position: relative;
  display: block;
}

.mpb-row .item-label {
  position: absolute;
  top: 16px;
  left: 16px;
  max-width: 88px;
  /*width: 88px; małe labelki - zmiany wycofane
        > span{
            float: right;
        }*/
}

.mpb-row img {
  float: left;
  width: 88px;
}

.mpb-row .promo-info,
.mpb-row .name,
.mpb-row .price,
.mpb-row .aval {
  margin-left: 100px;
}

.mpb-row .promo-info {
  padding-top: 8px;
  color: #6aa306;
  letter-spacing: -.025em;
}

.mpb-row .name {
  padding-top: 10px;
  padding-bottom: 10px;
  letter-spacing: -.025em;
  font-weight: 300;
  font-size: 16px;
  color: #8f8f8f;
  line-height: 1.3;
}

.mpb-row .price {
  font-size: 19px;
  color: black;
}

.mpb-row .price a {
  vertical-align: top;
  float: right;
}

.mpb-row .aval {
  color: #8f8f8f;
}

.mpb-row .aval.pre,
.mpb-row .aval.color {
  color: #ca3c2c;
}

a.mpb-row:hover .name span,
a.mpb-row:active .name span,
.mpb-row a:hover .name span,
.mpb-row a:active .name span {
  border-width: 0 0 1px;
  border-style: solid;
}

.pd-info .pd-img {
  width: 50%;
  text-align: center;
  margin: 10px auto;
  position: relative;
}

.pd-info .pd-img img {
  max-width: 100%;
}

.pd-info .pd-img .pd-img-under {
  width: 200%;
  margin-left: -50%;
  white-space: nowrap;
  display: block;
  margin-top: 6px;
}

.pd-info .pd-img .item-label {
  position: absolute;
  top: 0;
  left: 0;
  /* right: 0; małe labelki - zmiany wycofane */
}

.pd-info .pdi-row {
  margin: 4px 0 8px;
}

.pd-info .pdi-row.top-space {
  margin-top: 26px;
}

.pd-info .pdi-row.bigger {
  font-size: 16px;
}

.pd-info .pdi-row.bigger .pdi-label {
  color: inherit;
}

.pd-info .pdi-row.bigger .pdi-label,
.pd-info .pdi-row.bigger .pdi-cont {
  font-weight: 700;
}

.pd-info .pdi-label {
  font-weight: 300;
  color: #8f8f8f;
  display: block;
  text-align: center;
}

.pd-info .pdi-cont {
  text-align: center;
}

.pd-info .pdi-cont span,
.pd-info .pdi-cont a {
  vertical-align: middle;
}

.pd-info .pdi-cont a {
  white-space: nowrap;
}

.pd-info .pdi-cont span.stars {
  margin: 0 auto;
  display: block;
}

.pd-info .pdi-cont span.stars span {
  vertical-align: top;
}

.pd-info .pdi-cont>span.ico {
  margin-bottom: 4px;
  margin-right: 1px;
}

.pd-info .pdi-cont.pdi-cont-img {
  line-height: 0;
  font-size: 0;
}

.pd-info .pdi-cont.pdi-cont-img span.ico {
  margin-right: 4px;
  vertical-align: bottom;
}

.pd-tabs {
  position: relative;
}

.pd-tabs .pd-tabs-hdr {
  margin-top: 12px;
}

.pd-tabs .pd-tabs-lnk {
  display: block;
  color: #4a4f54;
  font-weight: 400;
  font-size: 16px;
  padding: 10px 42px 9px 16px;
  vertical-align: top;
  background-color: #e3e3e3;
  position: relative;
}

.pd-tabs .pd-tabs-lnk span.ico {
  position: absolute;
  top: 50%;
  right: 18px;
  margin-top: -6px;
}

.pd-tabs .pd-tabs-lnk.act {
  background-color: #4a4f54;
  color: white;
}

.pd-tabs .pd-tabs-cont {
  color: #666666;
  font-weight: 300;
  height: 0;
  overflow: hidden;
  position: absolute;
}

.pd-tabs .pd-tabs-cont.act {
  height: auto;
  position: relative;
  padding-top: 13px;
}

.gallery-module {
  margin-top: 13px;
}

.gallery-module:first-child {
  margin-top: 0;
}

.gallery-module img {
  max-width: 100%;
  max-height: 240px;
}

.gallery-module .gm-img {
  float: left;
  width: 40%;
}

.gallery-module .gm-img.gi-cover {
  width: 20%;
}

.gallery-module .gm-txt {
  float: left;
  width: 55%;
  margin-left: 5%;
}

.gallery-module .gi-cover+.gm-txt {
  width: 75%;
}

.gallery-module .gm-hdr {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 10px;
}

.gallery-module .gm-desc {
  color: #8f8f8f;
  margin-top: 10px;
}

.tab-sec {
  padding-top: 12px;
}

.tab-sec .sec-divider {
  margin-top: 36px;
  float: left;
  width: 100%;
}

.tab-head,
.tab-head-right {
  font-size: 13px;
  margin-bottom: 12px;
}

.tab-head a,
.tab-head-right a {
  font-weight: 700;
  color: #6aa306;
}

.tab-head .info-num {
  font-weight: 300;
  margin-right: 24px;
}

.tab-head .stars {
  vertical-align: middle;
  margin: 0 24px 2px 8px;
}

.tab-head .big-size-hdr {
  margin-bottom: 12px;
}

.tab-head-right .stars {
  vertical-align: middle;
  margin: 0 16px 2px 16px;
}

.tab-head-legal {
  font-size: 13px;
  margin-bottom: 12px;
}

.tab-row {
  background-color: #f7f7f7;
  padding: 12px;
  position: relative;
  font-weight: 300;
  margin-top: 5px;
}

.tab-row .tr-hdr {
  margin-bottom: 6px;
  font-weight: 700;
  font-size: 16px;
  color: black;
  line-height: 1.2em;
}

.tab-row>.tr-hdr {
  margin-top: 12px;
}

.tab-row .tr-cont {
  max-height: 4.4em;
  padding-bottom: .3em;
  color: #666666;
  position: relative;
  overflow: hidden;
}

.tab-row .tr-cont .show-more {
  position: absolute;
  top: 2.8em;
  right: 0;
  width: 100%;
  height: 1.6em;
  background-color: #f7f7f7;
  text-align: right;
  padding-right: 4px;
}

.tab-row .tr-cont.open {
  max-height: none;
}

.tab-row .tr-cont.open .show-more {
  display: none;
}

.tab-row .tr-left {
  font-size: 12px;
  color: #8f8f8f;
  margin-right: 10px;
  margin-bottom: 4px;
}

.tab-row .tr-left .stars {
  margin-top: 4px;
  margin-bottom: 10px;
}

.tab-row .tr-left .info {
  color: #6aa306;
}

.tab-row .tr-right {
  padding-top: 12px;
}

.tab-row .tr-col {
  position: relative;
}

.tab-row .tr-col section .tr-cont {
  min-height: 0;
  margin-bottom: 1em;
}

.tab-row .tr-col section .tr-bot {
  margin-top: -.6em;
  margin-bottom: .6em;
}

.tab-row .tr-col .tab-foot {
  margin-top: 4px;
  margin-bottom: 4px;
}

.tab-row .tr-bot {
  margin-top: 8px;
  margin-bottom: 4px;
}

.tab-row .tr-bot .tb-inf {
  font-size: 12px;
  margin-right: 48px;
}

.tab-row .tr-bot .tb-lnk {
  font-size: 16px;
  font-weight: 700;
  padding-left: 12px;
}

.tab-row .tr-bot .tb-lnk a {
  color: #6aa306;
}

.tab-foot {
  font-size: 16px;
  margin-top: 12px;
  text-align: right;
}

.tab-foot a {
  font-weight: 700;
  color: #6aa306;
}

.wrap>aside .big-size-hdr {
  margin-top: 20px;
  margin-bottom: 12px;
}

.no-gallery .pd-info {
  border-top: 1px solid #e3e3e3;
  padding-top: 12px;
}

/* ==========================================================================
    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 .x-info {
  position: absolute;
  top: 3px;
  right: 44px;
}

.modal-dialog .md-header {
  background: white;
  padding: 28px 28px 28px 12px;
  color: black;
  font-size: 16px;
  font-weight: 700;
}

.modal-dialog .md-header span {
  color: #6aa306;
}

.modal-dialog .md-h-big {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  text-align: center;
}

.modal-dialog .md-body {
  padding: 8px 12px 28px;
  font-size: 15px;
}

.modal-dialog .md-body.md-body-table {
  padding: 0;
}

.modal-dialog .md-row {
  float: left;
  width: 100%;
  border-bottom: 2px solid white;
}

.modal-dialog .md-row.btn-row {
  padding-top: 20px;
  padding-bottom: 20px;
  border: 0;
}

.modal-dialog .md-col {
  float: left;
  width: 100%;
  padding-top: 20px;
  padding-left: 3.45702602230483%;
  padding-right: 3.4502602230483%;
  padding-bottom: 20px;
}

.modal-dialog .md-col.md-col-wide {
  width: 100%;
}

.modal-dialog .md-ico-box {
  float: left;
  padding-top: 10px;
}

.modal-dialog .md-ico-box~div {
  margin-left: 80px;
}

.modal-dialog .md-c-1 {
  float: left;
  width: 100%;
}

.modal-dialog .md-c-2 {
  margin-top: 20px;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

.modal-dialog .md-c-3 {
  float: left;
  width: 100%;
}

.modal-dialog .md-product-image {
  display: none;
  visibility: hidden;
}

.modal-dialog .form-row {
  float: left;
  width: 100%;
  margin-bottom: 16px;
}

.modal-dialog .form-row.more-space {
  margin-top: 20px;
}

.modal-dialog .form-row .label {
  width: 23%;
  margin-right: 3%;
  float: left;
  text-align: right;
  line-height: 1.2em;
  margin-top: 6px;
}

.modal-dialog .form-row .text {
  width: 74%;
  float: left;
}

.modal-dialog .form-row .stars {
  float: left;
  margin-top: 8px;
}

.modal-dialog .form-row p.text {
  margin-top: 4px;
}

.modal-dialog .form-row input.text[type="file"] {
  margin-top: 6px;
}

.modal-dialog .form-row.chck-row .label {
  margin-top: 0;
}

.modal-dialog .form-row.btn-row {
  padding-top: 10px;
  margin-bottom: 0;
}

.modal-dialog .form-row .srch-row {
  position: relative;
}

.modal-dialog .form-row .srch-row input {
  width: 100%;
}

.modal-dialog .form-row .srch-row button {
  width: 35px;
  height: 30px;
  background-color: white;
  position: absolute;
  top: 1px;
  right: 1px;
}

.modal-dialog .form-row select.text {
  height: 7em;
}

.modal-dialog .btn-row .btn-ok {
  margin-bottom: 20px;
}

.modal-dialog .label.req:after {
  content: "*";
  color: #6aa306;
}

.modal-dialog textarea.text {
  height: 7.5em;
}

.modal-dialog .err-msg {
  float: left;
  width: 100%;
  text-align: center;
}

.modal-dialog .small-info {
  display: none;
}

.modal-dialog .msg-row {
  padding: 30px 0;
}

.modal-dialog .form-newsl-box {
  margin-left: 0;
}

.modal-dialog .md-tasks {
  float: left;
  width: 100%;
}

.modal-dialog .md-tasks>div {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #4a4f54;
  margin: 10px 0;
  padding: 0 10px;
}

.modal-dialog .md-tasks>div img {
  max-width: 54px;
}

.modal-dialog .md-tasks div.md-info {
  text-align: left;
  margin: 0 0 10px;
  width: 100%;
}

.modal-dialog .md-tasks .txt {
  display: block;
  margin: 10px 0 0;
  padding: 0 5px;
}

.modal-dialog .md-tasks .txt a {
  color: #4a4f54;
}

.modal-dialog .md-tasks .num {
  display: block;
  font-size: 21px;
  font-weight: 700;
}

.modal-dialog .md-badge {
  float: left;
  width: 20%;
  margin-right: 5%;
  text-align: center;
}

.modal-dialog .md-progress {
  float: left;
  width: 75%;
  margin-top: 26px;
}

.modal-dialog .md-progress .mdp-line {
  float: left;
  width: 100%;
  height: 5px;
  background-color: #d7d7d7;
}

.modal-dialog .md-progress .mdp-line span {
  float: left;
  height: 100%;
  background-color: #6aa306;
}

.modal-dialog .md-progress .mdp-perc {
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  color: #4a4f54;
  text-transform: uppercase;
  text-align: right;
  margin-top: 8px;
}

.modal-dialog .btn-cancel {
  border-color: transparent;
}

.modal-dialog a:not([class]) {
  color: #6aa306;
}

#add-answer-dialog .form-row .label {
  width: 25%;
  font-size: 13px;
}

#add-answer-dialog .form-row .text {
  width: 72%;
}

#add-answer-dialog .form-row .err-msg {
  padding-left: 28%;
}

#share-dialog .form-row .label {
  width: 40%;
  font-size: 13px;
}

#share-dialog .form-row .text {
  width: 57%;
}

#share-dialog .form-row:first-child input.text {
  margin-top: 7px;
}

/* ==========================================================================
    Other - site specific styles
   ========================================================================== */
.join-box {
  padding: 24px;
  color: #383838;
  margin-top: 24px;
}

.join-box img {
  max-width: 100%;
}

.join-box .jb-img-cont {
  text-align: center;
}

.join-box hr {
  margin: 20px 0;
}

.join-box p {
  margin: 20px 0;
}

.join-box .v-big-size-hdr {
  line-height: 1.2;
}

.join-box .mid-size-hdr {
  line-height: 1.2;
}

.join-box .mid-size-hdr.main-color {
  margin-bottom: 20px;
}

.join-box ol li {
  margin-bottom: 6px;
}

.panel-grad-view-dark {
  background: url("/resources/muve/img/panel-view-dark.svg") repeat-y;
}

.col-label {
  padding: 16px;
  font-size: 18px;
}

.col-label span {
  display: none;
}

.col-counter {
  padding: 16px;
  background-color: #6aa306;
  color: #6aa306;
}

/* big counter */
.big-counter {
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.big-counter div {
  display: block;
  float: left;
  margin-bottom: 6px;
}

.big-counter .day span,
.big-counter .hour span,
.big-counter .minute span,
.big-counter .second span {
  padding-bottom: 2px;
  background-color: white;
  display: block;
  width: 32px;
  margin-right: 2px;
  float: left;
  font-size: 48px;
  line-height: 1;
}

.big-counter .day {
  margin-right: 25px;
  margin-left: 0;
}

.big-counter .hour {
  clear: left;
}

.big-counter .second {
  margin-right: 0;
}

.big-counter p {
  float: left;
  padding: 14px 10px;
  color: white;
  text-transform: uppercase;
}

@media only screen and (max-width: 716px) {
  .big-counter div {
    margin-right: 5px;
  }

  .big-counter .day {
    margin-right: 5px;
  }

  .big-counter .hour {
    clear: none;
  }

  .big-counter .day span,
  .big-counter .hour span,
  .big-counter .minute span,
  .big-counter .second span {
    padding-bottom: 0;
    font-size: 16px;
    width: 12px;
  }

  .big-counter p {
    padding: 1px 2px;
    font-size: 12px;
  }
}

@media only screen and (max-width: 369px) {
  .big-counter .day span,
  .big-counter .hour span,
  .big-counter .minute span,
  .big-counter .second span {
    font-size: 14px;
    width: 10px;
  }

  .big-counter p {
    font-size: 10px;
  }
}

.color-filters {
  padding: 0 0 20px;
  text-align: center;
}

.color-filters .cf-elem {
  margin: 10px 3px;
  vertical-align: top;
}

.color-filters .cf-elem,
.color-filters span {
  display: inline-block;
}

.color-filters>span {
  vertical-align: top;
}

.color-filters .s-label {
  margin-left: 4px;
  margin-right: 4px;
  font-size: 1.25em;
}

.color-filters select {
  max-width: 170px;
  min-width: 100px;
}

.up-down-btns {
  display: inline-block;
}

.up-down-btns button {
  display: inline-block;
  width: 32px;
  height: 31px;
  background-color: #6aa306;
}

.color-filters .up-down-btns button {
  background-color: transparent;
}

.color-filters .up-down-btns button.act {
  background-color: #6aa306;
}

.box-bg-1 {
  background-color: #74b00c;
}

.box-bg-2 {
  background-color: #128056;
}

.box-bg-3 {
  background-color: #0caeb0;
}

.box-bg-4 {
  background-color: #4db78e;
}

.box-bg-5 {
  background-color: #199d6a;
}

.box-bg-6 {
  background-color: #345b5c;
}

.society-area {
  /*    .sac-ico{
        background: url('/resources/muve/img/society-sprite.png') no-repeat;
        display: inline-block;
        width: 105px;
        height: 44px;
        -webkit-background-size: 480px 44px;
        background-size: 480px 44px;
        margin-bottom: 10px;
    }*/
}

.society-area .sa-container {
  color: white;
  margin-bottom: 20px;
}

.society-area .sa-container a {
  color: white;
}

.society-area .sa-img {
  display: none;
}

.society-area .sa-item-2,
.society-area .sa-item {
  float: left;
  height: 150px;
  overflow: hidden;
  padding: 3% 4% 0 5%;
  font-size: 12px;
  line-height: 1em;
}

.society-area .sa-item-2 h4,
.society-area .sa-item h4 {
  text-transform: uppercase;
  font-size: 13px;
}

.society-area .sa-item {
  width: 50%;
}

.society-area .sa-item .und-hdr {
  font-size: 11px;
}

.society-area .sa-item p.bold {
  padding: 1.5% 0 3%;
}

.society-area .sa-item a {
  font-size: 12px;
  margin-top: 10px;
  display: inline-block;
}

.society-area .sa-item-2 {
  width: 100%;
}

.society-area .sa-item-2 h3 {
  font-size: 20px;
  line-height: 1em;
  margin-bottom: 4px;
}

.society-area .sa-item-2 h3,
.society-area .sa-item-2 h4 {
  margin-bottom: 10px;
}

.society-area .sac-1 {
  background-color: #74b00c;
  padding: 10% 8% 0 10%;
}

.society-area .sac-1 .badge {
  float: left;
}

.society-area .sac-1 h3 {
  margin-left: 68px;
  text-transform: uppercase;
}

.society-area .sac-1 p {
  margin-left: 68px;
  line-height: 1.2em;
}

.society-area .p-ic {
  margin-bottom: 10px;
  width: 105px;
  height: 44px;
}

.society-area .p-ic img {
  max-width: 100%;
}

.society-area .sac-2 {
  background-color: #128056;
  /*        .sac-ico{
            background-position: 0 0;
        }*/
}

.society-area .sac-3 {
  background-color: #0caeb0;
  /*        .sac-ico{
            background-position: -105px 0;
        }*/
}

.society-area .sac-4 {
  background-color: #4db78e;
  /*        .sac-ico{
            background-position: -211px 0;
        }*/
}

.society-area .sac-5 {
  background-color: #199d6a;
  /*        .sac-ico{
            background-position: -316px 0;
        }*/
}

.society-area .sac-6 {
  background-color: #345b5c;
  /*        .sac-ico{
            background-position: -423px 0;
            width: 56px;
        }*/
}

.society-area .sac-6 .p-ic {
  float: left;
  margin-left: 0;
  width: 56px;
}

.society-area .sac-6 h4,
.society-area .sac-6 p {
  margin-left: 72px;
}

.society-area .sac-6 .border-btn {
  margin-top: 20px;
  font-size: 12px;
}

.society-area .sac-6 h4 {
  margin-top: 10px;
}

.society-area {
  /*
    //margin-top: 20px;
    max-width: $gr-item-width * 2 + 1;
    margin-right: auto;
    margin-left: auto;

    .sa-container{
        position: relative;
        color: $white;
        margin-bottom: 20px;

        a{
            color: $white;
        }
    }
    .sa-activity{
        //margin-bottom: 20px;
    }

    .sa-item-2, .sa-item{
        float: left;
        overflow: hidden;
        font-size: 12px;
        line-height: 1em;

        h4{
            text-transform: uppercase;
            font-size: 13px;
        }
        .badge{
            float: left;

            + h3, + h4, ~ p{
                margin-left: 68px;
            }
        }
    }
    .sa-item{
        width: 50%;

        .sa-inner{
            height: 0;
            padding: 5% 4% 95% 6%;

            &.sa-img{
                padding: 0 0 100%;
            }
        }


        .und-hdr{
            font-size: 11px;
        }
        p.bold{
            padding: 1.5% 0 3%;
        }
        a{
            font-size: 12px;
            margin-top: 10px;
            display: inline-block;
        }
    }
    .sa-item-2{
        width: 100%;

        .sa-inner{
            padding: 5%;

            &.sa-img{
                padding: 0;
            }

            &.sa-badge-box{
                padding: 8%;
            }
        }


        h3{
            font-size: 20px;
            line-height: 1em;
            margin-bottom: 4px;
        }
        h3, h4{
            margin-bottom: 10px;
        }

        .p-ic{
            float:left;
            margin-left: 0;
            width: 56px;
        }

        .p-ic + h4, .p-ic ~ p{
            margin-left: 72px;
        }

        .border-btn{
            margin-top: 20px;
            font-size: 12px;
        }
    }

    .p-ic{
        margin-bottom: 10px;
        width: 105px;
        height: 44px;
        overflow: hidden;

        img{
            max-width: 100%;
            max-height: 100%;
        }
    }

    .sa-img{
        img{
            width: 100%;
        }
    }

    .sa-badge-box{
        h3{
            text-transform: uppercase;
        }
        p{
            line-height: 1.2em;
        }
    }

    .sa-it-2111-212{
        padding-bottom: 50%;

        .sac-5{
            position: absolute;
            bottom: 0;
            left: 0;
        }
    }
    */
  /*    .bottom-l{
        left: 0;
    }*/
}

.society-area .gr-item .wrap-hdr {
  padding: 0;
  text-align: left;
  font-weight: 700;
  line-height: 1.1;
}

.society-area .bottom-r {
  position: absolute;
  padding: 0 13px 0 13px;
  bottom: 13px;
  font-size: 12px;
}

.society-area .bottom-r {
  right: 0;
  text-align: right;
}

.society-area .gr-container.gr-bord .gr-item.gr-2 {
  height: auto;
  padding: 13px 13px 13px 13px;
}

.society-area .sa-bg {
  text-align: center;
  margin-bottom: 20px;
}

.society-area .sa-bg img {
  max-width: 100%;
}

.society-area .ase-row {
  float: left;
  width: 100%;
  margin-top: 10px;
  font-size: 12px;
}

.society-area .ase-row img {
  max-width: 100%;
}

.society-area .ase-row hr {
  float: left;
  clear: both;
  width: 50%;
  margin: 5px 25% -5px;
}

.society-area .ase-comment {
  display: block;
  max-height: 22.5em;
  padding-top: 1px;
  overflow: hidden;
  color: #8f8f8f;
  margin-top: 2px;
}

.society-area .ase-thumb {
  margin-top: 3px;
  float: left;
  width: 44px;
  height: 44px;
  overflow: hidden;
}

.society-area .ase-txt {
  margin-left: 57px;
  color: #3e3e3e;
  line-height: 16px;
}

.society-area .ase-txt>p a {
  color: #6aa306;
  font-weight: 700;
}

.society-area .ase-hdr {
  font-size: 12px;
  line-height: 1.4;
  font-weight: 700;
  color: black;
  margin-bottom: 6px;
}

.society-area .ase-time {
  font-size: 10px;
  margin-top: 2px;
  color: #b5b5b5;
}

.society-area .ase-image {
  display: none;
}

.society-area .sa-cont {
  overflow: hidden;
}

.society-area .list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.society-area .list li {
  border-top: 3px #e3e3e3 solid;
  padding: 13px;
  color: #666666;
  position: relative;
}

.society-area .list li:first-child {
  border-top: 0;
}

.society-area .list li.highlight .ur-numb {
  border-color: #74b00c;
  color: #74b00c;
}

.society-area .list .nick {
  display: inline-block;
  width: 75%;
  padding-left: 40px;
  color: #74b00c;
  font-weight: 700;
  padding-bottom: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.society-area .list .nick a {
  color: #74b00c;
}

.society-area .list .lvl {
  display: none;
}

.society-area .list .points {
  position: relative;
  display: inline-block;
  float: right;
}

.society-area .list-con-fixed {
  z-index: 1;
  bottom: 1px;
  left: 0;
  width: 100%;
}

.society-area .list-con-fixed ul li:first-child {
  border-top: 0;
}

.society-area .list-con-fixed li {
  background-color: rgba(0, 0, 0, 0.53);
  border: 0;
  color: #fff;
  padding-right: 63px;
}

.society-area .list-con-fixed li .nick a,
.society-area .list-con-fixed li a.nick,
.society-area .list-con-fixed li span.nick {
  color: #fff;
}

.society-area .list-con-fixed li.highlight {
  background-color: rgba(106, 163, 6, 0.7);
}

.society-area .list-con-fixed .list li .ur-numb {
  color: #fff;
  border-color: #fff;
}

.society-area .ur-numb {
  border: 3px solid #666666;
  font-weight: 700;
  font-size: 1.2em;
  line-height: 1.5em;
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font-size: 14px;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 15px;
}

.society-area .sa-tabs-hdr {
  margin: -13px -13px 0 -13px;
}

.society-area .sa-tabs-hdr a.wrap-hdr {
  float: left;
  width: 50%;
  background-color: #e3e3e3;
  padding: 13px 0 13px 13px;
}

.society-area .sa-tabs-hdr a.wrap-hdr.act {
  background-color: white;
}

#comments-container .ase-row:nth-child(1n+6) {
  display: none;
}

#comments-container .ase-txt>p {
  color: #6aa306;
}

#activity-list .ase-row:nth-child(1n+8) {
  display: none;
}

#ranking-list li:nth-child(1n+9) {
  display: none;
}

.up-down-list {
  position: relative;
  padding-right: 50px;
}

.up-down-list .with-scroll {
  height: 256px;
  overflow: hidden;
}

.up-down-list .next,
.up-down-list .prev {
  position: absolute;
  right: 3px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.up-down-list .prev {
  top: 10px;
}

.up-down-list .next {
  bottom: 10px;
}

#sa-tabs .sa-cont {
  display: none;
}

#sa-tabs .sa-cont.act {
  display: block;
}

#sa-tabs .sa-cont-rank {
  padding-bottom: 16px;
}

.sac-b-1-3-1 {
  position: relative;
}

.sac-b-1-3-1 .sac-b-1,
.sac-b-1-3-1 .sac-b-2,
.sac-b-1-3-1 .sac-b-3 {
  width: 100%;
}

.sac-boxes .sac-box {
  float: left;
  position: relative;
}

.sac-boxes .sac-box>div {
  float: left;
  width: 100%;
  height: inherit;
  padding: 13px 13px 13px 13px;
}

.sac-boxes .sac-box>div.sac-b-avatar {
  height: 0;
  padding-top: 0;
  padding-bottom: 100%;
}

.sac-boxes .img-center-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
}

.sac-boxes .badge {
  float: left;
}

.sac-boxes .mission-title {
  padding-top: 3%;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1;
  margin-left: 64px;
}

.sac-boxes .mission-hdr {
  clear: left;
  padding-top: 4px;
  margin-bottom: .5em;
  border-bottom: 1px solid white;
  text-transform: uppercase;
}

.sac-boxes .tasks-lnk {
  clear: both;
  float: right;
}

.sac-boxes .overl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

.sac-boxes .down-info {
  position: absolute;
  z-index: 1;
  left: 0;
  padding-left: 13px;
  width: 100%;
  bottom: 4.761904761904762%;
  font-size: 24px;
  color: white;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  line-height: 1;
}

.sac-boxes .down-info .nick {
  width: 100%;
  font-size: 42px;
  word-wrap: break-word;
  margin-bottom: 10px;
}

.sac-boxes .down-info .nick.nick-long {
  font-size: 23px;
}

.sac-boxes .down-info .gold,
.sac-boxes .down-info .silver {
  font-size: 27px;
  padding-top: 2px;
}

.sac-boxes .down-info .gold .ico,
.sac-boxes .down-info .silver .ico {
  margin-right: 6px;
}

.sac-boxes .down-info .gold .i-gold-white {
  background-position: -404px -118px;
  width: 30px;
  height: 24px;
  -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.7));
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.7));
}

.sac-boxes .down-info .silver .i-silver {
  width: 30px;
  -webkit-filter: drop-shadow(1px 1px 0px rgba(255, 255, 255, 0.5));
  filter: drop-shadow(1px 1px 0px rgba(255, 255, 255, 0.5));
}

.sac-boxes .big-hdr {
  font-size: 20px;
  line-height: 1.1;
}

.sac-boxes .space-t-b {
  margin-top: 1.4em;
  margin-bottom: 1.4em;
}

.sac-boxes .sb-reward {
  text-align: center;
}

.sac-boxes .sb-reward img {
  max-width: 100%;
}

.mission-tasks>div {
  float: left;
  margin-bottom: 10px;
}

.mission-tasks .task-img {
  float: left;
}

.mission-tasks .task-img img {
  width: 54px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.mission-tasks .task-txt {
  margin-left: 64px;
  line-height: 1.2;
}

.flexbox .mission-tasks>div {
  display: flex;
  align-items: center;
}

.flexbox .mission-tasks .task-img {
  flex: 0 0 54px;
}

.flexbox .mission-tasks .task-txt {
  margin-left: 10px;
}

.grad-line {
  height: 1px;
  border: 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNCIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NSUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, white 0%, rgba(227, 227, 227, 0.6) 15%, rgba(0, 0, 0, 0.4) 50%, rgba(227, 227, 227, 0.6) 85%, white 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, white), color-stop(15%, rgba(227, 227, 227, 0.6)), color-stop(50%, rgba(0, 0, 0, 0.4)), color-stop(85%, rgba(227, 227, 227, 0.6)), color-stop(100%, white));
  background: -webkit-linear-gradient(left, white 0%, rgba(227, 227, 227, 0.6) 15%, rgba(0, 0, 0, 0.4) 50%, rgba(227, 227, 227, 0.6) 85%, white 100%);
  background: -o-linear-gradient(left, white 0%, rgba(227, 227, 227, 0.6) 15%, rgba(0, 0, 0, 0.4) 50%, rgba(227, 227, 227, 0.6) 85%, white 100%);
  background: -ms-linear-gradient(left, white 0%, rgba(227, 227, 227, 0.6) 15%, rgba(0, 0, 0, 0.4) 50%, rgba(227, 227, 227, 0.6) 85%, white 100%);
  background: linear-gradient(to right, white 0%, rgba(227, 227, 227, 0.6) 15%, rgba(0, 0, 0, 0.4) 50%, rgba(227, 227, 227, 0.6) 85%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

/* promo site */
.gr-header {
  margin-left: -1px;
  padding: 13px 0 13px;
  border: 1px solid #e3e3e3;
  border-bottom: 0;
  color: #4a4f54;
  text-align: center;
  font-size: 12px;
}

.gr-header h2,
.gr-header h3,
.gr-header h4 {
  font-size: 24px;
  text-transform: uppercase;
  line-height: 1;
}

.gr-header p {
  line-height: 1;
}

.gr-highlight.gr-header,
.gr-highlight .gr-item {
  background-color: #ededee;
}

.dble-hdr h2,
.dble-hdr h3,
.dble-hdr h4 {
  margin-top: 1em;
  font-size: 20px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1.2;
}

.dble-hdr h2:first-child,
.dble-hdr h3:first-child,
.dble-hdr h4:first-child {
  font-weight: 700;
}

.dble-hdr h2:last-child,
.dble-hdr h3:last-child,
.dble-hdr h4:last-child {
  margin-bottom: 1em;
}

.left-form {
  max-width: 320px;
}

.left-form .form-row {
  line-height: 1.6;
  color: #717171;
  margin-bottom: 10px;
}

.left-form input[type="radio"] {
  vertical-align: top;
  margin-top: .3em;
  margin-right: 10px;
}

.left-form textarea {
  margin-top: 10px;
  margin-bottom: 10px;
}

#share-btns {
  padding-bottom: 20px;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  margin-top: 20px;
}

#share-btns .btn-col {
  float: left;
  margin: 20px 20px 0 0;
}

.top-login-bar.icons-only.always-visible {
  display: block;
  margin-top: 14px;
}

.top-login-bar.icons-only.always-visible .info-ico-box {
  float: left;
  width: 50%;
  padding-bottom: 20px;
}

.top-login-bar.icons-only.always-visible .info-ico-box {
  display: block;
  text-align: center;
}

.top-login-bar.icons-only.always-visible .info-ico-box .iib-i {
  display: inline-block;
  border: 2px solid #3b3b3b;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 52px;
  height: 52px;
}

.top-login-bar.icons-only.always-visible .info-ico-box .iib-i img {
  max-width: 69.354838709677419354838709677419%;
  margin-top: 14.516129032258064516129032258065%;
}

.top-login-bar.icons-only.always-visible .info-ico-box .iib-h {
  color: #6aa306;
  font-size: 13px;
  text-transform: uppercase;
  padding-top: 6px;
  line-height: 1.2;
  font-weight: 700;
}

.wrap>.top-login-bar.icons-only.always-visible:first-child {
  margin-top: 0;
  margin-bottom: 14px;
}

.wrap.site-view-top-pad>.top-login-bar.icons-only.always-visible:first-child {
  margin-top: -19px;
  margin-bottom: 24px;
}

.tb-gold-info-old {
  color: #ba0808;
  font-size: .92857142857em;
}

.tb-gold-info-small {
  font-size: 10px;
  padding: 0;
  white-space: nowrap;
  float: right;
}

/* ==========================================================================
    Media Queries for Responsive Design.
   ========================================================================== */
@media only screen and (max-width: 319px) {

  /* ==========================================================================
       Top rotator, top baner
       ========================================================================== */
  #main-rot-box .sl-image,
  #category-top-banner .sl-image {
    min-height: 48px;
  }

  #main-rot-box .sl-image h2,
  #category-top-banner .sl-image h2 {
    width: 80%;
  }

  #main-rot-box .sl-descr,
  #category-top-banner .sl-descr {
    font-size: 15px;
  }

  #main-rot-box .sl-price,
  #category-top-banner .sl-price {
    font-size: 15px;
    padding: 12px 0;
  }

  #main-rot-box .sl-btn,
  #category-top-banner .sl-btn {
    font-size: 15px;
  }

  /* ==========================================================================
       Main content, Grid, Product box
       ========================================================================== */
  .gr-5col-triple-box .gtb-2 .border-btn,
  .gr-5col-triple-box .gtb-3 .border-btn {
    display: none;
  }

  /* ==========================================================================
       Filters
       ========================================================================== */
  #filters-bar .filters-sort .sel-sort select {
    width: 100%;
  }

  /* ==========================================================================
       Other - site specific styles
       ========================================================================== */
  /*.society-area{
        .p-ic, .badge{
            display: none;
        }
        .sa-item-2, .sa-item{
            .badge{
                + h3, + h4, ~ p{
                    margin-left: 0;
                }
            }
        }
        .sa-item-2{
            .p-ic{
                + h4, ~ p{
                    margin-left: 0;
                }
            }
        }
    }*/
}

@media only screen and (min-width: 445px) {

  /* ==========================================================================
       Main content, Grid, Product box
       ========================================================================== */
  div.main-content .wrap.site-view-top-pad {
    padding-top: 43px;
  }

  .gr-container {
    /*        &.singe-row-slider{
            height: $gr-item-height;
            .gr-item:nth-child(n+3){
                display: inline-block;
            }
        }*/
    /*
        &.osv-is-gr-2{
            .gr-item:nth-child(5), .gr-item:nth-child(6){
                margin-bottom: $gr-item-height;
            }
            .gr-item:nth-child(8){
                margin-top: -$gr-item-height * 2 + 1;
            }
            .gr-item:nth-child(9){
                margin-top: -$gr-item-height;
                margin-right: 0;
            }
        }
        */
  }

  .gr-container .gr-item {
    width: 210px;
    padding: 18px 18px 18px 18px;
    height: 317px;
  }

  .gr-container .gr-item.gr-2 {
    width: 420px;
  }

  .gr-container .gr-item.gr-3 {
    width: 630px;
  }

  .gr-container .gr-item.gr-4 {
    width: 840px;
  }

  .gr-container .gr-item span.thumb {
    width: 174px;
    margin-left: 0;
    margin-right: 0;
    height: 241px;
  }

  .gr-container .gr-item>a:first-child {
    padding: 0;
  }

  .gr-container .gr-item a.btn {
    width: 75px;
    height: 30px;
    bottom: 18px;
    right: 18px;
    font-size: 17px;
  }

  .gr-container .gr-item a.btn span.ico {
    vertical-align: middle;
    margin-top: -2px;
  }

  html[lang="cs"] .gr-container .gr-item a.btn {
    font-size: 12px;
  }

  .gr-container .gr-item .prod-shop {
    padding-top: 8px;
    height: 40px;
    padding-right: 86px;
  }

  .gr-container .gr-item .prod-shop span.prod-price {
    font-size: 17px;
    margin-left: -18px;
  }

  .gr-container .gr-item .prod-shop span.prod-aval {
    font-size: 12px;
  }

  .gr-container .gr-item .prod-shop.price-only {
    padding-top: 14px;
  }

  .gr-container .gr-item .prod-shop .prod-old-price {
    bottom: 30px;
    padding-top: 8px;
    padding-right: 86px;
    font-size: 14px;
  }

  .gr-container .gr-item.gr-2:not(.no-hov-item) {
    /*                &.hover{
                    div.desc{
                        width: auto;
                        right: 50%;
                        margin-right: $gr-item-pad-right;
                    }
                }*/
  }

  .gr-container .gr-item.gr-2:not(.no-hov-item) span.thumb {
    width: 174px;
    padding-right: 0;
    position: relative;
  }

  .gr-container .gr-item.gr-2:not(.no-hov-item) .prod-info {
    padding-bottom: 0;
    height: auto;
  }

  .gr-container .gr-item.gr-2:not(.no-hov-item) .prod-shop {
    padding-right: 86px;
  }

  .gr-container .gr-item.gr-2:not(.no-hov-item) .more-desc {
    left: 192px;
    width: 192px;
    padding-right: 0;
  }

  .gr-container .gr-item.gr-2.no-hov-item span.thumb {
    width: 100%;
  }

  .gr-container .single-row-box {
    height: 317px;
  }

  .gr-container .single-row-box .gr-item:nth-child(n+3) {
    display: inline-block;
  }

  .gr-container .double-row-box {
    height: 634px;
  }

  .gr-container .double-row-box .gr-item:nth-child(n+5) {
    display: inline-block;
  }

  .gr-container.gr-bord .double-row-box {
    height: 633px;
  }

  .gr-container.gr-bord .gr-inner {
    margin-right: 0;
  }

  .gr-container.gr-bord .gr-inner.is-gr-2 {
    padding-left: 1px;
    margin-right: 0;
  }

  .gr-container.gr-bord .gr-inner.is-gr-2 .gr-item {
    margin-left: -1px;
  }

  .gr-container.gr-bord .gr-item {
    width: 211px;
    margin-right: 0;
  }

  .gr-container.gr-bord .gr-item.gr-2 {
    width: 421px;
  }

  .gr-container.gr-bord .gr-item.gr-3 {
    width: 631px;
  }

  .gr-container.gr-bord .gr-item.gr-4 {
    width: 841px;
  }

  .gr-container.gr-bord .gr-item.gr-2,
  .gr-container.gr-bord .gr-item.gr-3,
  .gr-container.gr-bord .gr-item.gr-4 {
    margin-left: -1px;
    border-left-width: 1px;
  }

  .gr-container.gr-bord .gr-item span.thumb {
    width: 173px;
  }

  .gr-container.gr-bord .gr-item.gr-2:not(.no-hov-item) span.thumb {
    width: 173px;
  }

  .gr-container.promoslider {
    height: 1897px;
  }

  .gr-container.promoslider .promo-small-box .gr-item:nth-child(4n) {
    margin-bottom: 316px;
  }

  .gr-container.promoslider .promo-big-box1 {
    top: 632px;
    right: 0;
    height: 317px;
    margin-top: 0;
  }

  .gr-container.promoslider .promo-big-box2 {
    top: 1580px;
    right: 0;
    height: 317px;
    margin-top: 0;
  }

  .gr-container.promoslider.only-one-big {
    height: 1581px;
  }

  .no-touch .gr-item.gr-2.hover:not(.no-hov-item) div.desc {
    width: 173px;
    padding-right: 0;
  }

  .gr-item .dble-el .de-bg {
    margin: 0;
  }

  .gr-item .dble-el .de-cont {
    padding: 36px 36px 36px 36px;
  }

  .gr-item .dble-el .de-cont p {
    font-size: 16px;
    padding-top: 12px;
  }

  .gr-item .prod-title {
    font-size: 18px;
    min-height: 4.4em;
  }

  .gr-item .prod-cat {
    font-size: 15px;
  }

  .gr-item .prod-stars {
    padding: 2px 0 12px;
  }

  .gr-item .prod-bonus {
    display: block;
    font-size: 12px;
    color: #a9a3a3;
  }

  .gr-item .prod-bonus b {
    color: black;
    display: block;
  }

  .gr-item .more-desc {
    font-size: 12px;
  }

  .gr-item .more-desc h3,
  .gr-item .more-desc h4 {
    font-size: 18px;
  }

  .gr-item .more-desc li:before {
    font-size: 8px;
    padding-top: 1px;
  }

  .gr-item .second-btn-cont {
    right: 18px;
    left: 18px;
    bottom: 56px;
  }

  .gr-item .second-btn-cont a.btn {
    bottom: 8px;
    right: 0;
  }

  .gr-5col-triple-box {
    padding: 18px 18px 18px 18px;
  }

  .gr-equal-60 {
    height: 190px;
  }

  .gr-equal-60>div {
    height: 100%;
  }

  .gr-equal-60 .img-box {
    overflow: hidden;
  }

  .gr-equal-60 .img-box img {
    max-width: none;
    max-height: 100%;
    float: right;
  }

  /* promo site */
  .gr-header {
    margin-right: 1px;
    padding: 18px 0 18px;
  }

  .gr-header h2,
  .gr-header h3,
  .gr-header h4 {
    font-size: 24px;
  }

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

  .gr-space-bot {
    margin-bot: 18px;
  }

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

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

  .dble-hdr h2,
  .dble-hdr h3,
  .dble-hdr h4 {
    font-size: 24px;
  }

  /* ==========================================================================
       Filters
       ========================================================================== */
  #filters-bar .filters-sort .sel-sort {
    width: auto;
    float: right;
  }

  .filter-lnk .col50:first-child {
    padding-right: 1px;
  }
}

@media only screen and (min-width: 445px) and (max-width: 506px) {

  /* ==========================================================================
       Main content, Grid, Product box
       ========================================================================== */
  .gr-container {
    width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .gr-container.gr-bord {
    width: 421px;
    margin-left: auto;
    margin-right: auto;
  }

  .gr-item .dble-el .de-cont {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .gr-5col-triple-box {
    width: 421px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 420px) {

  #foot .p-info span:not(:first-child),
  #foot .p-info span.paysafecard {
    margin-left: 3%;
  }
}

@media only screen and (min-width: 507px) {

  /* ==========================================================================
       Head, Main nav
       ========================================================================== */
  #head .logo,
  #head .login,
  #head .shop,
  #head .usermanage,
  #head .notification {
    /*-webkit-transition: width 0.3s ease-out, margin-right 0.3s ease-out, margin-left 0.3s ease-out, padding-right 0.3s ease-out, padding-left 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, height 0.3s ease-out, margin-top 0.3s ease-out, margin-bottom 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
    -moz-transition: width 0.3s ease-out, margin-right 0.3s ease-out, margin-left 0.3s ease-out, padding-right 0.3s ease-out, padding-left 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, height 0.3s ease-out, margin-top 0.3s ease-out, margin-bottom 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
    -o-transition: width 0.3s ease-out, margin-right 0.3s ease-out, margin-left 0.3s ease-out, padding-right 0.3s ease-out, padding-left 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, height 0.3s ease-out, margin-top 0.3s ease-out, margin-bottom 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
    transition: width 0.3s ease-out, margin-right 0.3s ease-out, margin-left 0.3s ease-out, padding-right 0.3s ease-out, padding-left 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, height 0.3s ease-out, margin-top 0.3s ease-out, margin-bottom 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;*/
  }

  #head .kg-site,
  #head .ua-site {
    float: left;
    width: 100%;
  }

  #head .kg-site {
    padding-right: 10px;
  }

  #head .kg-site .user-lvl-info {
    margin-bottom: 20px;
  }

  #head .ua-site {
    padding-bottom: 10px;
  }

  /* ==========================================================================
       Main content, Grid, Product box
       ========================================================================== */
  div.main-content .wrap {
    width: 507px;
    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;
  }

  .row-cols.small-pad {
    margin-left: -12px;
    margin-right: -12px;
  }

  .row-cols.small-pad .col50 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .col50 {
    width: 50%;
    float: left;
  }

  #product-promo-space {
    width: 507px;
    margin: 0 auto 10px;
    padding-left: 43px;
    padding-right: 43px;
  }

  #product-promo-space div.pps-cont {
    padding: 45px 0 30px;
  }

  #product-promo-space h1 {
    max-width: 100%;
    text-align: left;
  }

  .gr-5col-triple-box .gtb-2 .text-label,
  .gr-5col-triple-box .gtb-3 .text-label {
    font-size: 20px;
  }

  .gr-5col-triple-box .gtb-2 .hdr,
  .gr-5col-triple-box .gtb-3 .hdr {
    font-size: 25px;
  }

  .gr-5col-triple-box .center-box .cont {
    padding-top: 6.789%;
  }

  /* ==========================================================================
       Product
       ========================================================================== */
  .product-gallery {
    width: 420px;
  }

  /*    .product-gallery{
        width: $gr-item-width * 2;
        margin: 0 0 30px;

        .pg-thumbs{

        }
        .next{
            margin-left: 10px;
        }
        .prev{
            margin-right: 10px;
        }
    }*/
  /* ==========================================================================
       Other - site specific styles
       ========================================================================== */
  /*.society-area{
        max-width: none;

        .sa-item, .sa-item-2{
            font-size: 15px;

            h4{
                font-size: 18px;
            }

        }
        .sa-item{
            .sa-inner{
                padding: 8% 4% 92% 10%;

                &.sa-img{
                    padding: 0 0 100%;
                }
            }
            .und-hdr{
                font-size: 14px;
            }
            p.bold{
                padding: 6px 0 0;
            }
            a{
                font-size: 15px;
                margin-top: 16px;
                line-height: 1.4em;
            }
        }
        .sa-item-2{
            h3{
                font-size: 35px;
            }

            .sa-inner{
                padding: 5%;

                &.sa-img{
                    padding: 0;
                }

                &.sa-badge-box{
                    padding: 8%;
                }
            }
        }
    }
    */
  .sac-boxes {
    margin-right: 1px;
  }
}

@media only screen and (max-width: 716px) {
  #head {
    background-color: black;
  }

  .show-popup {
    height: 100%;
  }

  .show-popup body {
    height: 100%;
  }

  .show-popup .main-content {
    height: 0;
    overflow: hidden;
  }

  #main-rot-box {
    overflow: hidden;
  }

  .top-login-bar.icons-only.always-visible .info-ico-box:nth-child(odd) {
    clear: left;
  }

  .top-login-bar.icons-only.always-visible .info-ico-box:nth-child(odd):last-of-type {
    width: 100%;
  }
}

@media only screen and (min-width: 717px) {

  /* ==========================================================================
       Wallpaper
       ========================================================================== */
  #bg {
    top: 64px;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }

  #bg span.net {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: url("/resources/muve//img/bg.png") repeat 0 0;
  }

  #bg span.grad-top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    z-index: 3;
    height: 226px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjkyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjczIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIzIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.73) 22%, rgba(0, 0, 0, 0.23) 69%, rgba(0, 0, 0, 0.06) 88%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.92)), color-stop(22%, rgba(0, 0, 0, 0.73)), color-stop(69%, rgba(0, 0, 0, 0.23)), color-stop(88%, rgba(0, 0, 0, 0.06)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.73) 22%, rgba(0, 0, 0, 0.23) 69%, rgba(0, 0, 0, 0.06) 88%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.73) 22%, rgba(0, 0, 0, 0.23) 69%, rgba(0, 0, 0, 0.06) 88%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.73) 22%, rgba(0, 0, 0, 0.23) 69%, rgba(0, 0, 0, 0.06) 88%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.73) 22%, rgba(0, 0, 0, 0.23) 69%, rgba(0, 0, 0, 0.06) 88%, rgba(0, 0, 0, 0) 100%);
  }

  #bg span.grad-bot {
    display: block;
    height: 304px;
    position: absolute;
    z-index: 3;
    top: 896px;
    left: 0;
    right: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjM4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjg3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjk3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.07) 11%, rgba(0, 0, 0, 0.18) 22%, rgba(0, 0, 0, 0.38) 39%, rgba(0, 0, 0, 0.64) 58%, rgba(0, 0, 0, 0.87) 78%, rgba(0, 0, 0, 0.97) 90%, black 95%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(11%, rgba(0, 0, 0, 0.07)), color-stop(22%, rgba(0, 0, 0, 0.18)), color-stop(39%, rgba(0, 0, 0, 0.38)), color-stop(58%, rgba(0, 0, 0, 0.64)), color-stop(78%, rgba(0, 0, 0, 0.87)), color-stop(90%, rgba(0, 0, 0, 0.97)), color-stop(95%, black), color-stop(100%, black));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.07) 11%, rgba(0, 0, 0, 0.18) 22%, rgba(0, 0, 0, 0.38) 39%, rgba(0, 0, 0, 0.64) 58%, rgba(0, 0, 0, 0.87) 78%, rgba(0, 0, 0, 0.97) 90%, black 95%, black 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.07) 11%, rgba(0, 0, 0, 0.18) 22%, rgba(0, 0, 0, 0.38) 39%, rgba(0, 0, 0, 0.64) 58%, rgba(0, 0, 0, 0.87) 78%, rgba(0, 0, 0, 0.97) 90%, black 95%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.07) 11%, rgba(0, 0, 0, 0.18) 22%, rgba(0, 0, 0, 0.38) 39%, rgba(0, 0, 0, 0.64) 58%, rgba(0, 0, 0, 0.87) 78%, rgba(0, 0, 0, 0.97) 90%, black 95%, black 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.07) 11%, rgba(0, 0, 0, 0.18) 22%, rgba(0, 0, 0, 0.38) 39%, rgba(0, 0, 0, 0.64) 58%, rgba(0, 0, 0, 0.87) 78%, rgba(0, 0, 0, 0.97) 90%, black 95%, black 100%);
  }

  #bg span.bg-cont {
    height: 1200px;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -o-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
  }

  #bg span.bg-cont.hide {
    opacity: 0;
  }

  #bg div.player {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    padding-top: 56.25%;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in;
    -moz-transition: opacity 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
  }

  #bg div.player span.grad-bot {
    top: auto;
    bottom: 0;
  }

  #bg div.player iframe,
  #bg div.player video {
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    background-color: transparent;
  }

  #bg div.player iframe.showme,
  #bg div.player video.showme {
    z-index: 1;
  }

  #bg div.player.act {
    -webkit-transition: opacity 1.5s ease-out;
    -moz-transition: opacity 1.5s ease-out;
    -o-transition: opacity 1.5s ease-out;
    transition: opacity 1.5s ease-out;
    opacity: 1;
  }

  #bg span.bg-cont.hide~span.grad-bot {
    opacity: 0;
  }

  .lt-ie9 #bg span.grad-top {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb000000', endColorstr='#00000000', GradientType=0);
  }

  .lt-ie9 #bg span.grad-bot {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
  }

  /* ==========================================================================
       Head, Main nav
       ========================================================================== */
  #head {
    height: 64px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  #head .logo {
    width: 27.60416666666667%;
    margin-right: 0.5208333333333333%;
  }

  #head .logo .ico {
    margin-top: 14px;
  }

  #head .beta {
    font-size: 22px;
    margin-top: 25px;
    margin-left: 4px;
  }

  #head .open-search,
  #head .login,
  #head .shop,
  #head .logo {
    height: 100%;
    border: 0;
  }

  #head .search {
    position: relative;
    z-index: 1;
    width: 248px;
    height: auto;
    border: 0;
  }

  #head .search.hover {
    background-color: transparent;
  }

  #head .search button.open-search {
    display: none;
  }

  #head .search .field {
    display: none;
  }

  #head .search .form-cont {
    background-color: transparent;
    position: static;
    display: block;
    padding: 15px 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  #head .search .form-cont input {
    width: 213px;
    border-color: rgba(255, 255, 255, 0.4);
    height: 33px;
    font-size: 13px;
    background-color: transparent;
    color: white;
  }

  #head .search .form-cont input.error {
    border-color: #ba0808;
  }

  #head .search .form-cont button {
    width: 35px;
    height: 33px;
    background-color: rgba(255, 255, 255, 0.4);
    margin-right: 0;
  }

  #head .search .form-cont input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
  }

  #head .search .form-cont input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
  }

  #head .search .form-cont input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: 1;
  }

  #head .search .form-cont input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: 1;
  }

  #head .search .form-cont input.placeholder {
    color: rgba(255, 255, 255, 0.7);
  }

  #head .notification {
    display: block;
    position: relative;
    height: 100%;
    float: left;
    text-align: center;
    vertical-align: top;
    padding: 4px 9px 5px;
  }

  #head .notification .notif {
    position: absolute;
    top: 4px;
    right: 21px;
  }

  #head .notification .i-cloud {
    margin-top: 7px;
  }

  #head .usermanage {
    position: absolute;
    top: 11px;
    right: 14%;
    height: 44px;
  }

  #head .usermanage.user-logged {
    right: 11%;
  }

  #head .usermanage.user-logged .login {
    padding-bottom: 5px;
    margin-right: 0;
  }

  #head .usermanage.user-logged .login img.thumb {
    margin-top: 2px;
  }

  #head .login {
    padding: 4px 9px 8px;
  }

  #head .login .i-human {
    margin-top: 0;
  }

  #head .login>.ico {
    display: inline-block;
  }

  #head .shop {
    padding: 4px 9px 9px;
  }

  #head .shop .i-basket {
    margin-top: 8px;
  }

  #head .login,
  #head .shop,
  #head .notification {
    position: relative;
    width: auto;
  }

  #head .login .ico,
  #head .shop .ico,
  #head .notification .ico {
    vertical-align: top;
  }

  #head .login .i-arr-d,
  #head .shop .i-arr-d,
  #head .notification .i-arr-d {
    margin-left: 5px;
    margin-top: 13px;
  }

  #head .login span.field,
  #head .shop span.field,
  #head .notification span.field {
    left: 0;
    width: 100%;
  }

  #head .notify-cont {
    text-align: center;
  }

  #head .notify-cont div.cf,
  #head .notify-cont div.gr-only,
  #head .notify-cont div.row-cols {
    text-align: left;
    position: relative;
    padding: 2px 0;
    font-style: italic;
    line-height: 1.2em;
    margin-bottom: 5px;
    word-wrap: break-word;
  }

  #head .notify-cont div.cf div.not-txt,
  #head .notify-cont div.gr-only div.not-txt,
  #head .notify-cont div.row-cols div.not-txt {
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-52%);
    max-height: 3.8em;
    overflow: hidden;
    padding: 2px 4px 2px 0;
  }

  #head .notify-cont div.cf div.not-txt:first-child,
  #head .notify-cont div.gr-only div.not-txt:first-child,
  #head .notify-cont div.row-cols div.not-txt:first-child {
    position: static;
    transform: none;
  }

  #head .notify-cont div.cf img,
  #head .notify-cont div.gr-only img,
  #head .notify-cont div.row-cols img {
    max-width: 42px;
  }

  #head .notify-cont div.cf a:not([class]),
  #head .notify-cont div.gr-only a:not([class]),
  #head .notify-cont div.row-cols a:not([class]) {
    display: inline;
  }

  #head .notify-cont h4 {
    font-style: normal;
  }

  #head .notify-cont h4 a {
    font-size: smaller;
  }

  #head .shop-cont .more-products-box {
    width: 100%;
    float: none;
  }

  #head .shop-cont .more-products-box .simple-btn {
    margin-top: -29px;
  }

  #head .login-cont,
  #head .notify-cont,
  #head .shop-cont {
    left: auto;
    right: 0;
    min-width: 380px;
  }

  html[lang="cs"] #head .login-cont,
  html[lang="cs"] #head .notify-cont,
  html[lang="cs"] #head .shop-cont {
    min-width: 410px;
  }

  #head .user-logged .login-cont a {
    margin-top: 4px;
  }

  #head .info-msg {
    right: 0;
    top: 54px;
    width: 380px;
  }

  #head .ui-autocomplete {
    top: 0;
    /* moved to base
            padding: 8px 0;
            img{
                float: left;
                max-width: 44px;
            }
            li.ui-menu-item{
                padding: 6px 14px;
                border-top: 1px solid rgba(156,156,156,.44);
                &:first-child{
                    border: 0;
                }
                a{
                    color: $open-login-shop-txt-color;
                    text-decoration: none;
                    width: 100%;
                    &:hover, &active{
                        text-decoration: underline;
                    }
                }
                &.ui-state-focus{
                    margin:0;
                    background-color: $nav-selected-bg-color;
                }
            }
            p{
                margin-left: 52px;
                width: 110px;
                &.name{
                    font-weight: $fw-light;
                }
                &.price{
                    font-weight: $fw-bold;
                    color: rgb(55,55,55);
                    padding: 2px 0;
                }
            }*/
  }

  #main-nav {
    width: 67px;
    height: 64px;
  }

  #main-nav .open-nav {
    height: 63px;
    border: 0;
  }

  #main-nav .open-nav span {
    width: 27px;
    margin-left: 20px;
  }

  #main-nav .mn-cont {
    padding-top: 63px;
    width: 274px;
  }

  #main-nav ul.nav a,
  #main-nav ul.nav li>span {
    padding: 10px 4px;
    font-size: 24px;
  }

  .show-nav {
    /*
        #bg, #head, div.main-content{
            //margin-right: $open-nav-width;
            //margin-left: -$open-nav-width;

            transform: translateX(-$open-nav-width);
        }
        */
  }

  .csstransforms3d .show-nav #bg,
  .csstransforms3d .show-nav #head,
  .csstransforms3d .show-nav div.main-content {
    -o-transform: translate3d(-274px, 0, 0);
    -ms-transform: translate3d(-274px, 0, 0);
    -moz-transform: translate3d(-274px, 0, 0);
    -webkit-transform: translate3d(-274px, 0, 0);
    transform: translate3d(-274px, 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(-274px);
    -ms-transform: translateX(-274px);
    -moz-transform: translateX(-274px);
    -webkit-transform: translateX(-274px);
    transform: translateX(-274px);
  }

  .social-bar {
    display: block;
    position: fixed;
    z-index: 12;
    top: 194px;
    right: 3px;
    width: 43px;
    overflow: hidden;
  }

  .social-bar a {
    display: block;
    width: 43px;
    height: 43px;
    margin-bottom: 2px;
    font-size: 9px;
    font-weight: 700;
    text-align: center;
    padding-top: 5px;
  }

  .social-bar a:hover,
  .social-bar a:active {
    opacity: .7;
  }

  .social-bar .forum {
    background-color: #089fd8;
  }

  .social-bar .face {
    background-color: #4a6ea9;
  }

  .social-bar .plus {
    background-color: #3d7998;
  }

  .social-bar .help {
    background-color: #4eb78e;
  }

  .social-bar .yt {
    padding-top: 0;
  }

  .social-bar img {
    max-width: 100%;
  }

  .stickit #return-up {
    visibility: visible;
    opacity: .5;
  }

  .stickit #return-up:hover,
  .stickit #return-up:active {
    opacity: 1;
  }

  #return-up {
    position: fixed;
    z-index: 7899;
    right: 20px;
    bottom: 20px;
    background-color: #fff;
    padding: 10px 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }

  #return-up .ico {
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

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

  div.main-content {
    padding-top: 0px;
  }

  div.main-content .wrap {
    width: 717px;
    padding-top: 24px;
  }

  div.main-content .wrap.site-view-top-pad {
    padding-top: 43px;
  }

  div.main-content .wrap .sec-divider {
    display: block;
  }

  #product-promo-space {
    width: 717px;
    margin-top: 32px;
    margin-bottom: 26px;
  }

  #product-promo-space div.pps-cont {
    padding-bottom: 40px;
  }

  .gr-container {
    /*
        &.osv-is-gr-2{
            .gr-item:nth-child(5), .gr-item:nth-child(6){
                margin-bottom: 0;
            }
            .gr-item:nth-child(8), .gr-item:nth-child(7){
                margin-top: -1px;
            }
            .gr-item:nth-child(9){
                margin-top: -1px;
                float: left;
            }
        }*/
  }

  .gr-container .gr-item .gr-2 {
    margin-right: 0;
  }

  .gr-container.promoslider {
    height: 633px;
    margin-bottom: 30px;
  }

  .gr-container.promoslider .ldr {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(74, 79, 84, 0.5);
  }

  .gr-container.promoslider.loading .ldr {
    display: block;
  }

  .gr-container.promoslider.loading .ldr span.i-muve {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -68px;
  }

  .gr-container.promoslider.loading>div {
    opacity: 0.05;
  }

  .gr-container.promoslider .gr-inner {
    -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 .promo-small-box .gr-item:nth-child(4n) {
    margin-bottom: 0;
  }

  .gr-container.promoslider .promo-small-box .gr-item:nth-child(n+9) {
    display: inline-block;
  }

  .gr-container.promoslider .promo-big-box1 {
    top: 316px;
    left: 210px;
    right: auto;
  }

  .gr-container.promoslider .promo-big-box1 .gr-item:nth-child(n+2) {
    display: inline-block;
  }

  .gr-container.promoslider .promo-big-box2 {
    display: none;
    top: 948px;
    left: 210px;
    right: auto;
  }

  .gr-container.promoslider .promo-big-box2 .gr-item:nth-child(n+2) {
    display: inline-block;
  }

  .gr-container.promoslider.only-one-big {
    height: 633px;
  }

  .gr-container.promoslider .promo-big-box1,
  .gr-container.promoslider .promo-big-box2 {
    width: 421px;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
  }

  .gr-container.promoslider .promo-big-box1>div,
  .gr-container.promoslider .promo-big-box2>div {
    height: 100%;
    width: 1000%;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translate3d(0, 0, 0);
  }

  .gr-container.promoslider.animate .promo-big-box1>div,
  .gr-container.promoslider.animate .promo-big-box2>div {
    -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;
  }

  .gr-container .next,
  .gr-container .prev {
    padding: 50px 0;
    top: 50%;
    margin-top: -65px;
  }

  .gr-container .next.disabled,
  .gr-container .prev.disabled {
    opacity: .3;
    cursor: default;
  }

  .gr-container .prev {
    left: -31px;
  }

  .gr-container .next {
    right: -31px;
  }

  .gr-container.singe-row-slider .product-box-field {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
  }

  .gr-container.singe-row-slider .gr-inner {
    background-color: #e3e3e3;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    /*                &.animate{
                    @include transistion(all 0.3s ease-out);
                }
                &.animate.slow{
                    @include transistion(all .8s ease-out);
                }*/
  }

  .gr-container.singe-row-slider .gr-item {
    border-left: 0;
    border-right: 0;
    margin-left: 0;
  }

  .is-gr-2 .gr-item.gr-2 {
    position: absolute;
    left: 211px;
  }

  .is-gr-2 .gr-item:first-child {
    margin-right: 420px;
  }

  .gr-item .dble-el .de-cont {
    padding: 36px 51px 36px 36px;
  }

  .gr-5col-triple-box .gtb-1 {
    height: 383px;
  }

  .gr-5col-triple-box .gtb-2 {
    width: 50%;
    padding-right: 3px;
  }

  .gr-5col-triple-box .gtb-3 {
    width: 50%;
    padding-left: 3px;
  }

  .gr-5col-triple-box .gtb-2 .text-label,
  .gr-5col-triple-box .gtb-3 .text-label {
    font-size: 18px;
  }

  .gr-5col-triple-box .gtb-2 .hdr,
  .gr-5col-triple-box .gtb-3 .hdr {
    font-size: 20px;
  }

  .gr-5col-triple-box .center-box .cont {
    padding-top: 4%;
  }

  /* ==========================================================================
       Other - site specific styles
       ========================================================================== */
  .society-area {
    /*
        .sa-item, .sa-item-2{
            height: $ur-item-height;

            .sa-inner{
                height: auto;
                min-height: 100%;
                padding: 14px 20px;

                &.sa-img{
                    padding: 0;
                }
            }

            .badge{
                + h3, + h4, ~ p{
                    margin-left: 94px;
                }
            }
        }
        .sa-item{
            width: 33.3333333%;
        }
        .sa-item-2{
            width: 66.6666666%;

            .sa-inner{
                &.sa-badge-box{
                    padding: 50px 40px 0;
                }
            }

            h4{
                line-height: 1.2em;
            }

            .p-ic{
                width: 84px; //.75
            }
            .p-ic + h4, .p-ic ~ p{
                margin-left: 96px;
            }
            .border-btn{
                margin-top: 46px;
                font-size: 20px;
            }
        }


        .p-ic{
            margin-bottom: 16px;
            width: 158px; //.75
            height: 66px;
        }

        .sa-it-2111-212{
            padding-bottom: 0;

            .sac-5{
                position: static;
            }
            .sac-1, .sac-7{
                width: 100%;
            }
            .sac-7{
                .sa-inner{
                    padding: 36px 40px 0;
                }
            }
        }
        */
  }

  .society-area .sa-container {
    margin-bottom: 36px;
  }

  .society-area .sa-activity {
    margin-bottom: 36px;
  }

  .society-area .sa-item {
    width: 33.3333333%;
  }

  .society-area .sa-item .und-hdr {
    font-size: 14px;
  }

  .society-area .sa-item p.bold {
    padding: 6px 0 0;
  }

  .society-area .sa-item a {
    font-size: 15px;
    margin-top: 16px;
    line-height: 1.4em;
  }

  .society-area .sa-item,
  .society-area .sa-item-2 {
    height: 210px;
    padding: 14px 20px 0 20px;
    font-size: 15px;
    line-height: 1em;
  }

  .society-area .sa-item h4,
  .society-area .sa-item-2 h4 {
    font-size: 18px;
  }

  .society-area .sa-item h3,
  .society-area .sa-item-2 h3 {
    font-size: 35px;
  }

  .society-area .sa-img {
    padding: 0;
    display: block;
    width: 33.3333333%;
  }

  .society-area .sa-img img {
    height: 210px;
  }

  .society-area .p-ic {
    margin-bottom: 26px;
    width: 158px;
    height: 66px;
  }

  .society-area .sac-1,
  .society-area .sac-6 {
    width: 66.6666666%;
  }

  .society-area .sac-1 {
    padding: 50px 20px 0 45px;
  }

  .society-area .sac-1 h3,
  .society-area .sac-1 p {
    margin-left: 94px;
  }

  .society-area .sac-6 .p-ic {
    width: 84px;
  }

  .society-area .sac-6 h4,
  .society-area .sac-6 p {
    margin-left: 96px;
  }

  .society-area .sac-6 h4 {
    line-height: 1.2em;
  }

  .society-area .sac-6 .border-btn {
    margin-top: 46px;
    font-size: 20px;
  }

  .society-area .bottom-r,
  .society-area .bottom-l {
    padding: 0 24px;
    bottom: 26px;
  }

  .society-area .gr-container.gr-bord .gr-item.gr-2 {
    width: 100%;
    padding: 18px 26px 18px;
  }

  .society-area .sa-cont {
    padding-top: 26px;
  }

  .society-area .sa-bg {
    padding-top: 36px;
  }

  .society-area .ase-row {
    width: 100%;
    margin-top: 12px;
  }

  .society-area .ase-row:first-child {
    margin-top: 0;
  }

  .society-area .ase-hdr {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
    margin-bottom: 1px;
  }

  .society-area .ase-comment {
    vertical-align: top;
    margin-top: 0;
  }

  .society-area .ase-comment:hover {
    text-decoration: underline;
  }

  .society-area .ase-row-img .ase-txt {
    margin-left: 0;
    padding-left: 12px;
    float: left;
    width: 72%;
  }

  .society-area .ase-row-img .ase-image {
    float: right;
    display: block;
    text-align: center;
  }

  .society-area .ase-row-img .ase-image img {
    max-width: 44px;
  }

  .society-area .ase-row-img .ase-image .badge {
    width: 34px;
    height: auto;
    margin-right: 5px;
  }

  .society-area .ase-row-img .ase-image .badge img {
    max-width: 100%;
    max-height: none;
  }

  .society-area .sa-tabs-hdr {
    margin: -18px -26px 0 -26px;
  }

  .society-area .sa-tabs-hdr a.wrap-hdr {
    padding-top: 18px;
    padding-right: 0;
    padding-left: 26px;
    padding-bottom: 10px;
  }

  .society-area .list .lvl {
    display: inline-block;
    position: relative;
    margin-left: 20px;
    vertical-align: top;
  }

  .society-area .list .nick {
    width: 60%;
  }

  .society-area .list.with-scroll {
    height: 266px;
  }

  .society-area .up-down-list .next,
  .society-area .up-down-list .prev {
    padding: 0 10px;
    margin-top: 0;
    left: auto;
  }

  .society-area .up-down-list .prev {
    top: 3px;
  }

  .society-area .up-down-list .next {
    top: auto;
    bottom: 10px;
    right: 3px;
  }

  #sa-tabs .sa-cont-rank {
    padding-bottom: 20px;
  }

  .sac-b-1-3-1 .sac-b-1 {
    width: 50%;
    height: 504px;
  }

  .sac-b-1-3-1 .sac-b-2 {
    width: 100%;
  }

  .sac-b-1-3-1 .sac-b-3 {
    width: 50%;
    height: 504px;
    position: absolute;
    top: 0;
    right: 0;
  }

  .sac-boxes .sac-box>div {
    padding: 18px 26px 18px;
  }

  .sac-boxes .sac-box>div.sb-inner {
    padding: 18px 16px 18px;
  }

  .sac-boxes .down-info {
    padding-left: 26px;
  }

  .sac-boxes .mission-title {
    padding-top: 2%;
    font-size: 22px;
    margin-left: 95px;
  }

  .sac-boxes .sac-b-avatar {
    padding-bottom: 0;
  }

  .sac-boxes .sb-b-text {
    font-size: 16px;
    line-height: 1.2;
  }

  .sac-boxes .big-hdr {
    font-size: 30px;
  }

  .sac-boxes .sb-inner .border-btn {
    width: auto;
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 18px;
  }

  .mission-tasks>div {
    width: 48%;
  }

  .mission-tasks>div:nth-child(even) {
    margin-left: 4%;
  }

  .mission-tasks .task-txt {
    height: 4.2em;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .flexbox .mission-tasks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
  }

  .flexbox .mission-tasks .task-txt {
    height: auto;
  }

  /* ==========================================================================
       Filters
       ========================================================================== */
  .filters {
    margin-left: -30px;
  }

  .filters .f-box {
    width: 190px;
    margin-left: 30px;
  }

  .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;
    padding: 7px 13px;
    margin-top: -1px;
    overflow: hidden;
  }

  .filters .filter-lnk.act,
  .filters .select-lnk.act {
    background-color: #6aa306;
    color: white;
  }

  .filters a.filter-lnk:hover,
  .filters a.filter-lnk:active {
    text-decoration: underline;
  }

  .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 .aval .filter-lnk,
  .filters .type .filter-lnk {
    width: 63px;
  }

  .filters .aval .filter-lnk:nth-of-type(1),
  .filters .type .filter-lnk:nth-of-type(1) {
    width: 64px;
  }

  .filters .lang .filter-lnk {
    width: 38px;
  }

  #filters-bar .filters-bread {
    float: left;
  }

  #filters-bar .filters-sort {
    float: right;
    width: 420px;
  }

  #filters-bar .filters-sort .sel-sort {
    float: right;
  }

  #filters-bar .filters-sort .sel-sort select {
    float: left;
    width: 172px;
  }

  #filters-bar .filters-sort .sel-label {
    float: left;
    margin-top: 7px;
    margin-right: 10px;
  }

  .search-results-site .filters {
    margin-left: 0;
  }

  .search-results-site .filters .f-box {
    width: 100%;
    margin-left: 0;
  }

  /* ==========================================================================
       Top rotator, top baner
       ========================================================================== */
  #category-top-banner {
    height: auto;
    width: 590px;
    margin-left: -295px;
    margin-top: 33px;
    left: 50%;
    margin-bottom: 40px;
    text-align: left;
    padding-top: 0;
    padding-bottom: 18px;
    -webkit-transition: width 0.3s ease-out, left 0.3s ease-out, margin-left 0.3s ease-out, margin-top 0.3s ease-out;
    -moz-transition: width 0.3s ease-out, left 0.3s ease-out, margin-left 0.3s ease-out, margin-top 0.3s ease-out;
    -o-transition: width 0.3s ease-out, left 0.3s ease-out, margin-left 0.3s ease-out, margin-top 0.3s ease-out;
    transition: width 0.3s ease-out, left 0.3s ease-out, margin-left 0.3s ease-out, margin-top 0.3s ease-out;
  }

  #category-top-banner .sl-label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px 10px 5px;
    text-align: right;
  }

  #category-top-banner .sl-label span:first-child {
    font-size: 19px;
    -webkit-transition: font-size 0.3s ease-out;
    -moz-transition: font-size 0.3s ease-out;
    -o-transition: font-size 0.3s ease-out;
    transition: font-size 0.3s ease-out;
  }

  #category-top-banner .sl-label .sec-line {
    font-size: 9px;
    -webkit-transition: font-size 0.3s ease-out;
    -moz-transition: font-size 0.3s ease-out;
    -o-transition: font-size 0.3s ease-out;
    transition: font-size 0.3s ease-out;
  }

  #category-top-banner .sl-image {
    padding-top: 48px;
    /*-webkit-transition: width 0.3s ease-out, margin-right 0.3s ease-out, margin-left 0.3s ease-out, padding-right 0.3s ease-out, padding-left 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, height 0.3s ease-out, margin-top 0.3s ease-out, margin-bottom 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
    -moz-transition: width 0.3s ease-out, margin-right 0.3s ease-out, margin-left 0.3s ease-out, padding-right 0.3s ease-out, padding-left 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, height 0.3s ease-out, margin-top 0.3s ease-out, margin-bottom 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
    -o-transition: width 0.3s ease-out, margin-right 0.3s ease-out, margin-left 0.3s ease-out, padding-right 0.3s ease-out, padding-left 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, height 0.3s ease-out, margin-top 0.3s ease-out, margin-bottom 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
    transition: width 0.3s ease-out, margin-right 0.3s ease-out, margin-left 0.3s ease-out, padding-right 0.3s ease-out, padding-left 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, height 0.3s ease-out, margin-top 0.3s ease-out, margin-bottom 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;*/
  }

  #category-top-banner .sl-image h2 {
    width: 100%;
  }

  #category-top-banner .sl-image h2 span {
    display: inline-block;
    width: 73%;
  }

  #category-top-banner .sl-image,
  #category-top-banner .sl-descr {
    width: 340px;
    padding-left: 36px;
  }

  #category-top-banner .sl-descr {
    font-size: 12px;
    line-height: 1.1;
    padding-top: 12px;
    min-height: 46px;
  }

  #category-top-banner .sl-price {
    position: absolute;
    right: 40px;
    bottom: 96px;
    width: 180px;
    text-align: center;
    font-size: 14px;
    padding: 0;
  }

  #category-top-banner .sl-btn {
    position: absolute;
    right: 40px;
    bottom: 38px;
    font-size: 14px;
  }

  #main-rot-box {
    width: 590px;
    height: 378px;
    margin-top: 30px;
    margin-left: -295px;
    left: 50%;
    margin-bottom: 30px;
  }

  #main-rot-box .mr-wraper {
    position: relative;
    width: 100%;
    height: 277px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translate3d(0, 0, 0);
  }

  #main-rot-box .mr-wraper .slide {
    width: auto;
  }

  #main-rot-box .mr-wraper-inner {
    opacity: 1;
    -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;
  }

  #main-rot-box .mr-wraper-inner.opacity {
    opacity: 0;
  }

  #main-rot-box .show-movie {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    color: white;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 1;
    text-align: right;
    padding: 14px 18px 4px 4px;
    font-weight: 300;
  }

  #main-rot-box .show-movie span {
    display: inline-block;
    vertical-align: top;
  }

  #main-rot-box .show-movie .sec-line {
    font-size: 19px;
    display: block;
    font-weight: 700;
  }

  #main-rot-box .show-movie .i-play {
    opacity: 0.77;
    margin-top: 0px;
  }

  #main-rot-box .show-movie:hover .i-play,
  #main-rot-box .show-movie:active .i-play {
    opacity: 1;
  }

  #main-rot-box .sl-label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 14px 7px 16px;
  }

  #main-rot-box .sl-label span:first-child {
    font-size: 19px;
  }

  #main-rot-box .sl-label .sec-line {
    font-size: 9px;
  }

  #main-rot-box .sl-image {
    height: 140px;
    display: table;
    width: 100%;
    padding: 0;
  }

  #main-rot-box .sl-image h2 {
    display: table-cell;
    width: 100%;
    vertical-align: bottom;
  }

  #main-rot-box .sl-image h2 span {
    display: inline-block;
    width: 53.5%;
  }

  #main-rot-box .sl-image h2 span img {
    max-width: 100%;
  }

  #main-rot-box .sl-descr {
    font-size: 19px;
    line-height: 1.1;
    padding: 14px 0 0;
    min-height: 46px;
  }

  #main-rot-box hr {
    display: block;
    background-color: white;
    opacity: 0.2;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 20px;
    border: 0;
  }

  #main-rot-box .sl-descr,
  #main-rot-box hr {
    margin-right: 34px;
    margin-left: 34px;
  }

  #main-rot-box .sl-price {
    display: inline-block;
    font-size: 21px;
    margin-right: 10px;
    vertical-align: middle;
    padding: 0;
  }

  #main-rot-box .sl-btn {
    font-size: 21px;
    margin-left: 10px;
    vertical-align: middle;
  }

  #main-rot-box .mr-thumbs {
    display: block;
    overflow: hidden;
    height: 99px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
  }

  #main-rot-box .mr-thumbs .mr-thumbs-inner {
    height: 100%;
    margin-right: -4px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
  }

  #main-rot-box .mr-thumbs .mr-thumbs-inner.animate {
    -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;
  }

  #main-rot-box .mr-thumbs button {
    position: relative;
    width: 146px;
    height: 100%;
    margin-right: 2px;
    float: left;
    display: inline-block;
    color: white;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
  }

  #main-rot-box .mr-thumbs button img {
    margin-top: -6px;
    max-width: 100%;
  }

  #main-rot-box .mr-thumbs button span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.56);
    border: 1px solid rgba(0, 0, 0, 0.56);
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
  }

  #main-rot-box .mr-thumbs button:hover span,
  #main-rot-box .mr-thumbs button.act span {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.43);
  }

  #main-rot-box .prev,
  #main-rot-box .next {
    display: block;
    position: absolute;
    bottom: 36px;
    opacity: .48;
  }

  #main-rot-box .prev:hover,
  #main-rot-box .prev:active,
  #main-rot-box .next:hover,
  #main-rot-box .next:active {
    opacity: 1;
  }

  #main-rot-box .prev {
    left: -40px;
  }

  #main-rot-box .next {
    right: -40px;
  }

  #main-rot-box .mr-wraper,
  #main-rot-box .mr-thumbs {
    -webkit-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
  }

  #main-rot-box .next,
  #main-rot-box .prev {
    -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  }

  #main-rot-box.minimized .mr-wraper,
  #main-rot-box.minimized .mr-thumbs {
    height: 0;
    opacity: .2;
  }

  #main-rot-box.minimized .next,
  #main-rot-box.minimized .prev {
    opacity: 0;
    visibility: hidden;
  }

  #main-rot-box.minimized .minimize {
    opacity: .2;
  }

  #main-rot-box.minimized .minimize:hover {
    opacity: 1;
  }

  #main-rot-box.minimized .minimize.expanded {
    opacity: 0;
  }

  #main-rot-box.minimized+article {
    -webkit-transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
  }

  .mute-btn {
    display: block;
    visibility: hidden;
    opacity: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 10;
    right: 10px;
    background: url("/resources/muve/img/glosnik.png") no-repeat;
    top: 10px;
  }

  .mute-btn.showme {
    visibility: visible;
    opacity: 0.88;
  }

  .mute-btn.showme:hover,
  .mute-btn.showme:active {
    opacity: 1;
  }

  .mute-btn.muted {
    background-position: -30px 0;
  }

  .play-btn {
    display: block;
    visibility: hidden;
    opacity: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 40px;
    top: 10px;
  }

  .play-btn.showme {
    visibility: visible;
    opacity: 0.88;
  }

  .play-btn.showme:hover,
  .play-btn.showme:active {
    opacity: 1;
  }

  .no-csspositionsticky .mute-btn,
  .no-csspositionsticky .play-btn {
    top: 74px;
  }

  .trailerplayer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    overflow: hidden;
  }

  .trailerplayer iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    background-color: transparent;
    opacity: 0;
    -webkit-transition: opacity 1.5s ease-in;
    -moz-transition: opacity 1.5s ease-in;
    -o-transition: opacity 1.5s ease-in;
    transition: opacity 1.5s ease-in;
  }

  .trailerplayer .close {
    position: absolute;
    z-index: 2;
    top: 1px;
    right: 1px;
    background-color: white;
    width: 28px;
    height: 28px;
    border: 1px solid #e3e3e3;
    padding-bottom: 4px;
  }

  .trailerplayer.act {
    display: block;
  }

  .trailerplayer.act iframe {
    opacity: 1;
  }

  .minimize {
    position: absolute;
    z-index: 5;
    top: 1px;
    right: -29px;
    background-color: white;
    width: 28px;
    height: 28px;
    border: 1px solid #e3e3e3;
    padding-bottom: 4px;
    opacity: .5;
  }

  .minimize:hover {
    opacity: 1;
  }

  .minimize.expanded {
    top: 0;
    right: auto;
    left: -10%;
    width: 200%;
    height: 100%;
    background-color: transparent;
    border: 0;
  }

  /* ==========================================================================
       Buttons
       ========================================================================== */
  .border-btn {
    font-size: 21px;
  }

  .border-btn.no-capit {
    font-size: 23px;
  }

  .border-btn.size24 {
    font-size: 24px;
  }

  .border-btn.size24.no-capit {
    font-size: 26px;
  }

  .border-btn.size20 {
    font-size: 20px;
  }

  .border-btn.size20.no-capit {
    font-size: 22px;
  }

  .border-btn.size16 {
    font-size: 16px;
  }

  .border-btn.size16.no-capit {
    font-size: 18px;
  }

  .border-btn.size14 {
    font-size: 14px;
  }

  .border-btn.size14.no-capit {
    font-size: 16px;
  }

  .simple-btn,
  input.simple-btn {
    font-size: 21px;
  }

  .simple-btn.size24,
  input.simple-btn.size24 {
    font-size: 24px;
  }

  .simple-btn.size20,
  input.simple-btn.size20 {
    font-size: 20px;
  }

  .simple-btn.size16,
  input.simple-btn.size16 {
    font-size: 16px;
  }

  .simple-btn.size14,
  input.simple-btn.size14 {
    font-size: 14px;
  }

  /* ==========================================================================
       Headers, common styles
       ========================================================================== */
  .wrap {
    font-size: 14px;
  }

  .wrap-hdr {
    font-size: 17px;
    padding: 20px 0;
  }

  .wrap-hdr.dark-hdr {
    font-size: 18px;
  }

  .wrap-hdr span.nott {
    display: inline;
    margin-left: 10px;
  }

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

  .top-login-bar .info-ico-box {
    float: left;
    width: 33%;
    padding-bottom: 20px;
  }

  .top-login-bar.icons-only div.info-ico-box {
    width: 25%;
  }

  .top-login-bar .login-box {
    clear: left;
    width: 624px;
    min-height: 43px;
    margin: 0 auto;
    margin-bottom: 10px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 11px;
    font-weight: 400;
    text-align: center;
  }

  .top-login-bar .login-box p {
    margin: 10px 10px 0;
    width: 188px;
    float: left;
  }

  .top-login-bar .login-box p a {
    margin-top: -10px;
  }

  .top-login-bar .logged-box {
    float: left;
    width: 100%;
    color: white;
    background-color: #6aa306;
    font-size: 13px;
    position: relative;
    margin-bottom: 24px;
  }

  .top-login-bar .logged-box a {
    color: white;
  }

  .top-login-bar .logged-box>p {
    margin-top: 4px;
    padding-left: 66px;
    padding-right: 4px;
    width: 50%;
    text-transform: uppercase;
  }

  .top-login-bar .logged-box img.thumb {
    float: left;
    max-width: 50px;
  }

  .top-login-bar .logged-box .nick {
    font-weight: 700;
    font-size: 22px;
    line-height: 1;
    margin-top: -2px;
    padding-bottom: 7px;
    word-wrap: break-word;
  }

  .top-login-bar .logged-box-info {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-color: #73b00b;
  }

  .top-login-bar .exp-bar {
    margin: 1px 0 3px;
  }

  .top-login-bar .uig-exp-box {
    display: block;
    width: 60%;
    position: absolute;
    top: 50%;
    left: 2%;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .top-login-bar .tb-gold-info {
    position: absolute;
    top: 50%;
    width: 36%;
    right: 2%;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 700;
    text-align: right;
    font-size: 14px;
  }

  .top-login-bar .tb-gold-info .ico {
    vertical-align: bottom;
    margin-bottom: -5px;
  }

  .top-login-bar .tb-gold-info p {
    display: inline-block;
  }

  .top-login-bar .tb-gold-info-old {
    display: block;
    line-height: 1;
  }

  .info-ico-box {
    display: block;
    text-align: center;
  }

  .info-ico-box .iib-i {
    display: inline-block;
    border: 2px solid #3b3b3b;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 66px;
    height: 66px;
  }

  .info-ico-box .iib-i .i-truck {
    margin-top: 18px;
  }

  .info-ico-box .iib-i .i-dollar {
    margin-top: 14px;
  }

  .info-ico-box .iib-i .i-payu-pictogram {
    margin-top: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .info-ico-box .iib-i .i-starproc,
  .info-ico-box .iib-i .i-prize {
    margin-top: 9px;
  }

  .info-ico-box .iib-i .i-payU {
    margin-top: 15px;
  }

  .info-ico-box .iib-i .i-safeshop {
    margin-top: 14px;
  }

  .info-ico-box .iib-i img {
    max-width: 69.354838709677419354838709677419%;
    margin-top: 14.516129032258064516129032258065%;
  }

  .info-ico-box .iib-h {
    color: #6aa306;
    font-size: 16px;
    text-transform: uppercase;
    padding-top: 14px;
    line-height: 1.2;
  }

  .info-ico-box .iib-t {
    display: none;
  }

  .us-logged .info-ico-box .iib-t,
  .icons-only .info-ico-box .iib-t {
    display: none;
  }

  .icons-only .info-ico-box .iib-i {
    width: 52px;
    height: 52px;
  }

  .icons-only .info-ico-box .iib-i .ico {
    margin-top: 12px;
    -o-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  .icons-only .info-ico-box .iib-i .ico.i-starproc {
    margin-top: 6px;
    margin-left: 6px;
  }

  .icons-only .info-ico-box .iib-i .ico.i-safeshop {
    margin-top: 10px;
    margin-left: 3px;
  }

  .icons-only .info-ico-box .iib-i .ico.i-head {
    margin-top: 6px;
    margin-left: 8px;
  }

  .icons-only .info-ico-box .iib-i .ico.i-prize {
    margin-top: 6px;
    margin-left: 4px;
  }

  .icons-only .info-ico-box .iib-h {
    font-size: 13px;
  }

  .top-login-bar.icons-only.always-visible .info-ico-box {
    width: 25%;
  }

  nav.tabs-nav {
    font-size: 19px;
    height: 1.6em;
    margin-top: 12px;
  }

  nav.tabs-nav>span {
    background-color: #4a4f54;
    padding: .1em 6px;
  }

  nav.tabs-nav a {
    color: white;
    top: 1.6em;
    padding-top: .1em;
    padding-bottom: .1em;
    padding-left: .2em;
  }

  nav.tabs-nav .hamb {
    padding: 7px 5px 6px;
    background-color: #4a4f54;
  }

  nav.tabs-nav .hamb span {
    background-color: white;
  }

  nav.tabs-nav.open>span,
  nav.tabs-nav.open .hamb {
    background-color: #4a4f54;
  }

  .text-label {
    padding: 7px 14px 7px 16px;
  }

  .text-label span:first-child {
    font-size: 19px;
  }

  .text-label .sec-line {
    font-size: 9px;
  }

  .site-hdr {
    font-size: 46px;
    margin-top: 16px;
    margin-bottom: 26px;
  }

  .site-hdr .tab-href {
    font-size: .3em;
  }

  .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 .tab-head a,
  .tab-head .site-hdr .tab-href a,
  .site-hdr .tab-href .tab-head-right a,
  .tab-head-right .site-hdr .tab-href a,
  .site-hdr .tab-href .tab-row .tr-bot .tb-lnk a,
  .tab-row .tr-bot .tb-lnk .site-hdr .tab-href a,
  .site-hdr .tab-href .tab-foot a,
  .tab-foot .site-hdr .tab-href a,
  .site-hdr .tab-href .modal-dialog .md-tasks .txt a,
  .modal-dialog .md-tasks .txt .site-hdr .tab-href a,
  .site-hdr .tab-href .modal-dialog a:not([class]),
  .modal-dialog .site-hdr .tab-href a:not([class]) {
    font-size: .8em;
  }

  .big-size-hdr {
    font-size: 21px;
  }

  .v-big-size-hdr {
    font-size: 36px;
  }

  .mob-block {
    display: inline;
  }

  .top-single-hdr {
    margin-bottom: 22px;
  }

  .small-hdr {
    padding: 0 24px 8px;
  }

  .down-notif-msg {
    width: 322px;
  }

  .badge {
    width: 75px;
    height: 100px;
  }

  .text-pad {
    padding: 18px 36px 18px 36px;
  }

  /* ==========================================================================
       Product
       ========================================================================== */
  .product-gallery {
    width: 630px;
  }

  /*    .product-gallery{
        width: $gr-item-width * 3;


        .pg-main{
            float: left;
            //width: 640px;
            //height: 358px;
        }

        .pg-thumbs{

        }


    }*/
  .price-box {
    padding: 20px 10px;
  }

  .price-box .pb-old-price {
    font-size: 24px;
  }

  .price-box .pb-price {
    font-size: 44px;
    margin-bottom: 10px;
  }

  .price-box .pb-btns {
    max-width: 100%;
    padding: 14px 0;
  }

  .price-box .pb-btns p {
    width: 245px;
    display: inline-block;
    margin-left: 9px;
    margin-right: 9px;
  }

  .price-box .pb-btns p:first-child {
    margin-bottom: 6px;
  }

  .price-box .pb-not-av {
    padding-top: 40px;
    font-size: 22px;
  }

  .price-box .pb-not-av .i-err-info {
    margin-right: 20px;
  }

  .price-box .pb-not-av .pb-btns p {
    width: 290px;
  }

  .prod-descr {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .more-products-box {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .more-products-box .big-size-hdr {
    padding: 18px 0 6px 24px;
  }

  .mpb-row {
    padding: 16px 24px;
    font-weight: 700;
    position: relative;
    display: block;
    /*&:hover, &:active{
            .name span{
                border-width: 0 0 1px;
                border-style: solid;
            }
        }*/
  }

  .mpb-row .item-label {
    position: absolute;
    top: 16px;
    left: 24px;
    max-width: 105px;
    /* małe labelki - zmiany wycofane */
  }

  .mpb-row img {
    float: left;
  }

  .mpb-row .promo-info,
  .mpb-row .name,
  .mpb-row .price,
  .mpb-row .aval {
    margin-left: 116px;
  }

  .mpb-row .promo-info {
    padding-top: 8px;
    color: #6aa306;
    letter-spacing: -.025em;
  }

  .mpb-row .name {
    padding-top: 10px;
    padding-bottom: 10px;
    letter-spacing: -.025em;
    font-weight: 300;
    font-size: 18px;
    color: #8f8f8f;
    line-height: 1.3;
  }

  .mpb-row .price {
    font-size: 21px;
    color: black;
  }

  .mpb-row .price a {
    float: none;
    margin-left: 10px;
  }

  .mpb-row .aval {
    color: #8f8f8f;
  }

  .mpb-row .aval.pre,
  .mpb-row .aval.color {
    color: #ca3c2c;
  }

  .pd-info {
    position: relative;
    z-index: 999;
  }

  .pd-info .pd-img {
    float: left;
    width: 173px;
    text-align: left;
    margin: 10px 0 0;
  }

  .pd-info .pd-img .pd-img-under {
    width: auto;
    margin-left: 0;
    margin-top: 26px;
  }

  .pd-info .pdi-row {
    float: right;
    width: 432px;
  }

  .pd-info .pdi-row.bigger {
    font-size: 18px;
  }

  .pd-info .pdi-label {
    float: left;
    font-weight: 300;
    color: #8f8f8f;
    text-align: right;
    padding-right: 8px;
    width: 210px;
  }

  .pd-info .pdi-cont {
    margin-left: 210px;
    padding-left: 10px;
    text-align: left;
  }

  .pd-info .pdi-cont span.stars {
    margin: 0 8px 0 0;
    display: inline-block;
  }

  .pd-info.no-cover,
  .no-gallery .pd-info.no-cover {
    padding-left: 0;
  }

  .pd-info.no-cover .pdi-row,
  .no-gallery .pd-info.no-cover .pdi-row {
    width: 100%;
  }

  /*
    // info ico
    .info{
        position: relative;
        display: inline-block;
        height: 15px;

        span.ico{
            vertical-align: top;
        }

        &:hover, &:active{
            z-index: 1;
            .cont{
                width: 200px;
                height: auto;
                clip: auto;
            }

        }
    }*/
  .pd-desc-row {
    border-top: 1px solid #e3e3e3;
    padding: 30px 0 0 0;
    margin-top: 20px;
  }

  .pd-tabs {
    padding: 48px 0 0;
    position: relative;
  }

  .pd-tabs .pd-tabs-hdr {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;
  }

  .pd-tabs .pd-tabs-lnk {
    display: inline-block;
    color: #4a4f54;
    font-weight: 400;
    font-size: 14px;
    padding: 3px 18px 4px;
    vertical-align: top;
    background-color: transparent;
  }

  .pd-tabs .pd-tabs-lnk span.ico {
    display: none;
  }

  .pd-tabs .pd-tabs-lnk.act,
  .pd-tabs .pd-tabs-lnk:hover,
  .pd-tabs .pd-tabs-lnk:active {
    background-color: #4a4f54;
    color: white;
  }

  .pd-tabs .pd-tabs-cont {
    color: #666666;
    font-weight: 300;
    height: 0;
    overflow: hidden;
    position: absolute;
  }

  .pd-tabs .pd-tabs-cont.act {
    height: auto;
    position: relative;
    padding-top: 0;
  }

  .gallery-module {
    margin-top: 24px;
  }

  .gallery-module:first-child {
    margin-top: 0;
  }

  .gallery-module .gm-txt {
    padding-right: 15%;
  }

  .gallery-module .gm-hdr {
    font-size: 18px;
  }

  .gallery-module a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .gallery-module a:hover span.main-color {
    border-bottom: 1px solid;
  }

  .wysiwyg h1,
  .wysiwyg h2,
  .wysiwyg h3,
  .wysiwyg h4,
  .wysiwyg h5,
  .wysiwyg h6 {
    /* max-width: 550px; */
  }

  .wysiwyg h1,
  .wysiwyg h2 {
    font-size: 18px;
    margin-bottom: 16px;
  }

  .wysiwyg h3,
  .wysiwyg h4 {
    font-size: 16px;
    margin-bottom: 14px;
  }

  .wysiwyg h5,
  .wysiwyg h6 {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .tab-sec {
    padding-top: 20px;
  }

  .tab-sec .sec-divider {
    margin-top: 36px;
  }

  .tab-head,
  .tab-head-right {
    font-size: 18px;
    float: left;
    margin-bottom: 19px;
  }

  .tab-head h3 {
    display: inline-block;
  }

  .tab-head .info-num {
    margin-right: 24px;
  }

  .tab-head .big-size-hdr {
    margin-bottom: 0;
  }

  .tab-head-legal {
    clear: both;
    float: left;
  }

  .tab-row {
    float: left;
    width: 100%;
    background-color: #f7f7f7;
    padding: 22px 24px 20px;
    position: relative;
    font-weight: 300;
    margin-top: 5px;
  }

  .tab-row h2,
  .tab-row .tr-cont {
    float: right;
    margin-right: 4%;
    width: 70%;
  }

  .tab-row .tr-hdr {
    font-size: 18px;
  }

  .tab-row>.tr-hdr {
    margin-top: 0;
  }

  .tab-row .tr-cont {
    max-height: 4.4em;
    padding-bottom: .3em;
    color: #666666;
    position: relative;
    overflow: hidden;
  }

  .tab-row .tr-cont .show-more {
    position: absolute;
    top: 2.8em;
    right: 0;
    width: 100%;
    height: 1.6em;
    background-color: #f7f7f7;
    text-align: right;
    padding-right: 4px;
  }

  .tab-row .tr-cont.open {
    max-height: none;
  }

  .tab-row .tr-cont.open .show-more {
    display: none;
  }

  .tab-row .tr-left {
    float: left;
    font-size: 12px;
    color: #8f8f8f;
    width: 140px;
    margin-right: 10px;
  }

  .tab-row .tr-left .stars {
    margin-top: 4px;
    margin-bottom: 10px;
  }

  .tab-row .tr-left .info {
    color: #6aa306;
  }

  .tab-row .tr-right {
    float: left;
    clear: left;
    margin-left: 150px;
    padding-top: 12px;
  }

  .tab-row .tr-col {
    float: left;
    width: 100%;
    position: relative;
  }

  .tab-row .tr-col section {
    float: left;
    width: 100%;
  }

  .tab-row .tr-col section .tr-cont {
    min-height: 0;
    margin-bottom: 1em;
  }

  .tab-row .tr-col .tr-left {
    width: 22%;
    margin-right: 1%;
  }

  .tab-row .tr-col .tab-foot {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .tab-row .tr-bot {
    float: left;
    width: 100%;
    margin-top: 8px;
  }

  .tab-row .tr-bot p,
  .tab-row .tr-bot .yesno {
    float: left;
  }

  .tab-row .tr-bot .yesno {
    clear: left;
  }

  .tab-row .tr-bot .tb-inf {
    margin-right: 36px;
    max-width: 50%;
    min-width: 105px;
  }

  .tab-row .tr-bot .tb-lnk {
    font-size: 18px;
  }

  .tab-row .tr-top {
    float: left;
    width: 100%;
  }

  .yesno {
    font-size: 18px;
  }

  .tab-foot {
    font-size: 18px;
    float: right;
    margin-top: 14px;
  }

  .wrap>aside .big-size-hdr {
    margin: 20px 0 24px;
  }

  .no-gallery .pd-info {
    margin-bottom: 36px;
    padding-top: 43px;
  }

  .ebook .pd-desc-row {
    padding-top: 24px;
  }

  .ebook .pdi-row {
    margin-bottom: 0;
  }

  /* ==========================================================================
       Footer
       ========================================================================== */
  #foot {
    color: #d7d7d7;
    font-size: 12px;
    padding: 28px 38px 0;
    width: 717px;
    margin: 0 auto;
    background-color: #2d2d2d;
    /*-webkit-transition: width 0.3s ease-out, margin-right 0.3s ease-out, margin-left 0.3s ease-out, padding-right 0.3s ease-out, padding-left 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, height 0.3s ease-out, margin-top 0.3s ease-out, margin-bottom 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
    -moz-transition: width 0.3s ease-out, margin-right 0.3s ease-out, margin-left 0.3s ease-out, padding-right 0.3s ease-out, padding-left 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, height 0.3s ease-out, margin-top 0.3s ease-out, margin-bottom 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
    -o-transition: width 0.3s ease-out, margin-right 0.3s ease-out, margin-left 0.3s ease-out, padding-right 0.3s ease-out, padding-left 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, height 0.3s ease-out, margin-top 0.3s ease-out, margin-bottom 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
    transition: width 0.3s ease-out, margin-right 0.3s ease-out, margin-left 0.3s ease-out, padding-right 0.3s ease-out, padding-left 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, height 0.3s ease-out, margin-top 0.3s ease-out, margin-bottom 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;*/
  }

  #foot>hr {
    display: block;
    border-color: #3e3e3e;
    margin: 0 0 0 -4px;
    padding: 0 4px;
    width: 100%;
  }

  #foot .p-info {
    float: right;
    width: 40%;
    text-align: center;
    padding: 0;
    color: #d7d7d7;
    font-size: 16px;
  }

  #foot .p-info span:not(:first-child),
  #foot .p-info span.paysafecard {
    margin-top: 8px;
    margin-left: 4px;
    margin-right: 4px;
  }

  #foot .p-info span.paysafecard {
    max-width: 110px;
  }

  #foot p.p-info+.f-nav-box {
    border-top: 0;
  }

  #foot .fnb-head {
    font-size: 18px;
  }

  #foot .newsl-box .fnb-head {
    font-size: 16px;
  }

  #foot .f-nav-box {
    border-bottom: 0;
    float: left;
    width: 236px;
    padding: 26px 20px 14px 0;
  }

  #foot .f-nav-box.newsl-box {
    float: none;
    width: auto;
    padding-top: 0;
    padding-bottom: 50px;
  }

  #foot .f-nav-box.newsl-box .err-msg {
    position: absolute;
    margin-top: 32px;
  }

  #foot .f-nav-box.help-box {
    clear: left;
    margin-top: -79px;
  }

  #foot .f-nav-box input {
    width: 255px;
    margin-right: 1px;
    font-size: 12px;
    line-height: 12px;
    padding: 0 14px;
  }

  html[lang="cs"] #foot .f-nav-box input {
    width: 200px;
  }

  #foot .f-nav-box button {
    width: 114px;
    font-size: 12px;
    float: left;
  }

  #foot .f-nav-box .fnb-head {
    padding: 0 0 15px;
    position: relative;
  }

  #foot .f-nav-box .fnb-cont {
    height: auto;
    padding: 0;
  }

  #foot .f-nav-box .sign {
    display: none;
  }

  #foot .f-nav-box.open .fnb-cont {
    padding: 0;
  }

  #foot .circle {
    display: inline-block;
    width: 46px;
    height: 46px;
    border-color: #f6f6f6;
    -webkit-border-radius: 23px;
    border-radius: 23px;
    padding-top: 10px;
  }

  #foot .circle .i-yt {
    margin-top: -3px;
  }

  #foot .navs-container {
    position: relative;
    padding-bottom: 24px;
  }

  #foot .f-contact-box {
    width: 236px;
    padding: 26px 20px 14px 0;
  }

  #foot .f-contact-box .fnb-head {
    float: none;
    padding: 0 0 15px;
  }

  #foot .f-contact-box .circle {
    display: none;
  }

  #foot .f-contact-box .big-txt {
    font-size: 34px;
    line-height: 1.1;
    padding-bottom: 3px;
    display: block;
  }

  #foot .f-contact-box p {
    display: block;
  }

  #foot .f-find-box {
    position: absolute;
    float: none;
    width: auto;
    left: 472px;
    padding: 26px 0 14px 0;
    text-align: left;
  }

  #foot .f-find-box .fnb-head {
    display: block;
    padding: 0 0 15px;
    font-weight: 400;
  }

  #foot .f-find-box .circle {
    margin-right: 6px;
  }

  #foot .f-bottom-cont {
    background-color: black;
    padding: 20px 38px;
    margin: 0 -38px;
  }

  #foot .f-bottom-cont nav {
    border: 0;
    padding: 0;
    text-align: left;
  }

  #foot .f-bottom-cont nav a {
    width: auto;
    margin-right: 12px;
    font-size: 12px;
  }

  #foot .f-bottom-cont small {
    padding: 0;
    font-size: 12px;
  }

  #foot .f-bottom-cont small.by {
    float: right;
    margin-top: -25px;
  }

  /* ==========================================================================
        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: white;
  }

  .modal-dialog .md-inner>.btn-close {
    top: 8px;
    right: 8px;
    background-color: white;
  }

  .modal-dialog .x-info {
    top: 10px;
    right: 52px;
  }

  .modal-dialog .md-header {
    background: #f7f7f7;
    padding: 24px 43px 28px 43px;
    font-size: 18px;
  }

  .modal-dialog .md-h-big {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 32px;
  }

  .modal-dialog .md-body {
    padding: 46px 43px 48px 43px;
    font-size: 14px;
    color: #666666;
  }

  .modal-dialog .md-row {
    border-color: #f7f7f7;
  }

  .modal-dialog .md-col {
    width: 50%;
    padding-top: 50px;
    padding-left: 6.970260223048327%;
    padding-right: 6.970260223048327%;
    padding-bottom: 40px;
    border-left: 2px solid #f7f7f7;
  }

  .modal-dialog .md-col:first-child {
    border-left: 0;
    border-right: 2px solid #f7f7f7;
    margin-right: -2px;
  }

  .modal-dialog .md-col.md-col-wide {
    padding-top: 40px;
    border: 0;
    margin-right: 0;
  }

  .modal-dialog .md-c-1 {
    margin-right: 50px;
    margin-top: -4px;
    width: auto;
  }

  .modal-dialog .md-c-1 img.mob-hid {
    margin-left: 38px;
    margin-top: 10px;
  }

  .modal-dialog .md-c-2 {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    width: 54%;
  }

  .modal-dialog .md-c-2 ul {
    margin-top: 1.4em;
  }

  .modal-dialog .md-c-3 {
    width: auto;
    padding-top: 2.8em;
  }

  .modal-dialog .md-product-image {
    display: block;
    visibility: visible;
    float: left;
    width: 19%;
    max-width: 132px;
  }

  .modal-dialog .md-product-image img {
    max-width: 100%;
  }

  .modal-dialog .md-form {
    float: right;
    width: 80%;
  }

  .modal-dialog .form-row {
    margin-bottom: 10px;
  }

  .modal-dialog .form-row .label {
    width: 15%;
    margin-top: 7px;
  }

  .modal-dialog .form-row .text {
    width: 82%;
  }

  .modal-dialog .btn-row {
    padding-top: 22px;
  }

  .modal-dialog .btn-row .btn-ok {
    margin-bottom: 0;
    float: right;
    min-width: 230px;
    width: auto;
  }

  .modal-dialog .btn-row .btn-cancel {
    float: right;
    margin-right: 30px;
  }

  .modal-dialog textarea.text {
    height: 10em;
  }

  .modal-dialog .err-msg {
    padding-left: 18%;
    text-align: left;
  }

  .modal-dialog .small-info {
    display: inline-block;
    float: left;
    font-size: 10px;
    margin-left: 16px;
    margin-top: 9px;
  }

  .modal-dialog .md-body.noimg .md-form {
    float: left;
    width: 100%;
  }

  .modal-dialog .md-tasks {
    width: 75%;
  }

  .modal-dialog .md-tasks>div {
    width: 33.3333%;
  }

  .modal-dialog .md-tasks .txt {
    min-height: 7em;
    margin: 10px 0;
    padding: 0;
  }

  .modal-dialog .md-badge {
    float: left;
    margin-right: 0;
    width: 20%;
    margin-left: 5%;
    text-align: center;
  }

  .modal-dialog .md-progress {
    width: 100%;
  }

  .modal-dialog .md-progress .mdp-line {
    width: 75%;
  }

  .modal-dialog .md-progress .mdp-perc {
    width: 25%;
    text-align: right;
    margin-top: -8px;
  }

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

  #add-opinion-dialog .md-form {
    margin-top: -6px;
  }

  #add-answer-dialog .btn-ok {
    min-width: 280px;
  }

  #add-answer-dialog .form-row .label {
    font-size: 12px;
  }

  #share-dialog .form-row .label {
    font-size: 12px;
  }

  #share-dialog .form-row:first-child input.text {
    margin-top: 0;
  }

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

  .site-form>p {
    margin-bottom: 36px;
  }

  .sb-row {
    margin-top: 16px;
  }

  .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%;
  }

  .mob-vis {
    display: none;
  }

  .mob-hid {
    display: inline-block;
  }

  .gr3-vis {
    display: block;
  }

  .site-info {
    padding: 1px 20px 20px;
  }

  .site-info .big-size-hdr {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .site-info p {
    margin-bottom: 6px;
  }

  .site-info .si-msg {
    font-size: 30px;
  }

  .csscolumns .form-newsl-box .news-box-cats {
    margin-right: -50px;
  }

  /* ==========================================================================
       Other - site specific styles
       ========================================================================== */
  .join-box {
    padding: 30px 45px 30px 30px;
  }

  .big-counter .hour {
    clear: none;
  }
}

@media only screen and (min-width: 717px) and (max-width: 926px) {

  /* ==========================================================================
       Head, Main nav
       ========================================================================== */
  #head .usermanage.user-logged .login {
    width: auto !important;
  }

  #head .usermanage.user-logged .login .thumb,
  #head .usermanage.user-logged .login .login-info,
  #head .usermanage.user-logged .login .ico {
    float: none;
  }

  /* ==========================================================================
       Filters
       ========================================================================== */
  .f-box.list-filters {
    width: 630px;
  }

  .list-filters {
    /*        >ul>li{
            &:first-child a.lf-1{
                border-width: 0;
            }

            &:nth-child(1) {
                .lf-1{top: 0;}
            }
            &:nth-child(2) {
                .lf-1{top: 20%;}
            }
            &:nth-child(3) {
                .lf-1{top: 40%;}
            }
            &:nth-child(4) {
                .lf-1{top: 60%;}
            }
            &:nth-child(5) {
                .lf-1{top: 80%;}
            }
        }*/
  }

  /*
    .list-filters .lf-1 {
      position: absolute;
      height: 100%;
      width: 190px;
      border-width: 1px 0 0 0;
      display: table-cell;
      padding-top: 0;
      padding-bottom: 0; }
      */
  .list-filters .lf-1 span:first-child {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

  .list-filters>ul {
    border-width: 1px;
  }

  .list-filters>ul>li:first-child a.lf-1 {
    border-width: 0;
  }

  .list-filters>ul>li:nth-child(1) .lf-1 {
    top: 0;
  }

  .list-filters.list-items-2 .lf-1 {
    height: 50%;
  }

  .list-filters.list-items-2>ul>li:nth-child(2) .lf-1 {
    top: 50%;
  }

  .list-filters.list-items-3 .lf-1 {
    height: 33.3333%;
  }

  .list-filters.list-items-3>ul>li:nth-child(2) .lf-1 {
    top: 33.3333%;
  }

  .list-filters.list-items-3>ul>li:nth-child(3) .lf-1 {
    top: 35.3333%;
  }

  .list-filters.list-items-3>ul>li:nth-child(4) .lf-1 {
    top: 99.9999%;
  }

  .list-filters.list-items-4 .lf-1 {
    height: 25%;
  }

  .list-filters.list-items-4>ul>li:nth-child(2) .lf-1 {
    top: 25%;
  }

  .list-filters.list-items-4>ul>li:nth-child(3) .lf-1 {
    top: 50%;
  }

  .list-filters.list-items-4>ul>li:nth-child(4) .lf-1 {
    top: 75%;
  }

  .list-filters.list-items-5 .lf-1 {
    height: 20%;
  }

  .list-filters.list-items-5>ul>li:nth-child(2) .lf-1 {
    top: 20%;
  }

  .list-filters.list-items-5>ul>li:nth-child(3) .lf-1 {
    top: 40%;
  }

  .list-filters.list-items-5>ul>li:nth-child(4) .lf-1 {
    top: 60%;
  }

  .list-filters.list-items-5>ul>li:nth-child(5) .lf-1 {
    top: 80%;
  }

  .list-filters.list-items-6 .lf-1 {
    height: 16.666666%;
  }

  .list-filters.list-items-6>ul>li:nth-child(2) .lf-1 {
    top: 16.666666%;
  }

  .list-filters.list-items-6>ul>li:nth-child(3) .lf-1 {
    top: 33.33333%;
  }

  .list-filters.list-items-6>ul>li:nth-child(4) .lf-1 {
    top: 50.0%;
  }

  .list-filters.list-items-6>ul>li:nth-child(5) .lf-1 {
    top: 66.66666%;
  }

  .list-filters.list-items-6>ul>li:nth-child(6) .lf-1 {
    top: 83.33333%;
  }

  .list-filters.list-items-7 .lf-1 {
    height: 14.285714%;
  }

  .list-filters.list-items-7>ul>li:nth-child(2) .lf-1 {
    top: 14.285714%;
  }

  .list-filters.list-items-7>ul>li:nth-child(3) .lf-1 {
    top: 28.57143%;
  }

  .list-filters.list-items-7>ul>li:nth-child(4) .lf-1 {
    top: 42.85714%;
  }

  .list-filters.list-items-7>ul>li:nth-child(5) .lf-1 {
    top: 57.14286%;
  }

  .list-filters.list-items-7>ul>li:nth-child(6) .lf-1 {
    top: 71.42857%;
  }

  .list-filters.list-items-7>ul>li:nth-child(7) .lf-1 {
    top: 85.71428%;
  }

  .list-filters.list-items-8 .lf-1 {
    height: 12.5%;
  }

  .list-filters.list-items-8>ul>li:nth-child(2) .lf-1 {
    top: 12.5%;
  }

  .list-filters.list-items-8>ul>li:nth-child(3) .lf-1 {
    top: 25%;
  }

  .list-filters.list-items-8>ul>li:nth-child(4) .lf-1 {
    top: 37.5%;
  }

  .list-filters.list-items-8>ul>li:nth-child(5) .lf-1 {
    top: 50%;
  }

  .list-filters.list-items-8>ul>li:nth-child(6) .lf-1 {
    top: 62.5%;
  }

  .list-filters.list-items-8>ul>li:nth-child(7) .lf-1 {
    top: 75%;
  }

  .list-filters.list-items-8>ul>li:nth-child(8) .lf-1 {
    top: 87.5%;
  }

  .list-filters .lf-2 {
    width: 100%;
  }

  .list-filters .lf-3 {
    width: 190px;
  }

  .list-filters ul {
    position: relative;
    width: 100%;
  }

  .list-filters ul ul {
    position: relative;
    margin-top: -1px;
    margin-bottom: -1px;
    border-left: 1px solid #e3e3e3;
  }

  .list-filters ul ul ul {
    width: 100%;
    position: relative;
    overflow: auto;
    margin: 0;
    border-left: 0;
  }

  /* ==========================================================================
       Product box
       ========================================================================== */
  /* moving kup btn to left ()*/
  .gr-container.promoslider .promo-small-box .gr-item.gr-2:nth-child(4n) a.btn {
    margin-right: 50%;
  }

  .gr-container.promoslider .promo-small-box .gr-item.gr-2:nth-child(4n) .prod-shop {
    margin-right: 54%;
  }

  .top-login-bar.icons-only.always-visible .info-ico-box .iib-h {
    font-size: 12px;
    padding-left: 2px;
    padding-right: 2px;
  }
}

@media only screen and (min-width: 927px) {

  /* ==========================================================================
       Head, Main nav
       ========================================================================== */
  #head .logo {
    width: 21.58203125%;
    margin-right: 0;
    margin-left: 0.78125%;
  }

  #head .usermanage {
    right: 17.87109375%;
  }

  #head .usermanage.user-logged {
    right: 11%;
  }

  #head .login-info,
  #head .shop-info {
    position: static;
    display: inline-block;
    width: auto;
    text-indent: 0;
    font-size: 11px;
    vertical-align: top;
    margin-top: 9px;
    margin-left: 5px;
  }

  #head .login-info {
    text-transform: uppercase;
    max-width: 122px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  #head .usermanage.hover-login {
    z-index: 2;
  }

  #head .usermanage.hover-login .login {
    text-align: right;
  }

  #head .usermanage:not(.hover-login) .login {
    width: auto !important;
  }

  /* ==========================================================================
       Main content, Grid, Product box
       ========================================================================== */
  div.main-content .wrap {
    width: 927px;
  }

  #product-promo-space {
    width: 927px;
  }

  .col-left {
    width: 190px;
    float: left;
  }

  .col-left .filter-btn {
    display: none;
  }

  .col-right {
    width: 631px;
    float: right;
  }

  .gr-container.promoslider {
    height: 633px;
  }

  .gr-container.promoslider .product-box-field {
    padding-right: 420px;
  }

  .gr-container.promoslider .promo-small-box {
    /*
                .gr-item:nth-child(4n){
                    margin-right: 0;
                }
                .gr-item:nth-child(2n){
                    margin-right: $gr-item-width * 2;
                }*/
  }

  .gr-container.promoslider .promo-big-box1 {
    top: 0;
    left: 420px;
  }

  .gr-container.promoslider .promo-big-box2 {
    display: block;
    top: 316px;
    left: 420px;
  }

  .gr-container.promoslider.only-one-big .promo-small-box .gr-item:nth-child(2n) {
    margin-right: 0;
  }

  .gr-container.promoslider.only-one-big .promo-small-box .gr-item:nth-child(2),
  .gr-container.promoslider.only-one-big .promo-small-box .gr-item:nth-child(6n+2) {
    margin-right: 420px;
  }

  /* grid-only */
  .g4-2-2 .gro-1 {
    width: 420px;
  }

  .g4-2-2 .gro-2 {
    width: 420px;
  }

  /* ==========================================================================
       Other - site specific styles
       ========================================================================== */
  .society-area {
    /*
        .sa-item{
            width: 25%;
        }
        .sa-item-2{
            width: 50%;
        }

        .sa-it-2111-212{
            .sac-1, .sac-7{
                width: 75%;
            }
        }
        */
  }

  .society-area .sa-item {
    width: 25%;
  }

  .society-area .sa-img {
    display: none;
  }

  .society-area .sac-1 {
    width: 50%;
  }

  .society-area .sac-6 {
    width: 50%;
  }

  .society-area .gr-container.gr-bord .gr-item.gr-2 {
    width: 50%;
    height: 520px;
  }

  .society-area .ase-row-img .ase-image {
    float: right;
    text-align: right;
  }

  .society-area .sa-cont {
    height: 456px;
  }

  .society-area .sa-cont-rank {
    height: 476px;
  }

  .society-area .sa-cont-act .ase-txt p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .society-area .sa-cont-act .ase-txt p:first-child {
    padding-bottom: 1px;
    margin-bottom: -1px;
    color: #6aa306;
  }

  .society-area .list {
    margin-top: -10px;
  }

  .society-area .list li {
    padding-top: 12px;
    padding-bottom: 11px;
  }

  #comments-container .ase-row:nth-child(1n+6) {
    display: block;
  }

  /*    #activity-list{
        .ase-row:nth-child(1n+7){
            display: block;
        }
    }*/
  #sa-tabs {
    width: 839px;
  }

  #sa-tabs .sa-cont {
    display: block;
    float: left;
  }

  #sa-tabs .sa-cont-act {
    margin-right: 3%;
    width: 47%;
  }

  #sa-tabs .sa-cont-rank {
    border-left: 1px solid #e3e3e3;
    padding-left: 3%;
    width: 50%;
  }

  .sac-b-1-3-1 .sac-b-1 {
    height: 420px;
  }

  .sac-b-1-3-1 .sac-b-3 {
    height: 420px;
  }

  /* ==========================================================================
       Filters
       ========================================================================== */
  .filters {
    height: auto;
    margin-left: 0;
    margin-bottom: 32px;
  }

  .filters .f-box {
    margin-left: 0;
  }

  .filters .f-box:first-child h4 {
    padding-top: 11px;
  }

  .hits {
    display: block;
  }

  .hits h3 {
    font-size: 18px;
    color: #4a4f54;
    margin-top: 26px;
    background-color: white;
    margin-bottom: -1px;
    position: relative;
    z-index: 1;
  }

  .hits .mpb-row {
    padding: 16px 0;
    border-top: 1px solid #e3e3e3;
    /*.item-label{ małe labelki - zmiany wycofane
                left: 0;
                width: 46px;
                font-size: 10px;
                >span{
                    height: 14px;
                    padding: 0 4px 0;
                }
            }*/
  }

  .hits .mpb-row .item-label {
    left: 0;
    max-width: 56px;
  }

  .hits .mpb-row .item-label>span {
    width: 16px;
    height: 16px;
    padding-top: 2px;
  }

  .hits .mpb-row .item-label>span.big {
    width: 32px;
  }

  .hits .mpb-row img {
    width: 46px;
  }

  .hits .mpb-row .promo-info,
  .hits .mpb-row .name,
  .hits .mpb-row .price,
  .hits .mpb-row .aval {
    margin-left: 54px;
  }

  .hits .mpb-row .promo-info {
    padding-top: 0;
    padding-bottom: 2px;
    font-size: 12px;
  }

  .hits .mpb-row .name {
    padding-top: 0;
    padding-bottom: 2px;
    font-size: 13px;
  }

  .hits .mpb-row .price,
  .hits .mpb-row .aval {
    font-size: 12px;
  }

  .list-nav {
    margin-right: 0;
  }

  .list-nav li {
    height: auto;
  }

  .list-nav li li.act {
    height: auto;
  }

  .list-nav .ln-mobile-btn {
    display: none;
  }

  #filters-bar {
    margin-top: -6px;
  }

  /* ==========================================================================
       Top rotator, top baner
       ========================================================================== */
  #main-rot-box {
    margin-top: 25px;
    margin-left: -462px;
    margin-bottom: 25px;
  }

  .no-csspositionsticky .mute-btn,
  .no-csspositionsticky .play-btn {
    top: 74px;
  }

  #category-top-banner {
    margin-left: -462px;
  }

  /* ==========================================================================
       Headers, common styles
       ========================================================================== */
  .info-ico-box .iib-t {
    display: block;
    font-weight: 400;
    font-size: 12px;
    margin: 6px auto 0;
  }

  .fifty-fifty-cont .ffc-left {
    float: left;
    width: 50%;
  }

  .fifty-fifty-cont .ffc-right {
    float: right;
    width: 50%;
  }

  .top-single-hdr {
    margin-bottom: 24px;
  }

  /* ==========================================================================
       Product
       ========================================================================== */
  .product-gallery {
    width: 840px;
    padding-bottom: 0;
    height: 358px;
  }

  /*    .product-gallery{
        //float: left;
        width: $gr-item-width * 4;
        padding-bottom: 0;
        height: 358px;

        .pg-main{
            position: relative;
            float: left;
            width: 640px;
            //height: 358px;
        }

        .pg-thumbs{
            display: block;
            position: absolute;
            z-index: 1;
            top: 0;
            right: 3px;
            height: 100%;
            width: 195px;
            overflow: hidden;
            text-align: center;
            -webkit-backface-visibility: hidden;
            -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
            -webkit-transform-style: preserve-3d;

            .pg-thumbs-inner{
                @include transform(translate3d(0,0,0) scale3d(1,1,1));
                -webkit-backface-visibility: hidden;
                -webkit-transform-style: preserve-3d;

                &.animate{
                    @include transistion(all .35s ease);
                }
            }

            button{
                display: block;
                vertical-align: top;
                margin: 0 0 2px;
                padding: 0;
                width: 100%;
                height: 88px;
                background-color: $black;
                position: relative;
                overflow: hidden;

                &.act{
                    .frame{
                        display: block;
                    }
                }

                img{
                    display: inline-block;
                }

                span.i-play{
                    display: inline-block;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    margin: -15px 0 0 -15px;
                }
            }

            span.frame{
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
                width: 100%;
                height: 88px;
                border: 3px solid $green;
            }
        }

        .next{
            top: 100%;
            left: auto;
            right: 80px;
            margin: 0;
            @include transform(rotate(90deg));
        }
        .prev{
            bottom: 100%;
            right: 80px;
            margin: 0;
            @include transform(rotate(90deg));
        }
    }*/
  .pd-info .pdi-row {
    width: 642px;
  }

  .tab-row .tr-cont,
  .tab-row h2 {
    width: 48%;
    margin-right: 33%;
  }

  .tab-row .tr-right {
    padding-top: 2px;
    position: absolute;
    right: 5%;
    float: none;
    margin-left: 0;
  }

  .tab-row .tr-col {
    width: 50%;
  }

  .tab-row .tr-col:first-child {
    width: 46%;
    margin-right: 4%;
  }

  .tab-row .tr-col .tr-cont {
    width: 69%;
    margin-right: 0;
  }

  .tab-row .tr-col .tr-left {
    width: 30%;
  }

  .tab-head-right {
    float: right;
    padding-left: 0;
  }

  /* ==========================================================================
       Footer
       ========================================================================== */
  #foot {
    padding: 28px 38px 0;
    width: 927px;
  }

  #foot .f-nav-box {
    width: 25%;
  }

  #foot .f-nav-box.help-box {
    clear: none;
    margin-top: 0;
  }

  #foot .f-contact-box {
    width: 25%;
  }

  #foot .f-find-box {
    left: 75%;
    top: 154px;
  }

  #foot .navs-container {
    min-height: 300px;
  }

  #foot .p-info {
    width: 43%;
    text-align: left;
  }

  #foot .p-info span:first-child {
    vertical-align: top;
  }

  #foot .p-info span:not(:first-child),
  #foot .p-info span.paysafecard {
    margin-left: 6px;
    margin-right: 6px;
    vertical-align: middle;
  }

  #foot .p-info span.legalnez {
    margin-left: 12px;
    margin-top: 0;
  }

  /* ==========================================================================
        Popups
       ========================================================================== */
  .modal-dialog {
    max-width: 848px;
    margin-left: -424px;
  }

  .modal-dialog .md-badge .badge {
    width: 150px;
    height: 199px;
    -webkit-background-size: 150px 199px;
    background-size: 150px 199px;
  }

  .modal-dialog .md-tasks>div {
    width: 20%;
  }

  .modal-dialog .md-c-1 {
    margin-right: 50px;
  }

  .modal-dialog .md-c-2 {
    margin-right: 50px;
    width: 41.2639405204461%;
  }

  .modal-dialog .md-c-3 {
    float: right;
  }

  .modal-dialog .md-c-1 .md-ico-box~div {
    margin-left: 0;
  }

  #add-answer-dialog .form-row .label {
    font-size: 14px;
  }

  #share-dialog .form-row .label {
    width: 32%;
    font-size: 14px;
  }

  #share-dialog .form-row .text {
    width: 65%;
  }

  .sf-form-row.sf-form-row-file .sf-label {
    margin-top: 0;
  }

  /* ==========================================================================
       Forms
       ========================================================================== */
  .site-info {
    margin-top: 0;
  }

  .cr-col-left {
    padding-left: 20px;
    padding-right: 40px;
    width: 371px;
    float: left;
  }

  .cr-col-right {
    width: 260px;
    float: left;
  }

  .cr-col-wide {
    padding-left: 20px;
  }

  /* ==========================================================================
       Other - site specific styles
       ========================================================================== */
  .join-box {
    margin-top: 0;
  }

  .gr3-vis {
    display: none;
  }

  .gr4-vis {
    display: block;
  }

  /* big counter */
  .big-counter .day,
  .big-counter .hour,
  .big-counter .minute,
  .big-counter .second {
    width: auto;
  }

  .big-counter .day span,
  .big-counter .hour span,
  .big-counter .minute span,
  .big-counter .second span {
    width: 60px;
    font-size: 98px;
  }

  /* promo site */
  .gr-header {
    padding-bottom: 0;
    height: 85px;
    margin-right: 0;
  }
}

@media only screen and (min-width: 1137px) {
  body {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
  }

  .no-js body,
  .wf-active body,
  .wf-inactive body,
  html.js:not(.wf-active) {
    opacity: 1;
  }

  /* ==========================================================================
       Wallpaper
       ========================================================================== */
  #bg {
    top: 0;
  }

  /* ==========================================================================
       Head, Main nav
       ========================================================================== */
  .nobg #head,
  .nobg #main-nav ul.nav ul {
    background-color: black;
  }

  .no-csspositionsticky #head {
    width: 1137px;
    left: 50%;
    margin-left: -568.5px;
  }

  .stickit #main-nav ul.nav ul {
    background-color: black;
  }

  #head {
    max-width: 1137px;
    margin: 0 auto;
    height: 94px;
    border-bottom: 0;
  }

  #head .logo {
    width: 220px;
    margin-left: 3px;
    height: 54px;
  }

  #head .logo .ico {
    margin-top: 9px;
  }

  #head .beta {
    font-size: 18px;
    margin-top: 18px;
  }

  #head .usermanage,
  #head .usermanage.user-logged {
    top: 6px;
    right: 32px;
  }

  #head .login .login-info {
    max-width: 260px;
  }

  #head .search {
    width: 198px;
  }

  #head .search .form-cont {
    padding: 12px 0 0;
  }

  #head .search .form-cont input {
    width: 170px;
    height: 26px;
  }

  #head .search .form-cont button {
    width: 28px;
    height: 26px;
  }

  #head .mpb-row .promo-info,
  #head .mpb-row .name,
  #head .mpb-row .price,
  #head .mpb-row .aval {
    max-width: none;
  }

  #main-nav {
    width: auto;
    height: auto;
    position: static;
  }

  #main-nav .open-nav {
    display: none;
  }

  #main-nav .mn-cont {
    width: 100%;
    top: 54px;
    left: 0;
    padding-top: 0;
    overflow: visible;
    background-color: transparent;
  }

  #main-nav ul.nav {
    font-size: 0;
    text-align: center;
    width: 100%;
    height: 40px;
    display: block;
    padding: 0;
    background: none;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.1);
    border-width: 1px 0;
  }

  #main-nav ul.nav li,
  #main-nav ul.nav a,
  #main-nav ul.nav li>span {
    display: inline-block;
    height: 100%;
    border: 0;
  }

  #main-nav ul.nav a,
  #main-nav ul.nav li>span {
    font-size: 17px;
    line-height: 1;
    color: white;
    padding: 8px 24px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  }

  #main-nav ul.nav a .ico,
  #main-nav ul.nav li>span .ico {
    position: static;
    margin-left: 6px;
    margin-top: 0;
  }

  #main-nav ul.nav ul {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.33);
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    justify-content: center;
  }

  #main-nav ul.nav ul li {
    margin-top: -1px;
  }

  #main-nav ul.nav ul a,
  #main-nav ul.nav ul li>span {
    padding: 10px 13px 0;
    margin-top: 1px;
  }

  #main-nav ul.nav ul li {
    -webkit-box-flex: none;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: none;
    /* OLD - Firefox 19- */
    -webkit-flex: none;
    /* Chrome */
    -ms-flex: none;
    /* IE 10 */
    flex: none;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
  }

  #main-nav ul.nav ul li.desktop-moveback {
    -webkit-box-ordinal-group: 10;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 10;
    /* OLD - Firefox 19- */
    -ms-flex-order: 10;
    /* TWEENER - IE 10 */
    -webkit-order: 10;
    /* NEW - Chrome */
    order: 10;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
  }

  #main-nav ul.nav img {
    max-height: 30px;
    margin-top: -4px;
    vertical-align: top;
  }

  .show-nav {
    /*
        #bg{
            margin-right: 0;
            margin-left: 0;
            transform: translateX(0);
        }
        div.main-content, #head{
            margin-right: auto;
            margin-left: auto;
            transform: translateX(0);
        }
        */
  }

  .csstransforms3d .show-nav #bg,
  .csstransforms3d .show-nav #head,
  .csstransforms3d .show-nav div.main-content {
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 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(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

  div.main-content {
    /*-webkit-transition: width 0.3s ease-out, margin-right 0.3s ease-out, margin-left 0.3s ease-out, padding-right 0.3s ease-out, padding-left 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, height 0.3s ease-out, margin-top 0.3s ease-out, margin-bottom 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
    -moz-transition: width 0.3s ease-out, margin-right 0.3s ease-out, margin-left 0.3s ease-out, padding-right 0.3s ease-out, padding-left 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, height 0.3s ease-out, margin-top 0.3s ease-out, margin-bottom 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
    -o-transition: width 0.3s ease-out, margin-right 0.3s ease-out, margin-left 0.3s ease-out, padding-right 0.3s ease-out, padding-left 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, height 0.3s ease-out, margin-top 0.3s ease-out, margin-bottom 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
    transition: width 0.3s ease-out, margin-right 0.3s ease-out, margin-left 0.3s ease-out, padding-right 0.3s ease-out, padding-left 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, height 0.3s ease-out, margin-top 0.3s ease-out, margin-bottom 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;*/
  }

  div.main-content .wrap {
    width: 1137px;
  }

  #product-promo-space {
    width: 1137px;
    /*-webkit-transition: width 0.3s ease-out, margin-right 0.3s ease-out, margin-left 0.3s ease-out, padding-right 0.3s ease-out, padding-left 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, height 0.3s ease-out, margin-top 0.3s ease-out, margin-bottom 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
    -moz-transition: width 0.3s ease-out, margin-right 0.3s ease-out, margin-left 0.3s ease-out, padding-right 0.3s ease-out, padding-left 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, height 0.3s ease-out, margin-top 0.3s ease-out, margin-bottom 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
    -o-transition: width 0.3s ease-out, margin-right 0.3s ease-out, margin-left 0.3s ease-out, padding-right 0.3s ease-out, padding-left 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, height 0.3s ease-out, margin-top 0.3s ease-out, margin-bottom 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
    transition: width 0.3s ease-out, margin-right 0.3s ease-out, margin-left 0.3s ease-out, padding-right 0.3s ease-out, padding-left 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, height 0.3s ease-out, margin-top 0.3s ease-out, margin-bottom 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;*/
  }

  .col-right {
    width: 841px;
  }

  .gr-container {
    /*
        &.osv-is-gr-2{
            .gr-item:nth-child(6){
                margin-right: $gr-item-width * 2;
            }
            .gr-item:nth-child(8){
                float: right;
                margin-top: -$gr-item-height;
            }
        }*/
  }

  .gr-container.promoslider .promo-small-box {
    /*.gr-item:nth-child(2n){
                    margin-right: 0;
                }
                .gr-item:nth-child(3n){
                    margin-right: $gr-item-width * 2;
                }*/
  }

  .gr-container.promoslider .promo-big-box1 {
    left: 630px;
  }

  .gr-container.promoslider .promo-big-box2 {
    left: 630px;
  }

  .gr-container.promoslider.only-one-big .promo-small-box .gr-item:nth-child(3n),
  .gr-container.promoslider.only-one-big .promo-small-box .gr-item:nth-child(2),
  .gr-container.promoslider.only-one-big .promo-small-box .gr-item:nth-child(6n+2) {
    margin-right: 0;
  }

  .gr-container.promoslider.only-one-big .promo-small-box .gr-item:nth-child(3),
  .gr-container.promoslider.only-one-big .promo-small-box .gr-item:nth-child(8n+3) {
    margin-right: 420px;
  }

  .is-gr-2 .gr-item.gr-2 {
    position: relative;
    left: auto;
  }

  .is-gr-2 .gr-item:first-child {
    margin-right: 0;
  }

  .gr-5col-triple-box .gtb-1 {
    width: 414px;
  }

  .gr-5col-triple-box .gtb-2,
  .gr-5col-triple-box .gtb-3 {
    width: 383px;
    height: 188px;
    margin: 0;
    padding: 0;
    float: right;
  }

  .gr-5col-triple-box .gtb-2 .bg,
  .gr-5col-triple-box .gtb-3 .bg {
    padding-top: 188px;
  }

  .gr-5col-triple-box .gtb-2 .border-btn,
  .gr-5col-triple-box .gtb-3 .border-btn {
    margin-top: 10px;
    font-size: 14px;
  }

  .gr-5col-triple-box .gtb-2 .hdr,
  .gr-5col-triple-box .gtb-3 .hdr {
    font-size: 25px;
    margin-bottom: 8px;
  }

  .gr-5col-triple-box .gtb-3 {
    margin-top: 7px;
  }

  .gr-5col-triple-box .center-box .cont {
    padding-top: 26px;
  }

  .gr-5col-triple-box .center-box .hdr {
    margin-top: 6px;
  }

  .gr-5col-triple-box .cover-box-left ul {
    min-height: 3.6em;
  }

  .gr-item.hover:not(.no-hov-item) {
    background-color: #ededee;
  }

  .gr-item.hover:not(.no-hov-item) span.thumb .item-label,
  .gr-item.hover:not(.no-hov-item) span.thumb img {
    display: none;
  }

  .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);
  }

  .gr-item.hover:not(.no-hov-item).gr-2 div.desc {
    width: 173px;
    padding-right: 0;
  }

  /* grid-only */
  .g5-2-3 .gro-1 {
    width: 420px;
  }

  .g5-2-3 .gro-2 {
    width: 630px;
  }

  .g5-3-2 .gro-1 {
    width: 630px;
  }

  .g5-3-2 .gro-2 {
    width: 420px;
  }

  .price-box .row-cols.small-pad .col50 {
    padding-left: 12px;
    padding-right: 12px;
    border: 0;
  }

  /* ==========================================================================
       Other - site specific styles
       ========================================================================== */
  .society-area {
    /*
        .sa-item, .sa-item-2{
            height: 252px;
        }

        .p-ic{
            width: 212px;
            height: 88px;
        }

        .sa-item-2{
            .p-ic{
                width: 112px;
            }
            h4{
                margin-top: 22px;
            }
            .p-ic + h4, .p-ic ~ p{
                margin-left: 130px;
                max-width: 260px;
            }

            .border-btn{
                margin-top: 70px;
            }
        }

        .sa-it-2111-212{
            .sac-1{
                width: 50%;
            }
            .sac-5, .sac-7{
                width: 75%;
            }
            .sac-7, .sac-5{
                .sa-inner:not(.sa-img){
                    padding: 14px 20px;
                }
            }
        }
        */
  }

  .society-area .sa-item,
  .society-area .sa-item-2 {
    height: 252px;
  }

  .society-area .sa-img {
    display: none;
  }

  .society-area .p-ic {
    width: 212px;
    height: 88px;
  }

  .society-area .sac-6 .p-ic {
    width: 112px;
  }

  .society-area .sac-6 h4 {
    margin-top: 22px;
  }

  .society-area .sac-6 h4,
  .society-area .sac-6 p {
    margin-left: 130px;
    max-width: 260px;
  }

  .society-area .sac-6 .border-btn {
    margin-top: 70px;
  }

  #sa-tabs {
    width: 1049px;
  }

  .sac-b-1-3-1 .sac-b-1 {
    width: 20%;
    height: 504px;
  }

  .sac-b-1-3-1 .sac-b-2 {
    width: 60%;
    height: 504px;
  }

  .sac-b-1-3-1 .sac-b-3 {
    width: 20%;
    height: 504px;
  }

  .sac-boxes .tasks-lnk {
    position: absolute;
    bottom: 14px;
    right: 26px;
  }

  .mission-tasks>div:nth-child(n+9) {
    display: none !important;
  }

  /* ==========================================================================
       Top rotator, top baner
       ========================================================================== */
  /*#main-rot-box{
        margin-top: 40px - $main-contetn-top-pad; //53px + 22px - $main-contetn-top-pad;
        margin-left: -519px;
        margin-bottom: 30px; //72px;
    }*/
  #main-rot-box {
    margin-top: 20px;
    margin-left: -519px;
    margin-bottom: 20px;
  }

  .no-csspositionsticky .mute-btn,
  .no-csspositionsticky .play-btn {
    top: 104px;
  }

  #category-top-banner {
    width: 685px;
    margin: 46px 0 50px -519px;
  }

  #category-top-banner .sl-image,
  #category-top-banner .sl-descr {
    width: 380px;
    padding-left: 42px;
  }

  #category-top-banner .sl-descr {
    font-size: 13px;
  }

  #category-top-banner .sl-price {
    width: 212px;
    font-size: 18px;
  }

  #category-top-banner .sl-btn {
    font-size: 18px;
  }

  /* ==========================================================================
       Filters
       ========================================================================== */
  .list-filters .lf-2 {
    margin-top: 0;
  }

  /* ==========================================================================
       Headers, common styles
       ========================================================================== */
  nav.tabs-nav {
    font-size: 17px;
    height: 1.6em;
  }

  nav.tabs-nav>span {
    background-color: transparent;
    padding: 0;
    display: block;
  }

  nav.tabs-nav.smaller {
    font-size: 14px;
  }

  nav.tabs-nav a {
    color: #4a4f54;
    position: static;
    padding: .15em 16px .25em;
  }

  nav.tabs-nav a.act,
  nav.tabs-nav a:hover {
    padding: .15em 16px .25em;
    color: white;
    background-color: #4a4f54;
  }

  nav.tabs-nav .hamb {
    display: none;
  }

  nav.tabs-nav.open>span {
    background-color: transparent;
  }

  nav.tabs-nav.open a {
    padding: .15em 16px .25em;
    float: none;
    color: #4a4f54;
  }

  nav.tabs-nav.open a.act,
  nav.tabs-nav.open a:hover {
    color: white;
    text-decoration: none;
  }

  .top-login-bar .info-ico-box {
    width: 22%;
  }

  .top-login-bar .info-ico-box:fist-child {
    width: 22%;
  }

  .top-login-bar .info-ico-box:nth-child(3) {
    width: 22%;
  }

  .top-login-bar .info-ico-box .iib-i {
    height: 52px;
    width: 52px;
  }

  .top-login-bar .info-ico-box .iib-i .ico {
    margin-top: 12px;
    -o-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  .top-login-bar .info-ico-box .iib-i .i-starproc {
    margin-top: 6px;
    margin-left: 6px;
  }

  .top-login-bar .info-ico-box .iib-i .i-prize {
    margin-top: 6px;
    margin-left: 4px;
  }

  .top-login-bar .info-ico-box .iib-i .ico.i-payU {
    margin-left: 6px;
  }

  .top-login-bar .info-ico-box .iib-h {
    padding-top: 2px;
    font-size: 13px;
  }

  .top-login-bar .info-ico-box .iib-t {
    margin-top: 0;
    font-size: 10px;
  }

  .top-login-bar.us-logged .info-ico-box:nth-child(3) {
    width: 22%;
  }

  .top-login-bar .login-box {
    width: 30%;
    clear: none;
    float: left;
    margin-bottom: 20px;
    padding-top: 0;
  }

  .top-login-bar .login-box p {
    float: none;
    margin: 6px auto 0;
    width: 188px;
  }

  .top-login-bar .login-box p:first-child {
    margin-top: 0;
  }

  .top-login-bar .login-box p a {
    margin: 0;
  }

  .top-login-bar .logged-box {
    width: 32%;
  }

  .top-login-bar .logged-box .logged-box-info {
    position: static;
    width: 100%;
  }

  .top-login-bar .logged-box>p {
    width: 100%;
    padding-right: 30%;
    padding-left: 56px;
  }

  .top-login-bar .logged-box .nick {
    font-size: 18px;
    padding-bottom: 12px;
  }

  .top-login-bar .uig-exp-box {
    padding: 4px 2%;
    position: static;
    width: 100%;
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .top-login-bar .tb-gold-info {
    top: 25%;
    width: 28%;
  }

  .deskt-block {
    display: block;
  }

  /* ==========================================================================
       Product
       ========================================================================== */
  .product-gallery {
    width: 630px;
    float: left;
    margin: 0;
  }

  /*    .product-gallery{
        float: left;
        width: $gr-item-width * 3;

        .pg-main{
            width: 100%;
        }
        .pg-thumbs{
            right: 0;
            @include transistion(width .3s ease-in-out);
        }


        .thumb{
            display: block;
            position: absolute;
            z-index: 10;
            right: 200px;
            top: 0;
            @include transistion(right .3s ease-in-out);
        }

        &.thumbshidden, &.playingYT{
            .pg-thumbs{
                width: 0;
            }
            .thumb{
                right: 0px;
                @include transform(rotate(180deg));
            }
        }
    }

    .csstransforms{
        .product-gallery .arr{
            display: block;
            position: absolute;
            z-index: 3;
            left: 0;
            opacity: 0;
            top: 0;
            margin-top: 39px;
            width: 18px;
            height: 17px;
            overflow: hidden;

            span{
                display: block;
                height: 12px;
                margin-left: -6px;
                margin-top: 2px;
                width: 12px;
                background-color: $green;
                @include transform(rotate(-45deg));
            }

            &.showme{
                @include transistion(left .2s);
                opacity: 1;
                left: -3px;
            }
        }
    }*/
  .price-box {
    padding-top: 26px;
    width: 420px;
    height: 358px;
    float: left;
  }

  .price-box .pb-btns p:first-child {
    margin-bottom: 28px;
  }

  .price-box .price-box-promo .pb-btns p:first-child {
    margin-bottom: 18px;
  }

  .price-box .col50 .pb-price {
    font-size: 32px;
  }

  .price-box .col50:first-child {
    padding-right: 28px;
    border-right: 1px solid #e3e3e3;
  }

  .price-box .col50+.col50 {
    padding-left: 28px;
  }

  .price-box .col50.col-center {
    padding: 0 14px;
    border: 0;
  }

  .price-box .col50.col-center .simple-btn {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
  }

  .prod-descr {
    float: left;
    width: 100%;
    position: relative;
    padding-right: 438px;
    min-height: 200px;
  }

  .more-products-box {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 420px;
    margin-top: 0;
    margin-bottom: 0;
    overflow: visible;
  }

  .more-products-box .mpb-cont {
    position: absolute;
    left: 0;
    right: 0;
    top: 54px;
    max-height: calc(100% - 54px);
    overflow: auto;
    border-bottom: 1px solid #e3e3e3;
  }

  .more-products-box .mpb-cont .mpb-row:last-child {
    border-bottom: 0;
  }

  .more-products-box .big-size-hdr {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
  }

  .more-products-box .bottom-line {
    /*            position: absolute;
            top: 100%;
            display: block;
            width: 100%;
            height: 1px;
            background-color: #fff;
            border-bottom: $box-border-width solid $box-border-color;*/
  }

  .pd-desc-row {
    margin-right: 36px;
  }

  .pd-info .pdi-row {
    width: 456px;
  }

  .pd-info .pd-img {
    width: 155px;
  }

  .tab-row .tr-cont,
  .tab-row h2 {
    width: 55%;
    margin-right: 30%;
  }

  .tab-row .tr-col:first-child {
    width: 44%;
  }

  .tab-row .tr-col .tab-foot {
    margin-right: 0;
  }

  .no-gallery .pd-info {
    width: 594px;
    float: left;
    margin-bottom: 0;
    min-height: 358px;
  }

  .no-gallery .pd-info .pdi-row {
    width: 420px;
  }

  .no-gallery .prod-descr {
    margin-top: 10px;
  }

  .no-gallery .price-box {
    float: right;
  }

  .mpb-row .promo-info,
  .mpb-row .name,
  .mpb-row .price,
  .mpb-row .aval {
    max-width: 200px;
  }

  /* ==========================================================================
       Footer
       ========================================================================== */
  #foot {
    width: 1137px;
  }

  #foot .f-nav-box {
    width: 22%;
  }

  #foot .f-nav-box a {
    margin: 2px 0;
  }

  #foot .more-box {
    width: 14%;
  }

  #foot .help-box {
    width: 21%;
  }

  #foot .f-contact-box {
    width: 23%;
  }

  #foot .newsl-box .fnb-head {
    float: left;
  }

  #foot .newsl-box .fnb-cont {
    margin-left: 200px;
  }

  html[lang="cs"] #foot .newsl-box .fnb-cont {
    margin-left: 270px;
  }

  #foot .newsl-box button:hover {
    border-width: 2px;
  }

  #foot .newsl-box .fnb-msg {
    padding-top: 3px;
  }

  #foot .f-find-box {
    float: left;
    position: static;
  }

  #foot .f-find-box .fnb-head {
    padding: 0 0 26px;
  }

  #foot .f-find-box a:hover {
    opacity: 0.8;
  }

  #foot .navs-container {
    min-height: 0;
  }

  #foot .p-info {
    text-align: left;
    width: 43%;
  }

  #foot .p-info span:not(:first-child) {
    margin-left: 16px;
    margin-right: 0;
  }

  html[lang="pl"] #foot .p-info span:first-child {
    display: block;
    margin-bottom: 6px;
  }

  html[lang="pl"] #foot .p-info span:first-child+span {
    margin-left: 0;
  }

  #foot .f-bottom-cont nav {
    position: absolute;
    margin-left: 383px;
  }

  #foot .f-bottom-cont small.by {
    margin-top: 0;
  }

  /* ==========================================================================
       Forms
       ========================================================================== */
  .sf-form-row {
    margin-top: 18px;
  }

  .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-top: 7px;
    width: 28%;
    text-align: right;
    margin-right: 2%;
  }

  .sf-form-row .sf-label.inside {
    clear: none;
    margin-top: 7px;
    width: 74px;
    margin-right: 21px;
  }

  .sf-form-row .sf-text,
  .sf-form-row .input-group {
    clear: none;
  }

  .sf-form-row .sf-text.size3,
  .sf-form-row .input-group.size3 {
    width: 110px;
  }

  .sf-form-row div.sf-text {
    margin-top: 7px;
    text-align: left;
  }

  .sf-form-row>.err-msg {
    padding-left: 30%;
  }

  .sf-form-row-agreed,
  .form-newsl-box,
  .sf-form-btns,
  .sb-row {
    margin-left: 30%;
  }

  .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;
  }

  .site-info .big-size-hdr {
    margin-bottom: 26px;
  }

  .cr-col-left {
    padding-right: 50px;
    padding-bottom: 20px;
    width: 581px;
  }

  .cr-col-wide {
    padding-bottom: 20px;
  }

  .form-newsl-box .news-box-cats label {
    margin-bottom: 10px;
  }

  /* ==========================================================================
       Other - site specific styles
       ========================================================================== */
  .join-box {
    margin-left: 45px;
  }

  .gr4-vis {
    display: none;
  }

  .gr5-vis {
    display: block;
  }

  .col-label {
    float: left;
    width: 209px;
    padding: 24px;
  }

  .col-label span {
    display: inline;
  }

  .col-label p {
    margin-top: .6em;
  }

  .col-counter {
    float: right;
    width: 840px;
    padding: 24px;
  }

  .big-counter .day {
    margin-right: 0;
  }

  .big-counter p {
    padding-top: 34px;
    font-size: 17px;
  }
}

@media only screen and (min-width: 1347px) {

  /* ==========================================================================
       Head, Main nav
       ========================================================================== */
  .no-csspositionsticky #head {
    width: 1347px;
    margin-left: -673.5px;
  }

  #head {
    height: 94px;
    max-width: 1347px;
  }

  #head .logo {
    margin-left: 41px;
  }

  #head .usermanage,
  #head .usermanage.user-logged {
    right: 58px;
  }

  /* ==========================================================================
       Main content, Grid, Product box
       ========================================================================== */
  div.main-content {
    max-width: 1347px;
    margin-left: auto;
    margin-right: auto;
  }

  div.main-content .wrap {
    width: 1347px;
  }

  #product-promo-space {
    width: 1347px;
    padding-left: 102px;
  }

  .gr-container {
    /*
        &.osv-is-gr-2{
            .gr-item:nth-child(6){
                margin-right: 0;
            }
            .gr-item:nth-child(8){
                float: left;
                margin-top: -1px;
            }
        }*/
  }

  .gr-container.promoslider .promo-small-box {
    /*.gr-item:nth-child(3n){
                    margin-right: 0;
                }
                .gr-item:nth-child(4n){
                    margin-right: $gr-item-width * 2;
                }*/
  }

  .gr-container.promoslider .promo-big-box1 {
    left: 840px;
  }

  .gr-container.promoslider .promo-big-box2 {
    left: 840px;
  }

  .gr-container.promoslider.only-one-big .promo-small-box .gr-item:nth-child(4n),
  .gr-container.promoslider.only-one-big .promo-small-box .gr-item:nth-child(3),
  .gr-container.promoslider.only-one-big .promo-small-box .gr-item:nth-child(8n+3) {
    margin-right: 0;
  }

  .gr-container.promoslider.only-one-big .promo-small-box .gr-item:nth-child(4),
  .gr-container.promoslider.only-one-big .promo-small-box .gr-item:nth-child(10n+4) {
    margin-right: 420px;
  }

  .col-right {
    width: 1051px;
  }

  .gr-5col-triple-box .gtb-1 {
    width: 624px;
  }

  /* grid-only */
  .g6-2-4 .gro-1 {
    width: 420px;
  }

  .g6-2-4 .gro-2 {
    width: 840px;
  }

  .g6-3-3 .gro-1 {
    width: 630px;
  }

  .g6-3-3 .gro-2 {
    width: 630px;
  }

  /* ==========================================================================
       Other - site specific styles
       ========================================================================== */
  .society-area {
    /*
        .sa-container{

        }
        .sa-activity{
            height: 504px;
        }

        .sa-item{
            width: 252px;
        }
        .sa-item-2{
            width: 504px;
        }
        .sa-item, .sa-item-2{
            height: 252px;
        }

        .sa-it-2111-212{
            .sac-1{
                width: 504px;
            }
            .sac-5, .sac-7{
                width: 504px;
            }
        }
        */
  }

  .society-area .sa-activity {
    height: 504px;
  }

  .society-area .sa-item {
    width: 252px;
  }

  .society-area .sa-img {
    width: 504px;
    display: block;
  }

  .society-area .sa-img img {
    height: auto;
  }

  .society-area .sa-item,
  .society-area .sa-item-2 {
    height: 252px;
  }

  .society-area .sac-1,
  .society-area .sac-6 {
    width: 504px;
  }

  .society-area .gr-container.gr-bord .gr-item.gr-2 {
    width: 420px;
  }

  .society-area .sa-cont {
    padding-top: 36px;
  }

  .society-area .gr-container.gr-bord .gr-item.gr-2 {
    width: 420px;
  }

  .society-area .sa-cont {
    padding-top: 36px;
  }

  #sa-tabs {
    width: 419px;
  }

  #sa-tabs .sa-cont-act {
    margin-right: 0;
  }

  #sa-tabs .sa-cont-rank {
    padding-left: 0;
    border: 0;
  }

  #sa-tabs a.wrap-hdr:first-child {
    border-right: 0;
  }

  #sa-tabs .sa-cont {
    display: none;
    float: none;
    width: auto;
    padding-top: 26px;
  }

  #sa-tabs .sa-cont.act {
    display: block;
  }

  .society-area .sa-cont,
  #sa-tabs .sa-cont,
  #sa-tabs .sa-cont-act {
    margin-left: -10px;
    margin-right: -10px;
  }

  .sac-b-1-3-1 {
    /*.sac-b-1{
            width: 252px;
            height: 504px;
        }
        .sac-b-2{
            width: 66.3336%;
            height: 252px;
        }
        .sac-b-3{
            width: 66.3336%;
            height: 252px;
        }*/
  }

  .sac-boxes .mission-tasks,
  .sac-boxes .mission-hdr {
    margin-left: 95px;
  }

  .sac-boxes .mission-hdr {
    clear: none;
    margin-top: .8em;
  }

  .mission-tasks .task-img img {
    width: 64px;
  }

  .mission-tasks .task-txt {
    margin-left: 74px;
  }

  .flexbox .mission-tasks .task-img {
    flex: 0 0 64px;
  }

  .flexbox .mission-tasks .task-txt {
    margin-left: 10px;
  }

  /* ==========================================================================
       Top rotator, top baner
       ========================================================================== */
  #category-top-banner {
    margin-left: 75px;
    left: 0;
  }

  /* ==========================================================================
       Buttons
       ========================================================================== */
  .border-btn {
    font-size: 24px;
  }

  /* ==========================================================================
       Headers, common styles
       ========================================================================== */
  nav.tabs-nav.smaller {
    font-size: 17px;
  }

  .site-hdr {
    font-size: 46px;
    margin-top: 16px;
    margin-bottom: 26px;
  }

  /*    .big-size-hdr{
        font-size: 21px;
    }
    .v-big-size-hdr{
        font-size: 36px;
    }*/
  /* ==========================================================================
       Product
       ========================================================================== */
  .product-gallery {
    width: 840px;
    height: 358px;
  }

  /*    .product-gallery{
        width: $gr-item-width * 4;
        //height: 358px;

        .pg-main{
            position: relative;
            float: left;
            width: 640px;
            //height: 358px;
            .pg-item{
                button{
                    display: none;
                }
            }
        }

        .pg-thumbs{
            right: 3px;

        }

        .thumb{
            display: none;
        }

        &.thumbshidden, &.playingYT{
            .pg-thumbs{
                width: 195px;
            }
        }

    }*/
  .price-box .pb-old-price {
    font-size: 24px;
  }

  .price-box .pb-price {
    font-size: 44px;
  }

  .prod-descr {
    padding-right: 465px;
    margin-top: 36px;
    margin-bottom: 36px;
  }

  .pd-desc-row {
    margin-right: 0;
    padding-left: 24px;
  }

  .pd-info {
    padding-left: 24px;
  }

  .pd-info .pd-img {
    width: 173px;
  }

  .pd-info .pdi-row {
    width: 594px;
  }

  .pd-info .pdi-label {
    width: 232px;
    padding-right: 0;
  }

  .pd-info .pdi-cont {
    margin-left: 256px;
    padding-left: 0;
  }

  .no-gallery .pd-info {
    width: 796px;
  }

  .no-gallery .pd-info .pdi-row {
    width: 594px;
  }

  .no-gallery .pd-info .pdi-label {
    width: 232px;
  }

  .no-gallery .pd-info .pdi-cont {
    margin-left: 256px;
  }

  .no-gallery .prod-descr {
    margin-top: 16px;
  }

  .tab-head {
    padding-left: 24px;
  }

  .tab-head-legal {
    clear: both;
    float: left;
    padding-left: 24px;
    margin-right: 34px;
  }

  .tab-head-right,
  .tab-foot {
    margin-right: 34px;
  }

  .tab-row .tr-cont,
  .tab-row h2 {
    margin-right: 32%;
  }

  .tab-row .tr-right {
    right: 10%;
  }

  .tab-row .tr-bot .yesno {
    margin-top: -8px;
    margin-left: 20px;
    clear: none;
  }

  .tab-row .tr-col .tr-cont {
    width: 77%;
  }

  .tab-row .tr-col .tr-left {
    width: 22%;
  }

  .tab-row .tr-col section .tr-bot {
    margin-top: -.4em;
  }

  .wrap>aside .big-size-hdr {
    margin-left: 24px;
  }

  /* ==========================================================================
       Footer
       ========================================================================== */
  #foot {
    width: 1347px;
    padding: 28px 66px 0;
  }

  #foot>hr {
    margin-left: -20px;
    padding: 0 20px;
  }

  #foot .f-contact-box {
    width: 21%;
  }

  #foot .p-info span.p {
    font-size: 14px;
  }

  #foot .f-bottom-cont {
    margin: 0 -66px;
  }

  #foot .f-bottom-cont nav {
    margin-left: 463px;
  }

  /* ==========================================================================
       Forms
       ========================================================================== */
  .cr-col-right {
    width: 300px;
    min-height: 456px;
  }

  .cr-col-left {
    width: 751px;
  }

  /* ==========================================================================
       Other - site specific styles
       ========================================================================== */
  .join-box {
    margin: 0 45px 0 75px;
  }

  .gr5-vis {
    display: none;
  }

  .gr6-vis {
    display: block;
  }

  .col-label {
    width: 314px;
  }

  .col-label p {
    font-size: 24px;
  }

  .col-counter {
    width: 945px;
  }

  .big-counter p {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/** laptop minimize styles **/
@media only screen and (min-width: 1347px) and (max-width: 1440px) {

  /* ==========================================================================
       Head, Main nav
       ========================================================================== */
  .no-csspositionsticky #head {
    width: 1077px;
    margin-left: -538.5px;
  }

  #head {
    max-width: 1077px;
  }

  #head .logo {
    margin-left: 3px;
  }

  /* ==========================================================================
       Footer
       ========================================================================== */
  #foot {
    width: 1077px;
    padding: 28px 52px 0;
  }

  #foot>hr {
    margin-left: -20px;
    padding: 0 20px;
  }

  #foot .f-contact-box {
    width: 21%;
  }

  #foot .f-contact-box .big-txt {
    font-size: 27px;
  }

  #foot .p-info {
    font-size: 13px;
  }

  #foot .f-bottom-cont {
    margin: 0 -52px;
  }

  #foot .f-bottom-cont nav {
    margin-left: 368px;
  }

  #foot .fnb-head {
    font-size: 14px;
  }

  #foot .newsl-box .fnb-head {
    font-size: 13px;
  }

  #foot .f-nav-box input {
    width: 186px;
  }

  html[lang="cs"] #foot .f-nav-box input {
    width: 155px;
  }

  #foot .newsl-box .fnb-cont {
    margin-left: 162px;
  }

  /* ==========================================================================
       Top rotator, top baner
       ========================================================================== */
  #category-top-banner {
    margin-left: 60px;
  }

  #main-rot-box {
    width: 406px;
    height: 280px;
    margin-top: 20px;
    margin-left: -424px;
    margin-bottom: 20px;
  }

  #main-rot-box .mr-wraper {
    height: 210px;
  }

  #main-rot-box .sl-image {
    height: 118px;
  }

  #main-rot-box .sl-descr {
    font-size: 13px;
    padding-top: 6px;
    min-height: 0;
  }

  #main-rot-box hr {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  #main-rot-box .sl-descr,
  #main-rot-box hr {
    margin-right: 27px;
    margin-left: 27px;
  }

  #main-rot-box .sl-price {
    font-size: 15px;
    margin-right: 8px;
  }

  #main-rot-box .sl-btn {
    font-size: 15px;
    margin-left: 8px;
  }

  #main-rot-box .sl-label span:first-child {
    font-size: 13px;
  }

  #main-rot-box .mr-thumbs {
    height: 68px;
  }

  #main-rot-box .mr-thumbs button {
    width: 100px;
    margin-right: 2px;
  }

  #main-rot-box .prev,
  #main-rot-box .next {
    bottom: 28px;
  }

  /* ==========================================================================
       Main content, Grid, Product box, Product
       ========================================================================== */
  div.main-content {
    max-width: 1077px;
  }

  div.main-content .wrap {
    width: 1077px;
    padding-left: 34px;
    padding-right: 34px;
    padding-top: 20px;
  }

  div.main-content .wrap.site-view-top-pad {
    padding-top: 34px;
  }

  .wrap {
    font-size: 12px;
  }

  .col-left {
    width: 155px;
  }

  .col-left h1 {
    min-width: 155px;
    font-size: 17px;
  }

  .col-right {
    width: 841px;
  }

  .cr-col-left {
    width: 600px;
  }

  .cr-col-left {
    padding-right: 40px;
  }

  .cr-col-right {
    width: 240px;
  }

  .gr-5col-triple-box {
    padding: 14px;
  }

  .gr-container.gr-bord .gr-item,
  .gr-container .gr-item {
    width: 169px;
    height: 253px;
    padding: 14px;
  }

  .gr-container.gr-bord .gr-item span.thumb,
  .gr-container .gr-item span.thumb {
    width: 100%;
    height: 192px;
  }

  .gr-container.gr-bord .gr-item .prod-shop,
  .gr-container .gr-item .prod-shop {
    padding-right: 68px;
    height: 32px;
    padding-top: 4px;
  }

  .gr-container.gr-bord .gr-item .prod-old-price,
  .gr-container .gr-item .prod-old-price {
    padding-right: 68px;
  }

  .gr-container .gr-item.gr-2:not(.no-hov-item) .prod-shop {
    padding-right: 68px;
  }

  .gr-container .gr-item.gr-2,
  .gr-container.gr-bord .gr-item.gr-2,
  .society-area .gr-container.gr-bord .gr-item.gr-2,
  #sa-tabs {
    width: 337px;
  }

  .gr-container .gr-item.gr-2:not(.no-hov-item) span.thumb,
  .gr-container.gr-bord .gr-item.gr-2:not(.no-hov-item) span.thumb {
    width: 141px;
  }

  .gr-container .gr-item.gr-2:not(.no-hov-item) .more-desc {
    left: 155px;
    width: 155px;
  }

  .gr-container .gr-item.gr-2.hover:not(.no-hov-item) div.desc {
    width: 141px;
  }

  .gr-container.gr-bord .double-row-box {
    height: 506px;
  }

  .gr-container .gr-item a.btn {
    width: 60px;
    height: 24px;
    bottom: 14px;
    right: 14px;
    font-size: 15px;
    padding-top: 0px;
  }

  .gr-container .gr-item a.btn span.ico {
    margin-right: 1px;
  }

  html[lang="cs"] .gr-container .gr-item a.btn {
    font-size: 9px;
    padding-top: 3px;
  }

  .gr-item .second-btn-cont {
    right: 14px;
    left: 14px;
    bottom: 43px;
  }

  .gr-item .second-btn-cont a.btn {
    bottom: 6px;
    right: 0;
  }

  .gr-container .gr-item .prod-shop span.prod-price {
    font-size: 14px;
  }

  .gr-container .gr-item .prod-shop span.prod-aval {
    font-size: 10px;
  }

  .gr-item .prod-title {
    font-size: 14px;
    min-height: 4.4em;
  }

  .gr-item .prod-cat {
    font-size: 13px;
  }

  .gr-item .more-desc {
    font-size: 10px;
  }

  .gr-item .more-desc h3,
  .gr-item .more-desc h4 {
    font-size: 14px;
  }

  .gr-container.promoslider {
    height: 505px;
  }

  .gr-container.promoslider .product-box-field {
    padding-right: 336px;
  }

  .gr-container.promoslider .promo-big-box1 {
    width: 337px;
    height: 253px;
    left: 671px;
  }

  .gr-container.promoslider .promo-big-box2 {
    width: 337px;
    height: 253px;
    top: 252px;
    left: 671px;
  }

  .gr-container .single-row-box {
    height: 253px;
  }

  .gr-container .double-row-box {
    height: 506px;
  }

  /* grid-only */
  .g6-2-4 .gro-1 {
    width: 336px;
  }

  .g6-2-4 .gro-2 {
    width: 672px;
  }

  .g6-3-3 .gro-1 {
    width: 504px;
  }

  .g6-3-3 .gro-2 {
    width: 504px;
  }

  .price-box .row-cols.small-pad .col50 {
    margin-top: 10px;
  }

  /* ==========================================================================
       Other - site specific styles
       ========================================================================== */
  .society-area .ase-row-img {
    margin-top: 10px;
  }

  .society-area .ase-row-img .ase-txt {
    width: 65%;
  }

  .society-area .with-scroll .points {
    float: left;
    margin-left: 60%;
    padding-left: 23px;
    margin-top: -10px;
  }

  .society-area .with-scroll .lvl {
    margin-top: -10px;
  }

  .society-area .gr-container.gr-bord .gr-item.gr-2 {
    height: 504px;
  }

  .society-area .list li {
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .society-area .sa-cont {
    height: 440px;
    padding-top: 30px;
  }

  #sa-tabs {
    padding-bottom: 0;
  }

  .society-area .sa-cont,
  #sa-tabs .sa-cont,
  #sa-tabs .sa-cont-act {
    margin-left: -10px;
    margin-right: -10px;
  }

  #sa-tabs .sa-cont {
    padding-top: 20px;
  }

  .sac-boxes .mission-hdr {
    margin-top: 0;
  }

  .sac-boxes .down-info {
    font-size: 18px;
  }

  .sac-boxes .down-info .nick {
    font-size: 32px;
  }

  .sac-boxes .down-info .nick.nick-long {
    font-size: 19px;
  }

  /***/
  .society-area .sa-item {
    width: 201px;
  }

  .society-area .sac-1,
  .society-area .sac-6,
  .society-area .sa-img {
    width: 402px;
  }

  .society-area .sac-1 {
    padding: 40px 16px 0px 36px;
  }

  .society-area .p-ic {
    width: 100%;
  }

  .society-area .sac-6 .p-ic {
    width: 80px;
  }

  .society-area .sac-6 h4,
  .society-area .sac-6 p {
    margin-left: 104px;
  }

  .society-area .sac-6 .border-btn {
    margin-top: 56px;
  }

  .society-area .sac-6 h4 {
    margin-top: 12px;
  }

  .society-area .sa-item h3,
  .society-area .sa-item-2 h3 {
    font-size: 28px;
  }

  .society-area {
    /*.sa-item, .sa-item-2{
            height: 201px;
            h3 {
                font-size: 28px;
            }
        }
        .sa-item{
            width: 201px;
        }
        .sa-item-2{
            width: 402px;

            .sa-inner{
                &.sa-badge-box{
                    padding: 40px 16px 0px 36px;
                }
            }

            .p-ic{
                width: 80px;
            }
            .p-ic + h4, .p-ic ~ p{
                margin-left: 104px;
            }
            h4{
                margin-top: 12px;
            }
            .border-btn{
                font-size: 15px;
                margin-top: 36px;
            }
        }

        .p-ic{
            width: 100%;
            height: auto;
            max-height: 70px;
        }
        .sa-it-2111-212{
            .sac-1{
                width: 402px;
            }
            .sac-5, .sac-7{
                width: 402px;
            }
        }*/
  }

  #filters-bar .simple-tabs .st-lnk,
  #filters-bar .filters-sort .sel-label {
    font-size: 11px;
  }

  #filters-bar .filters-sort .sel-sort select {
    width: 137px;
  }

  .top-art-hdr-filter #filters-bar .sel-sort .sel-label {
    min-width: 75px;
  }

  .filters .f-box {
    width: 155px;
  }

  .filters .filter-lnk,
  .filters .normal-lnk,
  .filters .select-lnk {
    padding: 5px 10px;
    font-size: 9px;
  }

  .filters .f-3col-square .filter-lnk {
    width: 52px;
    height: 52px;
    padding-left: 1px;
    padding-right: 1px;
  }

  .filters .f-3col-square .filter-lnk .fb-title {
    font-size: 7px;
  }

  .filters .f-3col-square .filter-lnk .cat-ico {
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -o-transform-origin: center top;
    -ms-transform-origin: center top;
    -moz-transform-origin: center top;
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }

  .filters .aval .filter-lnk:nth-of-type(1),
  .filters .type .filter-lnk:nth-of-type(1) {
    width: 51px;
  }

  .filters .aval .filter-lnk,
  .filters .lang .filter-lnk,
  .filters .type .filter-lnk {
    font-size: 8px;
  }

  .filters .aval .filter-lnk,
  .filters .type .filter-lnk {
    width: 52px;
  }

  .filters h4 {
    font-size: 14px;
  }

  .filters .lang .filter-lnk {
    width: 20%;
    height: 40px;
  }

  .filters .lang .filter-lnk span.ico {
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -o-transform-origin: center top;
    -ms-transform-origin: center top;
    -moz-transform-origin: center top;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    margin-top: 0;
    margin-bottom: 0;
  }

  .list-filters .lf-1 {
    font-size: 11px;
  }

  .list-filters .lf-1 .i-arr-d-sm-dark {
    right: 6px;
  }

  .list-filters .lf-2 {
    font-size: 10px;
  }

  .hits h3 {
    font-size: 14px;
  }

  .hits .mpb-row .name {
    font-size: 12px;
  }

  .top-login-bar .login-box {
    margin-bottom: 10px;
  }

  .top-login-bar .info-ico-box {
    padding-bottom: 10px;
  }

  .top-login-bar .logged-box {
    margin-bottom: 10px;
    width: 337px;
  }

  .top-login-bar.us-logged .info-ico-box,
  .top-login-bar.us-logged .info-ico-box:nth-child(3) {
    width: 224px;
  }

  .price-box {
    height: 286px;
    padding-top: 16px;
    padding-bottom: 16px;
    width: 337px;
  }

  .price-box .pb-old-price {
    font-size: 22px;
  }

  .price-box .pb-price {
    font-size: 38px;
    margin-bottom: 8px;
  }

  .price-box .pb-btns {
    padding: 11px 0;
  }

  .price-box .pb-btns p:first-child {
    margin-bottom: 22px;
  }

  .price-box .price-box-promo .pb-btns p:first-child {
    margin-bottom: 10px;
  }

  .price-box .col50:first-child {
    padding-right: 14px;
  }

  .price-box .col50+.col50 {
    padding-left: 14px;
  }

  .prod-descr {
    padding-right: 371px;
    margin-top: 28px;
    margin-bottom: 28px;
  }

  .pd-info .pd-img {
    width: 18%;
  }

  .pd-info .pdi-row,
  .ebook .pd-info .pdi-row,
  .no-gallery .pd-info .pdi-row {
    width: 82%;
  }

  .pd-info .pdi-row.bigger {
    font-size: 16px;
  }

  .no-gallery .pd-info {
    padding-top: 34px;
    min-height: 286px;
    width: 638px;
  }

  .ebook .pd-info {
    width: 638px;
  }

  .pd-info .pdi-label {
    width: 180px;
  }

  .pd-info .pdi-cont {
    margin-left: 196px;
  }

  .more-products-box {
    width: 337px;
  }

  .mpb-row .name {
    font-size: 16px;
  }

  .more-products-box .mpb-cont {
    top: 47px;
    max-height: calc(100% - 47px);
  }

  .tab-row .tr-cont,
  .tab-row h2 {
    width: 52%;
  }

  .color-filters select {
    max-width: 140px;
  }

  /* ==========================================================================
       Headers, Common
       ========================================================================== */
  .big-size-hdr {
    font-size: 16px;
  }

  .site-hdr {
    font-size: 35px;
  }

  .wrap-hdr {
    font-size: 14px;
    padding: 16px 0px;
  }

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

  .sec-divider {
    height: 3px;
  }

  .mt10 {
    margin-top: 8px;
  }

  nav.tabs-nav {
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  nav.tabs-nav.smaller {
    font-size: 12px;
  }

  .list-nav {
    font-size: 13px;
  }

  .dble-hdr h2,
  .dble-hdr h3,
  .dble-hdr h4 {
    font-size: 20px;
  }

  /* ==========================================================================
       Buttons
       ========================================================================== */
  .border-btn {
    font-size: 17px;
    padding: 7px 22px 9px;
  }

  .border-btn.no-capit {
    font-size: 29px;
  }

  .border-btn.size24 {
    font-size: 19px;
  }

  .border-btn.size24.no-capit {
    font-size: 21px;
  }

  .border-btn.size20 {
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 6px;
  }

  .border-btn.size20.no-capit {
    font-size: 18px;
  }

  .border-btn.size16 {
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 6px;
  }

  .border-btn.size16.no-capit {
    font-size: 15px;
  }

  .border-btn.size14 {
    font-size: 11px;
    padding: 3px 11px 4px;
  }

  .border-btn.size14.no-capit {
    font-size: 13px;
  }

  .simple-btn,
  input.simple-btn {
    font-size: 17px;
    padding: 6px 19px 8px;
  }

  .simple-btn.size24,
  input.simple-btn.size24 {
    font-size: 19px;
  }

  .simple-btn.size20,
  input.simple-btn.size20 {
    font-size: 16px;
    padding-top: 4px;
    padding-bottom: 5px;
  }

  .simple-btn.size16,
  input.simple-btn.size16 {
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .simple-btn.size14,
  input.simple-btn.size14 {
    font-size: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
  }

  /* ==========================================================================
       Forms
       ========================================================================== */
  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"] {
    font-size: 13px;
  }

  .modal-dialog textarea,
  .modal-dialog select,
  .modal-dialog input[type="date"],
  .modal-dialog input[type="datetime"],
  .modal-dialog input[type="datetime-local"],
  .modal-dialog input[type="email"],
  .modal-dialog input[type="month"],
  .modal-dialog input[type="number"],
  .modal-dialog input[type="password"],
  .modal-dialog input[type="search"],
  .modal-dialog input[type="tel"],
  .modal-dialog input[type="text"],
  .modal-dialog input[type="time"],
  .modal-dialog input[type="url"],
  .modal-dialog input[type="week"] {
    font-size: 15px;
  }

  .col-label {
    width: 167px;
  }

  .col-label p {
    font-size: 16px;
  }

  .col-counter {
    width: 840px;
  }

  .big-counter p {
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sac-boxes .mission-hdr {
    clear: none;
    margin-top: .5em;
  }
}

@media only screen and (min-width: 1441px) {

  /*@media only screen and (min-width: $gr-step-7) and (min-height: 901px)*/
  /* ==========================================================================
       Head, Main nav
       ========================================================================== */
  .no-csspositionsticky div.main-content {
    padding-top: 118px;
  }

  #head {
    height: 118px;
  }

  #head .logo {
    height: 64px;
  }

  #head .logo .ico {
    margin-top: 14px;
  }

  #head .beta {
    font-size: 22px;
    margin-top: 25px;
  }

  #head .usermanage,
  #head .usermanage.user-logged {
    top: 11px;
  }

  #head .search {
    width: 248px;
  }

  #head .search .form-cont {
    padding: 15px 0 0;
  }

  #head .search .form-cont input {
    width: 213px;
    height: 33px;
    font-size: 13px;
  }

  #head .search .form-cont button {
    width: 35px;
    height: 33px;
  }

  #main-nav ul.nav {
    height: 54px;
  }

  #main-nav ul.nav a,
  #main-nav ul.nav li>span {
    font-size: 21px;
    padding: 13px 24px;
  }

  #main-nav ul.nav ul {
    top: 54px;
    height: 54px;
  }

  #main-nav ul.nav ul a,
  #main-nav ul.nav ul li>span {
    padding: 16px 13px 0;
  }

  #main-nav ul.nav img {
    max-height: 31px;
    margin-top: -2px;
  }

  #main-nav .mn-cont {
    top: 64px;
  }

  /* ==========================================================================
       Top rotator, top baner
       ========================================================================== */
  #main-rot-box {
    width: 685px;
    height: 474px;
    margin-top: 54px;
    margin-left: 75px;
    left: 0;
    margin-bottom: 40px;
  }

  #main-rot-box .mr-wraper {
    height: 344px;
  }

  #main-rot-box .show-movie {
    font-size: 11px;
    padding: 14px 18px 4px 4px;
  }

  #main-rot-box .show-movie .sec-line {
    font-size: 22px;
    font-weight: 700;
  }

  #main-rot-box .show-movie .i-play {
    margin-top: 2px;
  }

  #main-rot-box .sl-label {
    padding: 7px 14px 7px 16px;
  }

  #main-rot-box .sl-label span:first-child {
    font-size: 22px;
  }

  #main-rot-box .sl-label .sec-line {
    font-size: 11px;
  }

  #main-rot-box .sl-image {
    height: 186px;
  }

  #main-rot-box .sl-image h2 span {
    width: 100%;
    -webkit-transition: width 0.3s ease-in;
    -moz-transition: width 0.3s ease-in;
    -o-transition: width 0.3s ease-in;
    transition: width 0.3s ease-in;
  }

  #main-rot-box .sl-descr {
    font-size: 22px;
    padding-top: 14px;
    min-height: 50px;
  }

  #main-rot-box hr {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  #main-rot-box .sl-descr,
  #main-rot-box hr {
    margin-right: 40px;
    margin-left: 40px;
  }

  #main-rot-box .sl-price {
    font-size: 24px;
    margin-right: 12px;
  }

  #main-rot-box .sl-btn {
    font-size: 24px;
    margin-left: 12px;
  }

  #main-rot-box .mr-thumbs {
    margin-top: 3px;
    height: 126px;
  }

  #main-rot-box .mr-thumbs button {
    width: 169px;
    margin-right: 3px;
  }

  #main-rot-box .mr-thumbs button img {
    margin-top: 0;
  }

  #main-rot-box .prev,
  #main-rot-box .next {
    bottom: 50px;
  }

  .no-csspositionsticky .mute-btn,
  .no-csspositionsticky .play-btn {
    top: 128px;
  }

  /* ==========================================================================
       Headers, common styles
       ========================================================================== */
  .top-login-bar .info-ico-box {
    width: 22%;
  }

  .top-login-bar .info-ico-box:fist-child {
    width: 22%;
  }

  .top-login-bar .info-ico-box:nth-child(3) {
    width: 22%;
  }

  .top-login-bar .info-ico-box .iib-i {
    width: 66px;
    height: 66px;
  }

  .top-login-bar .info-ico-box .iib-i .ico {
    margin-top: 16px;
    -o-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    transform: none;
  }

  .top-login-bar .info-ico-box .iib-i .i-starproc {
    margin-top: 9px;
    margin-left: 0;
  }

  .top-login-bar .info-ico-box .iib-i .i-prize {
    margin-top: 9px;
    margin-left: 0;
  }

  .top-login-bar .info-ico-box .iib-i .i-safeshop {
    margin-top: 12px;
  }

  .top-login-bar .info-ico-box .iib-h {
    padding-top: 14px;
    font-size: 16px;
  }

  .top-login-bar .info-ico-box .iib-t {
    margin-top: 10px;
    font-size: 12px;
  }

  .top-login-bar.us-logged .info-ico-box {
    width: 18%;
  }

  .top-login-bar.us-logged .info-ico-box:fist-child {
    width: 18%;
  }

  .top-login-bar.us-logged .info-ico-box:nth-child(3) {
    width: 18%;
  }

  .top-login-bar.us-logged .login-box {
    width: 26%;
  }

  .top-login-bar .login-box {
    width: 30%;
    margin-bottom: 34px;
    padding-top: 10px;
  }

  .top-login-bar .login-box p {
    margin: 10px auto 0;
  }

  .top-login-bar .logged-box {
    width: 420px;
    float: right;
    margin-bottom: 24px;
    margin-top: 6px;
  }

  .top-login-bar.icons-only .info-ico-box .iib-i .ico.i-starproc {
    margin-top: 9px;
    margin-left: 0;
  }

  .top-login-bar.icons-only .info-ico-box .iib-i .ico.i-safeshop {
    margin-top: 14px;
    margin-left: 0;
  }

  .top-login-bar.icons-only .info-ico-box .iib-i .ico.i-head {
    margin-top: 8px;
    margin-left: 0;
  }

  .top-login-bar.icons-only .info-ico-box .iib-i .ico.i-prize {
    margin-top: 9px;
    margin-left: 0;
  }

  .site-hdr {
    font-size: 46px;
    margin-top: 16px;
    margin-bottom: 26px;
  }

  /*    .big-size-hdr{
        font-size: 21px;
    }
    .v-big-size-hdr{
        font-size: 36px;
    }*/
  /* ==========================================================================
       Product
       ========================================================================== */
  .price-box .pb-old-price {
    font-size: 24px;
  }

  .price-box .pb-price {
    font-size: 44px;
  }

  /* ==========================================================================
        Popups
       ========================================================================== */
  .modal-dialog.md-dialog-wide {
    max-width: 1075px;
    margin-left: -538px;
  }

  .modal-dialog.md-dialog-wide .md-c-2 {
    width: 40.2639405204461%;
  }

  .modal-dialog.md-dialog-wide .md-c-1 .md-ico-box~div {
    margin-left: 80px;
  }

  /* ==========================================================================
       Footer
       ========================================================================== */
  #foot .p-info span:not(:first-child) {
    margin-left: 24px;
  }
}

/* ==========================================================================
   simpleslider (one row slider)
   ========================================================================== */
.singe-row-slider {
  position: relative;
  border-bottom: 1px solid #e3e3e3;
}

.singe-row-slider:after,
.singe-row-slider:before {
  content: " ";
  position: absolute;
  background-color: #e3e3e3;
  top: 0;
  bottom: 0;
  width: 1px;
  z-index: 10;
}

.singe-row-slider:before {
  left: 0;
}

.singe-row-slider:after {
  right: 0;
}

.no-swiper {
  overflow: hidden;
}

.no-swiper .srb-slide {
  margin-right: 1px;
}

.no-swiper .srb-slide:last-child {
  margin-right: 0;
}

.gr-container.singe-row-slider .product-box-field {
  background: none;
  height: auto;
}

/*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.product-box-field {
  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;
}

.single-row-box {
  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>.single-row-box {
  -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;
}

.srb-slide {
  float: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /*        height: 100%;
        position: relative;*/
  width: 50%;
}

.srb-slide .gr-item {
  width: 100%;
  border-top: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}

.srb-slide .gr-item.gr-2 {
  width: 200%;
}

/* 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;
}

@media only screen and (min-width: 445px) {
  .singe-row-slider {
    height: 319px;
    border-top: 1px solid #e3e3e3;
    padding-left: 1px;
    background-color: #e3e3e3;
  }

  .singe-row-slider .product-box-field {
    height: 317px;
  }

  .srb-slide {
    width: 210px;
  }

  .srb-slide.srb-slide-2 {
    width: 421px;
    position: relative;
    z-index: 1;
  }

  .srb-slide .gr-item {
    width: 209px;
    border: 0;
  }

  .srb-slide .gr-item.gr-2 {
    width: 419px;
  }

  .no-swiper.singe-row-slider .srb-slide {
    margin-right: 0;
  }

  .no-swiper.singe-row-slider .srb-slide:last-child {
    padding-right: 0;
  }
}

@media only screen and (min-width: 1347px) and (max-width: 1440px) {
  .singe-row-slider {
    height: 255px;
  }

  .singe-row-slider .product-box-field {
    height: 253px;
  }

  .srb-slide {
    width: 168px;
  }

  .srb-slide .gr-item {
    width: 167px;
  }

  .srb-slide .gr-item.gr-2 {
    width: 335px;
  }
}

/* ==========================================================================
   Promoslider
   ========================================================================== */
/* Edit mode */
.gr-container.promoslider.edit-grid {
  height: auto;
  position: relative;
  opacity: 1;
  visibility: visible;
}

.gr-container.promoslider.edit-grid .cf,
.gr-container.promoslider.edit-grid #head .ui-autocomplete li.ui-menu-item a,
#head .ui-autocomplete li.ui-menu-item .gr-container.promoslider.edit-grid a,
.gr-container.promoslider.edit-grid .gr-only,
.gr-container.promoslider.edit-grid .row-cols {
  margin-bottom: 20px;
}

.gr-container.promoslider.edit-grid .gr-item {
  width: 200px;
  height: auto;
}

.gr-container.promoslider.edit-grid .gr-item img {
  max-width: 100%;
}

/* Normal mode */
@media only screen and (max-width: 716px) {
  .promoslider .product-box-field .gr-item.gr-2 {
    width: 50%;
  }

  .promoslider .product-box-field .gr-item.gr-2 .more-desc {
    display: none;
  }

  .promoslider .product-box-field .gr-item.gr-2 .prod-info {
    padding-bottom: 139.306%;
  }

  .promoslider .product-box-field .gr-item.gr-2 span.thumb {
    width: 100%;
    right: 0;
    position: absolute;
  }
}

@media only screen and (min-width: 717px) {
  .flexbox .promoslider .promo-small-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .flexbox .promoslider .promo-small-box .gr-item {
    margin-bottom: 0;
    align-self: flex-start;
  }
}

/*** double boxes upgrade ***/
.flexbox {
  /* reset clearfix */
}

.flexbox .double-row-box,
.flexbox .one-site-view .gr-inner,
.flexbox .gr-double .gr-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
}

.flexbox .double-row-box .gr-item,
.flexbox .one-site-view .gr-inner .gr-item,
.flexbox .gr-double .gr-inner .gr-item {
  align-self: flex-start;
  margin-bottom: 0;
}

.flexbox .gr-inner .gr-item {
  order: 301;
}

.flexbox .gr-inner .gr-item:nth-child(1) {
  order: 1;
}

.flexbox .gr-inner .gr-item:nth-child(2) {
  order: 2;
}

.flexbox .gr-inner .gr-item:nth-child(3) {
  order: 3;
}

.flexbox .gr-inner .gr-item:nth-child(4) {
  order: 4;
}

.flexbox .gr-inner .gr-item:nth-child(5) {
  order: 5;
}

.flexbox .gr-inner .gr-item:nth-child(6) {
  order: 6;
}

.flexbox .gr-inner .gr-item:nth-child(7) {
  order: 7;
}

.flexbox .gr-inner .gr-item:nth-child(8) {
  order: 8;
}

.flexbox .gr-inner .gr-item:nth-child(9) {
  order: 9;
}

.flexbox .gr-inner .gr-item:nth-child(10) {
  order: 10;
}

.flexbox .gr-inner .gr-item:nth-child(11) {
  order: 11;
}

.flexbox .gr-inner .gr-item:nth-child(12) {
  order: 12;
}

.flexbox .gr-inner .gr-item:nth-child(13) {
  order: 13;
}

.flexbox .gr-inner .gr-item:nth-child(14) {
  order: 14;
}

.flexbox .gr-inner .gr-item:nth-child(15) {
  order: 15;
}

.flexbox .gr-inner .gr-item:nth-child(16) {
  order: 16;
}

.flexbox .gr-inner .gr-item:nth-child(17) {
  order: 17;
}

.flexbox .gr-inner .gr-item:nth-child(18) {
  order: 18;
}

.flexbox .gr-inner .gr-item:nth-child(19) {
  order: 19;
}

.flexbox .gr-inner .gr-item:nth-child(20) {
  order: 20;
}

.flexbox .gr-inner .gr-item:nth-child(21) {
  order: 21;
}

.flexbox .gr-inner .gr-item:nth-child(22) {
  order: 22;
}

.flexbox .gr-inner .gr-item:nth-child(23) {
  order: 23;
}

.flexbox .gr-inner .gr-item:nth-child(24) {
  order: 24;
}

.flexbox .gr-inner .gr-item:nth-child(25) {
  order: 25;
}

.flexbox .gr-inner .gr-item:nth-child(26) {
  order: 26;
}

.flexbox .gr-inner .gr-item:nth-child(27) {
  order: 27;
}

.flexbox .gr-inner .gr-item:nth-child(28) {
  order: 28;
}

.flexbox .gr-inner .gr-item:nth-child(29) {
  order: 29;
}

.flexbox .gr-inner .gr-item:nth-child(30) {
  order: 30;
}

.flexbox .gr-inner .gr-item:nth-child(31) {
  order: 31;
}

.flexbox .gr-inner .gr-item:nth-child(32) {
  order: 32;
}

.flexbox .gr-inner .gr-item:nth-child(33) {
  order: 33;
}

.flexbox .gr-inner .gr-item:nth-child(34) {
  order: 34;
}

.flexbox .gr-inner .gr-item:nth-child(35) {
  order: 35;
}

.flexbox .gr-inner .gr-item:nth-child(36) {
  order: 36;
}

.flexbox .gr-inner .gr-item:nth-child(37) {
  order: 37;
}

.flexbox .gr-inner .gr-item:nth-child(38) {
  order: 38;
}

.flexbox .gr-inner .gr-item:nth-child(39) {
  order: 39;
}

.flexbox .gr-inner .gr-item:nth-child(40) {
  order: 40;
}

.flexbox .gr-inner .gr-item:nth-child(41) {
  order: 41;
}

.flexbox .gr-inner .gr-item:nth-child(42) {
  order: 42;
}

.flexbox .gr-inner .gr-item:nth-child(43) {
  order: 43;
}

.flexbox .gr-inner .gr-item:nth-child(44) {
  order: 44;
}

.flexbox .gr-inner .gr-item:nth-child(45) {
  order: 45;
}

.flexbox .gr-inner .gr-item:nth-child(46) {
  order: 46;
}

.flexbox .gr-inner .gr-item:nth-child(47) {
  order: 47;
}

.flexbox .gr-inner .gr-item:nth-child(48) {
  order: 48;
}

.flexbox .gr-inner .gr-item:nth-child(49) {
  order: 49;
}

.flexbox .gr-inner .gr-item:nth-child(50) {
  order: 50;
}

.flexbox .gr-inner .gr-item:nth-child(51) {
  order: 51;
}

.flexbox .gr-inner .gr-item:nth-child(52) {
  order: 52;
}

.flexbox .gr-inner .gr-item:nth-child(53) {
  order: 53;
}

.flexbox .gr-inner .gr-item:nth-child(54) {
  order: 54;
}

.flexbox .gr-inner .gr-item:nth-child(55) {
  order: 55;
}

.flexbox .gr-inner .gr-item:nth-child(56) {
  order: 56;
}

.flexbox .gr-inner .gr-item:nth-child(57) {
  order: 57;
}

.flexbox .gr-inner .gr-item:nth-child(58) {
  order: 58;
}

.flexbox .gr-inner .gr-item:nth-child(59) {
  order: 59;
}

.flexbox .gr-inner .gr-item:nth-child(60) {
  order: 60;
}

.flexbox .gr-inner .gr-item:nth-child(61) {
  order: 61;
}

.flexbox .gr-inner .gr-item:nth-child(62) {
  order: 62;
}

.flexbox .gr-inner .gr-item:nth-child(63) {
  order: 63;
}

.flexbox .gr-inner .gr-item:nth-child(64) {
  order: 64;
}

.flexbox .gr-inner .gr-item:nth-child(65) {
  order: 65;
}

.flexbox .gr-inner .gr-item:nth-child(66) {
  order: 66;
}

.flexbox .gr-inner .gr-item:nth-child(67) {
  order: 67;
}

.flexbox .gr-inner .gr-item:nth-child(68) {
  order: 68;
}

.flexbox .gr-inner .gr-item:nth-child(69) {
  order: 69;
}

.flexbox .gr-inner .gr-item:nth-child(70) {
  order: 70;
}

.flexbox .gr-inner .gr-item:nth-child(71) {
  order: 71;
}

.flexbox .gr-inner .gr-item:nth-child(72) {
  order: 72;
}

.flexbox .gr-inner .gr-item:nth-child(73) {
  order: 73;
}

.flexbox .gr-inner .gr-item:nth-child(74) {
  order: 74;
}

.flexbox .gr-inner .gr-item:nth-child(75) {
  order: 75;
}

.flexbox .gr-inner .gr-item:nth-child(76) {
  order: 76;
}

.flexbox .gr-inner .gr-item:nth-child(77) {
  order: 77;
}

.flexbox .gr-inner .gr-item:nth-child(78) {
  order: 78;
}

.flexbox .gr-inner .gr-item:nth-child(79) {
  order: 79;
}

.flexbox .gr-inner .gr-item:nth-child(80) {
  order: 80;
}

.flexbox .gr-inner .gr-item:nth-child(81) {
  order: 81;
}

.flexbox .gr-inner .gr-item:nth-child(82) {
  order: 82;
}

.flexbox .gr-inner .gr-item:nth-child(83) {
  order: 83;
}

.flexbox .gr-inner .gr-item:nth-child(84) {
  order: 84;
}

.flexbox .gr-inner .gr-item:nth-child(85) {
  order: 85;
}

.flexbox .gr-inner .gr-item:nth-child(86) {
  order: 86;
}

.flexbox .gr-inner .gr-item:nth-child(87) {
  order: 87;
}

.flexbox .gr-inner .gr-item:nth-child(88) {
  order: 88;
}

.flexbox .gr-inner .gr-item:nth-child(89) {
  order: 89;
}

.flexbox .gr-inner .gr-item:nth-child(90) {
  order: 90;
}

.flexbox .gr-inner .gr-item:nth-child(91) {
  order: 91;
}

.flexbox .gr-inner .gr-item:nth-child(92) {
  order: 92;
}

.flexbox .gr-inner .gr-item:nth-child(93) {
  order: 93;
}

.flexbox .gr-inner .gr-item:nth-child(94) {
  order: 94;
}

.flexbox .gr-inner .gr-item:nth-child(95) {
  order: 95;
}

.flexbox .gr-inner .gr-item:nth-child(96) {
  order: 96;
}

.flexbox .gr-inner .gr-item:nth-child(97) {
  order: 97;
}

.flexbox .gr-inner .gr-item:nth-child(98) {
  order: 98;
}

.flexbox .gr-inner .gr-item:nth-child(99) {
  order: 99;
}

.flexbox .gr-inner .gr-item:nth-child(100) {
  order: 100;
}

.flexbox .gr-inner .gr-item:nth-child(101) {
  order: 101;
}

.flexbox .gr-inner .gr-item:nth-child(102) {
  order: 102;
}

.flexbox .gr-inner .gr-item:nth-child(103) {
  order: 103;
}

.flexbox .gr-inner .gr-item:nth-child(104) {
  order: 104;
}

.flexbox .gr-inner .gr-item:nth-child(105) {
  order: 105;
}

.flexbox .gr-inner .gr-item:nth-child(106) {
  order: 106;
}

.flexbox .gr-inner .gr-item:nth-child(107) {
  order: 107;
}

.flexbox .gr-inner .gr-item:nth-child(108) {
  order: 108;
}

.flexbox .gr-inner .gr-item:nth-child(109) {
  order: 109;
}

.flexbox .gr-inner .gr-item:nth-child(110) {
  order: 110;
}

.flexbox .gr-inner .gr-item:nth-child(111) {
  order: 111;
}

.flexbox .gr-inner .gr-item:nth-child(112) {
  order: 112;
}

.flexbox .gr-inner .gr-item:nth-child(113) {
  order: 113;
}

.flexbox .gr-inner .gr-item:nth-child(114) {
  order: 114;
}

.flexbox .gr-inner .gr-item:nth-child(115) {
  order: 115;
}

.flexbox .gr-inner .gr-item:nth-child(116) {
  order: 116;
}

.flexbox .gr-inner .gr-item:nth-child(117) {
  order: 117;
}

.flexbox .gr-inner .gr-item:nth-child(118) {
  order: 118;
}

.flexbox .gr-inner .gr-item:nth-child(119) {
  order: 119;
}

.flexbox .gr-inner .gr-item:nth-child(120) {
  order: 120;
}

.flexbox .gr-inner .gr-item:nth-child(121) {
  order: 121;
}

.flexbox .gr-inner .gr-item:nth-child(122) {
  order: 122;
}

.flexbox .gr-inner .gr-item:nth-child(123) {
  order: 123;
}

.flexbox .gr-inner .gr-item:nth-child(124) {
  order: 124;
}

.flexbox .gr-inner .gr-item:nth-child(125) {
  order: 125;
}

.flexbox .gr-inner .gr-item:nth-child(126) {
  order: 126;
}

.flexbox .gr-inner .gr-item:nth-child(127) {
  order: 127;
}

.flexbox .gr-inner .gr-item:nth-child(128) {
  order: 128;
}

.flexbox .gr-inner .gr-item:nth-child(129) {
  order: 129;
}

.flexbox .gr-inner .gr-item:nth-child(130) {
  order: 130;
}

.flexbox .gr-inner .gr-item:nth-child(131) {
  order: 131;
}

.flexbox .gr-inner .gr-item:nth-child(132) {
  order: 132;
}

.flexbox .gr-inner .gr-item:nth-child(133) {
  order: 133;
}

.flexbox .gr-inner .gr-item:nth-child(134) {
  order: 134;
}

.flexbox .gr-inner .gr-item:nth-child(135) {
  order: 135;
}

.flexbox .gr-inner .gr-item:nth-child(136) {
  order: 136;
}

.flexbox .gr-inner .gr-item:nth-child(137) {
  order: 137;
}

.flexbox .gr-inner .gr-item:nth-child(138) {
  order: 138;
}

.flexbox .gr-inner .gr-item:nth-child(139) {
  order: 139;
}

.flexbox .gr-inner .gr-item:nth-child(140) {
  order: 140;
}

.flexbox .gr-inner .gr-item:nth-child(141) {
  order: 141;
}

.flexbox .gr-inner .gr-item:nth-child(142) {
  order: 142;
}

.flexbox .gr-inner .gr-item:nth-child(143) {
  order: 143;
}

.flexbox .gr-inner .gr-item:nth-child(144) {
  order: 144;
}

.flexbox .gr-inner .gr-item:nth-child(145) {
  order: 145;
}

.flexbox .gr-inner .gr-item:nth-child(146) {
  order: 146;
}

.flexbox .gr-inner .gr-item:nth-child(147) {
  order: 147;
}

.flexbox .gr-inner .gr-item:nth-child(148) {
  order: 148;
}

.flexbox .gr-inner .gr-item:nth-child(149) {
  order: 149;
}

.flexbox .gr-inner .gr-item:nth-child(150) {
  order: 150;
}

.flexbox .gr-inner .gr-item:nth-child(151) {
  order: 151;
}

.flexbox .gr-inner .gr-item:nth-child(152) {
  order: 152;
}

.flexbox .gr-inner .gr-item:nth-child(153) {
  order: 153;
}

.flexbox .gr-inner .gr-item:nth-child(154) {
  order: 154;
}

.flexbox .gr-inner .gr-item:nth-child(155) {
  order: 155;
}

.flexbox .gr-inner .gr-item:nth-child(156) {
  order: 156;
}

.flexbox .gr-inner .gr-item:nth-child(157) {
  order: 157;
}

.flexbox .gr-inner .gr-item:nth-child(158) {
  order: 158;
}

.flexbox .gr-inner .gr-item:nth-child(159) {
  order: 159;
}

.flexbox .gr-inner .gr-item:nth-child(160) {
  order: 160;
}

.flexbox .gr-inner .gr-item:nth-child(161) {
  order: 161;
}

.flexbox .gr-inner .gr-item:nth-child(162) {
  order: 162;
}

.flexbox .gr-inner .gr-item:nth-child(163) {
  order: 163;
}

.flexbox .gr-inner .gr-item:nth-child(164) {
  order: 164;
}

.flexbox .gr-inner .gr-item:nth-child(165) {
  order: 165;
}

.flexbox .gr-inner .gr-item:nth-child(166) {
  order: 166;
}

.flexbox .gr-inner .gr-item:nth-child(167) {
  order: 167;
}

.flexbox .gr-inner .gr-item:nth-child(168) {
  order: 168;
}

.flexbox .gr-inner .gr-item:nth-child(169) {
  order: 169;
}

.flexbox .gr-inner .gr-item:nth-child(170) {
  order: 170;
}

.flexbox .gr-inner .gr-item:nth-child(171) {
  order: 171;
}

.flexbox .gr-inner .gr-item:nth-child(172) {
  order: 172;
}

.flexbox .gr-inner .gr-item:nth-child(173) {
  order: 173;
}

.flexbox .gr-inner .gr-item:nth-child(174) {
  order: 174;
}

.flexbox .gr-inner .gr-item:nth-child(175) {
  order: 175;
}

.flexbox .gr-inner .gr-item:nth-child(176) {
  order: 176;
}

.flexbox .gr-inner .gr-item:nth-child(177) {
  order: 177;
}

.flexbox .gr-inner .gr-item:nth-child(178) {
  order: 178;
}

.flexbox .gr-inner .gr-item:nth-child(179) {
  order: 179;
}

.flexbox .gr-inner .gr-item:nth-child(180) {
  order: 180;
}

.flexbox .gr-inner .gr-item:nth-child(181) {
  order: 181;
}

.flexbox .gr-inner .gr-item:nth-child(182) {
  order: 182;
}

.flexbox .gr-inner .gr-item:nth-child(183) {
  order: 183;
}

.flexbox .gr-inner .gr-item:nth-child(184) {
  order: 184;
}

.flexbox .gr-inner .gr-item:nth-child(185) {
  order: 185;
}

.flexbox .gr-inner .gr-item:nth-child(186) {
  order: 186;
}

.flexbox .gr-inner .gr-item:nth-child(187) {
  order: 187;
}

.flexbox .gr-inner .gr-item:nth-child(188) {
  order: 188;
}

.flexbox .gr-inner .gr-item:nth-child(189) {
  order: 189;
}

.flexbox .gr-inner .gr-item:nth-child(190) {
  order: 190;
}

.flexbox .gr-inner .gr-item:nth-child(191) {
  order: 191;
}

.flexbox .gr-inner .gr-item:nth-child(192) {
  order: 192;
}

.flexbox .gr-inner .gr-item:nth-child(193) {
  order: 193;
}

.flexbox .gr-inner .gr-item:nth-child(194) {
  order: 194;
}

.flexbox .gr-inner .gr-item:nth-child(195) {
  order: 195;
}

.flexbox .gr-inner .gr-item:nth-child(196) {
  order: 196;
}

.flexbox .gr-inner .gr-item:nth-child(197) {
  order: 197;
}

.flexbox .gr-inner .gr-item:nth-child(198) {
  order: 198;
}

.flexbox .gr-inner .gr-item:nth-child(199) {
  order: 199;
}

.flexbox .gr-inner .gr-item:nth-child(200) {
  order: 200;
}

.flexbox .gr-inner .gr-item:nth-child(201) {
  order: 201;
}

.flexbox .gr-inner .gr-item:nth-child(202) {
  order: 202;
}

.flexbox .gr-inner .gr-item:nth-child(203) {
  order: 203;
}

.flexbox .gr-inner .gr-item:nth-child(204) {
  order: 204;
}

.flexbox .gr-inner .gr-item:nth-child(205) {
  order: 205;
}

.flexbox .gr-inner .gr-item:nth-child(206) {
  order: 206;
}

.flexbox .gr-inner .gr-item:nth-child(207) {
  order: 207;
}

.flexbox .gr-inner .gr-item:nth-child(208) {
  order: 208;
}

.flexbox .gr-inner .gr-item:nth-child(209) {
  order: 209;
}

.flexbox .gr-inner .gr-item:nth-child(210) {
  order: 210;
}

.flexbox .gr-inner .gr-item:nth-child(211) {
  order: 211;
}

.flexbox .gr-inner .gr-item:nth-child(212) {
  order: 212;
}

.flexbox .gr-inner .gr-item:nth-child(213) {
  order: 213;
}

.flexbox .gr-inner .gr-item:nth-child(214) {
  order: 214;
}

.flexbox .gr-inner .gr-item:nth-child(215) {
  order: 215;
}

.flexbox .gr-inner .gr-item:nth-child(216) {
  order: 216;
}

.flexbox .gr-inner .gr-item:nth-child(217) {
  order: 217;
}

.flexbox .gr-inner .gr-item:nth-child(218) {
  order: 218;
}

.flexbox .gr-inner .gr-item:nth-child(219) {
  order: 219;
}

.flexbox .gr-inner .gr-item:nth-child(220) {
  order: 220;
}

.flexbox .gr-inner .gr-item:nth-child(221) {
  order: 221;
}

.flexbox .gr-inner .gr-item:nth-child(222) {
  order: 222;
}

.flexbox .gr-inner .gr-item:nth-child(223) {
  order: 223;
}

.flexbox .gr-inner .gr-item:nth-child(224) {
  order: 224;
}

.flexbox .gr-inner .gr-item:nth-child(225) {
  order: 225;
}

.flexbox .gr-inner .gr-item:nth-child(226) {
  order: 226;
}

.flexbox .gr-inner .gr-item:nth-child(227) {
  order: 227;
}

.flexbox .gr-inner .gr-item:nth-child(228) {
  order: 228;
}

.flexbox .gr-inner .gr-item:nth-child(229) {
  order: 229;
}

.flexbox .gr-inner .gr-item:nth-child(230) {
  order: 230;
}

.flexbox .gr-inner .gr-item:nth-child(231) {
  order: 231;
}

.flexbox .gr-inner .gr-item:nth-child(232) {
  order: 232;
}

.flexbox .gr-inner .gr-item:nth-child(233) {
  order: 233;
}

.flexbox .gr-inner .gr-item:nth-child(234) {
  order: 234;
}

.flexbox .gr-inner .gr-item:nth-child(235) {
  order: 235;
}

.flexbox .gr-inner .gr-item:nth-child(236) {
  order: 236;
}

.flexbox .gr-inner .gr-item:nth-child(237) {
  order: 237;
}

.flexbox .gr-inner .gr-item:nth-child(238) {
  order: 238;
}

.flexbox .gr-inner .gr-item:nth-child(239) {
  order: 239;
}

.flexbox .gr-inner .gr-item:nth-child(240) {
  order: 240;
}

.flexbox .gr-inner .gr-item:nth-child(241) {
  order: 241;
}

.flexbox .gr-inner .gr-item:nth-child(242) {
  order: 242;
}

.flexbox .gr-inner .gr-item:nth-child(243) {
  order: 243;
}

.flexbox .gr-inner .gr-item:nth-child(244) {
  order: 244;
}

.flexbox .gr-inner .gr-item:nth-child(245) {
  order: 245;
}

.flexbox .gr-inner .gr-item:nth-child(246) {
  order: 246;
}

.flexbox .gr-inner .gr-item:nth-child(247) {
  order: 247;
}

.flexbox .gr-inner .gr-item:nth-child(248) {
  order: 248;
}

.flexbox .gr-inner .gr-item:nth-child(249) {
  order: 249;
}

.flexbox .gr-inner .gr-item:nth-child(250) {
  order: 250;
}

.flexbox .gr-inner .gr-item:nth-child(251) {
  order: 251;
}

.flexbox .gr-inner .gr-item:nth-child(252) {
  order: 252;
}

.flexbox .gr-inner .gr-item:nth-child(253) {
  order: 253;
}

.flexbox .gr-inner .gr-item:nth-child(254) {
  order: 254;
}

.flexbox .gr-inner .gr-item:nth-child(255) {
  order: 255;
}

.flexbox .gr-inner .gr-item:nth-child(256) {
  order: 256;
}

.flexbox .gr-inner .gr-item:nth-child(257) {
  order: 257;
}

.flexbox .gr-inner .gr-item:nth-child(258) {
  order: 258;
}

.flexbox .gr-inner .gr-item:nth-child(259) {
  order: 259;
}

.flexbox .gr-inner .gr-item:nth-child(260) {
  order: 260;
}

.flexbox .gr-inner .gr-item:nth-child(261) {
  order: 261;
}

.flexbox .gr-inner .gr-item:nth-child(262) {
  order: 262;
}

.flexbox .gr-inner .gr-item:nth-child(263) {
  order: 263;
}

.flexbox .gr-inner .gr-item:nth-child(264) {
  order: 264;
}

.flexbox .gr-inner .gr-item:nth-child(265) {
  order: 265;
}

.flexbox .gr-inner .gr-item:nth-child(266) {
  order: 266;
}

.flexbox .gr-inner .gr-item:nth-child(267) {
  order: 267;
}

.flexbox .gr-inner .gr-item:nth-child(268) {
  order: 268;
}

.flexbox .gr-inner .gr-item:nth-child(269) {
  order: 269;
}

.flexbox .gr-inner .gr-item:nth-child(270) {
  order: 270;
}

.flexbox .gr-inner .gr-item:nth-child(271) {
  order: 271;
}

.flexbox .gr-inner .gr-item:nth-child(272) {
  order: 272;
}

.flexbox .gr-inner .gr-item:nth-child(273) {
  order: 273;
}

.flexbox .gr-inner .gr-item:nth-child(274) {
  order: 274;
}

.flexbox .gr-inner .gr-item:nth-child(275) {
  order: 275;
}

.flexbox .gr-inner .gr-item:nth-child(276) {
  order: 276;
}

.flexbox .gr-inner .gr-item:nth-child(277) {
  order: 277;
}

.flexbox .gr-inner .gr-item:nth-child(278) {
  order: 278;
}

.flexbox .gr-inner .gr-item:nth-child(279) {
  order: 279;
}

.flexbox .gr-inner .gr-item:nth-child(280) {
  order: 280;
}

.flexbox .gr-inner .gr-item:nth-child(281) {
  order: 281;
}

.flexbox .gr-inner .gr-item:nth-child(282) {
  order: 282;
}

.flexbox .gr-inner .gr-item:nth-child(283) {
  order: 283;
}

.flexbox .gr-inner .gr-item:nth-child(284) {
  order: 284;
}

.flexbox .gr-inner .gr-item:nth-child(285) {
  order: 285;
}

.flexbox .gr-inner .gr-item:nth-child(286) {
  order: 286;
}

.flexbox .gr-inner .gr-item:nth-child(287) {
  order: 287;
}

.flexbox .gr-inner .gr-item:nth-child(288) {
  order: 288;
}

.flexbox .gr-inner .gr-item:nth-child(289) {
  order: 289;
}

.flexbox .gr-inner .gr-item:nth-child(290) {
  order: 290;
}

.flexbox .gr-inner .gr-item:nth-child(291) {
  order: 291;
}

.flexbox .gr-inner .gr-item:nth-child(292) {
  order: 292;
}

.flexbox .gr-inner .gr-item:nth-child(293) {
  order: 293;
}

.flexbox .gr-inner .gr-item:nth-child(294) {
  order: 294;
}

.flexbox .gr-inner .gr-item:nth-child(295) {
  order: 295;
}

.flexbox .gr-inner .gr-item:nth-child(296) {
  order: 296;
}

.flexbox .gr-inner .gr-item:nth-child(297) {
  order: 297;
}

.flexbox .gr-inner .gr-item:nth-child(298) {
  order: 298;
}

.flexbox .gr-inner .gr-item:nth-child(299) {
  order: 299;
}

.flexbox .gr-inner .gr-item:nth-child(300) {
  order: 300;
}

.flexbox .gr-double .gr-inner:before,
.flexbox .gr-double .gr-inner:after,
.flexbox .double-row-box:before,
.flexbox .double-row-box:after,
.flexbox .one-site-view .gr-inner:before,
.flexbox .one-site-view .gr-inner:after {
  display: inline;
}

@media only screen and (max-width: 716px) {

  .double-row-box .gr-2:nth-child(1)+.gr-2+.gr-item,
  .double-row-box .gr-2:nth-child(1)+.gr-item:not(.gr-2)+.gr-item:not(.gr-2)+.gr-item,
  .double-row-box .gr-item:nth-child(1):not(.gr-2)+.gr-item:not(.gr-2)+.gr-2+.gr-item,
  .double-row-box .gr-item:nth-child(1):not(.gr-2)+.gr-2+.gr-item+.gr-item {
    display: none;
  }
}

/* ==========================================================================
   Main rotator
   ========================================================================== */
/* Edit mode */
#main-rot-box.edit-mode {
  height: auto;
  width: 100%;
}

#main-rot-box.edit-mode .mr-thumbs {
  position: relative;
  height: auto;
  width: auto;
}

@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {

  /* Style adjustments for high resolution devices */
  .mute-btn,
  .play-btn {
    background-image: url("/resources/muve/img/glosnik-hires.png");
    -webkit-background-size: 60px 30px;
    background-size: 60px 30px;
  }
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " ("attr(href) ")";
  }

  abbr[title]:after {
    content: " ("attr(title) ")";
  }

  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

/* górny baner reklamowy */
.top-rwd-baner {
  margin-top: 5px;
}

.top-rwd-baner picture,
.top-rwd-baner img {
  display: block;
  width: 100%;
}

/*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  */

nav:not(#main-nav) ul li,
nav:not(#main-nav) ol li {
  position: relative;
}

.list-filters .lf-2 {
  padding-right: 24px;
}

.list-filters li.open li .lf-2 .i-arr-d-sm-dark {
  position: absolute;
  right: 11px;
  top: 13px;
  margin-top: -3px;
}

.list-filters li.open li.open .lf-2 .i-arr-d-sm-dark {
  transform: rotate(180deg);
}

.list-filters .lf-3 {
  padding-left: 24px;
}


.pegi-icon {
  width: 38px;
  height: 46px;
  margin: 0 4px 4px 0;
}

.user-icon {
  width: 26px;
  filter: invert(0);
}

@media screen and (min-width: 717px) {
  .user-icon {
    width: 30px;
  }
}

.login .user-icon {
  filter: invert(1);
  margin-top: 7px;
}

@media screen and (min-width: 717px) {
  .login .user-icon {
    margin-top: 0;
  }
}

.hover-login .login .user-icon {
  filter: invert(0.4);
}

.cart-icon {
  width: 31px;
}

.shop .cart-icon {
  filter: invert(1);
  transform: translateY(10px);
}

@media screen and (min-width: 717px) {
  .shop .cart-icon {
    transform: translateY(5px);
  }
}

.hover-shop .shop .cart-icon {
  filter: invert(0.4);
}

#head .shop .notif {
  margin-top: 0;
}

.arrow-down {
  width: 12px;
}

.shop .arrow-down,
.login .arrow-down {
  filter: invert(1);
  display: none;
}

.shop .arrow-down {
  margin-top: 8px;
}

@media screen and (min-width: 717px) {

  .shop .arrow-down,
  .login .arrow-down {
    display: inline-block;
  }
}

.login .arrow-down {
  margin-top: 4px;
}

.hover-shop .shop .arrow-down,
.hover-login .login .arrow-down {
  filter: invert(0.4);
}

.search-icon {
  width: 24px;
  filter: invert(1);
}

.hover .open-search>.search-icon {
  filter: invert(0.4);
}

@media screen and (min-width: 717px) {
  .hover .search-icon {
    filter: invert(1);
  }
}

.menu-down-icon {
  width: 13px;
  filter: invert(1);
  margin-left: 6px;
}

#main-nav ul.nav img.menu-down-icon {
  vertical-align: middle;
}

#head .notif {
  position: absolute;
  transform: translate(-24px, 3px);
}

@media screen and (min-width: 717px) {
  #head .notif {
    transform: translate(-28px, 0px);
  }
}

.settings-icon {
  width: 20px;
}

#head .settings-icon:hover {
  filter: invert(0.4);
}

.trash-icon {
  width: 16px;
  filter: invert(0.5);
}

.trash-icon:hover {
  filter: invert(0.2);
}

.arrow-right {
  width: 10px;
  filter: invert(1);
}

.arrow-right-v2 {
  width: 5px;
}

.border-btn.arr-r .arrow-right,
.border-btn.arr-r .arrow-right-v2,
.border-btn.arr-r .arrow-right-v3 {
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.border-btn.arr-r.size14 .arrow-right,
.border-btn.arr-r.size14 .arrow-right-v2,
.border-btn.arr-r.size16 .arrow-right,
.border-btn.arr-r.size16 .arrow-right-v2,
.border-btn.arr-r.size20 .arrow-right,
.border-btn.arr-r.size20 .arrow-right-v2,
.border-btn.arr-r.size14 .arrow-right-v3,
.border-btn.arr-r.size16 .arrow-right-v3,
.border-btn.arr-r.size20 .arrow-right-v3 {
  margin-top: -4px;
}

.border-btn.arr-r.block-btn .arrow-right:first-child,
.border-btn.arr-r.block-btn .arrow-right-v2:first-child,
.border-btn.arr-r.block-btn .arrow-right-v3:first-child {
  left: -20px;
}

.border-btn.arr-r.block-btn .arrow-right:last-child,
.border-btn.arr-r.block-btn .arrow-right-v2:last-child,
.border-btn.arr-r.block-btn .arrow-right-v3:last-child {
  right: 10px;
  margin-left: 0;
}

.border-btn.arr-r.block-btn:hover .arrow-right:first-child,
.border-btn.arr-r.block-btn:hover .arrow-right-v2:first-child,
.border-btn.arr-r.block-btn:hover .arrow-right-v3:first-child,
.border-btn.arr-r.block-btn:active .arrow-right:first-child,
.border-btn.arr-r.block-btn:active .arrow-right-v2:first-child,
.border-btn.arr-r.block-btn:active .arrow-right-v3:first-child {
  left: 10px;
  transition: left 0.2s ease-in 0.1s;
}

.border-btn.arr-r.block-btn:hover .arrow-right:last-child,
.border-btn.arr-r.block-btn:hover .arrow-right-v2:last-child,
.border-btn.arr-r.block-btn:hover .arrow-right-v3:last-child,
.border-btn.arr-r.block-btn:active .arrow-right:last-child,
.border-btn.arr-r.block-btn:active .arrow-right-v2:last-child,
.border-btn.arr-r.block-btn:active .arrow-right-v3:last-child {
  right: -20px;
  transition: right 0.2s ease-out;
}


.border-btn.arr-r.block-btn.size-20 .arrow-right-v2 {
  width: 8px;
}

.border-btn.arr-r.block-btn.size-20:hover .arrow-right:first-child,
.border-btn.arr-r.block-btn.size-20:hover .arrow-right-v2:first-child,
.border-btn.arr-r.block-btn.size-20:hover .arrow-right-v3:first-child,
.border-btn.arr-r.block-btn.size-20:active .arrow-right:first-child,
.border-btn.arr-r.block-btn.size-20:active .arrow-right-v2:first-child,
.border-btn.arr-r.block-btn.size-20:active .arrow-right-v3:first-child {
  left: 30px;
}

.border-btn.arr-r .arrow-right,
.border-btn.arr-r .arrow-right-v2,
.border-btn.arr-r .arrow-right-v3 {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.border-btn.arr-r .arrow-right:first-child,
.border-btn.arr-r .arrow-right-v2:first-child,
.border-btn.arr-r .arrow-right-v3:first-child {
  margin-left: -39px;
  opacity: 0;
}

.border-btn.arr-r .arrow-right:last-child, 
.border-btn.arr-r .arrow-right-v2:last-child, 
.border-btn.arr-r .arrow-right-v3:last-child {
    margin-left: 9px;
}

.border-btn.arr-r .arrow-right:first-child, 
.border-btn.arr-r .arrow-right-v2:first-child, 
.border-btn.arr-r .arrow-right-v3:first-child {
    margin-left: -39px;
    opacity: 0;
}

.border-btn.arr-r:hover .arrow-right:first-child,
.border-btn.arr-r:hover .arrow-right-v2:first-child,
.border-btn.arr-r:hover .arrow-right-v3:first-child,
.border-btn.arr-r:active .arrow-right:first-child,
.border-btn.arr-r:active .arrow-right-v2:first-child,
.border-btn.arr-r:active .arrow-right-v3:first-child {
  margin-left: -15px;
  transition: margin-left 0.2s ease-in 0.1s;
  opacity: 1;
}

.border-btn.arr-r:hover .arrow-right:last-child, 
.border-btn.arr-r:hover .arrow-right-v2:last-child, 
.border-btn.arr-r:hover .arrow-right-v3:last-child, 
.border-btn.arr-r:active .arrow-right:last-child, 
.border-btn.arr-r:active .arrow-right-v2:last-child, 
.border-btn.arr-r:active .arrow-right-v3:last-child {
    margin-left: 49px;
    transition: margin-left 0.2s ease-out;
}



.sl-inner .arrow-right {
  vertical-align: middle;
}

.facebook-full-icon {
  width: 102px;
}

.tick-icon {
  width: 17px;
}

.info-msg .tick-icon {
  vertical-align: baseline;
}

#head .info-msg .tick-icon {
  float: none;
  margin-right: 4px;
  margin-top: 3px;
}

.p-info .payu-icon {
  width: 60px;
}

.p-info .sslguru-icon {
  width: 110px;
}

.p-info .paysafecard-icon {
  width: 110px;
}

.gold-icon-sm {
  width: 14px;
}

.info-msg .gold-icon-sm {
  vertical-align: baseline;
  margin-right: 4px;
}

.top-login-bar .info-ico-box .iib-i {
  position: relative;
}

.top-login-bar .info-ico-box .iib-i img, .top-login-bar.icons-only.always-visible .info-ico-box .iib-i img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: none;
  margin: 0;
  width: 85%;
}

.top-login-bar .info-ico-box .iib-i img.safeshop-icon {
  width: 70%;
}

.top-login-bar .info-ico-box .iib-i img.gamer-icon {
  width: 60%;
}

.top-login-bar .info-ico-box .iib-i img.sale-icon,
.top-login-bar .info-ico-box .iib-i img.secure-pay-icon {
  width: 60%;
}

.top-login-bar.icons-only.always-visible .info-ico-box .iib-i img.safeshop-icon,
.top-login-bar.icons-only.always-visible .info-ico-box .iib-i img.gamer-icon {
    width: 65%;
}

.cart-buy-icon {
  filter: invert(89%) sepia(59%) saturate(0%) hue-rotate(62deg) brightness(111%) contrast(104%);
  width: 12px;
  vertical-align: bottom;
}

@media screen and (min-width: 445px) {
  .cart-buy-icon {
    width: 20px;
  }
}

.btn:hover .cart-buy-icon {
  filter: none;
}

.gr-container .gr-item a.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top:0;
}

.gr-container .gr-item a.btn .cart-buy-icon{
  margin-right: 4px;
}

.fb-letter-icon,
.google-icon, .youtube-icon {
  height: 18px;
}

@media screen and (min-width: 717px) {
  .fb-letter-icon,
  .google-icon, .youtube-icon {
    height: 25px;
  }
}


.f-find-box .fb-letter-icon,
.f-find-box .google-icon,
.f-find-box .youtube-icon {
  filter: invert(1);
}

#foot .circle {
  position: relative;
}

#foot .circle img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.item-label .percent-icon {
  width: 19px;
  filter: invert(1);
}

.item-label .dlc-icon {
  width: 26px;
  height: 22px;
  filter: invert(1);
}

.item-label .new-icon {
  width: 59px;
  filter: invert(1);
}

.item-label .steam-icon {
  width: 20px;
  filter: invert(1);
  margin-top: 6px;
}

.f-contact-box .phone-icon {
  width: 19px;
}

.filter-lnk .pegi-icon {
  width: 30px;
  margin: 0; 
}

.simple-btn .cart-buy-icon{
  vertical-align: middle;
}

.simple-btn:hover .cart-buy-icon{
  filter: none;
}

.ico-btn [class*="-icon"] {
  width: 12px;
  margin-right: 7px;
  vertical-align: baseline;
}

.pdi-cont .i-info {
  vertical-align: baseline;
}

.wysiwyg ul li::before {
  background-image: url('/resources/muve/img/icons/tick.svg');
  background-position: 0 0;
}

.thumbs-icon {
  width: 26px;
  vertical-align: baseline;
}

.yes .thumbs-icon {
  margin-left: 5px;
}

.no .thumbs-icon {
  transform: translateY(10px);
  margin-right: 10px;
}

.trash-icon {
  margin-right: 3px;
}

.down-btns .plus-icon {
  width: 22px;
  position: absolute;
  left:0;
}

.info-icon {
  width: 13px;
}

.social-bar .face {
  padding-top:0;
}

.social-bar .yt {
  background-color: #e83758;
}

.social-bar .yt-icon {
  filter: invert(1);
  width: 28px;
  margin-top: 5px;
}

.social-bar .help-wheel-icon {
  filter: invert(1);
  width: 34px;
}

.fb-button-register {
  margin-top: 10px;
}

.status-icon {
  height: 15px;
  position: relative;
  margin-left: 5px;
  display: none;
  float:left;
  top: 8px;
}

.error ~ .status-icon.invalid {
  display: inline-block;
}

.valid ~ .status-icon.valid {
  display: inline-block;
}

.filter-lnk .icon img {
  height: 37px;
}

.filter-lnk.act .icon img.invert-icon {
  filter: invert(1) sepia(0%) saturate(584%) hue-rotate(263deg) brightness(286%) contrast(100%);
}

.radio-filters.lang .lang-icon {
  width: 16px;
  height: 11px;
  display: block;
  margin-bottom: 3px;
}

.radio-filters.lang .filter-lnk {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


.radio-filters.categories, .radio-filters.brands {
  display: flex;
  flex-wrap: wrap;
}

.radio-filters.categories h1, .radio-filters.categories h2, .radio-filters.categories h3, .radio-filters.categories h4, .radio-filters.categories h5,
.radio-filters.brands h1, .radio-filters.brands h2, .radio-filters.brands h3, .radio-filters.brands h4, .radio-filters.brands h5 {
  width: 100%;
}


.filters .f-3col-square .filter-lnk {
  min-height: 74px;
  height: auto;
  padding: 7px 3px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: start;
}

.filters .f-3col-square .filter-lnk .icon {
  display: block;
  height: 37px;
}

.filters .f-3col-square .filter-lnk .fb-title {
  position: static;
  margin-top: 5px;
  width: 100%;
}

.add-newsletter-info {
  float: left;
  width: 100%;
  margin-top: 10px;
}


#foot .add-newsletter-info a {
  display: inline;
}

.form-center-text {
  margin: 15px 0 7px;
}

@media screen and (min-width: 1137px) {
  .form-center-text {
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
    #CookiebotWidget:not(.CookiebotWidget-inactive) {
        bottom: 80px !important;
        left: 20px !important;
    }
}