/*----------------------------------------------------------------------------------------------------------------------
Project:    XADO.UA
Version:    2.0
Author:     Denis Moskvitin
----------------------------------------------------------------------------------------------------------------------*/
/* WEBFONT */
@font-face {
    font-family: 'pf_din_text_comp_prolight';
    src: url('../fonts/pfdintextcomppro-light-webfont.woff2') format('woff2'), url('../fonts/pfdintextcomppro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pf_dindisplay_prolight';
    src: url('../fonts/pfdindisplaypro-light-webfont.woff2') format('woff2'), url('../fonts/pfdindisplaypro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pf_din_text_cond_prolight';
    src: url('../fonts/pfdintextcondpro-light-webfont.woff2') format('woff2'), url('../fonts/pfdintextcondpro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*----------------------------------------------------------------------------------------------------------------------
[NORMALIZE.CSS v1.1.2]
----------------------------------------------------------------------------------------------------------------------*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

body {
    margin: 0;
}

a {
    color: #f00;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

a:hover {
    text-decoration: none;

}

a:active,
a:hover {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

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

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

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

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

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

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

p,
pre {
    margin: 1em 0;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;

}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}

button,
input,
select,
textarea {
    font: 18px/20px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

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

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*----------------------------------------------------------------------------------------------------------------------
[BASE STYLES]
----------------------------------------------------------------------------------------------------------------------*/

html,
button,
input,
select,
textarea {
    color: #222;
}

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

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

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

.hidden {
    display: none !important;
    visibility: hidden;
}
.invisible {
    visibility: hidden;
}
.visuallyhidden:not(:focus):not(:active) {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
}
.red {
    color: #f00;
}
.color-blue {
    color: #0057c0;
}
.text-center {
    text-align: center;
}

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

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
/* custom radio & checkboxes styles */
.control {
    display: block;
    position: relative;
    padding-left: 22px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
    line-height: 20px;
}
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control__indicator {
    position: absolute;
    top: 3px;
    left: 0;
    height: 12px;
    width: 12px;
    border: 1px solid #008400;
}

.control input:checked ~ .control__indicator {
    background-color: #008400;
}
.control input:disabled ~ .control__indicator {
    border-color: #999;
    opacity: 0.6;
    pointer-events: none;
}
.control input:checked:disabled ~ .control__indicator {
    background-color: #999;
}
.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control__indicator:after {
    display: block;
}
.control--checkbox input:checked ~ .control__indicator {
    background: #fff;
}
.control--checkbox:disabled ~ .control__indicator {
    border-color: #999;
    opacity: 0.6;
    pointer-events: none;
}
.control--checkbox input:checked:disabled ~ .control__indicator {
    background-color: #fff;
}
.control--checkbox .control__indicator:after {
    left: 2px;
    top: 2px;
    width: 8px;
    height: 8px;
    background-color: #008400;
}
.control--checkbox input:checked:disabled ~ .control__indicator:after {
    background-color: #999;
}
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}
/*----------------------------------------------------------------------------------------------------------------------
[SITE STYLES]
----------------------------------------------------------------------------------------------------------------------*/

body {
    font: 18px/20px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
}

.panel__top {
    height: 40px;
    width: 1280px;
    margin: 0 auto;
    background: #fff url("../images/panel-leco-50.jpg") 50% 0 no-repeat;
}

#wrapper {
    width: 1280px;
    margin: 0 auto;
}

.wrapper__inner {
    min-height: calc(100vh - 208px);
}

/** NEW HEADER START **/
#header.is-drop-active:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 15;
}
.header__top-panel {
    background-color: #545454;
    padding: 8px 30px 0;
}
.header__top-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 1.1;
    float: right;
}
.header__top-nav-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 7px;
    position: relative;
}
.header__top-nav-link {
    display: block;
    color: #fff;
    padding: 0 18px;
    text-decoration: none;
    position: relative;
}
.header__top-nav-link:hover {
    text-decoration: underline;
}

.header__top-nav-link.has-dropdown:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 8px;
    width: 0;
    height: 0;
    border-top: 3px solid #fff;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}

.header__dropdown {
    list-style: none;
    padding: 9px 8px 9px 15px;
    margin: 0;
    position: absolute;
    top: calc(100% + 12px);
    left: -3px;
    width: 155px;
    visibility: hidden;
    opacity: 0;
    max-height: none;
    overflow: visible;
    z-index: 16;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.75);
    transition: opacity 0.15s, visibility 0.15s, transform 0.15s;
}

.header__dropdown-item {
    padding: 3px 6px;
}

.header__dropdown-item--title {
    font-size: 18px;
    color: #f00;
}

.header__dropdown-link {
    color: #595959;
    display: block;
    text-decoration: none;
}
.header__dropdown-link:hover {
    text-decoration: underline;
}
.header__dropdown:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(to right, #ff0624, #fcc6cc);
}
.header__top-nav-item:hover .header__dropdown,
.header__top-nav-item:focus .header__dropdown,
.header__dropdown:hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(-12px);
}


.header__lang {
    float: right;
    position: relative;
    padding: 0 0 0 15px;
}
.header__lang:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    height: 17px;
    width: 1px;
    /*background-color: #fff;*/
}
.header__lang .lang-block-list li:after {
    color: #fff;

}
.header__lang .lang-block-link {
    color: #a6a5a5;
    padding-bottom: 0;
    border-bottom: 0;
}
.header__lang .lang-block-link.active {
    color: #fff;
}
.header__lang .lang-block-link:hover {
    color: #fff;
    text-decoration: underline;
    border-bottom: 0;
}
.lang-block {
    float: left;
    margin: 0 18px 0 0;
    padding: 0 0 0 35px;
    font-size: 16px;
}
.lang-block-text {
    float: left;
    margin: 0 5px 0 0;
}
.lang-block-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.lang-block-list li {
    float: left;
}
.lang-block-list li:after {
    content: "|";
    float: left;
    margin: 0 3px;
}
.lang-block-list li:last-child:after {
    display: none;
}
.lang-block-link {
    float: left;
    padding: 0 4px 4px;
    color: #4d4d4d;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    -webkit-transition: border 0.3s ease-out;
    -moz-transition: border 0.3s ease-out;
    -o-transition: border 0.3s ease-out;
    transition: border 0.3s ease-out;
    outline: none;
    cursor: pointer;
}
.lang-block-link:hover {
    color: #f00;
    border-bottom: 1px solid #f00;
    cursor: pointer;
}
.lang-block-link.active {
    color: #f00;
}

.header__container {
    padding: 23px 26px 23px 9px;
}
.header__logo {
    float: left;
    margin: 0 30px 0 0;
    /*background: url('../images/sprite-header-blue.png') -247px -141px;*/
    background: url('../images/logo-new-year-2021.png');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 253px ;
    height: 60px;
    /*height: 37px;*/
    position: relative;
    z-index: 2;
}

.header__logo-link {
    width: 253px;
    height: 37px;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
}
.header__phone {
    float: left;
    position: relative;
    font-size: 28px;
    line-height: 1.1;
    color: #000;
    /*margin: -5px 30px 0 0;*/
    margin: 10px 30px 0 0;
}
.header__phone-text {
    display: block;
    font-size: 16px;
    line-height: 1.1;
    color: #808080;
}

.header__phone-number {
    position: relative;
    padding: 0 22px 0 0;
    font-weight: normal;
}
.header__phone-number:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 1px;
    width: 0;
    height: 0;
    border-top: 5px solid #ff0926;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.header__phone-number span,
.header__phone-item span {
    color: #ff0624;
}
.header__phone-list  {
    list-style: none;
    padding: 6px 8px;
    margin: 0;
    position: absolute;
    top: calc(100% + 12px);
    left: -20px;
    width: 152px;
    visibility: hidden;
    opacity: 0;
    max-height: none;
    overflow: visible;
    z-index: 16;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.75);
    transition: opacity 0.15s, visibility 0.15s, transform 0.15s;
}
.header__phone-list:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(to right, #ff0624, #fcc6cc);
}
.header__phone-number:hover ~ .header__phone-list,
.header__phone-number:focus ~ .header__phone-list,
.header__phone-list:hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(-12px);
}
.header__phone-list li {
    padding: 6px 12px;
}
.header__search {
    float: left;
    width: 240px;
    font-size: 16px;
    line-height: 1.1;
    margin-top: 15px;
    padding-top: 5px;
    position: relative;
}
.header__search-input {
    width: 100%;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    color: #808080;
    padding: 5px 9px 4px 34px;
    background: #fff url("../images/icon-search.svg") no-repeat 9px 8px;
    box-sizing: border-box;
    outline: none;
}
/* quick search */
#quick_search_block {
    display: none;
    position: absolute;
    z-index: 16;
    width: 238px;
    max-height: 531px;
    overflow: auto;
    background: #fff;
    border: solid #fc0;
    border-width: 0 1px 1px;
    top: 39px;
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

#quick_search_block.is-hidden {
    display: none;
}

#quick_search_block.is-visible {
    display: block;
}

#quick_search_block ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#quick_search_block ul li {
    margin: 0;
    border-bottom: 1px solid #e3e3e3;
}

#quick_search_block ul li a {
    transition: all 0.3s ease-out;
    padding: 0;
    display: block;
    color: #4d4d4d;
    text-decoration: none;
}

#quick_search_block ul li a:hover span {
    /*background: #f1f1f1;*/
    text-decoration: underline;
}

#quick_search_block ul img {
    margin: 0 5px 0 0;
}
#quick_search_block ul span {
    display: inline-block;
    vertical-align: middle;
    width: 75%;
}

/* world popup */
.header__world {
    float: left;
    color: #4d4d4a;
    text-decoration: none;
    font-size: 22px;
    /*margin: 5px 20px 0 20px;*/
    margin: 20px 20px 0 20px;
    display: flex;
    align-items: center;
}
.header__world:hover {
    color: #f00;
}
.world__icon {
    margin: 0 10px 0 0;
    fill: #9cb1c9;
    transition: fill 0.2s ease-in-out;
}
.header__world:hover .world__icon {
    fill: #f00;
}
/* select country popup */
.world-popup {
    font-size: 20px;
    line-height: 1.1;
    margin: 0 auto;
    padding: 15px 30px 25px;
    width: 1240px;
    box-sizing: border-box;
    display: none;
}
.world-popup h2 {
    border-bottom: 6px solid #f00;
    color: #f00;
    font-size: 24px;
    line-height: 1.1;
    font-weight: normal;
    margin: 0 0 34px;
    padding: 0 13px 7px;
    position: relative;
}
.world-popup h2:before {
    content: "";
    border-bottom: 6px solid #f00;
    border-left: 6px solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -6px;
    left: -6px;
}
.world-popup h2:after {
    content: "";
    border-bottom: 6px solid #f00;
    border-right: 6px solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -6px;
    right: -6px;
}
.world-popup h3 {
    border-bottom: 6px solid #ccc;
    color: #666;
    font-size: 26px;
    line-height: 1.1;
    font-weight: normal;
    margin: 0 0 25px;
    padding: 0 5px 10px;
    position: relative;
}
.world-popup h3:before {
    content: "";
    border-bottom: 6px solid #ccc;
    border-left: 6px solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -6px;
    left: -6px;
}
.world-popup h3:after {
    content: "";
    border-bottom: 6px solid #ccc;
    border-right: 6px solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -6px;
    right: -6px;
}
.country-holder {padding: 0 5px 30px;}
.bottom-line {
    border-bottom: 12px solid #ccc;
    position: relative;
    margin: 0 0 30px;
}
.bottom-line:before {
    content: "";
    border-bottom: 12px solid transparent;
    border-left: 12px solid #ccc;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -12px;
    right: -12px;
}
.bottom-line:after {
    content: "";
    border-bottom: 12px solid transparent;
    border-right: 12px solid #ccc;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -12px;
    left: -12px;
}
.country-left-box {
    float: left;
    width: 49.6137339055794%; /* 578 / 1165 */
}
.country-right-box {
    float: right;
    width: 50.21459227467812%; /* 585 / 1165 */
}
.country-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.country-list li {padding: 0 0 20px;}

.country-list a {
    color: #000;
    text-decoration: none;
}
.country-list a .flag {
    display: inline-block;
    text-indent: -99999px;
    overflow: hidden;
    background: url("../images/bg-flags-2021-03-12.png") no-repeat 1px 1px;
    padding: 1px;
    border: 2px solid #b2b1b1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0 12px 0 0;
    width: 34px;
    height: 22px;
    vertical-align: middle;
    box-sizing: border-box;
}
.country-list a .flag-germany {background-position: 1px -39px;}
.country-list a .flag-france {background-position: 1px -79px;}
.country-list a .flag-italy {background-position: 1px -119px;}
.country-list a .flag-uk {background-position: 1px -159px;}
.country-list a .flag-switzerland {background-position: 1px -199px;}
.country-list a .flag-spain {background-position: 1px -239px;}
.country-list a .flag-russia {background-position: 1px -279px;}
.country-list a .flag-ukraine {background-position: 1px -319px;}
.country-list a .flag-belarus {background-position: 1px -359px;}
.country-list a .flag-latvia {background-position: 1px -399px;}
.country-list a .flag-lithuania {background-position: 1px -439px;}
.country-list a .flag-poland {background-position: 1px -479px;}
.country-list a .flag-belgium {background-position: 1px -519px;}
.country-list a .flag-czech {background-position: 1px -559px;}
.country-list a .flag-estonia {background-position: 1px -588px;}
.country-list a .flag-greece {background-position: 1px -629px;}
.country-list a .flag-hungary {background-position: 1px -669px;}
.country-list a .flag-romania {background-position: 1px -709px;}
.country-list a .flag-slovakia {background-position: 1px -749px;}
.country-list a .flag-portugal {background-position: 1px -789px;}
.country-list a .flag-bulgaria {background-position: 1px -829px;}
.country-list a .flag-netherlands {background-position: 1px -869px;}
.country-list a .flag-luxemburg {background-position: 1px -909px;}
.country-list a .flag-nothern-ireland {background-position: 1px -949px;}
.country-list a .flag-moldova,
.country-list a .flag-moldova-pmr {background-position: 1px -989px;}
.country-list a .flag-kenya {background-position: 1px -1029px;}
.country-list a .flag-usa {background-position: 1px -1069px;}
.country-list a .flag-argentina {background-position: 1px -1109px;}
.country-list a .flag-bolivia {background-position: 1px -1149px;}
.country-list a .flag-ecuador {background-position: 1px -1189px;}
.country-list a .flag-uae {background-position: 1px -1229px;}
.country-list a .flag-israel {background-position: 1px -1269px;}
.country-list a .flag-kazakhstan {background-position: 1px -1309px;}
.country-list a .flag-kyrgyzstan {background-position: 1px -1349px;}
.country-list a .flag-china {background-position: 1px -1389px;}
.country-list a .flag-australia {background-position: 1px -1429px;}
.country-list a .flag-philippines {background-position: 1px -1469px;}
.country-list a .flag-new-zealand {background-position: 1px -1509px;}
.country-list a .flag-thailand {background-position: 1px -1549px;}
.country-list a .flag-indonesia {background-position: 1px -1589px;}
.country-list a .flag-malaysia {background-position: 1px -1629px;}
.country-list a .flag-singapore {background-position: 1px -1669px;}
.country-list a .flag-south-korea {background-position: 1px -1709px;}
.country-list a .flag-taiwan {background-position: 1px -1749px;}
.country-list a .flag-india {background-position: 1px -1789px;}
.country-list a .flag-denmark {background-position: 1px -1829px;}
.country-list a .flag-sar {background-position: 1px -1869px;}
.country-list a .flag-uruguay {background-position: 1px -1909px;}
.country-list a .flag-chile {background-position: 1px -1949px;}
.country-list a .flag-dominican {background-position: 1px -1989px;}
.country-list a .flag-honduras {background-position: 1px -2029px;}
.country-list a .flag-colombia {background-position: 1px -2068px;}
.country-list a .flag-egypt {background-position: 1px -2129px;}
.country-list a .flag-mexico {background-position: 1px -2189px;}
.country-list a .flag-morocco {background-position: 1px -2249px;}
.country-list a .flag-iran {background-position: 1px -2309px;}
.country-list a .flag-canada {background-position: 1px -2369px;}
.country-list a .flag-ireland {background-position: 1px -2429px;}
.country-list a .flag-georgia {background-position: 1px -2489px;}
.country-list a .flag-slovenia {background-position: 1px -2549px;}
.country-list a .flag-panama {background-position: 1px -2609px;}
.country-list a .flag-vietnam {background-position: 1px -2669px;}
.country-list a .flag-palestine {background-position: 1px -2729px;}
.country-list a .flag-finland {background-position: 1px -2789px;}
.country-list a .flag-lebanon {background-position: 1px -2849px;}
.country-list a .flag-saudi-arabia {background-position: 1px -2909px;}
.country-list a .flag-armenia {background-position: 1px -2969px;}
.country-list a .flag-tajikistan {background-position: 1px -3029px;}
.country-list a .flag-brazil {background-position: 1px -3089px;}
.country-list a .flag-libya {background-position: 1px -3153px;}
.country-list a .flag-peru {background-position: 1px -3233px;}
.country-list a strong {
    display: inline;
    margin: 0;
    font-weight: normal;
    vertical-align: middle;
    border-bottom: 1px solid #000;
    transition: border-color 0.3s ease;
}
.country-list a span,
.row-info span {
    color: #007e11;
    display: inline-block;
    margin:3px 0 0 3px;
    width: 12px;
    height: 12px;
    background: #f00;
    text-indent: -99999px;
    overflow: hidden;
    text-decoration: underline;
    vertical-align: middle;
}
.country-list a span.distributor,
.row-info span.distributor {
    background: #fb0;
}
.country-list a span.store,
.row-info span.store {
    background: #005bbb;
}
.row-info p {
    margin: 0;
}
.row-info span {
    margin: 0;
}
.country-list a:hover span,
.country-list a:hover strong {
    border-bottom-color: transparent;
}
.country-left-block {
    float: left;
    width: 332px;
}
.country-right-block {
    float: right;
    width: 240px;
}
.country-right-box .country-left-block {width: 266px;}
.country-right-box .country-right-block {width: 253px;}
.europe-block {margin: 0 0 10px;}
.america-block {margin: 0 0 42px;}
.near-east-block {margin: 0 0 42px;}
.africa-block {margin: 0 0 72px;}
.india-block {margin: 0 0 41px;}
.asia-block {margin: 0 0 42px;}
.select-info {
    display: block;
    padding: 0 0 0 20px;
    background: url("../images/bg-shop.png") no-repeat 0 8px;
    margin: 0 27px;
}
.country-list-ftt li {padding: 0 20px 20px 0; display: inline;}
.ftt-page h2.ftt-city-h2 {
    color: #ff0624;
}
.country-ftt-page {
    padding: 0 5px 50px;
}





.header__account {
    float: right;
    margin-top: 15px;
    max-width: 400px;
}
.account__list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
}
.account__item {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 25px;
    padding: 7px 0 0;
    text-align: left;
    position: relative;
}
.account__item--login {
    padding: 0;
}
.account__username-holder {
    /*max-width: 90px;*/
    padding-top: 10px;
    position: relative;
}
.account__username {
    color: #f00;
    text-decoration: none;
    font-size: 22px;
}

.account__profile {
    padding: 25px 15px 15px 25px;
    margin: 0;
    position: absolute;
    top: calc(100% + 12px);
    left: -26px;
    width: 160px;
    visibility: hidden;
    opacity: 0;
    max-height: none;
    overflow: visible;
    z-index: 16;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.75);
    transition: opacity 0.15s, visibility 0.15s, transform 0.15s;
}

.account__profile:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(to right, #ff0624, #fcc6cc);
}
.account__username:hover ~ .account__profile,
.account__username:focus ~ .account__profile,
.account__profile:hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(-12px);
}

.account__profile-title {
    font-weight: normal;
    margin: 0 0 4px;
    font-size: 22px;
    line-height: 24px;
}
.account__profile-list {
    list-style: none;
    padding: 0 0 0 10px;
    margin: 0 0 20px;
}

.account__profile-item {
    padding: 2px 0;
}
.account__profile-link {
    text-decoration: none;
    color: #000;
    display: block;
}
.account__profile-link:hover {
    text-decoration: underline;
}
.account__profile-logout-holder {
    margin-top: -17px;
}
.account__profile-logout {
    float: right;
    color: #808080;
    text-decoration: none;
}
.account__profile-logout:hover {
    text-decoration: underline;
}
.account__link {
    display: block;
    color: #000;
    position: relative;
}

.account__link--cart {
    width: 43px;
    height: 30px;
    position: relative;
    background-color: #9cb1c9;
    border-radius: 30px;
    box-sizing: border-box;
    padding: 6px 0 0;
    transition: background-color 0.2s ease-in-out;
}

.account__link--cart:hover {
    background-color: #f20e15;
}

.account__cart {
  padding: 28px 13px 15px;
  margin: 0;
  position: absolute;
  top: calc(100% + 12px);
  left: -75px;
  width: 165px;
  visibility: hidden;
  opacity: 0;
  max-height: none;
  overflow: visible;
  z-index: 16;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.75);
  transition: opacity 0.15s, visibility 0.15s, transform 0.15s;
  text-align: center;
}

.account__cart:before {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(to right, #ff0624, #fcc6cc);
}
.account__link--cart:hover ~ .account__cart,
.account__link--cart:focus ~ .account__cart,
.account__cart:hover {
  opacity: 1;
  visibility: visible;
  transform: translateY(-12px);
}

.account__cart-quantity {
    color: #808080;
    margin: 0 0 13px;
}

.account__cart-title {
    font-weight: normal;
    margin: 0 0 5px;
    font-size: 22px;
    line-height: 24px;
}
.account__cart-total {
    display: block;
    font-weight: normal;
    font-size: 22px;
    margin-bottom: 10px;
}

.account__cart-checkout-holder {
    margin-bottom: 16px;
}
.account__cart-link-icon {
    display: inline-block;
    vertical-align: top;
    margin: 1px 4px 0 0;
    fill: #808080;
}
.account__cart-link {
    position: relative;
    color: #808080;
    text-decoration: underline;
}

.account__cart-link:hover {
    text-decoration: none;
}
.account__icon {
    display: block;
    margin: 0 auto;
}
.account__icon--cart {
    fill: #fff;
}
.account__icon--wishlist {
    fill: #9cb1c9;
    transition: fill 0.2s ease-in-out;
}

.account__number {
    position: absolute;
    top: -7px;
    right: -12px;
    width: 22px;
    height: 22px;
    border: 2px solid #9cb1c9;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    box-sizing: border-box;
    line-height: 1;
    transition: border-color 0.2s ease-in-out;
}

.account__link--wishlist.is-active .account__icon--wishlist,
.account__link--wishlist:hover .account__icon--wishlist {
    fill: #f20e15;
}
.account__link--wishlist.is-active .account__number,
.account__link--wishlist:hover .account__number,
.account__link--cart:hover .account__number {
    border-color: #f20e15;
}

.nav {
    padding: 0;
    font-size: 18px;
    line-height: 1.1;
    border-bottom: 2px solid #ff0926;
    position: relative;
    z-index: 15;
}

.nav__section-list {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 18%;
}

.nav__section-item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 0 2px;
}
.nav__section-item:first-child {
    padding-left: 0;
}
.nav__section-link {
    color: #4d4d4a;
    text-decoration: none;
    display: block;
    padding: 0 5px 7px;
    border: solid transparent;
    border-width: 2px 2px 0;
    border-radius: 5px 5px 0 0;
    position: relative;
    transition: border-color 0.2s ease-in-out,
                color 0.2s ease-in-out,
                background-color 0.2s ease-in-out;
}
.nav__section-item:last-child .nav__section-link:after {
    content: "";
    position: absolute;
    top: 5px;
    right: -22px;
    height: 47px;
    width: 1px;
    background-color: #b3b3b3;
}
.dropdown__list-holder {
    position: relative;
    padding: 11px 0 20px;
}
.dropdown__sidebar {
    float: left;
    width: 18.5%;
}
.dropdown__sidebar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 18.5%;
    height: 100%;
    width: 15px;
    background: -moz-linear-gradient(left, rgba(0,0,0,0.1), rgba(125,185,232,0) 20% 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.1) 20%, rgba(125,185,232,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.1) 20%, rgba(125,185,232,0) 100%);
}

.dropdown__content {
    float: right;
    box-sizing: border-box;
    width: 80.8%;
    padding: 30px 39px 0 18px;

}

.dropdown__category {
    display: none;
}
.dropdown__category.is-active {
    display: block;
}
.catalog__list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.catalog__link {
    display: block;
    padding: 15px 40px 15px 27px;
    text-decoration: none;
    color: #000;
    position: relative;
    transition: all 0.2s ease-in-out;
}
.catalog__link:before,
.catalog__link:after {
    content: "";
    position: absolute;
    top: 19px;
    right: 18px;
    width: 2px;
    height: 8px;
    margin: 0;
    background-color: #808080;
    transition: all 0.2s ease-in-out;
    transform: rotate(-45deg);
}
.catalog__link:after {
    top: 24px;
    transform: rotate(-135deg);
}
.catalog__link:hover,
.catalog__link.is-active {
    background-color: #545454;
    color: #fff;
}
.catalog__link:hover:before,
.catalog__link:hover:after,
.catalog__link.is-active:before,
.catalog__link.is-active:after {
    background-color: #fff;
}
.nav__list {
    float: right;
    list-style: none;
    padding: 0;
    margin: 0;
    /*width: 80%;*/
}
.nav__list-item {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    padding: 0 2px;
}
.nav__list-link {
    color: #4d4d4a;
    text-decoration: none;
    display: block;
    padding: 0 7px 7px;
    border: solid transparent;
    border-width: 2px 2px 0;
    border-radius: 5px 5px 0 0;
    position: relative;
    transition: border-color 0.2s ease-in-out,
                color 0.2s ease-in-out,
                background-color 0.2s ease-in-out;
}

.nav__list-link.is-active,
.nav__section-link.is-active {
    z-index: 21;
    color: #f00;
    border-color: #f00;
    background-color: #fff;
}
.nav__list-link.is-active .nav__list-icon,
.nav__section-link.is-active .nav__list-icon{
    fill: #f00;
}
/* nav icon default state */
.nav__list-icon {
    display: block;
    margin: 0 auto;
    height: 34px;
    fill: #999;
    transition: fill 0.2s ease-in-out;
}
.nav__section-list .nav__list-icon {
    fill: #1a1a1a;
}
/* nav icon hover state */
.nav__list-link:hover,
.nav__section-link:hover {
    color: #f00;
    border-color: #f00;
}
.nav__list-link:hover .nav__list-icon,
.nav__section-link:hover .nav__list-icon {
    fill: #f00;
}
/* nav icon selected inactive state */
.is-active .nav__list-link,
.is-active .nav__section-link {
    color: #363634;
}
.is-active .nav__list-link .nav__list-icon,
.is-active .nav__section-link .nav__list-icon {
    fill: #6b6b6b;
}
/* nav icon selected active state */
.is-active .nav__list-link.is-active,
.is-active .nav__section-link.is-active {
    color: #f00;
}
.is-active .nav__list-link.is-active .nav__list-icon,
.is-active .nav__section-link.is-active .nav__list-icon {
    fill: #f00;
}
/* nav icon selected inactive hover state */
.is-active .nav__list-link:hover,
.is-active .nav__section-link:hover {
    color: #f00;
    background-color: #fff;
}
.is-active .nav__list-link:hover .nav__list-icon,
.is-active .nav__section-link:hover .nav__list-icon {
    fill: #f00;
}
.nav__dropdown {
    box-sizing: border-box;
    position: absolute;
    top: 60px;
    left: 0;
    background: #fff;
    border-top: 2px solid #f00;
    border-left: 2px solid #f00;
    padding: 33px 39px 23px;
    z-index: 20;
    width: 100%;
    display: none;
}

.nav__dropdown--catalog {
    padding: 0;
}

.nav__dropdown-close {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    width: 26px;
    height: 26px;
    z-index: 2;
}
.nav__dropdown-close:before,
.nav__dropdown-close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -11px 0 0 -1px;
    width: 2px;
    height: 18px;
    background-color: #b3b3b3;
    transform: rotate(45deg);
}
.nav__dropdown-close:after {
    transform: rotate(-45deg);
}

.dropdown__list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.dropdown__list-item {
    display: inline-block;
    vertical-align: top;
    width: 205px;
    margin: 0 16px 49px;
}

.dropdown__list-link {
    display: block;
    font-size: 22px;
    line-height: 1.1;
    color: #1a1a1a;
    padding-bottom: 12px;
    margin-bottom: 14px;
    text-decoration: none;
    border-bottom: 2px solid #666;
}
.dropdown__list-link:hover {
    color: #f00;
}
.dropdown__list-link:empty {
    display: none;
}
.dropdown__inner-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dropdown__inner-item {
    position: relative;
    padding-left: 19px;
    padding-bottom: 11px;
}
.dropdown__inner-item:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 3px;
    background-color: #1a1a1a;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.dropdown__inner-link {
    line-height: 1.1;
    color: #1a1a1a;
    text-decoration: none;
    display: block;
}

.dropdown__inner-link:hover {
    color: #f00;
}


.dropdown__inner-button {
    display: inline-block;
    vertical-align: top;
    color: #000;
    text-decoration: none;
    padding: 5px 28px 5px 12px;
    border: 1px solid #000;
    border-radius: 4px;
    position: relative;
    transition: all 0.2s ease-in-out;
}

.dropdown__inner-button:before,
.dropdown__inner-button:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    transition: all 0.2s ease-in-out;
}

.dropdown__inner-button:before {
    height: 0;
    width: 0;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #000;
    border-top: 6px solid transparent;
    margin: -6px 0 0;
}
.dropdown__inner-button:after {
    width: 8px;
    height: 2px;
    right: 14px;
    margin: -1px 0 0;
    background-color: #000;
}

.dropdown__inner-button:hover {
    background-color: #2d75bd;
    border-color: #2d75bd;
    color: #fff;
}
.dropdown__inner-button:hover:before {
    border-left-color: #fff;
}
.dropdown__inner-button:hover:after {
    background-color: #fff;
}

.dropdown__all-holder {
    text-align: center;
}
.dropdown__all {
    display: inline-block;
    vertical-align: top;
    background-color: #999;
    border-radius: 5px;
    padding: 7px 17px;
    font-size: 24px;
    line-height: 1.1;
    color: #fff;
    text-decoration: none;
    transition: background-color 0.2s ease-in-out;
}
.dropdown__all:hover {
    background-color: #f00;
}

.nav__dropdown-promo {
    margin: 0 auto;
    display: none;

}
/** NEW HEADER END **/

/* banner holder */
.banner-holder {
    margin: 0 0 16px;
    position: relative;
}

.banner-holder .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 124px;
    height: 124px;
    margin: -62px 0 0 -62px;
    opacity: 0.8;
    border: 7px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
}
.banner-holder .play-button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -33px 0 0 -17px;
    width: 0;
    height: 0;
    border-top: 33px solid transparent;
    border-bottom: 33px solid transparent;
    border-left: 49px solid #fff;
}
.slick-dots {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
.home-set-holder .slick-dots {
    padding-top: 30px;
}
.slick-dots li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
}
.slick-dots button {
    background: #999;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    padding: 0;
    margin: 3px 0 0;
    border: 3px solid transparent;
    -webkit-transition: border-color 0.2s ease-in-out,
    background-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out,
    background-color 0.2s ease-in-out;
}
.slick-dots button:hover {
    background-color: #00ab0c;
}
.banner-holder .slick-dots button:hover {
    background-color: #f00;
}
.similar-products .slick-dots button:hover {
    background-color: #fc0;
}
.slick-dots .slick-active button {
    border-color: #00ab0c;
    background-color: #00ab0c;
    padding: 3px;
    margin: 0;
}
.banner-holder .slick-dots .slick-active button {
    border-color: #f00;
    background-color: #f00;
}
.similar-products .slick-dots .slick-active button {
    border-color: #fc0;
    background-color: #fc0;
}

/* slick css */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}
/* fancybox styles */
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #fff;
    color: #808080;
    box-shadow: 0 0 5px #949494;
    border-radius: 3px;
    box-sizing: border-box;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background: #000;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

.fancybox-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 8040;
    color: #b3b3b3;
    background: #fff;
    -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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}

.fancybox-close:before {
    content: "×";
    display: block;
    font-size: 30px;
    line-height: 30px;
    height: 100%;
    text-align: center;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
    height: 36px;
    width: 36px;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: #000;
    box-shadow: 0 2px 3px 3px rgba(0, 0, 0, 0.6);
}

.fancybox-nav span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -7px;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fancybox-prev span {
    left: 10px;
}

.fancybox-prev span:before {
    border-width: 0 0 2px 2px;
    margin: -6px 0 0 -3px;
}

.fancybox-next span {
    right: 10px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: rgba(0, 0, 0, 0.65);
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}


/* choose box */
.choose-moto-box {
    float: right;
    margin: 0;
    width: 690px;
}

.choose-moto-box h3 {
    margin: 0 0 19px;
    padding: 0 16px;
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #4d4d4d;
}

.choose-moto-box h3 a {
    color: #4d4d4d;
}

.choose-moto-box .velo-box {
    float: left;
    margin: 0 18px 0 0;
    width: 265px;
    position: relative;
}
.velo-block-image {
    content: "";
    position: absolute;
    top: 0;
    left: -4px;
    width: 157px;
    height: 149px;
    background: url('../images/sprite-home-images.jpg') -10px -690px;
}
.choose-moto-box .moto-box {
    float: left;
    margin: 0;
    width: 386px;
    position: relative;
}
.moto-block-image {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 187px;
    height: 148px;
    background: url('../images/sprite-home-images.jpg') -10px -355px;
}
.choose-moto-box .choose-list {
    list-style: none;
    padding: 7px 0 0;
    margin: 0;
    font: 20px/22px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    float: right;
    position: relative;
}

.choose-moto-box .choose-list li {
    padding: 0 0 7px;
}

.choose-moto-box .choose-list a, .choose-moto-box .choose-list span {
    color: #000;
    text-decoration: none;
}

.choose-moto-box .choose-list a:hover, .choose-moto-box .choose-list span:hover {
    text-decoration: underline;
    color: #093;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

.choose-moto-box .choose-list ul {
    list-style: none;
    padding: 9px 0 0 10px;
    margin: 0;
    font: 16px/18px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.choose-moto-box .moto-box .choose-list {
    width: 190px;
    margin: 0;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.choose-moto-box .moto-box .choose-list ul {
    font: 16px/16px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0;
    padding: 10px 0 0 10px;
    background: none;
}

.choose-moto-box .moto-box .choose-list ul li {
    padding: 0 0 10px;
}

.weapon-holder {
    margin: 0 0 15px;
    padding: 0 0 4px;
    border-bottom: 1px solid #ccc;
}

.main-discount-box {
    float: left;
    width: 190px;
    height: 147px;
    padding: 5px 0 0 219px;
    margin: 0;
    text-decoration: none;
    color: #f00;
    position: relative;
    background: url('../images/sprite-home-images.jpg') -10px -10px;
}

.main-discount-box i {
    display: block;
    font: 29px/38px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #009E03;
    text-decoration: underline;
    margin: 0;
}

.main-discount-box span {
    float: left;
    font: 34px/38px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0 5px 0 0;
}

.main-discount-box:hover i {
    text-decoration: none;
}

.main-discount-box strong {
    float: left;
    font: bold 62px/64px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0;
}

.category-stock-link {
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    padding: 56px 66px 0 0;
    text-align: right;
    color: #4d4d4d;
    text-decoration: underline;
    font-size: 34px;
    line-height: 1.1;
    position: relative;
    width: 585px;
    height: 217px;
}
.category-stock-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/bg-category-stock.png') no-repeat;
}
.category-stock-link:hover {
    color: #f00;
    text-decoration: underline;
}

.choose-weapon-box {
    float: left;
    padding: 0 0 0 26px;
    width: 504px;
    margin: 0;
    position: relative;
}

.choose-weapon-box-image {
    content: "";
    position: absolute;
    top: 56px;
    left: 26px;
    width: 436px;
    height: 104px;
    background: url('../images/sprite-home-images.jpg') -439px -10px;
}

.choose-weapon-box .choose-list-holder {
    float: right;
    padding: 0 108px 0 0;
    margin: 0;
    position: relative;
    z-index: 2;
}

.choose-weapon-box .choose-list {
    list-style: none;
    padding: 0;
    margin: 0 68px 0 0;
    font-size: 16px;
    float: left;
}

.choose-weapon-box .choose-list-last {
    margin: 0;
}

.choose-weapon-box .choose-list li {
    margin: 0 0 5px;
}

.choose-weapon-box .choose-list a, .choose-weapon-box .choose-list span {
    color: #000;
    text-decoration: none;
}

.choose-weapon-box .choose-list a:hover, .choose-weapon-box .choose-list span:hover {
    color: #f60;
    text-decoration: underline;
}

.weapon-block {
    margin: 0;
}

.choose-weapon-box h3 {
    padding: 0;
    color: #4D4D4D;
    margin: 0 0 110px;
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.choose-weapon-box h3 a {
    color: #4D4D4D;
    text-decoration: none;
}

.choose-weapon-box h3 a:hover {
    text-decoration: underline;
}

.category-product-box {
    margin: 0 0 25px;
}

.problem-box-holder {
    float: left;
    width: 802px;
    margin: 0;
}

.problem-box {
    background: #e4e9f2;
    padding: 22px 33px 26px 26px;
    -webkit-border-radius: 0 18px 18px 0;
    border-radius: 0 18px 18px 0;
    min-height: 315px;
    position: relative;
    margin: 0 0 61px;
}

.problem-box .tabs-area {
    margin: 0 0 20px;
}

.problem-box .tabset {
    list-style: none;
    padding: 0 0 8px 10px;
    margin: 0 0 28px;
    font-size: 22px;
    border-bottom: 3px solid #bac1cf;
}

.problem-box .tabset li {
    float: left;
    margin: 0 0 0 47px;
    padding: 0;
}

.problem-box .tabset li:first-child {
    margin: 0;
}

.problem-box .tabset a {
    color: #000;
    text-decoration: none;
    float: left;
    padding: 0 0 0 10px;
    outline: none;
    position: relative;
}

.problem-box .tabset a:hover,
.problem-box .tabset a.active {
    color: #0051e6;
    text-decoration: underline;
}

.problem-box .tabset a:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #0051e6;
    border-radius: 50%;
    display: none;
}

.problem-box .tabset a.active:before {
    display: block;
}

.category-product-block {
    padding: 0;
}

.problem-box h3,
.category-product-block h3 {
    margin: 0;
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #4d4d4d;
}

.problem-box h3 {
    margin: 0 0 35px;
}

.category-product-block h3 {
    margin: 0 0 26px;
    padding: 0 28px;
}

.problem-box .tab-content ul {
    list-style: none;
    padding: 0 0 0 8px;
    margin: 0;
    font: 18px/16px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    float: left;
    width: 360px;
}

.problem-box .tab-content ul.right-list {
    float: right;
}

.problem-box .tab-content ul li {
    padding: 0 0 13px;
}

.problem-box .tab-content ul a {
    color: #000;
    text-decoration: none;
    display: inline-block;
    padding: 0 0 0 12px;
    position: relative;
}

.problem-box .tab-content ul a:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 50%;
}

.problem-box .tab-content ul a:hover {
    color: #0051e6;
    text-decoration: underline;
}

.problem-box .tab-content ul a:hover:before {
    background-color: #0051e6;
}

.red-button {
    float: right;
    margin: 0;
    text-decoration: none;
    color: #000;
    padding: 0 10px;
}

.all-questions-holder {
    clear: both;
}

.all-questions {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #000;
    text-decoration: none;
    font: 33px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 25px 30px 0 0;
    padding: 0;
    -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;
}

.all-questions:hover,
.all-questions span {
    color: #0051e6;
}

/* home set carousel */
.home-set-holder {
    float: right;
    padding: 0;
}

.home-set-box {
    width: 384px;
    border: 1px solid #e6e6e6;
    padding: 23px 22px 16px;
}

.home-set-box h3 {
    margin: 0 0 32px;
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #4d4d4d;
    position: relative;
    padding: 0 0 0 40px;
}

.home-set-box h3:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 1px;
    background: #009e03;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

.home-set-box h3 a {
    color: #4d4d4d;
    text-decoration: none;
}

.home-set-box h3 a:hover {
    color: #f00;
}

.home-set-box-item {
    position: relative;
}

.home-set-box .set-box {
    width: 384px;
    margin: 0;
    float: none;
}

.home-set-box .set-block {
    padding: 0 0 6px;
    margin: 0 0 18px;
    border-bottom: 2px solid #ddd;
}

.home-set-holder .set-form {
    position: static;
    bottom: auto;
    right: auto;
    width: 384px;
}

.home-set-info {
    padding: 0 0 0 11px;
}

.home-set-buy {
    padding: 0 85px 0 0;
}

.home-set-box .bage-set {
    margin: 0 23px 0 0;
}

.home-set-price {
    margin: -3px 0 0;
}

.home-set-box .set-form .price-holder {
    margin: 0;
    border-left: 1px dashed #000;
    padding: 0 0 15px 12px;
    width: 180px;
}

.home-set-box .set-form .price-holder .main-price,
.home-set-box .set-form .price-holder .cent {
    color: #eb6b48;
    font-size: 28px;
    line-height: 30px;
    margin: 20px 0 0;
}

.home-set-box .set-form .price-holder .currency {
    font-size: 27px;
    line-height: 28px;
    margin: -3px 5px 0 0;
}

.home-set-box .set-form .price-holder .main-price {
    font-size: 52px;
    line-height: 54px;
    margin: 0;
}

.home-set-economy {
    color: #009200;
    font-size: 16px;
    line-height: 18px;
    padding: 0 0 0 42px;
}

.home-set-economy .economy-text {
    display: block;
    margin: -5px 0 0;
}

.home-set-economy .economy-price {
    font-weight: normal;
    float: left;
    font-size: 36px;
    line-height: 38px;
    margin: 0;
}

.home-set-economy .economy-cent {
    float: left;
    font-size: 20px;
    line-height: 22px;
    margin: 14px 0 0;
}

.home-set-box .set-form .buy-link {
    float: right;
    margin: -6px 0 0;

}

.home-set-all {
    margin: -35px 0 0;
    padding: 0 8px;
}

.home-set-all-link {
    text-decoration: none;
    color: #4d4d4d;
    font-size: 18px;
    line-height: 20px;
    padding: 12px 7px 0;
    position: relative;
    text-align: center;
    z-index: 13;
    float: left;
}

.home-set-all-link:before {
    -webkit-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
    content: "";
    position: absolute;
    top: -17px;
    left: 0;
    width: 35px;
    height: 35px;
    border: 2px solid #b3b3b3;
    border-radius: 50%;
}

.home-set-all-link:after {
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
    content: "";
    position: absolute;
    top: -6px;
    left: 11px;
    width: 17px;
    height: 17px;
    background: #e6e6e6;
    border-radius: 50%;
}

.home-set-all-link span {
    background: #fff;
    padding: 0 3px;
    position: relative;
    z-index: 5;
}

.home-set-all-link:hover {
    color: #00aa17;
}

.home-set-all-link:hover:before {
    border-color: #00aa17;
}

.home-set-all-link:hover:after {
    background: #00aa17;
}

.main-category-list,
.secondary-category-list {
    list-style: none;
    padding: 0 0 0 4px;
    margin: 0;
    float: left;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.category-product-block .main-category-list {
    border-bottom: 1px solid #ccc;
    padding: 0 0 21px;
    margin: 0 0 30px;
    float: none;
    text-align: center;
}

.secondary-category-list {
    float: right;
    margin: -139px 43px 0 0;
}

.secondary-category-list li {
    background: url("../images/bullet-black.png") no-repeat 0 10px;
    padding: 0 0 11px 11px;
}

.main-category-list li {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
}

.main-category-list a {
    display: block;
    width: 175px;
    text-align: center;
    text-decoration: none;
    color: #4D4D4D;
    position: relative;
}
.main-category-list a:before {
    content: "";
    width: 175px;
    height: 150px;
    display: block;
    margin: 0 auto;
    background: url('../images/sprite-home-images.jpg') -411px -355px;
}
.main-category-list .category-oils:before {
    background: url("../images/sprite-home-images.jpg") no-repeat -205px -523px;
}

.main-category-list .category-special-liquid:before {
    background: url("../images/sprite-home-images.jpg") no-repeat -606px -355px;
}

.main-category-list .category-greases:before {
    background: url("../images/sprite-home-images.jpg") no-repeat -217px -355px;
}

.main-category-list .category-auto-chemistry:before {
    background: url("../images/sprite-home-images.jpg") no-repeat -10px -523px;
}

.main-category-list .category-souvenir:before {
    background: url("../images/sprite-home-images.jpg") no-repeat -544px -172px;
}

.main-category-list .category-car-cosmetics:before {
    background: url("../images/img-category-avtokosmetyka.jpg") no-repeat;
}

.main-category-list .category-velo:before {
    background: url("../images/img-category-velo.jpg") no-repeat;
}

.main-category-list .category-moto:before {
    background: url("../images/img-category-moto.jpg") no-repeat;
}

.main-category-list .category-gun:before {
    background: url("../images/img-category-gun.jpg") no-repeat;
}

.main-category-list .category-chemistry:before {
    background: url("../images/img-category-chemistry.jpg") no-repeat;
}

.main-category-list .category-cosmetics:before {
    background: url("../images/img-category-cosmetics.jpg") no-repeat;
}
.main-category-list .category-zoo:before {
    background: url("../images/img-category-zoo2.jpg") no-repeat;
}
.main-category-list .category-suvenir:before {
    background: url("../images/img-category-suvenir-new.jpg") no-repeat;
}
.main-category-list .category-stock {
    box-sizing: border-box;
    width: 409px;
    height: 152px;
    text-align: right;
    padding: 40px 43px 0 0;
    background: url("../images/img-category-stock2.png") no-repeat;
}
.main-category-list .category-stock:before {
    display: none;
}

.secondary-category-list a {
    color: #4d4d4d;
    text-decoration: none;
}

.main-category-list a:hover,
.secondary-category-list a:hover {
    color: #f00;
    text-decoration: underline;
}


/* homepage oil selection box */
.choose-oil-box-home {
    padding: 0 0 0 31px;
    margin: 0;
    float: left;
}

.oil-selection-holder {
    border-bottom: 2px solid #ddd;
    padding: 28px 16px 56px 28px;
    margin: 0 0 27px;
}

.oil-selection-holder h3 {
    font-size: 32px;
    line-height: 34px;
    color: #4d4d4d;
    font-weight: normal;
    margin: 0 0 34px;
}

.choose-oil-box-home .choose-oil-box {
    float: left;
    width: 339px;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
}

.choose-oil-box-holder .choose-oil-box .select-box {
    width: auto;
    padding: 0;
}

.oil-row-holder {
    float: left;
    padding: 0;
}

.oil-row-holder select {
    float: right;
    font-size: 22px;
    color: #4d4d4d;
}
.oil-row-holder .findoil-select-row:nth-child(1) select {
    width: 340px;
}
.oil-row-holder .findoil-select-row:nth-child(2) select {
    width: 320px;
}
.oil-row-holder .findoil-select-row:nth-child(3) select {
    width: 300px;
}
.oil-row-holder .findoil-select-row:nth-child(4) select {
    width: 280px;
}
.oil-row-holder .findoil-select-row:nth-child(5) select {
    width: 260px;
}
.choose-oil-box-holder .choose-oil-box .choose-oil-link {
    margin: 0;
    padding: 18px 114px 23px 0;
    position: absolute;
    bottom: -92px;
    right: -109px;
    color: #f00;
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.choose-oil-box-holder .choose-oil-box .choose-oil-link:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #ccc;
    width: 83px;
    height: 83px;
    border-radius: 50px;
    background: #fff;
}

.choose-oil-box-holder .choose-oil-box .choose-oil-link:after {
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    content: '';
    width: 60px;
    height: 2px;
    background: #ccc;
    position: absolute;
    top: 42px;
    right: 17px;
    margin: 0;
}

.choose-oil-box-holder .choose-oil-box .choose-oil-link span:before,
.choose-oil-box-holder .choose-oil-box .choose-oil-link span:after {
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    content: '';
    position: absolute;
    top: 29px;
    right: 13px;
    width: 35px;
    height: 2px;
    background: #ccc;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.choose-oil-box-holder .choose-oil-box .choose-oil-link span:after {
    position: absolute;
    top: 55px;
    right: 13px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.choose-oil-box-holder .choose-oil-box .choose-oil-link em:before,
.choose-oil-box-holder .choose-oil-box .choose-oil-link em:after {
    content: "";
    position: absolute;
    right: 80px;
    bottom: -2px;
    background: #fff;
    width: 22px;
    height: 15px;
}

.choose-oil-box-holder .choose-oil-box .choose-oil-link em:after {
    position: absolute;
    right: -17px;
    bottom: -2px;
}

.choose-oil-box-holder .choose-oil-box .choose-oil-link:hover:after,
.choose-oil-box-holder .choose-oil-box .choose-oil-link:hover span:before,
.choose-oil-box-holder .choose-oil-box .choose-oil-link:hover span:after {
    background-color: #f00;
}

.error_oil_sel {
    float: left;
    width: 55%;
}

.choose-oil-box-holder .error_oil_sel {
    position: absolute;
    bottom: -27px;
    left: -7px;
    font-size: 16px;
    line-height: 18px;
}

.oil-not-found-holder {
    clear: both;
    padding: 10px 23px 0 0;
    font-size: 16px;
}

.choose-oil-box-holder .oil-not-found-holder {
    padding: 0;
}

.choose-oil-frame .oil-not-found-holder {
    padding: 10px 7px 0 0;
}

.oil-not-found {
    float: right;
    text-decoration: none;
}

.oil-not-found:hover {
    text-decoration: underline;
}

.choose-oil-box-holder .oil-not-found {
    margin: -10px 0 0;
}

.oil-selection-holder .oil-holder {
    float: right;
    margin: -32px 0 0;
}

.oil-selection-holder .oil-holder .oil-image {
    display: block;
    margin: 0 auto 23px;
    max-width: 100%;
}

.show-oils-box {
    margin: 0;
    padding: 0 0 0 205px;
    font-size: 22px;
    line-height: 24px;
    color: #4d4d4d;
}

.show-oils-box span {
    float: left;
    margin: 0 25px 0 0;
    font-size: 18px;
}

.show-oils-box ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.show-oils-box ul li {
    float: left;
    margin: 0 35px 0 0;
}

.show-oils-box ul a {
    color: #4d4d4d;
    text-decoration: none;
}

.show-oils-box ul a:hover {
    color: #f00;
    text-decoration: underline;
}

.for-home-box {
    padding: 0 26px 26px;
    margin: 0 0 30px;
    border-bottom: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
}

.for-home-box h3 {
    margin: 0 0 10px;
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #5a75aa;
}
.home-category-block-image {
    float: left;
    width: 250px;
    height: 153px;
    background: url('../images/sprite-home-images.jpg') -10px -182px;
    margin: 0 0 0 -5px;
}
.home-category-block-image--cosmetic {
    width: 251px;
    height: 145px;
    background: url('../images/sprite-home-images.jpg') -280px -182px;
}
.home-category-block-image--zoo {
    width: 251px;
    height: 145px;
    background: url('../images/img-category-zoo.jpg') no-repeat;
}
.for-home-box h3 a {
    color: #f00;
    text-decoration: none;
}

.for-home-box h3 a:hover {
    text-decoration: underline;
}

.home-category-box .for-home-list {
    list-style: none;
    padding: 20px 0 0;
    margin: 0;
    float: left;
    font-size: 16px;
    line-height: 18px;
    width: 160px;
}

.home-category-box .for-home-list-second {
    margin: 0 0 0 28px;
}

.home-category-box .for-home-list li {
    padding: 0 0 6px;
}

.home-category-box .for-home-list a {
    color: #405278;
    text-decoration: none;
}

.home-category-box .for-home-list a:hover {
    text-decoration: underline;
}

.brand-box-holder {
    padding: 0 0 0 36px;
    border-bottom: 3px solid #ccc;
    margin: 0 0 30px;
}

.brand-box {
    margin: 10px 0 0;
}

.brand-box-list {
    list-style: none;
    padding: 0 0 14px;
    margin: 0;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.brand-box-list li {
    float: left;
    padding: 0 36px 10px 15px;
    width: 125px;
    position: relative;
}

.brand-box-list li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #f00;
    border-radius: 50%;
}

.brand-box-list a {
    color: #000;
    text-decoration: none;
}

.brand-box-list a:hover {
    color: #f00;
    text-decoration: underline;
}

.souvenir-box {
    float: right;
    width: 614px;
    padding: 7px 0 9px 25px;
    border: solid #d0d0d0;
    border-width: 1px 0 0 1px;
    -webkit-border-radius: 19px 0 0 0;
    border-radius: 19px 0 0 0;
    background: #dedfdf url("../images/bg-souvenir-box.png") repeat-x;
}

.souvenir-box .souvenir-image {
    float: left;
    margin: 0 37px 0 0;
}

.souvenir-box .souvenir-block {
    float: left;
    margin: -3px 0 0;
    width: 270px;
    padding: 0;
}

.souvenir-box h3 {
    margin: 0 0 11px;
    color: #009E03;
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.souvenir-list-holder {
    padding: 0 0 0 17px;
}

.souvenir-block ul {
    list-style: none;
    padding: 0;
    margin: 0 59px 0 0;
    float: left;
    font: 16px/18px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.souvenir-block ul li {
    padding: 0 0 6px 10px;
    background: url("../images/bullet-green.png") no-repeat 0 6px;
}

.souvenir-block ul a {
    color: #000;
    text-decoration: none;
}

.souvenir-block ul a:hover {
    color: #009E03;
    text-decoration: underline;
}

.description-box-holder {
    padding: 0 39px 3px 31px;
    font: 16px/18px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #4D4D4D;
}

.description-box-holder p {
    margin: 0;
}

.description-box {
    float: left;
    width: 581px;
}

.description-box-right {
    float: right;
}

#footer {
    padding: 0;
    margin: 0;
    position: relative;
    height: 208px;
}
.footer-box {
    float: left;
    width: 540px;
    margin: 0 25px 0 0;
}

.footer-holder {
    padding: 25px 24px 0 29px;
}

.footer-holder .logo-holder {
    padding: 0;
    margin: 0;
    float: none;
}

.logo-holder .logo {
    margin: 0 20px 30px 3px;
}
.logo-holder,
.logo-box {
    float: left;
    margin: 8px 24px 0 0;
}

.logo-box .logo {
    margin: 0;
}

.logo {
    float: left;
    margin: 8px 20px 0 0;
    background: url('../images/sprite-header-blue.png') -247px -141px;
    width: 253px;
    height: 37px;
    position: relative;
    z-index: 2;
}

.logo a, .footer-box .logo span {
    width: 253px;
    height: 37px;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
}
.logo-holder .logo-descr {
    float: left;
    margin: -5px 0 0;
    color: #398300;
    font-size: 22px;
    line-height: 24px;
    width: 245px;
}

.footer-info-holder {
    background: #00a200;
    padding: 15px 29px;
    margin: -3px 0 0;
}

.footer-guarantee {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 552px;
    height: 111px;
    background: url('../images/sprite-header-blue.png') -10px -10px;
}
.lang-ua .footer-guarantee {
    background: url("../images/bg-footer-ua.gif");
}
.footer-list-holder {
    float: left;
    margin: 0;
}

.footer-list {
    list-style: none;
    padding: 0 0 0 2px;
    margin: 0 124px 0 0;
    float: left;
    font: 16px/18px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.footer-list li {
    padding: 0 0 4px;
}

.footer-list a, .footer-list span {
    color: #fff;
    text-decoration: underline;
}

.footer-list a:hover, .footer-list span:hover {
    text-decoration: none;
}

.logo-holder .partner-site-nav {
    float: left;
    margin: -5px 0 0;
    padding: 0;
}

.footer-phone-box {
    float: left;
    width: 315px;
    padding: 0;
    margin: -6px 0 0;
}

.footer-phone-box .phone-list {
    list-style: none;
    padding: 2px 0 0;
    margin: 0 29px 0 0;
    float: left;
    font: 28px/30px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.footer-phone-box .phone-list li {
    padding: 0 0 8px;
}

.footer-phone-box .phone-list span {
    color: #f00;
}

/* Back to top */
#arrow {
    width: 46px;
    height: 46px;
    text-indent: -99999px;
    overflow: hidden;
    position: fixed;
    top: 74%;
    margin-left: 1315px;
    cursor: pointer;
    border: none;
    padding: 0;
    background: none;
    display: none;
}


#arrow:before,
#arrow:after {
    content: "";
    position: absolute;
    top: 11px;
    left: 9px;
    width: 18px;
    height: 5px;
    background: #999;
    border-radius: 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

#arrow:after {
    left: auto;
    right: 9px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#arrow:hover:before,
#arrow:hover:after {
    background-color: #f00;
}

#arrow span:before,
#arrow span:after {
    content: "";
    position: absolute;
    top: 18px;
    left: 50%;
    margin: 0 0 0 -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f00;
}
#arrow span:after {
    top: 27px;
}

.phone-info-list {
    list-style: none;
    padding: 0 0 0 73px;
    margin: 0;
    color: #fff;
    font: 16px/18px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    float: left;
    position: relative;
    z-index: 2;
}

.phone-info-list li {
    padding: 0 0 3px;
}

.footer-info {
    float: right;
    width: 325px;
    padding: 0;
    font: 16px/18px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #4d4d4d;
    margin: -5px 0 0;
}

.footer-info p {
    text-align: right;
    margin: 3px 11px 5px 0;
}

.social-holder {
    padding: 0;
}

.social-holder .social-info {
    float: right;
    margin: -3px 5px 0 0;
}

.social-networks {
    list-style: none;
    padding: 0;
    margin: 0 2px 0 0;
    float: right;
}
.social-networks-header {
    /*margin: 5px 0 0 0;*/
    margin: 20px 0 0 0;
}
.social-networks li {
    float: left;
    margin: 0 5px 0 0;
}

.social-networks a {
    float: left;
    margin: 0;
    width: 32px;
    height: 32px;
    background: url("../images/sprite-header-blue.png") -10px -141px no-repeat;
    text-indent: -99999px;
    overflow: hidden;
}

.social-networks a:hover {
    background-position: -10px -175px;
}

.social-networks .vkontakte {
    background-position: -47px -141px;
}

.social-networks .vkontakte:hover {
    background-position: -47px -175px;
}

.social-networks .youtube {
    background-position: -84px -141px;
}

.social-networks .youtube:hover {
    background-position: -84px -175px;
}
.social-networks .google-plus {
    background-position: -121px -141px;
}

.social-networks .google-plus:hover {
    background-position: -121px -175px;
}
.social-networks .twitter {
    background-position: -158px -141px;
}

.social-networks .twitter:hover {
    background-position: -158px -175px;
}

.social-networks .instagram {
    background-position: -195px -141px;
}

.social-networks .instagram:hover {
    background-position: -195px -175px;
}
.breadcrumbs {
    list-style: none;
    padding: 15px 25px;
    margin: 0;
    font: 16px/18px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #ff0000;
}

.breadcrumbs li {
    float: left;
}
.breadcrumbs li:after {
    content: "/";
    display: inline-block;
    vertical-align: top;
    padding: 0 5px;
    color: #000;
}

.breadcrumbs li:last-child:after {
    display: none;
}

.breadcrumbs a {
    color: #000;
    text-decoration: none;
}

.breadcrumbs a:hover {
    color: #ff0000;
    text-decoration: underline;
}

#main {
    padding: 0 0 30px;
    position: relative;
}

#sidebar {
    float: left;
    width: 247px;
    margin: 0;
}
#sidebar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 232px;
    width: 15px;
    height: calc(100% - 30px);
    background: -moz-linear-gradient(left, rgba(125,185,232,0) 20%, rgba(0,0,0,0.1) 100%);
    background: -webkit-linear-gradient(left, rgba(125,185,232,0) 20%,rgba(0,0,0,0.1) 100%);
    background: linear-gradient(to right, rgba(125,185,232,0) 20%,rgba(0,0,0,0.1) 100%);
}
.sidebar-info,
.information-list {
    margin: 0 0 30px;
    padding: 0 0 15px;
    background: #f6f9fb;
}
.information-list {
    padding: 0;
}
.sidebar-info-box {
    background: #e9eff5;
    padding: 15px 10px;
    font: 16px/20px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #666;
}
.sidebar-info h2 {
    font-weight: normal;
    font-size: 22px;
    line-height: 24px;
    margin: 0 0 20px;
    color: #000;
}
.sidebar-info h3,
.information-list h3 {
    margin: 0 0 10px;
    padding: 0 0 0 40px;
    font: 18px/22px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #0057c0;
    position: relative;
}
.information-list h3 {
    margin: 0;
}
.sidebar-info h3:before,
.information-list h3:before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    background: #fff url("../images/icon-info.png") no-repeat 50% 50%;
    width: 32px;
    height: 24px;
    border-radius: 30px;
}

.sidebar-info p {
    margin: 0;
}

.sidebar-info ul,
.information-list ul {
    list-style: none;
    padding: 0 10px 15px;
    margin: 0;
    font: 18px/22px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}
.information-list ul {
    padding: 0 10px;
}
.sidebar-info ul li,
.information-list ul li {
    border-bottom: 1px solid #c3d0e0;
}
.information-list ul li:last-child {
    border-bottom: none;
}
.sidebar-info ul a,
.information-list ul a {
    color: #000;
    padding: 10px 0;
    display: block;
    text-decoration: none;
}
.information-list ul a {
    padding: 10px 0;
}
.sidebar-info ul a:hover,
.information-list ul a:hover {
    color: #2f61bd;
}

.sidebar-info-all {
    font-size: 20px;
    line-height: 22px;
    color: #000;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
}

.sidebar-info-all:hover {
    color: #2f61bd;
}

.sidebar-info-all span {
    color: #0057c0;
    font-size: 32px;
    line-height: 34px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 5px;
}
.catalog-link {
    display: block;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
    padding: 7px 80px 0 10px;
    margin: 0 0 16px;
    border: 1px solid #e6e6e6;
    text-decoration: none;
    position: relative;
    min-height: 57px;

}

.catalog-link:hover {
    text-decoration: none;
}

.catalog-link:before {
    -webkit-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    border: 1px solid #fff;
    width: 50px;
    height: 50px;
    margin: -25px 0 0;
    border-radius: 50%;
    background: #ccc;
}

.catalog-link:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.catalog-link:hover:after {
    opacity: 1;
}

.catalog-link span {
    padding: 0;
    display: block;
}

.catalog-link span:before {
    content: '';
    width: 36px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 18px;
    margin: 1px 0 0;
}

.catalog-link span:after {
    content: '';
    width: 20px;
    height: 20px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -9px 0 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.catalog-link:hover:before {
    background-color: #f6061d;
}

.choose-oils-link {
    padding-top: 124px;
    padding-right: 50px;
    padding-bottom: 16px;
    min-height: 0;
    background: url("../images/bg-choose-oil-link.jpg") no-repeat 50% 0;
}

.choose-oils-link:before {
    top: auto;
    bottom: 4px;
    margin: 0;
}

.choose-oils-link span:before {
    top: auto;
    bottom: 28px;
    margin: 0;
}

.choose-oils-link span:after {
    top: auto;
    bottom: 18px;
    margin: 0;
}

.sidebar-list {
    padding: 5px 21px 20px 0;
}

.all_filters_block h2 {
    margin: 0 0 9px 17px;
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #4d4d4d;
}

#reset_filter,
.detailed-filter,
.article .feedback-link,
.all-articles {
    display: block;
    margin: 20px auto;
    width: 113px;
    text-align: center;
    background: url("../images/bg-reset-filter.png") repeat-x;
    text-decoration: none;
    padding: 8px 10px;
    color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0 0 1px #999;
}

.all-articles {
    width: 145px;
}

#reset_filter:hover,
.detailed-filter:hover,
.all-articles:hover {
    background: #f00;
}



/* filters */
.sidebar-list .filters-list {
    color: #4d4d4d;
    font-size: 16px;
    line-height: 20px;
}

.sidebar-list .filters-list ul {
    padding: 0 0 7px 14px;
    margin: 0;
}
.sidebar-list h3 {
    margin: 0 0 10px;
    padding: 0;
    font: 24px/28px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
    position: relative;
}

.sidebar-list .sidebar-category-title:after {
    position: absolute;
    bottom: 0;
    left: 0;
    border: 4px solid #ffa7a7;
    border-radius: 4px;
    width: 100%;
    content: "";
    box-sizing: border-box;
}

.sidebar-list h3 span {
    padding: 0;
}

.sidebar-list h3 a {
    text-decoration: none;
    color: #000;
}

.sidebar-list h3 a:hover {
    color: #f00;
}

.sidebar-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font: 20px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
}

.sidebar-list .sidebar-inner-list {
    font: 16px/15px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    padding: 0;
    margin: 0 -15px;
}

.sidebar-list ul li {
    padding: 8px 0 33px;
    margin: 0;
}

.sidebar-list .sidebar-inner-list li {
    background: none;
    min-height: 1px;
    padding: 9px 4px 11px 15px;
}

.accordion li {
    position: relative;
    padding: 0 0 20px;
}

.sidebar-list .accordion ul li {
    padding: 0 0 15px;
}

.sidebar-list .accordion ul li:last-child {
    padding: 0;
}

.sidebar-list .accordion > li > a:hover {
    text-decoration: none;
}

.accordion a .dcjq-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: 6px;
    left: 50%;
    margin: 0 0 0 -10px;
    -webkit-transition: transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out;
}

.accordion a .dcjq-icon:before {
    content: '';
    width: 12px;
    height: 12px;
    border-top: 3px solid #ffa7a7;
    border-right: 3px solid #ffa7a7;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -8px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: border-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out;
}

.accordion a .dcjq-icon:after {
    content: '';
    width: 5px;
    height: 5px;
    background: #f00;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 50%;
    margin: 0 0 0 -3px;
    -webkit-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

.accordion a:hover .dcjq-icon:before,
.accordion a .dcjq-icon:hover:before,
.accordion .active .dcjq-icon:before {
    border-color: #f00;
}

.accordion a.dcjq-parent.active .dcjq-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.accordion ul .dcjq-icon {
    display: none;
}

.accordion li ul li a {
    padding: 0 0 0 10px;
    position: relative;
}

.accordion li ul li a:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #f00;
    border-radius: 50%;
}

.accordion a {
    padding: 0;
    text-decoration: none;
    display: block;
    color: #000;
}

.accordion .secondary-level:after {
    content: "";
    border: 2px solid #ffa7a7;
    display: block;
    margin: 2px -7px 0;

}

.accordion ul .secondary-level,
#accordion-1 ul .secondary-level,
#accordion-1 ul ul .dcjq-parent,
#accordion-1 ul ul ul .dcjq-parent {
    background: none;
    padding: 0;
    margin: 0 11px;
}

.accordion ul .secondary-level:before,
#accordion-1 ul .secondary-level:before,
#accordion-1 ul ul .dcjq-parent:before,
#accordion-1 ul ul ul .dcjq-parent:before {
    display: none;
}

.accordion ul .secondary-level:after {
    content: "";
    border: 1px solid #ffa7a7;
    display: block;
    margin: 2px -10px 0;
}

/* accordion color scheme */
/* green */
.accordion > li:nth-child(2) a .dcjq-icon:before,
.accordion > li:nth-child(2) .secondary-level:after,
.accordion > li:nth-child(10) a .dcjq-icon:before,
.accordion > li:nth-child(10) .secondary-level:after {
    border-color: #a7dbb8;
}

.accordion > li:nth-child(2) a .dcjq-icon:after,
.accordion > li:nth-child(2) ul li a:before,
.accordion > li:nth-child(10) a .dcjq-icon:after,
.accordion > li:nth-child(10) ul li a:before {
    background-color: #093;
}

.accordion > li:nth-child(2) a:hover .dcjq-icon:before,
.accordion > li:nth-child(2) a .dcjq-icon:hover:before,
.accordion > li:nth-child(2) .active .dcjq-icon:before,
.accordion > li:nth-child(10) a:hover .dcjq-icon:before,
.accordion > li:nth-child(10) a .dcjq-icon:hover:before,
.accordion > li:nth-child(10) .active .dcjq-icon:before {
    border-color: #093;
}

/* purple */
.accordion > li:nth-child(3) a .dcjq-icon:before,
.accordion > li:nth-child(3) .secondary-level:after,
.accordion > li:nth-child(11) a .dcjq-icon:before,
.accordion > li:nth-child(11) .secondary-level:after {
    border-color: #dba7ed;
}

.accordion > li:nth-child(3) a .dcjq-icon:after,
.accordion > li:nth-child(3) ul li a:before,
.accordion > li:nth-child(11) a .dcjq-icon:after,
.accordion > li:nth-child(11) ul li a:before {
    background-color: #90c;
}

.accordion > li:nth-child(3) a:hover .dcjq-icon:before,
.accordion > li:nth-child(3) a .dcjq-icon:hover:before,
.accordion > li:nth-child(3) .active .dcjq-icon:before,
.accordion > li:nth-child(11) a:hover .dcjq-icon:before,
.accordion > li:nth-child(11) a .dcjq-icon:hover:before,
.accordion > li:nth-child(11) .active .dcjq-icon:before {
    border-color: #90c;
}

/* orange */
.accordion > li:nth-child(4) a .dcjq-icon:before,
.accordion > li:nth-child(4) .secondary-level:after,
.accordion > li:nth-child(12) a .dcjq-icon:before,
.accordion > li:nth-child(12) .secondary-level:after {
    border-color: #ffc39d;
}

.accordion > li:nth-child(4) a .dcjq-icon:after,
.accordion > li:nth-child(4) ul li a:before,
.accordion > li:nth-child(12) a .dcjq-icon:after,
.accordion > li:nth-child(12) ul li a:before {
    background-color: #f60;
}

.accordion > li:nth-child(4) a:hover .dcjq-icon:before,
.accordion > li:nth-child(4) a .dcjq-icon:hover:before,
.accordion > li:nth-child(4) .active .dcjq-icon:before,
.accordion > li:nth-child(12) a:hover .dcjq-icon:before,
.accordion > li:nth-child(12) a .dcjq-icon:hover:before,
.accordion > li:nth-child(12) .active .dcjq-icon:before {
    border-color: #f60;
}

/* gray */
.accordion > li:nth-child(5) a .dcjq-icon:before,
.accordion > li:nth-child(5) .secondary-level:after,
.accordion > li:nth-child(13) a .dcjq-icon:before,
.accordion > li:nth-child(13) .secondary-level:after {
    border-color: #ccd4e6;
}

.accordion > li:nth-child(5) a .dcjq-icon:after,
.accordion > li:nth-child(5) ul li a:before,
.accordion > li:nth-child(13) a .dcjq-icon:after,
.accordion > li:nth-child(13) ul li a:before {
    background-color: #99a2b8;
}

.accordion > li:nth-child(5) a:hover .dcjq-icon:before,
.accordion > li:nth-child(5) a .dcjq-icon:hover:before,
.accordion > li:nth-child(5) .active .dcjq-icon:before,
.accordion > li:nth-child(13) a:hover .dcjq-icon:before,
.accordion > li:nth-child(13) a .dcjq-icon:hover:before,
.accordion > li:nth-child(13) .active .dcjq-icon:before {
    border-color: #99a2b8;
}

/* blue */
.accordion > li:nth-child(6) a .dcjq-icon:before,
.accordion > li:nth-child(6) .secondary-level:after,
.accordion > li:nth-child(14) a .dcjq-icon:before,
.accordion > li:nth-child(14) .secondary-level:after {
    border-color: #b8b8ff;
}

.accordion > li:nth-child(6) a .dcjq-icon:after,
.accordion > li:nth-child(6) ul li a:before,
.accordion > li:nth-child(14) a .dcjq-icon:after,
.accordion > li:nth-child(14) ul li a:before {
    background-color: #00f;
}

.accordion > li:nth-child(6) a:hover .dcjq-icon:before,
.accordion > li:nth-child(6) a .dcjq-icon:hover:before,
.accordion > li:nth-child(6) .active .dcjq-icon:before,
.accordion > li:nth-child(14) a:hover .dcjq-icon:before,
.accordion > li:nth-child(14) a .dcjq-icon:hover:before,
.accordion > li:nth-child(14) .active .dcjq-icon:before {
    border-color: #00f;
}

/* blue light */
.accordion > li:nth-child(7) a .dcjq-icon:before,
.accordion > li:nth-child(7) .secondary-level:after,
.accordion > li:nth-child(15) a .dcjq-icon:before,
.accordion > li:nth-child(15) .secondary-level:after {
    border-color: #a7cbff;
}

.accordion > li:nth-child(7) a .dcjq-icon:after,
.accordion > li:nth-child(7) ul li a:before,
.accordion > li:nth-child(15) a .dcjq-icon:after,
.accordion > li:nth-child(15) ul li a:before {
    background-color: #0269ff;
}

.accordion > li:nth-child(7) a:hover .dcjq-icon:before,
.accordion > li:nth-child(7) a .dcjq-icon:hover:before,
.accordion > li:nth-child(7) .active .dcjq-icon:before,
.accordion > li:nth-child(15) a:hover .dcjq-icon:before,
.accordion > li:nth-child(15) a .dcjq-icon:hover:before,
.accordion > li:nth-child(15) .active .dcjq-icon:before {
    border-color: #0269ff;
}

/* vinous */
.accordion > li:nth-child(8) a .dcjq-icon:before,
.accordion > li:nth-child(8) .secondary-level:after,
.accordion > li:nth-child(16) a .dcjq-icon:before,
.accordion > li:nth-child(16) .secondary-level:after {
    border-color: #dfb0b0;
}

.accordion > li:nth-child(8) a .dcjq-icon:after,
.accordion > li:nth-child(8) ul li a:before,
.accordion > li:nth-child(16) a .dcjq-icon:after,
.accordion > li:nth-child(16) ul li a:before {
    background-color: #900;
}

.accordion > li:nth-child(8) a:hover .dcjq-icon:before,
.accordion > li:nth-child(8) a .dcjq-icon:hover:before,
.accordion > li:nth-child(8) .active .dcjq-icon:before,
.accordion > li:nth-child(16) a:hover .dcjq-icon:before,
.accordion > li:nth-child(16) a .dcjq-icon:hover:before,
.accordion > li:nth-child(16) .active .dcjq-icon:before {
    border-color: #900;
}

/* red */
.accordion > li:nth-child(9) a .dcjq-icon:before,
.accordion > li:nth-child(9) .secondary-level:after,
.accordion > li:nth-child(17) a .dcjq-icon:before,
.accordion > li:nth-child(17) .secondary-level:after {
    border-color: #ffa7a7;
}

.accordion > li:nth-child(9) a .dcjq-icon:after,
.accordion > li:nth-child(9) ul li a:before,
.accordion > li:nth-child(17) a .dcjq-icon:after,
.accordion > li:nth-child(17) ul li a:before {
    background-color: #f00;
}

.accordion > li:nth-child(9) a:hover .dcjq-icon:before,
.accordion > li:nth-child(9) a .dcjq-icon:hover:before,
.accordion > li:nth-child(9) .active .dcjq-icon:before,
.accordion > li:nth-child(17) a:hover .dcjq-icon:before,
.accordion > li:nth-child(17) a .dcjq-icon:hover:before,
.accordion > li:nth-child(17) .active .dcjq-icon:before {
    border-color: #f00;
}

.accordion .acc-all-link {
    float: right;
    margin: 0 -5px 0 0;
    font-size: 16px;
    display: inline-block;
    position: relative;
}
.accordion .acc-all-link .dcjq-icon:before,
.accordion .acc-all-link .dcjq-icon:after {
    display: none;
}
.sidebar-list ul:empty {
    padding: 0;
    display: none !important;
}

.sidebar-color-scheme1,
.sidebar-list .filters-list .sidebar-color-scheme1,
.sidebar-list .sidebar-inner-list .sidebar-color-scheme1 {
    background: #eef4ff;
}

.sidebar-color-scheme2,
.sidebar-list .filters-list .sidebar-color-scheme2,
.sidebar-list .sidebar-inner-list .sidebar-color-scheme2 {
    background: #fff1ba;
}

.sidebar-color-scheme3,
.sidebar-list .filters-list .sidebar-color-scheme3,
.sidebar-list .sidebar-inner-list .sidebar-color-scheme3 {
    background: #e6e6e6;
}

.sidebar-color-scheme4,
.sidebar-list .filters-list .sidebar-color-scheme4,
.sidebar-list .sidebar-inner-list .sidebar-color-scheme4 {
    background: #fff0eb;
}

.sidebar-color-scheme5,
.sidebar-list .filters-list .sidebar-color-scheme5,
.sidebar-list .sidebar-inner-list .sidebar-color-scheme5 {
    background: #ebfaeb;
}

.sidebar-list ul li a, .sidebar-list ul li span {
    color: #000;
    text-decoration: none;
    display: block;
}

.sidebar-list ul li a:hover, .sidebar-list ul li span:hover {
    color: #f00;
    text-decoration: underline;
}

.sidebar-list ul li .active,
.sidebar-list ul li .active-product {
    color: #f00;
}

.sidebar-list ul ul {
    font: 18px/18px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0;
    padding: 17px 0 0 3px;
}

.sidebar-list ul ul .acc-all-link {
    margin: 0 0 0 10px;
    z-index: 10;
}
.sidebar-list ul ul .acc-all-link:hover {
    text-decoration: none;
}
.sidebar-list ul ul .acc-all-link:before {
    display: none;
}
.sidebar-list .sidebar-inner-list ul {
    padding: 9px 0 0 0;
}

.sidebar-list ul ul ul {
    padding: 17px 0 0 13px;
}

.sidebar-list ul li ul li {
    background: none;
    min-height: 1px;
    padding: 0 4px 8px 18px;
    margin: 0;
}

.sidebar-list .sidebar-inner-list li ul li {
    background: url("../images/bullet-black.png") no-repeat 0 13px;
    padding: 9px 4px 1px 10px;
}

.sidebar-list .sidebar-inner-list li ul li:hover {
    background: url("../images/bullet-red.png") no-repeat 0 13px;
}

.short-list {
    border: 1px solid #cdcdcd;
    border-radius: 0 19px 0 0;
    padding: 13px 0 0;
}

.short-list h3 {
    margin: 0 0 13px 18px;
}

.short-list ul {
    font: 20px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    padding: 10px 0;
    min-height: 98px;
}

.short-list ul li {
    padding: 0 4px 8px 18px;
    min-height: 0;
    background: none;
}

.chemistry-list ul li {
    background: none;
}

.chemistry-list ul ul {
    font: 20px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    border: 1px solid #cdcdcd;
    border-radius: 19px 0 0;
    padding: 10px 0 0;
}

.chemistry-list ul ul ul {
    font: 16px/18px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    border: 0;
    border-radius: 0;
}
.filters-list ul ul {
    display: none;
    clear: both;
    padding: 0;
    margin: 0;
}

.sidebar-list .filters-list li {
    background: none;
    margin: 0 -15px;
    padding: 8px 15px 0;
    min-height: 0;
}

.sidebar-list .filters-list li ul li {
    margin: 0;
    padding: 0 0 5px;
}

.filters-list label {
    float: left;
    padding: 0 0 0 7px;
    max-width: 120px;
    cursor: pointer;
}

.filters-list .filters-list label {
    max-width: 112px;
}

.filters-list .disabled,
.check-filter-holder .disabled {
    color: #999;
    cursor: default;
}

.filters-list .ez-checkbox,
.check-filter-holder .ez-checkbox,
.main-filter-categories .ez-checkbox {
    background: transparent url('../images/bg-filter-check.png') no-repeat;
    margin: 3px 0 0;
    width: 13px;
    height: 14px;
}

.check-filter-holder .ez-checkbox,
.main-filter-categories .ez-checkbox {
    background: url('../images/bg-filter-check2.png') no-repeat;
    width: 12px;
    height: 12px;
    margin: 4px 0 0;
}

.filters-list .ez-checkbox input,
.check-filter-holder .ez-checkbox input,
.main-filter-categories .ez-checkbox input {
    width: 13px;
    height: 14px;
}

.check-filter-holder .ez-checkbox input,
.main-filter-categories .ez-checkbox input {
    width: 12px;
    height: 12px;
}

.filters-list .ez-checked {
    background-position: 0 -14px;
}

.check-filter-holder .ez-checked,
.main-filter-categories .ez-checked {
    background-position: 0 -12px;
}

.filters-list .ez-checked + label {
    color: #f00;
}

.filters-list .ez-disabled,
.filters-list .ez-disabled {
    background-position: 0 -28px;
}

.sidebar-list .filters-list h3 {
    font: 20px/22px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0 0 10px 14px;
}
/* product purchase */
.product-purchase-title {
    font-weight: normal;
    font-size: 24px;
    line-height: 26px;
    margin: 0 0 7px;
    color: #000;
}
.product-purchase-box {
    margin: 0 -4px 8px 0;
}
.product-purchase-link,
.buy-in-stock-link {
    display: block;
    border: 1px solid #e6e6e6;
    text-decoration: none;
    padding: 20px 7px 7px;
    color: #000;
    font-size: 22px;
    line-height: 24px;
    position: relative;
}

.buy-in-stock-link {
    border: none;
    padding: 0;
}

.product-purchase-link-red {
    padding: 10px 7px 7px;
}
.product-purchase-link:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.buy-in-stock-link:hover {
    color: #f00;
}

.product-purchase-link:hover:after,
.buy-in-stock-link:hover:after {
    opacity: 1;
}
.product-purchase-link:hover .product-purchase-image,
.buy-in-stock-link:hover .product-purchase-image {
    opacity: 0.7;
}

.product-purchase-image {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 8px 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.product-purchase-image-red {
    margin-bottom: 17px;
}
.product-purchase-percent-number {
    display: inline-block;
    vertical-align: top;
    margin: 19px 0 0;
    font-size: 49px;
    line-height: 50px;
    position: relative;
    font-weight: normal;
    color: #00a467;
}
.product-purchase-percent {
    position: relative;
}
.product-purchase-percent:before {
    content: "";
    position: absolute;
    bottom: 12px;
    left: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 0 7px;
    border-color: transparent transparent transparent #00a467;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}
.product-purchase-percent-number-red {
    color: #ff113f;
    margin: 8px 0 0;
}
.product-purchase-percent-red:before {
    border-color: transparent transparent transparent #ff113f;
}
.product-purchase-text {
    display: block;
    padding: 0 0 0 4px;
}
.product-purchase-timer {
    margin: 0 0 20px;
}
.product-purchase-timer-box {
    margin: 0 0 8px;
}
.product-purchase-timer-link {
    display: block;
    background: url('../images/bg-product-purchase-timer.png') no-repeat;
    width: 197px;
    height: 149px;
    color: #fff;
    text-decoration: none;
    padding: 0 0 0 15px;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.product-purchase-timer-link:hover {
    opacity: 0.8;
}
.product-purchase-timer-text {
    font-style: normal;
    font-size: 24px;
    line-height: 26px;
    width: 50px;
    display: inline-block;
    vertical-align: top;
    margin: 0 8px 0 0;
    padding: 15px 0 0 5px;
    color: #fff;
}
.product-purchase-timer-percent {
    display: inline-block;
    vertical-align: top;
    color: #ffff46;
    font-style: normal;
    font-size: 80px;
    line-height: 76px;
}
.product-purchase-timer .product-timer-holder {
    margin: 0;
    padding: 0 0 0 20px;
}
.product-purchase-timer .product-timer-holder .defaultCountdown {
    padding-top: 0;
    background: none;
}
#content {
    float: right;
    width: 1000px;
    padding: 0 8px 0 0;
}

.catalog-frame {
    font-size: 0;
}
.subcategory-path {
    list-style: none;
    padding: 0 5px 6px;
    margin: 30px 0;
    overflow: hidden;
    font: 24px/29px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #737373;
    border-bottom: 2px solid #fc0;
}

.subcategory-path li {
    float: left;
    padding: 0 5px 0 17px;
    background: url("../images/bg-sub-arrow.png") no-repeat 0 11px;
}

.subcategory-path li:last-child {
    color: #000;
}

.catalog-box {
    display: inline-block;
    vertical-align: top;
    margin: 0 6px 30px;
    width: 475px;
    padding: 10px 5px 15px;
    border: 1px solid #e6e6e6;
    position: relative;
}

.catalog-box:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.catalog-box:hover:after {
    opacity: 1;
}

.catalog-image {
    display: block;
    margin: 0;
    position: relative;
}

.catalog-image-container {
    float: left;
    width: 335px;
}

.catalog-image {
    margin: 0 0 5px;
}

.catalog-image-box {
    position: relative;
}

.bage {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #f00;
    color: #fff;
    font-size: 18px;
    line-height: 1.1;
    border-radius: 15px;
    padding: 3px 15px;
    z-index: 1;
}

.bage-top {
    /*background: url("../images/bage-top.png") no-repeat;*/
}
.lang-ua .bage-top {
    /*background: url("../images/bage-top-ua.png") no-repeat;*/
}
.bage-new {
    background-color: #00b8e6;
}

.bage-best {
    background-color: #3c3;
}
.lang-ua .bage-best {
    /*background: url("../images/bage-best-ua.png") no-repeat;*/
}
.bage-action {
    background-color: #f50;
}
.bage-discount {
    width: 97px;
    height: 82px;
    background: url("../images/bage-discount.png") no-repeat;
    text-indent: 0;
    position: absolute;
    top: 2px;
    left: 2px;
    font: 60px/64px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    text-decoration: none;
    color: #fff;
    padding: 15px 0 0;
    text-align: center;
}

.bage-discount strong {
    display: inline-block;
    margin: 0;
    font-weight: normal;
    vertical-align: top;
}

.bage-discount em {
    font: 30px/32px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    display: inline-block;
    margin: 7px 0 0;
    vertical-align: top;
}

.product-box .image-box .bage {
    top: 11px;
    left: 45px;
}

.bage-man {
    background: url("../images/bage-man.png") no-repeat;
    width: 100px;
    height: 100px;
}

.bage-volvo {
    background: url("../images/bage-volvo.png") no-repeat;
    width: 94px;
    height: 94px;
}

.bage-coming-soon {
    background: url("../images/bage-coming-soon.png") no-repeat;
}

.catalog-image-box .catalog-image img {
    display: block;
    margin: 0 auto;
}

.catalog-info {
    float: right;
    width: 210px;
    padding: 15px 0 0;
    color: #000;
}

.catalog-frame .catalog-box h3 {
    text-align: center;
    margin: -10px 0 20px;
    padding: 0 10px;
    border-bottom: none;
    line-height: 26px;
    position: relative;
}

.catalog-box h3 a {
    color: #000;
    text-decoration: none;
}

.catalog-info p {
    margin: 0 0 7px;
}

.catalog-info .catalog-descr {
    font: 16px/16px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    min-height: 290px;
    padding: 0 7px 0 0;
}

.catalog-timer .catalog-info .catalog-descr {
    min-height: 260px;
}

.catalog-info .catalog-descr ul {
    padding: 0;
    margin: 0 0 7px;
    list-style: none;
}

.catalog-info .catalog-descr ul li {
    background: url("../images/bullet-black.png") no-repeat 0 6px;
    padding: 0 0 7px 10px;
}

.catalog-frame .catalog-price-holder {
    padding: 100px 0 0;
    float: right;
    margin: 0 10px 0 -10px;
    z-index: 2;
    position: relative;
    width: 135px;
}

.catalog-price-holder .oldprice {
    float: right;
    margin: -2px 21px 4px 0;
    color: #ff0000;
    font: 20px/22px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    text-decoration: line-through;
}

.catalog-price-holder .oldprice span {
    color: #4d4d4d;
}

.price-box {
    padding: 0 6px 2px;
    margin: 0 0 3px;
    border-bottom: 1px solid #fc0;
}

.price-box .option {
    float: left;
    margin: 17px 0 0;
    padding: 0 0 0 17px;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #4d4d4d;
    background: url("../images/bg-option.gif") no-repeat 0 50%;
}

.price-box .price-holder {
    float: right;
    margin: 0;
}

.price-holder .right-part {
    float: left;
    background: url("../images/bg-price-right.png") no-repeat;
    width: 5px;
    height: 42px;
    text-indent: -99999px;
    overflow: hidden;
}

.price-holder .left-part {
    float: left;
    background: url("../images/bg-price-left.png") no-repeat;
    height: 42px;
    padding: 0 4px 0 32px;
    color: #000;
    min-width: 101px;
}

.price-holder .currency,
.price-holder .main-price,
.price-holder .cent {
    float: left;
    margin: -2px 0 0;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.price-holder .main-price {
    font: 44px/46px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: -2px 0 0 6px;
}

.price-holder .cent {
    margin: 15px 0 0;
}

.discount-buy-holder {
    min-height: 23px;
}

.discount-buy {
    display: block;
    text-align: right;
    color: #4d4d4d;
    font: 16px/18px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0 8px 5px 0;
}

.discount-buy a {
    color: #4d4d4d;
}

.discount-buy a:hover {
    color: #ff0000;
}

.rating-holder {
    padding: 0;
}

.catalog-price-holder .rating-holder {
    min-height: 26px;
}

.rating {
    float: left;
    margin: 0;
    padding: 4px 0 0;
}

.rating img {
    float: left;
    margin: 1px 5px 0 0;
}

.product-comments {
    float: right;
    margin: 0;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #4d4d4d;
}

.product-comments:hover {
    color: #ff0000;
}

.compare-holder {
    padding: 2px 0 0 61px;
    margin: 0 0 23px;
    min-height: 35px;
}

.compare-link {
    float: left;
    color: #4d4d4d;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    padding: 3px 12px 2px;
    border: solid #808080;
    border-width: 0 2px 2px 0;
    -webkit-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
    -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;
    text-decoration: none;
    display: none;
}

.compare-link:hover {
    border-color: #0269ff;
    color: #0269ff;
}

.buy-link {
    float: left;
    color: #000;
    -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;
    text-decoration: none;
    font: 44px/46px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.buy-link span {
    color: #f00;
}

.buy-link:hover,
.buy-link:hover span {
    color: #f00;
    text-decoration: none;
}

.out-of-stock {
    color: #f00;
    display: none;
    padding: 5px 25px 20px;
    text-align: right;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}
.out-of-stock-full {
    padding: 5px 16px 0 0;
    text-align: right;
    clear: both;
}
/* grid small */
.catalog-grid-small .catalog-box {
    width: 225px;
    padding: 10px 5px;
}

.catalog-grid-small .catalog-info {
    width: auto;
}

.catalog-grid-small .catalog-box h3 {
    margin: -10px 0 15px;
    padding: 0;
    font-size: 22px;
}

.catalog-grid-small .catalog-box h3 a {
    color: #000;
}

.catalog-grid-small .catalog-price-info {
    float: left;
    width: 105px;
}
.catalog-grid-small.catalog-holder-oil .catalog-price-info {
    width: 125px;
}
.catalog-grid-small .discount-buy-holder {
    float: right;
    width: 100px;
}
.catalog-grid-small .discount-buy-holder {
    width: 86px;
}
.catalog-image-box .bage {
    left: 236px;
}

.catalog-grid-small .catalog-image-box .bage {
    left: 2px;
}

.catalog-box .buy-link-holder {
    margin: 0 0 30px;
}

.catalog-grid-small .buy-link-holder {
    margin: 0 0 5px;
}

.catalog-box .buy-link {
    float: left;
    text-indent: -9999px;
    overflow: hidden;
    border-radius: 30px;
    padding: 9px 36px 9px 0;
    width: 100px;
    background: #20b400;
    font-size: 18px;
    line-height: 20px;
    position: relative;
}

.catalog-box .buy-link:hover {
    background-color: #f6061d;
}

.catalog-box .buy-link span:before {
    -webkit-transition: left 0.2s linear,
    right 0.2s linear;
    transition: left 0.2s linear,
    right 0.2s linear;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: 50%;
    left: 46px;
    border-bottom: 8px solid transparent;
    border-left: 9px solid #fff;
    border-top: 8px solid transparent;
    margin: -8px 0 0;
}

.catalog-box .buy-link span:after {
    content: "";
    background: #fff;
    width: 11px;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 35px;
    margin: -2px 0 0;
}

.catalog-box .buy-link span {
    float: right;
    background: url("../images/ico-product-cart-big.png") no-repeat;
    width: 36px;
    height: 27px;
}
.catalog-box .buy-link-kits {
    float: none;
    display: inline-block;
    vertical-align: top;
}

.catalog-box .product-comments {
    color: #4c4c4b;
    font-size: 16px;
    line-height: 18px;
    background: url("../images/bg-comments.png") no-repeat;
    padding: 0 0 0 24px;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 15px 3px;
}

.catalog-grid-small .product-comments {
    margin: 0 0 28px;
}

.catalog-box .price-box {
    border-bottom: 0;
    padding: 0;
    margin: 0;
}

.catalog-box .price-box .option {
    padding: 0 0 0 5px;
    margin: 0 0 9px;
    float: none;
    display: block;
    background: none;
    font-size: 22px;
    line-height: 24px;
    color: #ff113f;
}

.catalog-grid-small .price-box .option {
    margin: 0 0 12px;
    padding: 11px 0 0 5px;
}

.catalog-box .price-box .price-holder {
    float: none;
    margin: 0 0 10px;
}

.catalog-grid-small .price-box .price-holder {
    margin: 0;
}

.catalog-box .catalog-price-holder .oldprice {
    float: left;
    margin: -3px 0 0 4px;
    font-size: 18px;
    position: relative;
    overflow: hidden;
}

.stock-page .catalog-grid-small .catalog-price-holder .oldprice-box {
    text-align: right;
    padding: 0 47px 0 0;
}

.stock-page .catalog-grid-small .catalog-price-holder .oldprice:after {
    content: "";
    margin: 0;
}

.catalog-box .oldprice > span {
    float: left;
}

.catalog-box .oldprice > span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ff113f;
}

.catalog-box .oldprice strong,
.catalog-box .oldprice em {
    font-weight: normal;
    font-size: 18px;
    line-height: 20px;
    float: left;
    color: #4d4d4a;
}

.catalog-box .oldprice strong {
    font-size: 20px;
    line-height: 22px;
}

.catalog-box .oldprice em {
    font-style: normal;
    margin: 5px 0 0;
}

.catalog-box .price-small-holder {
    margin: 0;
}
.catalog-holder-oil .price-small-holder {
    border-bottom: 1px solid #3ebe23;
    margin-bottom: 8px;
    text-align: center;
}
.price-small-container {
    display: inline-block;
    vertical-align: top;
}
.catalog-holder-oil.catalog-grid-small .catalog-price-holder .oldprice {
    min-height: 22px;
    margin: -3px 0 10px 23px;
}
.catalog-holder-oil.catalog-grid-small .is-bestseller .catalog-price-holder .oldprice,
.catalog-holder-oil .catalog-price-holder .oldprice {
    min-height: 0;
}
.catalog-box .price-holder .currency,
.catalog-box .price-holder .main-price,
.catalog-box .price-holder .cent {
    margin: 0;
    font: 48px/50px "pf_din_text_comp_prolight", Arial, Verdana, sans-serif;
    color: #4d4d4a;
}
.catalog-option-current {
    font: 30px/32px "pf_din_text_comp_prolight", Arial, Verdana, sans-serif;
    color: #009100;
    display: inline-block;
    vertical-align: top;
    margin: 15px 6px 0 0;
}
.catalog-holder-oil.catalog-grid-small .catalog-option-current {
    margin-top: 7px;
}
.catalog-holder-oil.catalog-grid-small .is-bestseller .catalog-option-current {
    margin-top: 15px;
}
.catalog-grid-small .price-holder .currency,
.catalog-grid-small .price-holder .main-price,
.catalog-grid-small .price-holder .cent {
    font: 40px/42px "pf_din_text_comp_prolight", Arial, Verdana, sans-serif;
}

.catalog-box .price-holder .is-logged,
.catalog-box .price-holder .green {
    color: #009100;
}
/* product-not-available */
.product-not-available {
    font-size: 16px;
    line-height: 18px;
    color: #9cb1c9;
    display: inline-block;
    vertical-align: top;
    padding-left: 2px;
}

.catalog-box .not-available .currency,
.catalog-box .not-available .main-price,
.catalog-box .not-available .cent {
    color: #9cb1c9;
}
.catalog-box .not-available .oldprice > span:before {
    background: #9cb1c9;
}
.catalog-box .not-available .oldprice strong,
.catalog-box .not-available .oldprice em {
    color: #9cb1c9;
}

.catalog-box .not-available .buy-link {
    background: #9cb1c9;
}

.catalog-box .price-holder .cent {
    font-size: 26px;
    line-height: 28px;
    margin: 17px 0 0;
}

.catalog-grid-small .price-holder .cent {
    font-size: 22px;
    line-height: 24px;
    margin-top: 15px;
}

.catalog-box .discount-buy {
    text-align: center;
    margin: 0;
}

.catalog-grid-small .discount-buy {
    text-align: left;
}

.catalog-grid-small .buy-link {
    padding: 7px 15px 7px 0;
    width: 65px;
}

.catalog-grid-small .buy-link span {
    background: url("../images/ico-product-cart.png") no-repeat;
    width: 29px;
    height: 22px;
}

.catalog-grid-small .buy-link span:after {
    width: 9px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 14px;
    margin: -1px 0 0;
}

.catalog-grid-small .buy-link span:before {
    position: absolute;
    top: 50%;
    left: 23px;
    border-bottom: 6px solid transparent;
    border-left: 7px solid #fff;
    border-top: 6px solid transparent;
    margin: -6px 0 0;
}

/* new category design */
.link-add-to-favorites {
    position: absolute;
    top: 5px;
    right: 8px;
    width: 30px;
    height: 26px;
    text-indent: -99999px;
    overflow: hidden;
    background: url("../images/ico-heart.png") no-repeat 0 -26px;
    z-index: 5;
}

.link-add-to-favorites:hover,
.link-add-to-favorites.in-wishlist {
    background-position: 0 0;
}
.link-add-to-favorites.in-wishlist {
    pointer-events: none;
    cursor: default;
}
.product-set-buy .link-add-to-favorites {
    position: static;
    top: auto;
    right: auto;
    float: right;
    margin: 5px 25px 0 0;
}
.product-box .image-box .link-add-to-favorites {
    top: 44px;
    right: auto;
    left: 0;
    border: 0;
    padding: 0;
}
.catalog-grid-small .catalog-price-holder {
    padding: 0 0 0 5px;
    margin: 0;
    width: auto;
    float: none;
}
.catalog-box .rating {
    display: block;
    float: none;
    padding: 0 0 0 2px;
    margin: 0 0 18px;
}

.catalog-box .rating img {
    float: none;
    margin: 0;
    display: block;
}

.catalog-grid-small .rating {
    display: none;
}

.catalog-box.is-bestseller {
    width: 475px;
    padding: 10px 5px 15px;
}

.catalog-grid-small .catalog-image-container {
    float: none;
    width: 100%;
}
.catalog-option-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
    color: #666;
    text-align: center;
}
.catalog-option-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 2px 0 6px;
    font-size: 18px;
    position: relative;
}
.catalog-option-item:first-child {
    padding: 0 2px 0 0;
}
.catalog-option-item:last-child {
    padding: 0 0 0 6px;
}
.catalog-option-item:first-child:before {
    display: none;
}
.catalog-option-item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #20b400;
    margin-top: -2px;
}

.is-bestseller .catalog-image-container {
    float: left;
    width: 335px;
}

.is-bestseller .catalog-image {
    margin: 0 0 5px;
}

.is-bestseller .catalog-price-holder {
    padding: 100px 0 0;
    margin: 0 10px 0 -10px;
    width: 135px;
    float: right;
}

.catalog-grid-small .is-bestseller h3 {
    font-size: 24px;
}

/*.is-bestseller .catalog-image-box .bage {
    left: 236px;
}*/

.is-bestseller .catalog-price-info,
.is-bestseller .discount-buy-holder,
.catalog-holder-oil .is-bestseller .catalog-price-info {
    float: none;
    width: auto;
}

.is-bestseller .price-box .option {
    padding: 0 0 0 5px;
    margin: 0 0 9px;
}

.is-bestseller .price-box .price-holder {
    margin: 0 0 15px;
}

.is-bestseller .price-box .currency,
.is-bestseller .price-box .main-price,
.is-bestseller .price-box .cent {
    font: 48px/50px "pf_din_text_comp_prolight", Arial, Verdana, sans-serif;
}

.is-bestseller .price-box .cent {
    font-size: 26px;
    line-height: 28px;
}

.is-bestseller .product-comments {
    margin: 0 0 15px 3px;
}

.is-bestseller .rating {
    display: block;
    float: none;
    padding: 0 0 0 2px;
    margin: 0 0 18px;
}

.is-bestseller .rating img {
    float: none;
    margin: 0;
    display: block;
}

.is-bestseller .buy-link-holder {
    margin: 0 0 30px;
}

.is-bestseller .buy-link {
    padding: 9px 36px 9px 0;
    width: 100px;
}

.is-bestseller .buy-link span {
    background: url("../images/ico-product-cart-big.png") no-repeat;
    width: 36px;
    height: 27px;
}

.is-bestseller .buy-link span:after {
    width: 11px;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 35px;
    margin: -2px 0 0;
}

.is-bestseller .buy-link span:before {
    position: absolute;
    top: 50%;
    left: 46px;
    border-bottom: 8px solid transparent;
    border-left: 9px solid #fff;
    border-top: 8px solid transparent;
    margin: -8px 0 0;
}

.is-bestseller .discount-buy {
    text-align: center;
}
.catalog-image-container-kit {
    width: 250px;
}
.catalog-image-kit {
    max-width: 100%;
}
.catalog-info .catalog-descr-kit {
    min-height: 230px;
    padding: 0 0 20px;
}
.catalog-frame .catalog-price-holder-kit {
    padding: 0 0 0 85px;
    margin: -25px 0 0;
    float: none;
    width: auto;
}
/* product-card revitalizant */
.product-card-holder {
    padding: 0;
    margin: 0 0 50px;
    position: relative;
}

.product-box {
    padding: 0 20px;
    margin: 0 0 15px;
    position: relative;
}

.product-box-border {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

.product-box .image-box {
    float: left;
    width: 400px;
    position: relative;
    margin: 0 1px 0 0;
}

.product-box .image-box a:hover {
    cursor: default;
}

.product-box .image-box img {
    display: block;
    margin: 0 auto;
}

.product-box-info {
    float: left;
    width: 550px;
    position: relative;
}

#content .product-box-info h1 {
    margin: 0 0 15px;
    padding: 0 0 0 27px;
}

.package-holder {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border: 1px solid #e8e8e8;
    margin: 0 0 17px;
}


.product-rating-box {
    margin: 0 0 16px;
    text-align: right;
}
.product-rating-box-full {
    float: left;
    margin: 0;
    padding: 0;
}

.product-rating-box .rating {
    margin: 0 9px 0 0;
    padding: 0;
    float: none;
    display: inline-block;
    vertical-align: top;
}

.product-rating-box .rating img {
    display: block;
    float: none;
    margin: 0;
}

.product-rating-box .rating .rating-number {
    float: left;
}

.product-rating-box .product-comments {
    display: inline-block;
    vertical-align: top;
    float: none;
    margin: -1px 0 0;
    font-size: 18px;
    line-height: 20px;
    color: #000;
}

.product-rating-box .leave-comment {
    display: inline-block;
    vertical-align: top;
    color: #4d4d4d;
    margin: 0 0 41px;
    font: 18px/20px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.product-rating-box .leave-comment:hover {
    color: #f00;
}

.product-rating-box .bage-up-to-5l {
    display: block;
    margin: 0;
    background: url("../images/bage-up-to-5l.png") no-repeat;
    text-indent: -99999px;
    overflow: hidden;
    width: 91px;
    height: 102px;
}

.product-form-box {
    float: left;
    width: 215px;
    padding: 6px 0 0;
    position: relative;
}
.product-form-box-full {
    float: none;
    width: auto;
    padding: 0;
}
.product-wishlist-box {
    float: left;
    width: 211px;
}
.product-wishlist-box .product-wishlist-holder {
    padding: 0 0 0 3px;
}
.product-wishlist-box .product-wishlist-holder-top {
    padding-top: 19px;
}
.product-price-box-container {
    float: right;
    width: 295px;
}
#content h1 {
    margin: 0 0 22px;
    font: 28px/30px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
}

.content h1 {
    color: #333;
    font-size: 24px;
    line-height: 26px;
    font-weight: normal;
    margin: 0 0 20px;
}


.profile-page #content h1 {
    margin: 0 0 14px;
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #4d4d4d;
}

.product-form {
    margin: 0;
    padding: 9px 0 16px;
    position: relative;
}

.product-form:after {
    content: "";
    position: absolute;
    top: 2.5%;
    left: 53.5%;
    height: 95%;
    width: 1px;
    background-color: #ddd;
}
.product-form-full {
    padding: 15px 21px;
    float: none;
    width: auto;
}
.product-form-full:after {
    display: none;
}
.product-wishlist-holder {
    margin-bottom: 16px;
    padding: 0 0 0 29px;
}
.product-add-to-favorites {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 18px;
    color: #666;
    background: none;
    border: none;
    padding: 0;
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
    outline: none;
}
.product-wishlist-tooltip {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    line-height: 17px;
    color: #999;
    text-align: center;
    width: 15px;
    height: 15px;
    border: 1px solid #666;
    border-radius: 50%;
    margin: 0 6px 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
[data-tooltip] {
    position: relative;
    z-index: 5;
    cursor: pointer;
}
[data-tooltip]:hover {
    z-index: 16;
}
/* Hide the tooltip content by default */
[data-tooltip]:before {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in;
}
/* Position tooltip under the element */
[data-tooltip]:before {
    position: absolute;
    top: 150%;
    left: -137px;
    margin-bottom: 5px;
    padding: 11px 10px 16px 14px;
    width: 172px;
    -webkit-border-radius: 0 0 0 10px;
    border-radius: 0 0 0 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    text-align: left;
    color: #666;
    content: attr(data-tooltip);
    font-size: 16px;
    line-height: 16px;
}
/* Show tooltip content on hover */
[data-tooltip]:hover:before {
    visibility: visible;
    opacity: 1;
}
.product-wishlist-text {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 0;
}
.product-wishlist-icon {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    background: url("../images/sprite-header-blue.png") no-repeat -114px -249px;
    width: 23px;
    height: 20px;
}
.product-add-to-favorites:hover,
.product-add-to-favorites.in-wishlist {
    color: #f00;
}
.product-add-to-favorites:hover .product-wishlist-icon,
.product-add-to-favorites.in-wishlist .product-wishlist-icon {
    background-position: -114px -229px;
}
.product-add-to-favorites.in-wishlist {
    pointer-events: none;
    cursor: default;
}
.product-add-to-favorites.in-wishlist .product-wishlist-tooltip {
    visibility: hidden;
    display: none;
}
.package-box {
    padding: 0 0 0 18px;
    margin: 0 19px 0 0;
    color: #4D4D4D;
    width: 277px;
    float: left;
}
.package-box-full {
    margin: 0 0 17px;
    padding: 0 0 15px;
    width: auto;
    float: none;
    border-bottom: 1px solid #ddd;
}

.package-box .package-title {
    display: block;
    margin: 0 0 8px;
    font: 16px/18px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.package-box .row {
    margin: 0 0 12px;
}

.package-block-holder {
    float: left;
    margin: 0 15px 0 0;
    padding: 0 15px 15px 0;
    border-right: 1px solid #ddd;
}
.package-block-holder:last-child {
    margin: 0;
    border-right: none;
    padding-right: 0;
}

.package-block-holder .package-name {
    display: block;
    font-size: 16px;
    line-height: 18px;
    color: #008600;
    margin: 0 0 5px;
}
.bucket-holder .package-name {
    color: #0092ba;
}
.barrel-holder .package-name {
    color: #0057C0;
}

.package-box .package-block .row {
    float: left;
    margin: 0 0 0 17px;
}

.package-box .package-block .row:first-child {
    margin: 0;
}

.package-box label {
    float: left;
    margin: 0;
    padding: 0 0 0 10px;
    cursor: pointer;
    outline: none;
    font: 18px/20px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    text-decoration: underline;
    width: 248px;
}

.package-box .package-block label {
    text-decoration: none;
    font: 28px/30px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    padding: 2px 0 0 4px;
    width: auto;
    color: #000;
}

.package-box label:hover,
.package-box label.active {
    text-decoration: none;
    color: #000;
}

.package-box label.disabled {
    color: #999;
    text-decoration: none;
}

.ez-hide {
    opacity: 0;
    filter: alpha(opacity=0);
}

.ez-radio,
.ez-checkbox,
.ez-disabled {
    background: transparent url('../images/bg-radio.png') no-repeat;
    float: left;
    margin: 5px 0 0 0;
    width: 12px;
    height: 11px;
    cursor: pointer;
}
.ez-checkbox {
    margin: 2px 0 0;
}

.ez-radio input,
.ez-checkbox input {
    cursor: pointer;
    outline: none;
    float: left;
}

.ez-checkbox input {
    width: 12px;
    height: 11px;
}
.package-box .ez-radio {
    margin-top: 7px;
    position: relative;
}
.package-box-full .ez-radio {
    margin-top: 10px;
}
.package-box-oil .ez-radio,
.package-box-oil .ez-disabled {
    background: transparent url('../images/bg-radio-oil.png') no-repeat;
    width: 16px;
    height: 16px;
}
.package-box-oil .ez-radio input,
.package-box-oil .ez-checkbox input {
    width: 16px;
    height: 16px;
}
.ez-selected,
.ez-checked {
    background-position: 0 -11px;
}
.package-box-oil .ez-selected {
    background-position: 0 -16px;
}

.package-box .ez-selected + label {
    color: #008600;
    text-decoration: underline;
}
.bucket-holder .ez-selected + label {
    color: #0092ba;
}
.barrel-holder .ez-selected + label {
    color: #0057C0;
}
.bucket-holder .ez-radio {
    background-position: 0 -32px;
}

.bucket-holder .ez-selected {
    background-position: 0 -48px;
}

.barrel-holder .ez-radio {
    background-position: 0 -64px;
}

.barrel-holder .ez-selected {
    background-position: 0 -80px;
}

.ez-disabled {
    background-position: 0 -66px;
}
.package-box-oil .ez-disabled {
    background-position: 0 -96px;
}
.package-box .ez-selected.ez-disabled:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 11px;
    background-color: #ddd;
}
.package-box .ez-selected.ez-disabled + label {
    color: #999;
}
.package-box-oil .ez-selected.ez-disabled:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: #ddd;
}

.price-box-holder {
    margin: 0;
}
.price-box-holder-full {
    float: right;
    padding: 3px 0 0;
}
.price-box-holder-full .price-box-right {
    padding: 0;
}
.oldprice-holder {
    padding: 0 0 8px;
}
.oldprice-holder:empty {
    padding: 0;
}
.price-box-holder-full .oldprice-holder {
    float: left;
    margin: -3px 12px 0 0;
}
.oldprice-holder .oldprice-title {
    display: block;
    margin: 0 0 1px 2px;
    font: 16px/18px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #4d4d4d;
}

.oldprice-holder .oldprice {
    display: block;
    font: 20px/22px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #f00;
    text-decoration: line-through;
    margin: 0;
}

.oldprice-holder .oldprice span {
    color: #4c4c4a;
}

.oldprice-box {
    min-height: 25px;
}

.price-box-right {
    text-align: right;
    padding: 0 3px 0 0;
}

.product-form .price-holder {
    display: inline-block;
    vertical-align: top;
    margin: -4px 15px 0 0;
    color: #4d4d4d;
}

.revital-holder .product-form .price-holder {
    float: right;
}

.product-form .price-holder .currency,
.product-form .price-holder .main-price,
.product-form .price-holder .cent {
    float: left;
    margin: 2px 0 0;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.product-form .price-holder .main-price {
    font: 44px/46px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 2px 0 0 6px;
}

.product-form .price-holder .cent {
    margin: 18px 0 0;
}
.product-form .discount-buy {
    margin: 0 28px 0 0;
    clear: both;
}

.buy-link {
    float: left;
    text-indent: -9999px;
    overflow: hidden;
    border-radius: 30px;
    padding: 9px 36px 9px 0;
    width: 100px;
    background: #20b400;
    font-size: 18px;
    line-height: 20px;
    position: relative;
}

.buy-link:hover {
    background-color: #f6061d;
}

.buy-link span:before {
    -webkit-transition: left 0.2s linear,
    right 0.2s linear;
    transition: left 0.2s linear,
    right 0.2s linear;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: 50%;
    left: 46px;
    border-bottom: 8px solid transparent;
    border-left: 9px solid #fff;
    border-top: 8px solid transparent;
    margin: -8px 0 0;
}

.buy-link span:after {
    content: "";
    background: #fff;
    width: 11px;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 35px;
    margin: -2px 0 0;
}

.buy-link span {
    float: right;
    background: url("../images/ico-product-cart-big.png") no-repeat;
    width: 36px;
    height: 27px;
}

.product-form .buy-link-holder {
    padding: 0;
    float: none;
    display: inline-block;
    vertical-align: top;
}

.product-form .buy-link {
    float: right;
    padding: 0 0 0 22px;
    width: 50px;
    border-radius: 0;
    background: none;
    text-indent: 9999px;
}
.product-form .buy-link.is-disabled {
    pointer-events: none;
}
.product-form .buy-link.is-disabled span,
.product-form .buy-link.is-disabled span:after {
    background-color: #9cb1c9;
}
.product-form .buy-link.is-disabled span:before {
    border-left-color: #9cb1c9;
}
.product-form .buy-link span {
    background: #20b400 url("../images/ico-product-cart.png") no-repeat 50% 50%;
    width: 50px;
    height: 35px;
    border-radius: 30px;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.product-form .buy-link span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 9px;
    border-bottom: 6px solid transparent;
    border-left: 7px solid #20b400;
    border-top: 6px solid transparent;
    margin: -6px 0 0;
    -webkit-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
}

.product-form .buy-link span:after {
    width: 9px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -1px 0 0;
    background-color: #20b400;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.product-form .buy-link:hover span,
.product-form .buy-link:hover span:after {
    background-color: #f00;
}

.product-form .buy-link:hover span:before {
    border-left-color: #f00;
}

.product-form-options {
    text-align: center;
    width: 260px;
    float: right;
    margin: -2px 0 10px;
}

.product-form-options .discount-buy {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
}

.product-form-options .oldprice-holder {
    float: none;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    margin: 0 22px 0 0;
}
.back-product-link-holder {
    padding: 0 0 20px 60px;
}
.back-product-link {
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-size: 24px;
    line-height: 26px;
    position: relative;
}
.back-product-link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -37px;
    margin: -15px 0 0;
    width: 26px;
    height: 26px;
    border: 2px solid #69f;
    border-radius: 50%;
    -webkit-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
}
.back-product-link span {
    display: block;
}
.back-product-link span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    border-bottom: 8px solid transparent;
    border-right: 7px solid #69f;
    border-top: 8px solid transparent;
    margin: -8px 0 0;
    -webkit-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
}

.back-product-link span:after {
    content: "";
    width: 9px;
    height: 4px;
    position: absolute;
    top: 50%;
    left: -23px;
    margin: -2px 0 0;
    background-color: #69f;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
.back-product-link:hover:before {
    border-color: #f00;
}
.back-product-link:hover span:before {
    border-right-color: #f00;
}
.back-product-link:hover span:after {
    background-color: #f00;
}
.product-descr {
    padding: 0 30px 15px;
    margin: 0 0 25px;
    border-bottom: 1px solid #ddd;
}

.product-descr p {
    margin: 0 0 10px;
}

.product-descr h2,
.product-descr h3 {
    margin: 0 0 15px;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}
.product-card-title-holder .product-card-title {
    display: inline-block;
    vertical-align: top;
    margin-right: 50px;
}
.product-card-title {
    font-size: 28px;
    line-height: 30px;
    font-weight: normal;
    color: #000;
    position: relative;
    margin: 0 0 15px;
    padding: 0 0 0 25px;
}
.product-title-anchor-holder:target .product-card-title {
    color: #008400;
}
.product-nav-list-holder {
    padding: 0 0 0 38px;
}

.product-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 24px;
    line-height: 26px;
}

.product-nav-list li {
    padding: 0 0 13px;
    position: relative;
}

.product-nav-list a {
    color: #000;
    text-decoration: none;
    position: relative;
    padding: 0 0 0 25px;
}
.product-nav-list a:before,
.product-card-title:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    border-top: 7px solid #008400;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    -webkit-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
}

.product-nav-list a:after,
.product-card-title:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    width: 4px;
    height: 9px;
    background: #008400;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
.product-nav-list-inner a:before {
    top: 9px;
    left: -4px;
    transform: rotate(90deg);
}
.product-nav-list-inner a:after {
    top: 8px;
    left: 9px;
    transform: rotate(90deg);
}
.product-title-anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 30px;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 2;
}
.product-nav-list a:hover {
    color: #f6061d;
}
.product-nav-list span {
    font-size: 18px;
}

.product-nav-list a:hover:before {
    border-top-color: #f6061d;
}

.product-nav-list a:hover:after {
    background-color: #f6061d;
}

.product-set-info {
    margin: 0 0 9px;
}

/* product-discount */
.product-discount-holder {
    margin: 0 0 8px;
    text-align: center;
}

.product-discount-title {
    display: inline-block;
    margin: 19px 15px 0 0;
    font: 18px/20px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    width: 73px;
    color: #0269ff;
    text-align: right;
    vertical-align: top;
}

.product-kit-box,
.product-hot-box,
.product-christmas-box {
    display: inline-block;
    margin: 0 11px 22px 0;
    vertical-align: top;
}

.product-hot-box {
    margin: 0;
}

.product-kit-box a,
.product-hot-box a,
.product-christmas-box a {
    text-decoration: none;
    display: block;
    width: 148px;
    border: 1px dashed #0269ff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 12px 12px 11px;
}

.product-kit-box a {
    width: 211px;
    padding: 11px 12px 12px 9px;
    text-align: left;
}

.product-hot-box a {
    width: 306px;
    padding: 1px 0 16px;
    border: 1px solid #eb0000;
    -webkit-border-radius: 0 10px 10px 10px;
    border-radius: 0 10px 10px 10px;
    background: #fb5757 url("../images/bg-hot-box.png") repeat-x 0 100%;
    color: #fff;
    text-align: left;
}

.product-christmas-box a {
    width: auto;
    padding: 0 5px;
}

.product-kit-box span {
    background: url("../images/logo-carkit.png") no-repeat;
    width: 114px;
    height: 61px;
    display: inline-block;
    vertical-align: top;
    margin: 7px 6px 0 0;
    text-indent: -99999px;
    overflow: hidden;
}

.product-kit-box .bage-kit {
    display: inline-block;
    background: url("../images/bage-kit-30.png") no-repeat;
    padding: 54px 0 0 3px;
    color: #0269ff;
    font: 18px/20px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    text-decoration: underline;
    vertical-align: top;
}

.product-timer-holder {
    display: inline-block;
    margin: 0 4px 0 0;
    vertical-align: top;
    text-align: left;
}

.product-timer-holder em {
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    text-decoration: underline;
    display: block;
    margin: 0 0 7px;
    text-align: center;
}

.product-timer-holder .defaultCountdown {
    display: inline-block;
    vertical-align: top;
    padding: 6px 0 0;
    width: 157px;
    background: url("../images/bg-hot-timer.png") no-repeat;
    text-align: center;
}

.countdown-section {
    display: inline-block;
    vertical-align: top;
}

.countdown-section:first-child .countdown-amount:after {
    content: "-";
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

.countdown-section .countdown-amount:after {
    content: ":";
    padding: 0 3px;
    display: inline-block;
    vertical-align: top;
    margin: -3px 0 0;
}

.countdown-section:last-child .countdown-amount:after {
    content: "";
}

.countdown-amount {
    color: #000;
    font-size: 30px;
}

.countdown-period {
    display: block;
    font-size: 16px;
    line-height: 14px;
    color: #fff;
    padding: 0 8px 0 0;
}

.action-timer-holder {
    margin: 0 0 15px;
}

.action-timer-holder .defaultCountdown {
    display: inline-block;
    vertical-align: top;
    padding: 13px 0 0;
    width: 147px;
    background: url("../images/bg-hot-timer2.png") no-repeat;
    text-align: center;
}
.catalog-grid-small .action-timer-holder .defaultCountdown {
    padding-top: 10px;
}
.action-timer-holder .countdown-amount {
    color: #fff;
}

.action-timer-holder .countdown-period {
    color: #959595;
}

.product-hot-box .bage-percent {
    display: inline-block;
    background: url("../images/bage-percent.png") no-repeat 100% 5px;
    padding: 0 74px 0 0;
    vertical-align: top;
    color: #ffff46;
    margin: 0;
    font: 88px/80px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    letter-spacing: -2px;
}

.bage-timer {
    background: url("../images/bage-timer.png") no-repeat;
    padding: 0 0 0 5px;
    color: #fff;
    font: 40px/62px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    letter-spacing: -2px;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 74px;
    height: 89px;
}
.lang-ua .bage-timer {
    background: url("../images/snowflake.png") no-repeat;
    background-size: 100%;
}
.bage-timer strong {
    display: block;
    position: relative;
    color: red;
    top: 12px;
    left: 18px;
}
.product-box .bage-timer {
    top: 11px;
    left: 45px;
}
.product-specifications {
    padding: 0 43px 0 39px;
    margin: 0 -41px 40px 0;
}

.product-specifications h4 {
    margin: 0 0 9px 18px;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #4d4d4d;
}

.specification-box {
    float: left;
    margin: 0;
    width: 470px;
}

.specification-box-left {
    float: left;
    width: 340px;
    margin: 0 40px 0 0;
    position: relative;
}
.specification-box-left:after {
    content: "";
    position: absolute;
    top: 0;
    right: -30px;
    height: 100%;
    width: 1px;
    background-color: #ddd;
}
.specification-box:nth-child(2) {
    float: right;
    margin: 0;
}
.specification-box-full {
    width:auto;
    float: none;
}
.specification-holder {
    padding: 15px 35px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border: 1px solid #e8e8e8;
}

.specification-box .specification-title {
    display: block;
    margin: 0 0 10px;
    color: #2f3330;
}

.specification-table {
    padding: 0;
    margin: 0;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
    width: 100%;
}

.specification-table td {
    padding: 0;
    width: 235px;
    vertical-align: top;
}

.specification-table td span {
    display: block;
    padding: 1px 5px 0 16px;
    background: #ffefa5;
    margin: 0 11px 9px 0;
    border: 2px solid #ffefa5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.specification-box-left .specification-table td span {
    background: #ccdef8;
    padding: 1px 0;
    text-align: center;
    border-color: #ccdef8;
}

.speification-bage-holder {
    float: right;
    padding: 6px 0 0;
    width: 409px;
}

.speification-bage-holder ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.speification-bage-holder ul li {
    float: left;
    margin: 0 11px 11px 0;
}

.speification-bage-holder ul li img {
    display: block;
}

.specification-holder .cert-link-holder {
    font-size: 24px;
    line-height: 26px;
    padding-top: 15px;
}

.specification-holder .cert-link {
    color: #000;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}
.specification-holder .cert-link:after {
    content: ">>";
    font-size: 32px;
    line-height: 26px;
    color: #0057C0;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 8px;
}
.specification-holder .cert-link:hover {
    text-decoration: none;
    color: #0057C0;
}

/* Комплекты */
.carousel-holder {
    padding: 0 0 0 38px;
    position: relative;
    width: 975px;
    margin: 0 0 42px;
}

a.prev, a.next {
    background: url("../images/bg-prev-next.png") no-repeat 0 -45px;
    width: 26px;
    height: 45px;
    display: block;
    position: absolute;
    top: 160px;
    text-indent: -99999px;
    overflow: hidden;
    outline: none;
}

a.prev {
    left: 10px;
}

a.prev:hover {
    background-position: 0 0;
}

.similar-products .prev:hover {
    background-position: 0 -90px;
}

a.prev.disabled {
    opacity: 0.5;
}

a.next {
    right: 11px;
    background-position: 100% -45px;
}

a.next:hover {
    background-position: 100% 0;
}

.similar-products a.next:hover {
    background-position: 100% -90px;
}

a.next.disabled {
    opacity: 0.5;
}

a.prev.disabled, a.next.disabled {
    cursor: default;
}

a.prev span, a.next span {
    display: none;
}

.pagination {
    text-align: center;
    margin: -3px 0 0;
    position: relative;
    z-index: 10;
}

.similar-products .pagination {
    margin: 0;
    position: absolute;
    top: 27px;
    width: 937px;
}

.pagination a {
    background: #fff;
    width: 9px;
    height: 9px;
    margin: 0 7px 0 0;
    border: 2px solid #00ce05;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    outline: none;
}

.similar-products .pagination a {
    border-color: #fc0;
}

.pagination a.selected {
    cursor: default;
    background: #00ce05;
}

.similar-products .pagination a.selected {
    background: #fc0;
}

.pagination a:hover {
    background: #00ce05;
}

.similar-products .pagination a:hover {
    background: #fc0;
}

.pagination a span {
    display: none;
}

.carousel-clearfix {
    float: none;
    clear: both;
}

.set-holder {
    margin: 0;
    background: url("../images/bg-set-holder.png") no-repeat;
}

.similar-products .set-holder {
    background: url("../images/bg-set-holder2.png") no-repeat;
}

.set-wrapper {
    background: url("../images/bg-set-wrapper.png") no-repeat 0 100%;
    width: 930px;
    padding: 11px 0 10px 7px;
}

.similar-products .set-wrapper {
    background: url("../images/bg-set-wrapper2.png") no-repeat 0 100%;
    padding: 21px 0 10px 7px;
}

.set-box {
    float: left;
    margin: 0 8px 0 0;
    width: 510px;
}

.set-block {
    padding: 0 0 0 3px;
}

.carousel-holder h3 {
    margin: 0 0 20px 44px;
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #093;
}

.carousel-holder.similar-products h3 {
    color: #4d4d4d;
}

.set-descr {
    float: left;
    width: 395px;
    margin: 0;
}

.set-descr-text {
    margin: 0;
    padding: 0 10px 37px 0;
}

.set-descr p {
    margin: 0 0 8px;
    font: 16px/17px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
}

.set-product {
    float: left;
    margin: 0;
    width: 180px;
}

.set-product-name {
    text-align: center;
    color: #000;
    font: 18px/18px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    display: block;
    margin: 0 0 17px;
    min-height: 234px;
    outline: none;
}
.similar-products .set-product-name {
    padding: 0 10px;
}
.similar-products .slick-track {
    margin: 0 auto;
}
.set-product-name:hover {
    color: #f00;
}

.set-product-name img {
    display: block;
    margin: 0 auto;
}

.set-product .price-holder {
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.set-product .price-holder .holder {
    float: left;
    left: 50%;
    position: relative;
}

.set-product .price-holder .frame {
    float: left;
    left: -50%;
    position: relative;
}

.set-product .price-holder .main-price,
.set-product .price-holder .cent {
    color: #009e03;
}

.set-box .plus {
    float: left;
    width: 54px;
    height: 54px;
    margin: 56px -23px 0 -20px;
    background-color: #1db100;
    border-radius: 50%;
    text-indent: -9999px;
    overflow: hidden;
    position: relative;
}

.set-box .plus:before,
.set-box .plus:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    width: 6px;
    height: 36px;
    margin: -18px 0 0 -3px;
}

.set-box .plus:after {
    width: 36px;
    height: 6px;
    margin: -3px 0 0 -18px;
}

.set-form {
    padding: 0;
    position: absolute;
    bottom: 5px;
    right: 26px;
}

.set-form fieldset {
    padding: 0 0 0 34px;
}

.set-form .price-holder {
    float: left;
    margin: 3px 37px 0 0;
}

.set-form .price-holder .right-part {
    background: url("../images/bg-price-right3.png") no-repeat;
}

.set-form .price-holder .left-part {
    background: url("../images/bg-price-left3.png") no-repeat;
    color: #fff;
}

.set-form .buy-link {
    padding: 0;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.set-form .buy-link span {
    background: url("../images/arrow-buy.png") no-repeat 100% -308px;
}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}
.bage-set,
.bage-product {
    float: left;
    margin: 11px 0 0 -34px;
    background: url("../images/bage-set.png") no-repeat;
    width: 157px;
    height: 138px;
    text-indent: -99999px;
    overflow: hidden;
    position: relative;
}
.bage-product {
    height: 139px;
}
.bage-set {
    text-indent: 0;
    background: url("../images/bage-set.png") no-repeat;
}
.lang-ua .bage-set,
.lang-ua .bage-product {
    background: url("../images/bage-set-ua.png") no-repeat;
}
.bage-set strong {
    display: block;
    width: 107px;
    height: 107px;
    color: #fff;
    padding: 0;
    font-size: 100px;
    line-height: 110px;
    font-weight: normal;
    text-align: center;
}

.bage-set-10,
.bage-set-11,
.bage-set-12,
.bage-set-13,
.bage-set-14,
.bage-set-15,
.bage-set-16,
.bage-set-17,
.bage-set-18,
.bage-set-19 {
    background: url("../images/bage-set-blue.png") no-repeat;
}
.lang-ua .bage-set-10,
.lang-ua .bage-set-11,
.lang-ua .bage-set-12,
.lang-ua .bage-set-13,
.lang-ua .bage-set-14,
.lang-ua .bage-set-15,
.lang-ua .bage-set-16,
.lang-ua .bage-set-17,
.lang-ua .bage-set-18,
.lang-ua .bage-set-19 {
    background: url("../images/bage-set-blue-ua.png") no-repeat;
}
.bage-set-20,
.bage-set-21,
.bage-set-22,
.bage-set-23,
.bage-set-24,
.bage-set-25 {
    background: url("../images/bage-set-red.png") no-repeat;
}
.lang-ua .bage-set-20,
.lang-ua .bage-set-21,
.lang-ua .bage-set-22,
.lang-ua .bage-set-23,
.lang-ua .bage-set-24,
.lang-ua .bage-set-25 {
    background: url("../images/bage-set-red-ua.png") no-repeat;
}
.bage-set-10 strong,
.bage-set-11 strong,
.bage-set-12 strong,
.bage-set-13 strong,
.bage-set-14 strong,
.bage-set-15 strong,
.bage-set-16 strong,
.bage-set-17 strong,
.bage-set-18 strong,
.bage-set-19 strong,
.bage-set-20 strong,
.bage-set-21 strong,
.bage-set-22 strong,
.bage-set-23 strong,
.bage-set-24 strong,
.bage-set-25 strong {
    letter-spacing: -5px;
    width: 90px;
}
.bage-product-10 {
    background: url("../images/bage-product-10.png") no-repeat;
}

.bage-product-11 {
    background: url("../images/bage-product-11.png") no-repeat;
}

.bage-product-12 {
    background: url("../images/bage-product-12.png") no-repeat;
}

.bage-product-13 {
    background: url("../images/bage-product-13.png") no-repeat;
}

.bage-product-14 {
    background: url("../images/bage-product-14.png") no-repeat;
}

.bage-product-15 {
    background: url("../images/bage-product-15.png") no-repeat;
}

.bage-product-16 {
    background: url("../images/bage-product-16.png") no-repeat;
}

.bage-product-17 {
    background: url("../images/bage-product-17.png") no-repeat;
}

.bage-product-18 {
    background: url("../images/bage-product-18.png") no-repeat;
}

.bage-product-19 {
    background: url("../images/bage-product-19.png") no-repeat;
}

.bage-product-20 {
    background: url("../images/bage-product-20.png") no-repeat;
}

.bage-product-21 {
    background: url("../images/bage-product-21.png") no-repeat;
}

.bage-product-22 {
    background: url("../images/bage-product-22.png") no-repeat;
}

.bage-product-23 {
    background: url("../images/bage-product-23.png") no-repeat;
}

.bage-product-24 {
    background: url("../images/bage-product-24.png") no-repeat;
}

.bage-product-25 {
    background: url("../images/bage-product-25.png") no-repeat;
}

/* new product-set  */
.product-set-holder {
    padding: 0 30px 21px;
    margin: 0 0 30px;
    border-bottom: 1px solid #ddd;
}

.product-set-info p {
    margin: 0 0 15px;
}
.product-set-wrapper {
    padding: 0 30px;
}
.product-set-frame {
    padding: 0 0 21px;
}
.product-set-wrapper .slick-track-single {
    margin: 0 auto;
}

.product-set-wrapper .slick-arrow,
.similar-products .slick-arrow {
    position: absolute;
    top: 26px;
    left: 0;
    text-indent: -9999px;
    overflow: hidden;
    border: 0;
    padding: 0;
    margin: 0;
    background: none;
    width: 27px;
    height: 54px;
    z-index: 3;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.similar-products .slick-arrow {
    top: 30%;
    left: -35px;
}
.product-set-wrapper .slick-arrow:hover,
.similar-products .slick-arrow:hover {
    opacity: 0.7;
}
.product-set-wrapper .slick-arrow:before,
.product-set-wrapper .slick-arrow:after,
.similar-products .slick-arrow:before,
.similar-products .slick-arrow:after {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    width: 27px;
    height: 7px;
    background-color: #00ce05;
    border-radius: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.similar-products .slick-arrow:before,
.similar-products .slick-arrow:after {
    background-color: #fc0;
}
.product-set-wrapper .slick-arrow:after,
.similar-products .slick-arrow:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 30px;
}
.product-set-wrapper .slick-next,
.similar-products .slick-next {
    left: auto;
    right: 0;
}
.similar-products .slick-next {
    right: -35px;
}
.product-set-wrapper .slick-next:before,
.similar-products .slick-next:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.product-set-wrapper .slick-next:after,
.similar-products .slick-next:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 30px;
}
.product-set-box {
    padding: 18px 25px;
    width: 370px;
    margin: 0 auto;
    border: 1px solid #e6e6e6;
    position: relative;
}

.product-set-box:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.product-set-box:hover:after {
    opacity: 1;
}

.product-set-block {
    position: relative;
    padding: 0 0 0 20px;
}

.product-set-plus {
    position: absolute;
    top: 0;
    left: 0;
    width: 54px;
    height: 54px;
    background-color: #1db100;
    border-radius: 50%;
    text-indent: -9999px;
    overflow: hidden;
}

.product-set-plus:before,
.product-set-plus:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    width: 6px;
    height: 36px;
    margin: -18px 0 0 -3px;
}

.product-set-plus:after {
    width: 36px;
    height: 6px;
    margin: -3px 0 0 -18px;
}

.set-descr-price {
    padding: 0 0 0 25px;
}

.product-set-box .price-holder {
    color: #ff6e5c;
    margin: 0;
}

.product-set-box .economy-text {
    display: block;
    color: #009500;
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 0 8px;
}

.product-set-box .economy-price-holder {
    color: #009500;
}

.product-set-box .economy-price {
    font-size: 36px;
    line-height: 38px;
}

.product-set-box .economy-cent {
    font-size: 20px;
    line-height: 22px;
    margin-top: 12px;
}

.product-set-block .set-descr {
    float: right;
    width: 160px;
}

.product-set-block .bage-set {
    float: none;
    display: block;
    margin: -7px auto 9px;
}

.product-set-buy {
    border-top: 1px solid #ddd;
    padding: 11px 30px 0 22px;
    margin: 0 -20px;
    position: relative;
}

.product-set-buy-more {
    float: left;
    font-size: 24px;
    line-height: 28px;
    color: #000;
    width: 200px;
}

.product-set-form {
    float: right;
    padding: 14px 0 0;
}

.product-set-box .buy-link,
.buy-link-plus {
    float: right;
    padding: 0 0 0 25px;
    width: 50px;
    border-radius: 0;
    background: none;
}
.buy-link-plus {
    text-indent: -9999px;
    overflow: hidden;
    position: relative;
}
.product-set-box .buy-link:before,
.buy-link-plus:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #20b400;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.product-set-box .buy-link span,
.buy-link-plus span {
    background: #20b400 url("../images/ico-product-cart.png") no-repeat 50% 50%;
    width: 50px;
    height: 35px;
    border-radius: 30px;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
.buy-link-plus span {
    float: right;
}
.product-set-box .buy-link:hover span,
.product-set-box .buy-link:hover:before,
.buy-link-plus:hover span,
.buy-link-plus:hover:before {
    background-color: #f00;
}

.product-set-box .buy-link span:before,
.product-set-box .buy-link span:after,
.buy-link-plus span:before,
.buy-link-plus span:after {
    content: "";
    height: 14px;
    width: 2px;
    position: absolute;
    top: 11px;
    left: 9px;
    border: none;
    margin: 0;
    background: #fff;
}

.product-set-box .buy-link span:after,
.buy-link-plus span:after {
    width: 14px;
    height: 2px;
    top: 17px;
    left: 3px;
}

.product-set-all {
    padding: 0 80px;
    margin: -15px 0 0;
}

.product-set-all-link {
    float: right;
    font-size: 18px;
    line-height: 20px;
    color: #4d4d4a;
    position: relative;
    z-index: 5;
}

/* product info */
.product-info-holder {
    padding: 0 0 0 30px;
}
.product-sidebar {
    float: right;
    width: 430px;
    position: relative;
    z-index: 2;
    margin: -20px 0 0 20px;
}

.product-sidebar-info h3 {
    font-size: 24px;
    line-height: 26px;
}

.product-sidebar-info ul {
    padding: 0 15px 15px;
    font-size: 20px;
    line-height: 22px;
}

.product-sidebar-info ul a {
    padding: 15px 8px;
}

.product-sidebar-info .sidebar-info-all {
    float: right;
    margin: 0 28px 0 0;
    font-size: 28px;
    line-height: 30px;
}

.apply .apply__title {
    margin-bottom: 0;
}
.apply .apply__list {
    font-size: 16px;
    line-height: 20px;
}
.apply .apply__list li {
    padding: 8px;
}
.product-info-container {
    margin: 0 0 10px;
}
.product-info-wrapper .product-info-container {
    width: 500px;
}
.product-info-title {
    text-decoration: underline;
}
.product-info-container h3,
.product-info-container h4 {
    font-weight: normal;
    font-size: 24px;
    line-height: 26px;
    margin: 0 0 15px;
}

.product-info-container p {
    margin: 0 0 15px;
}
.product-info-container .bigger {
    font-size: 24px;
    line-height: 26px;
}
.product-info-container ul,
.product-info-container ol {
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
}

.product-info-container ul li {
    padding: 0 0 8px 13px;
    position: relative;
}

.product-info-container ul li:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #f00;
    border-radius: 50%;
}

.product-info-container ol {
    counter-reset: section;
    list-style-type: none;
}

.product-info-container ol li:before {
    counter-increment: section;
    content: counter(section) ". ";
}

.product-info-container ol li {
    padding: 0 0 8px 2px;
}
.tag {
    margin-bottom: 15px;
}
.tag h3,
.tag h4 {
    font-size: 20px;
    line-height: 1.1;
    margin-bottom: 0;
    color: #fa0;
}
.tag h3 a,
.tag h4 a {
    color: #fa0;
    text-decoration: none;
}
.tag h3 a:hover,
.tag h4 a:hover {
    text-decoration: underline;
}
.tag p {
    margin: 0;
}
.tag p a {
    color: #0057c0;
    text-decoration: none;
}
.tag p a:hover {
    text-decoration: underline;
}
.tag span {
    color: #808080;
}
.list-double {
    overflow: hidden;
}
.list-double ul {
    width: 48%;
    float: left;
}
.list-double ul:nth-child(2n) {
    float: right;
}
.technology-box-holder {
    border-top: 1px solid #ddd;
    padding: 20px 0 0 30px;
    margin: 0 0 0 -30px;
}
.technology-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.technology-list li {
    margin: 0 0 30px;
    padding: 0;
    position: relative;
}

.technology-list-image-box {
    display: inline-block;
    vertical-align: top;
    width: 10%;
    margin: 0 2% 0 0;
}
.technology-list-image {
    display: block;
    margin: 0;
    max-width: 100%;
}

.technology-list-box {
    display: inline-block;
    vertical-align: top;
    width: 87%;
    padding: 5px 0 0;
}
.technology-list-text {
    margin: 0;
}

/* revitalization */
.revitalization {
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    padding: 30px;
    margin: 30px 0 30px -15px;
}

.revitalization h3 {
    color: #38a800;
    font-size: 28px;
    line-height: 1.1;
    font-weight: normal;
    margin: 0 0 25px;
}

.revitalization__box {
    background-color: #ebebeb;
    padding: 30px;
    margin: 0 -30px 70px;
}

.revitalization__box p:first-child {
    margin: 0 0 15px;
    padding: 0 80px;
}

.revitalization__example {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.revitalization__example div {
    width: 23%;
    margin: 0 7px;
    text-align: center;
}

.revitalization__example div img {
    display: block;
    margin: 0 auto 10px;
    max-width: 100%;
}

.revitalization__example div p {
    margin: 0;
    position: relative;
}

.revitalization__example div p::before {
    content: "";
    display: block;
    margin: 0 auto 10px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 14px solid #f00;
}
.revitalization__example div:nth-child(2) p::before {
    border-bottom-color: #fc0;
}
.revitalization__example div:nth-child(3) p::before {
    border-bottom-color: #9acc43;
}
.revitalization__example div:nth-child(4) p::before {
    border-bottom-color: #38a800;
}
.revitalization__articles {
    display: flex;
    flex-wrap: wrap;
    font-size: 22px;
    line-height: 1.1;
}

.revitalization__articles a {
    color: #000;
    display: block;
}

.revitalization__articles a:hover {
    text-decoration: none;
    color: #f00;
}

.revitalization__articles a:hover img {
    opacity: 0.7;
}
.revitalization__articles div {
    width: 200px;
    text-align: center;
    margin: 0 48px 55px;
}
.revitalization__articles div img {
    display: block;
    margin: 0 auto 25px;
    border: 4px solid #e6e6e6;
    transition: opacity 0.2s ease-in-out;
}

.image-icon-holder {
    display: table;
    margin: 0 0 15px;
}
.image-icon-list-img {
    display: block;
    max-width: 100%;
    margin: 0 15px 0 0;
}
.image-icon-img-box,
.image-icon-text-box {
    display: table-cell;
    vertical-align: middle;
}
.image-icon-list-text {
    margin: 0;
}
.image-icon-img-box {
    width: 115px;
}
.product-info-container .image-icon-list-text {
    margin: 0;
}
.technology-box-holder .image-icon-holder {
    margin-bottom: 30px;
}
/* bage-rf100 */
.bage-rf100 .image-icon-img-box {
    width: 173px;
    margin: 0 25px 0 0;
}
.bage-rf100 .image-icon-text-box {
    width: 79%;
}
/* bage-rf5.5 */
.bage-rf5-5 .image-icon-img-box {
    width: 145px;
    margin: 0 25px 0 0;
}
.bage-rf5-5 .image-icon-text-box {
    width: 82%;
}
/* product table */
.product-table-box {
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    width: 350px;
    padding: 0 48px 24px;
    margin: 0 0 50px;
    box-sizing: border-box;
}
.product-table-title,
.product-info-container .product-table-title {
    background-color: #f6f9fb;
    padding: 20px 48px;
    margin: 0 -48px 5px;
    font: 24px/26px 'pf_din_text_comp_prolight',Arial,Verdana,sans-serif;
    color: #000;
}
.product-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.product-table tr td:first-child {
    width: 184px;
    padding: 0 10px 0 0;
}
.product-table tr td {
    padding: 0 10px;
}
.product-table tr:last-child .product-table-name,
.product-table tr:last-child .product-table-value {
    border-bottom-color: transparent;
}
.table-cell,
.table-cell-2,
.table-cell-3,
.table-cell-4 {
    border-collapse: collapse;
    table-layout: fixed;
    margin: 0 0 20px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.table-cell tr,
.table-cell-2 tr,
.table-cell-3 tr,
.table-cell-4 tr {
    -webkit-transition:background-color 0.2s ease-in-out;
    transition:background-color 0.2s ease-in-out;
}
.table-cell tr:hover,
.table-cell-2 tr:hover,
.table-cell-3 tr:hover,
.table-cell-4 tr:hover {
    background-color: #f6f9fb;
}
.table-cell th,
.table-cell-2 th,
.table-cell-3 th,
.table-cell-4 th {
    font-weight: normal;
    background-color: #f6f9fb;
    font-size: 22px;
    line-height: 24px;
    padding: 10px;
    border-bottom: 1px solid #e9eff5;
    vertical-align: top;
}
.table-cell td,
.table-cell-2 td,
.table-cell-3 td,
.table-cell-4 td {
    border-bottom: 1px solid #e9eff5;
    padding: 10px;
    vertical-align: middle;
}
.table-cell td:not(:first-child),
.table-cell-2 td:not(:first-child),
.table-cell-3 td:not(:first-child),
.table-cell-4 td:not(:first-child) {
    text-align: center;
}
.table-cell tr:last-child td,
.table-cell-2 tr:last-child td,
.table-cell-3 tr:last-child td,
.table-cell-4 tr:last-child td {
    border-bottom-color: transparent;
}
.table-cell td:nth-child(2n),
.table-cell-2 td:nth-child(2n),
.table-cell-3 td:nth-child(2n),
.table-cell-4 td:nth-child(2n) {
    border-bottom: 1px solid #85b3f0;
    padding: 10px;
}
.product-table-name {
    display: block;
    border-bottom: 1px solid #e9eff5;
    padding: 10px 0;
}
.product-table-value {
    display: block;
    border-bottom: 1px solid #85b3f0;
    padding: 10px 0;
    text-align: center;
}
.product-table-info-text {
    display: block;
    text-align: right;
}
.characteristic-holder {
    margin: 0 0 25px;
}

.characteristic-info {
    margin: 0 0 25px;
}
.application-box-holder {
    margin: 0 0 5px;
}

.notice-box-holder {
    margin: 0 0 30px;
}
.leco-5 img {
    float: right;
    width: 360px;
    margin: -30px 0 0;
}
/* product video */
.product-info-video {
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    padding: 30px;
    margin: 0 0 30px -30px;
}

.product-info-video-transparent {
    border: 0;
    box-shadow: none;
    padding: 0;
    margin: 0 0 30px;
}

.video-box-holder {
    padding: 0;
}

.video-box {
    display: inline-block;
    vertical-align: top;
    width: 412px;
    margin-bottom: 35px;
}

.video-box:nth-child(even) {
    margin: 0 110px 0 0;
}

.video-box-single {
    width: auto;
    display: block;
}

.video-box-single:nth-child(even) {
    margin: 0;
}

.video-holder {
    margin: 0 0 15px;
    border: 6px solid #e6e6e6;
}

.video-box-single .video-holder {
    float: left;
    margin: 0 30px 0 0;
}

.video-holder iframe {
    display: block;
    border: 0;
}

.video-info {
    font: 18px/20px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #737373;
}

.video-box-single .video-info {
    float: left;
    width: 490px;
}

.video-info .video-author,
.video-info .video-title {
    display: block;
    color: #f00;
    margin: 0 0 12px;
    font-weight: normal;
}

.video-info .video-title {
    color: #242424;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.video-info p {
    line-height: 23px;
    margin: 0 0 10px;
}

.video-info .video-link {
    text-decoration: none;
    color: #242424;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.video-info .video-link span {
    color: #f00;
}

.video-info .video-link:hover {
    color: #f00;
}

.video-all-holder {
    margin: 0;
}

.video-all {
    float: right;
    font-size: 28px;
    line-height: 30px;
    text-decoration: none;
    color: #000;
}

.video-all span,
.video-all:hover {
    color: #f00;
}

/* tabs */
#main .tabs-area {
    padding: 0;
    margin: 0 0 86px;
}

#main .tabset {
    list-style: none;
    padding: 0 0 7px 9px;
    margin: 0 0 20px;
    border-bottom: 2px solid #fc0;
}

#main .tabset li {
    float: left;
    margin: 0 11px 0 0;
}

#main .tabset a {
    color: #4d4d4d;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    text-decoration: none;
    border: solid #999;
    border-width: 2px 0 0 2px;
    -webkit-border-radius: 21px 0 0 0;
    border-radius: 21px 0 0 0;
    padding: 13px 85px 7px 14px;
    float: left;
    -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;
    outline: none;
}

#main .tabset a:hover,
#main .tabset a.active {
    color: #000;
    border-color: #fc0;
}

#main .tabs-area h3 {
    margin: 0 0 10px;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
}

#main .tabs-area p {
    margin: 0 0 15px;
}

#main .tab-content {
    padding: 0 0 0 10px;
}

/* comment tab */
.comments-add-link {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 24px;
    line-height: 26px;
    background-color: #ffe500;
    border-radius: 20px;
    padding: 7px 20px;
    color: #000;
    text-decoration: none;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    margin: -5px 0 0;
}
.comments-add-link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -14px;
    border-bottom: 8px solid transparent;
    border-left: 7px solid #ffe500;
    border-top: 8px solid transparent;
    margin: -8px 0 0;
    -webkit-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
}

.comments-add-link:after {
    content: "";
    width: 9px;
    height: 4px;
    position: absolute;
    top: 50%;
    left: -23px;
    margin: -2px 0 0;
    background-color: #ffe500;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
.comments-add-link:hover:before {
    border-left-color: #f00;
}
.comments-add-link:hover,
.comments-add-link:hover:after {
    background-color: #f00;
    color: #fff;
}
.comments-box {
    margin: 0 0 30px;
}

.comments-list {
    list-style: none;
    padding: 0;
    margin: 0 0 11px;
    color: #1c1c1c;
    min-height: 400px;
}

.comments-list li {
    padding: 0;
    margin: 0 0 15px;
    overflow: hidden;
}

.comment-title {
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 15px;
    padding: 0 30px;
    font-weight: normal;
    color: #4d4d4d;
}

.comment-title span {
    color: #000;
}

.comment-user-section {
    padding: 15px 30px;
    border-radius: 0 0 12px 12px;
}

.comments-list li:nth-child(odd) .comment-user-section {
    background: #f8f8f8;
}

.comments-list .author,
.comment-expert-name {
    display: block;
    margin: 0 0 10px;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.comments-list .rating {
    margin: -1px 0 0;
    padding: 0;
}

.comments-list .stars-holder {
    float: left;
}

.comments-list .date-holder {
    margin: 0 0 10px;
}

.comments-list .date {
    float: left;
    margin: 0 10px 0 0;
    color: #777;
    font: 16px/18px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}
.comments-list .message-holder {
    line-height: 22px;
}
.comments-list .message-holder p {
    margin: 0;
}

.comment-expert-section {
    padding: 15px 0 0 50px;
}

.comment-expert-box {
    border-left: 2px solid #a7dbb8;
    padding: 0 0 0 15px;
}
.comments-border {
    position: relative;
}
.comments-border:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    top: 50%;
    left: 0;
    margin: 1px 0 0;
}
.comments-all {
    float: right;
    font-size: 28px;
    line-height: 30px;
    text-decoration: none;
    color: #000;
    background-color: #fff;
    padding: 0 0 0 10px;
    position: relative;
}
.comments-all span,
.comments-all:hover {
    color: #f00;
}

.comments-form-holder {
    margin-bottom: 30px;
}

.comments-form-holder h3 {
    margin: 0 0 10px;
    font: 28px/30px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
}

.comments-form {
    background-color: #f0f1f1;
    border-radius: 0 15px 15px 15px;
    padding: 11px 22px 1px;
}

.comments-form-box {
    float: left;
    width: 650px;
}

.comments-form .row {
    margin: 0 0 10px;
}

.comments-form .row-single .textarea {
    height: 140px;
}

.comments-form .row-box {
    float: left;
}

.comments-form .row-box:first-child {
    margin: 0 22px 0 0;
}

.comments-form label {
    float: left;
    text-align: right;
    cursor: pointer;
    width: 93px;
    margin: 2px 7px 0 0;
    color: #666;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.comments-form-box label {
    display: none;
}

.comments-rate-box label {
    float: none;
    text-align: left;
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 5px;
}

.comments-rate-box {
    float: right;
    width: 275px;
    border-radius: 3px;
    background-color: #fff;
    padding: 7px 0 8px;
}

.comments-form .comments-rate-row {
    border-bottom: 3px solid #f0f1f1;
    padding: 0 29px 0 37px;
    margin: 0 0 4px;
}

.comments-form .rating-box {
    margin: 0 0 3px;
}

.rating-words {
    margin: 0 0 10px;
}

.rating-words span {
    float: left;
    color: #4d4d4a;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.rating-words span:last-child {
    float: right;
}

.comments-form .error {
    margin: 2px 0 0;
    float: none;
}

.comments-form-submit-holder {
    padding: 0 33px 0 0;
}

.comments-form .comments-form-submit {
    text-decoration: none;
    font-size: 32px;
    line-height: 34px;
    background: none;
    padding: 0;
}

.comments-form-submit span,
.comments-form .comments-form-submit:hover {
    text-decoration: none;
    color: #f00;
}

/* tags */
.tags {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
}

.tags__item {
    margin-right: 4px;
    margin-bottom: 4px;
}

.tags__link {
    display: inline-block;
    border: 1px solid transparent;
    height: 20px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 4px;
    background-color: #f5f5f5;
    font-size: 18px;
    color: #666;
    line-height: 20px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
.tags__link:hover {
    color: #f00;
    border-color: #f00;
}

.popular-products {
    float: right;
    width: 214px;
    margin: -45px 0 0;
}

#main .popular-products h3 {
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #f00;
    text-align: center;
    margin: 0;
    position: relative;
    z-index: 2;
}

.popular-products h3 span {
    background: #fff;
    padding: 0 8px;
    border: 0;
}

.popular-products-box {
    margin: -17px 0 0 15px;
    padding: 36px 25px 11px;
    border: 2px solid #f00;
    -webkit-border-radius: 22px;
    border-radius: 22px;
}

#main .popular-products-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

#main .popular-products-box ul li {
    margin: 0;
    padding: 31px 0 0;
    background: none;
}

#main .popular-products-box ul li:first-child {
    padding: 0;
}

#main .popular-products-box ul li:before {
    display: none;
}

.popular-products-box ul a {
    display: block;
    color: #1c1c1c;
    font: 16px/18px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0 0 5px;
}

.popular-products-box ul a:hover {
    color: #f00;
}

.popular-products-box ul img {
    display: block;
    margin: 0 auto;
}

.popular-products-box .popular-price {
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
    display: block;
}

.popular-products-box .popular-price .holder {
    float: left;
    left: 50%;
    position: relative;
}

.popular-products-box .popular-price .frame {
    float: left;
    left: -50%;
    position: relative;
}

.popular-products-box .popular-price .currency,
.popular-products-box .popular-price .main-price,
.popular-products-box .popular-price .cent {
    float: left;
    margin: -2px 0 0;
    font: 18px/20px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.popular-products-box .popular-price .main-price {
    margin: -2px 0 0 6px;
    font: 26px/28px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.popular-products-box .popular-price .cent {
    margin: 4px 0 0;
}

.popular-products-box .popular-price .main-price,
.popular-products-box .popular-price .cent {
    color: #009e03;
}

/* Подбор по проблематике */
.select-problem-page {
    padding: 9px 0 0 17px;
}

#main h1 {
    font-weight: normal;
}

.select-problem-page h1 {
    margin: 0 0 29px 14px;
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
}

.select-problem-page h2 {
    color: #009e03;
    font: 30px/32px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0 0 15px;
}

.select-problem-page .select-problem-block.cooler-holder h2,
.select-problem-page .select-problem-block.car-body-holder h2,
.select-problem-page .select-problem-block.conditioner-system-holder h2,
.select-problem-page .select-problem-block.running-gear-holder h2 {
    color: #0269ff;
}

.catalog-frame h2 {
    font: 26px/32px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0 0 15px;
}

.catalog-frame h3 {
    font: 24px/30px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0 0 15px;
    padding: 0 0 5px;
    border-bottom: 2px solid #fc0;
}

.select-problem-holder {
    padding: 0;
}

.select-problem-box {
    float: left;
    width: 306px;
    border-left: 1px solid #9bbaff;
    padding: 159px 0 0;
    background: url("../images/bg-engine-box.png") no-repeat 50px 0;
}

.select-problem-box:first-child {
    border: 0;
}

.transmission-problem-box {
    background: url("../images/bg-transmission-box.png") no-repeat 56px 5px;
}

.steering-problem-box {
    background: url("../images/bg-steering-box.png") no-repeat 65px 5px;
}

.fuel-system-problem-box {
    background: url("../images/bg-fuel-system-box.png") no-repeat 76px 3px;
}

.select-problem-block {
    padding: 24px 17px 20px 19px;
}

.select-problem-block ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font: 22px/20px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.select-problem-block ul li {
    padding: 0 0 16px 12px;
    background: url("../images/bullet-black.png") no-repeat 0 7px;
}

.select-problem-block ul a {
    color: #000;
    text-decoration: none;
}

.select-problem-block ul a:hover {
    color: #009E03;
    text-decoration: underline;
}

.select-problem-block.cooler-holder {
    background: #eef4ff;
    -webkit-border-radius: 0 0 0 17px;
    border-radius: 0 0 0 17px;
}

.select-problem-block.car-body-holder,
.select-problem-block.conditioner-system-holder,
.select-problem-block.running-gear-holder {
    background: #f0fff0;
    -webkit-border-radius: 0 0 17px 0;
    border-radius: 0 0 17px 0;
}

.select-problem-block.conditioner-system-holder {
    background: #eef4ff;
}

.select-problem-block.running-gear-holder {
    background: #f1f1f1;
}

/* popups */
.product-catalog {
    width: 1080px;
    padding: 0;
    background: #fefefe;
    display: none;
}

.product-catalog h2 {
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
    margin: 0 0 26px 15px;
}

.product-catalog .main-category-list {
    padding: 0;
    margin: 0;
}

.product-catalog .main-category-list li {
    padding: 0 18px 27px;
}
.product-catalog .main-category-list .stock-holder {
    padding: 20px 0 0 20px;
}
.choose-oil-holder {
    padding: 0;
}

.choose-oil-box {
    float: left;
    width: 591px;
    margin: 0 52px 0 0;
    border: 1px solid #ccc;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 14px 18px 13px 23px;
    background: url("../images/bg-choose-oil-box.gif") repeat-x 0 100%;
}

.choose-oil-box .category-oils {
    float: left;
    background: url("../images/img-category2.png") no-repeat 50% 0;
    width: 174px;
    padding: 141px 0 0;
    text-align: center;
    color: #4d4d4d;
    margin: 4px 63px 0 0;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    text-decoration: none;
}

.choose-oil-box .category-oils:hover {
    color: #f00;
    text-decoration: underline;
}

.product-catalog .secondary-category-list {
    float: left;
    margin: 0;
    padding: 38px 0 0 1px;
}

.product-catalog .secondary-category-list li {
    padding: 0 0 22px 11px;
}

.choose-oil-box .select-box {
    float: left;
    width: 348px;
    padding: 8px 0 0;
}

.choose-oil-box .choose-oil-link {
    float: right;
    color: #000;
    text-decoration: none;
    font: 33px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    -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;
}

.findoil-home img.loading-previewer {
    margin: 8px 0 0;
    float: left;
}

.choose-oil-box .choose-oil-link:hover,
.choose-oil-box .choose-oil-link span {
    color: #f00;
}

.findoil-select-row {
    margin: 0 0 12px;
}

/* oil selection page */
.oil-selection-page .findoil-select-row {
    float: left;
    margin: 0 0 30px;
}

.oil-selection-page select {
    width: 215px;
    float: left;
    margin: 0 10px 0 0;
}

.recommend-title {
    font: 30px/32px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.oil-selection-page .title-holder {
    margin: 0 0 15px;
}

.findoil-body {
    margin: 0 0 25px;
}

.findoil-body .recommend-image {
    margin: 0;
}

.findoil-body .recommend-product {
    font: 24px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #3b3b3b;
    text-decoration: none;
    display: inline-block;
    margin: 0 0 15px;
}

.findoil-body .recommend-product:hover {
    color: #f00;
}

.findoil-body img {
    display: block;
}

/* select width utility classes */
.sel245 {
    width: 245px;
    margin: 0;
}

.sel348 {
    width: 348px;
}

.sel331 {
    width: 331px;
    margin: 0;
}

.general_delivery_block .sel331 {
    float: left;
}

.sel329 {
    width: 329px;
    margin: 0 9px 0 0;
    float: left;
}

.sel339 {
    width: 339px;
}

.sel308 {
    width: 308px;
}

.sel288 {
    width: 288px;
}

.sel268 {
    width: 268px;
}


.edit-profile-form .text:focus,
.edit-profile-form .textarea:focus,
.comments-form .text:focus,
.comments-form .textarea:focus,
.search-form .text:focus,
.product-price-holder .qty-box .qty-text:focus,
.feedback-form .feedback-text:focus,
.feedback-form .feedback-textarea:focus,
.search-page .input_search:focus,
.forgot-input:focus,
.address-shipping-holder-edit .text:focus,
.address-shipping-holder-edit .textarea:focus,
.storage-shipping-holder-edit .text:focus,
.storage-shipping-holder-edit .textarea:focus,
.not-found-form .row .text:focus,
.not-found-form .row .textarea:focus,
.feedback-form .feedback-select:focus {
    border-color: #fc0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 204, 0, 0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 204, 0, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 204, 0, 0.2);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

.login-form .row .error-text {
    color: #f00;
}

.login-form .forgot-password {
    float: right;
    margin: 0 8px 0 0;
    color: #4D4D4D;
}

.login-form .row .login-checkbox {
    float: left;
    margin: 3px 0 0;
    width: 16px;
    height: 15px;
    padding: 0;
}

.login-form .submit-holder {
    text-align: center
}

.login-form .login-submit {
    padding: 0 36px 0 0;
    margin: 10px 0 9px;
    border: 0;
    background: url("../images/bg-double-arrow.png") no-repeat 100% 15px;
    color: #000;
    font: 33px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    cursor: pointer;
    text-decoration: none;
}

.login-form .login-submit:hover {
    color: #ff0000;
}

.login-form .register-link {
    color: #000;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

/* oil not found popup */
#oil-not-found-form {
    width: 500px;
    margin: 0 auto;
}

#oil-not-found-form h3 {
    margin: 0;
    color: #f00;
    font: 32px/34px "pf_din_text_comp_prolight", Arial, Verdana, sans-serif;
}

.not-found-form .row {
    margin: 0 0 7px;
    padding: 0 0 0 2px;
}

.not-found-form .row label {
    margin: 0 0 0 4px;
    padding: 0;
    cursor: pointer;
    color: #4d4d4d;
}

.not-found-form .row .text,
.not-found-form .row .textarea {
    display: block;
    border: 1px solid #d0d0d0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 1px 4px 2px;
    width: 480px;
    margin: 3px 0 0;
    color: #4D4D4D;
    background: none;
    outline: none;
    font: 16px/18px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.not-found-form .row .textarea {
    resize: vertical;
    height: 150px;
}

.not-found-form .submit-holder {
    text-align: center;
}

.not-found-form .oil-submit {
    padding: 0 36px 0 0;
    margin: 10px 0 9px;
    border: 0;
    background: url("../images/bg-double-arrow.png") no-repeat 100% 15px;
    color: #000;
    font: 33px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    cursor: pointer;
    text-decoration: none;
}

.login-form .oil-submit:hover,
.not-found-form .oil-submit:hover {
    color: #f00;
}

/* account success popup */
#account-success,
.comment-success {
    width: 528px;
    padding: 59px 0 30px;
    text-align: center;
}

.account-success-title,
.comment-success-title {
    display: block;
    margin: 0 0 56px;
    font: 42px/44px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #4D4D4D;
}

#account-success .go-buy-link,
.comment-success .go-next-link {
    border: 1px solid #cecece;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 8px 23px 17px;
    font: 40px/42px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
    text-decoration: none;
    display: inline-block;
    margin: 0 0 50px;
}

#account-success .go-buy-link:hover,
.shipping-data-link:hover,
.comment-success .go-next-link:hover {
    color: #ff0000;
}

#account-success .go-buy-link:hover,
.comment-success .go-next-link:hover {
    border: 3px solid #fc0;
    background: url("../images/bg-yellow-gradient.gif") repeat-x 0 100%;
    padding: 6px 21px 15px;
}

#account-success .go-buy-link span,
.shipping-data-link span,
.comment-success .go-next-link span {
    color: #ff0000;
}

.shipping-data-link {
    font: 30px/32px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
    text-decoration: none;
    margin: 0 0 13px;
    display: inline-block;
}

.shipping-data-info {
    display: block;
    color: #808080;
    font: 18px/20px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    text-align: left;
    padding: 0 127px 0 129px;
}

/* profile page */
.profile-page #sidebar {
    width: 191px;
    padding: 1px 10px 0;
}

.profile-page #content {
    width: 988px;
    padding: 0 30px;
    border-left: 1px solid #ccc;
}

.profile-box-holder {
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
    /*min-height: 777px;*/
}

.profile-view-box {
    padding: 0;
}

.password-change-box {
    padding: 10px 60px 20px 40px;
    margin: 0 auto;
}

.profile-page .row,
.password-change-box .row,
.register-success .personal-data .row {
    margin: 0 0 19px;
}

.edit-profile-form .row,
.profile-page .edit-profile-form .row,
.password-change-box .edit-profile-form .row,
.address-shipping-holder-edit .row,
.storage-shipping-holder-edit .row {
    margin: 0 0 15px;
}

.profile-page .profile-option-name,
.password-change-box .profile-option-name,
.edit-profile-form .profile-option-name,
.register-success .profile-option-name,
.address-shipping-holder-edit .profile-option-name,
.storage-shipping-holder-edit .profile-option-name {
    float: left;
    width: 120px;
    text-align: right;
    margin: 0 30px 0 0;
    color: #808080;
}

.profile-page label.profile-option-name,
.password-change-box label.profile-option-name,
.edit-profile-form label.profile-option-name,
.address-shipping-holder-edit label.profile-option-name,
.storage-shipping-holder-edit label.profile-option-name {
    cursor: pointer;
    margin: 3px 30px 0 0;
}

.profile-page .profile-option-value,
.password-change-box .profile-option-value,
.register-success .profile-option-value {
    float: left;
}

.edit-profile-link-holder,
.storage-shipping-holder-edit .edit-profile-link-holder,
.address-shipping-holder-edit .edit-profile-link-holder,
.continue-confirm-holder {
    border-top: 2px solid #ffce0c;
    padding: 5px 0 0;
    margin: -3px 0 0 23px;
    width: 464px;
}

.storage-shipping-holder-edit .edit-profile-link-holder,
.address-shipping-holder-edit .edit-profile-link-holder {
    margin: 30px 0 0 26px;
    padding: 10px 0 0;
    width: auto;
}

.continue-confirm-holder {
    margin: 93px 0 30px;
    padding: 0;
    width: auto;
}

.continue-confirm {
    float: right;
    margin: -20px 0 0;
    padding: 0 32px 0 15px;
    background: #fff url("../images/bg-double-arrow.png") no-repeat 100% 15px;
    color: #000;
    font: 33px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    cursor: pointer;
    text-decoration: none;
}

.edit-profile-link {
    float: right;
    margin: 0;
    color: #000;
    text-decoration: none;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.edit-profile-link:hover,
.continue-confirm:hover {
    color: #f00;
    text-decoration: underline;
}

.edit-profile-link span,
.continue-confirm span {
    color: #ff0000;
}

.edit-profile-form {
    margin: 0 0 40px;
}

.password-change-box .edit-profile-form {
    margin: 0;
    padding: 0;
}

.edit-profile-form .text,
.edit-profile-form .textarea,
.comments-form .text,
.comments-form .textarea,
.address-shipping-holder-edit .text,
.address-shipping-holder-edit .textarea,
.storage-shipping-holder-edit .text,
.storage-shipping-holder-edit .textarea {
    float: left;
    width: 227px;
    padding: 1px 5px;
    margin: 0 7px 0 0;
    background: #fff;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
    outline: none;
}

.comments-form .text {
    width: 286px;
    padding: 6px 8px;
    margin: 0;
    font-size: 24px;
    line-height: 26px;
}

.comments-form .textarea {
    height: 90px;
    width: 612px;
    padding: 6px 8px;
    margin: 0;
    font-size: 24px;
    line-height: 26px;
}

/* rating box star radio button */
.rating-box .control {
    width: 32px;
    height: 30px;
    padding: 0 12px 0 0;
    margin: 0;
    float: left;
}
.rating-box .control:last-child {
    padding: 0;
}
.rating-box .control__indicator {
    top: 0;
    border: none;
    width: 32px;
    height: 30px;
    background: url("../images/bg-star.png") no-repeat;
}
.comments-form .rating-box .control:hover .control__indicator,
.comments-form .rating-box .control input:checked ~ .control__indicator,
.comments-form .rating-box .control.active .control__indicator,
.comments-form .rating-box .control.hover .control__indicator {
    background-position: 0 -30px;
    background-color: transparent;
}


.edit-profile-form .text-middle {
    width: 167px;
}

.edit-profile-form .text-small {
    width: 57px;
}

.edit-profile-form .textarea,
.address-shipping-holder-edit .textarea,
.storage-shipping-holder-edit .textarea {
    font: 16px/18px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    height: 72px;
}

.username-input {
    position: absolute;
    top: -99999px;
    left: -99999px;
}

.change-password-link {
    float: left;
    margin: -2px 0 0 49px;
    color: #4D4D4D;
}

.change-password-link:hover {
    color: #ff0000;
}

.register-agreement,
#main .tabs-area .register-agreement {
    margin: -20px 0 20px;
}

.register-agreement small {
    font-size: 16px;
    line-height: 20px;
}

.register-agreement-abs {
    position: absolute;
    bottom: 25px;
    right: 0;
    width: 700px;
    text-align: right;
}

.submit-edit {
    float: right;
    margin: 0;
    padding: 0 24px 0 0;
    background: url("../images/bg-double-arrow-small.png") no-repeat 100% 10px;
    color: #000;
    border: 0;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.submit-edit:hover {
    text-decoration: underline;
    color: #ff0000;
}

.required {
    color: #ff0000;
}

.error {
    float: left;
    margin: 3px 0 0 8px;
    color: #ff0000;
}

.storage-shipping-holder .error {
    width: 360px;
}

.password-change-box .error {
    clear: both;
    margin: 5px 6px 0 0;
    float: none;
    display: block;
    text-align: right;
    font-size: 14px;
}

.address-shipping-holder-edit .error,
.storage-shipping-holder-edit .error {
    margin: 3px 0 0;
    display: block;
    float: none;
    text-align: left;
    padding: 0 0 0 211px;
    clear: both;
}

.edit-profile-form .edit-profile-link-holder {
    border-color: #e6e6e6;
    width: 373px;
    padding: 21px 0 0;
    margin: -1px 0 0 18px;
}

/* cart */

.cart-box-holder {
    width: 900px;
    padding: 0;
}

.profile-view-box .cart-box-holder {
    margin: 0;
}

.cart-box-holder h2 {
    margin: 0 0 6px;
    font: 28px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.cart-box {
    padding: 0;
}
.cart-wishlist-holder {
    position: absolute;
    bottom: -31px;
    right: 21px;
    font-size: 18px;
    line-height: 20px;
}
.cart-wishlist-link {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: #4d4d4d;
    font-size: 16px;
    line-height: 26px;
}
.cart-wishlist-link:hover {
    color: #f00;
}
.cart-wishlist-text {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}
.cart-wishlist-icon {
    display: inline-block;
    vertical-align: top;
    margin: 4px 3px 0;
    background: url("../images/sprite-header-blue.png") no-repeat -114px -249px;
    width: 23px;
    height: 20px;
}
.cart-wishlist-link-qty {
    font-size: 24px;
    line-height: 26px;
    display: inline-block;
    vertical-align: top;
    position: relative;

}
.cart-wishlist-link-qty:before,
.cart-wishlist-link-qty:after {
    content: "|";
    padding: 0 2px;
    display: inline-block;
    vertical-align: top;
}
.cart-wishlist-link:hover .cart-wishlist-icon {
    background-position: -114px -229px;
}
/* wishlist discount active */
.wishlist-discount-active .cart-wishlist-link {
    color: #f00;
}
.wishlist-discount-active .cart-wishlist-icon {
    background-position: -114px -229px;
    animation-name: heartbeat;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    animation-iteration-count: 6;
    animation-fill-mode: both;
}
@keyframes heartbeat {
    to { transform: scale(1.3); }
}
.wishlist-discount-active [data-tooltip]:before {
    top: 27px;
    left: auto;
    right: -21px;
}
/* wishlist cart popup */
.wishlist-cart-popup-holder {
    width: 364px;
    position: absolute;
    top: -10px;
    right: -5px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    border: 1px solid #e8e8e8;
    z-index: 16;
    padding: 9px 9px 9px 175px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
}
.wishlist-cart-popup-holder:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 40px;
    width: 97px;
    height: 85px;
    margin-top: -43px;
    background: url('../images/sprite-header-blue.png') -10px -227px;
}
.wishlist-cart-popup-holder.is-visible {
    opacity: 1;
    visibility: visible;
}
.wishlist-cart-popup-box {
    border-left: 1px solid #ddd;
    padding: 8px 27px 0 30px;
}
.wishlist-cart-popup-title {
    font-size: 24px;
    line-height: 26px;
    color: #000;
    font-weight: normal;
    margin: 0 0 16px;
}
.wishlist-cart-popup-text {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 20px;
    color: #666;
}
.wishlist-cart-popup-text p {
    margin: 0 0 11px;
}
.wishlist-cart-popup-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    border: none;
    color: #ccc;
    background-color: transparent;
    outline: none;
}
.wishlist-cart-popup-close:before {
    content: "×";
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    color: #ccc;
    font-size: 40px;
    line-height: 40px;
}
/* wishlist login popup */
.wishlist-login-popup-holder {
    width: 314px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -242px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    border: 1px solid #e8e8e8;
    z-index: 20;
    padding: 9px 9px 9px 160px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
}
.wishlist-login-popup-holder:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 33px;
    width: 97px;
    height: 85px;
    margin-top: -43px;
    background: url('../images/sprite-header-blue.png') -10px -227px;
}
.wishlist-login-popup-holder.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-perspective: 1000px;
}
.wishlist-login-popup-box {
    border-left: 1px solid #ddd;
    padding: 14px 37px 3px 29px;
}
.wishlist-login-popup-title {
    font-size: 24px;
    line-height: 26px;
    color: #000;
    font-weight: normal;
    margin: 0 0 8px;
}
.wishlist-login-popup-text {
    font-size: 18px;
    line-height: 20px;
    color: #333;
    margin-bottom: 11px;
}
.wishlist-login-popup-text p {
    margin: 0;
}
.wishlist-login-popup-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    border: none;
    background-color: transparent;
    outline: none;
}
.wishlist-login-popup-close:before {
    content: "×";
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    color: #ccc;
    font-size: 40px;
    line-height: 40px;
}
.wishlist-login-form {
    padding: 0 14px 0 0;
    margin: 0 0 0 -10px;
    box-sizing: border-box;
}
.wishlist-login-form .row {
    margin-bottom: 7px;
}
.wishlist-form-label {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 18px;
    color: #666;
    margin: 0 0 6px 10px;
    cursor: pointer;
}
.wishlist-form-text {
    display: block;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    padding: 3px 7px 3px;
    width: 100%;
    color: #000;
    background: none;
    outline: none;
    font-size: 18px;
    line-height: 20px;
    box-sizing: border-box;
}
.wishlist-form-text:focus {
    border-color: #fc0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 204, 0, 0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 204, 0, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 204, 0, 0.2);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}
.wishlist-form-submit-holder {
    padding-top: 7px;
}
.wishlist-form-submit {
    float: right;
    font-size: 28px;
    line-height: 34px;
    color: #000;
    background: none;
    border: none;
    transition: 0.2s color ease-in-out;
    margin: 0 -40px 0 0;
    padding: 0;
    outline: none;
}
.wishlist-form-submit:hover {
    color: #f00;
}
.wishlist-form-submit-text {
    display: inline-block;
    vertical-align: top;
}
.wishlist-form-submit-arrow {
    color: #f00;
    font-size: 34px;
    line-height: 34px;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 12px;
}
.wishlist-form-forgot-pass,
.wishlist-form-register {
    float: left;
    margin: 7px 0 0 11px;
    font-size: 16px;
    line-height: 18px;
    color: #666;
}
.wishlist-form-register {
    font-size: 20px;
    line-height: 22px;
}
.wishlist-login-error-holder {
    margin-bottom: 7px;
    padding: 0 10px;
}
.wishlist-login-error {
    display: block;
    color: #f00;
    font-size: 16px;
    line-height: 18px;
}
.cart-row {
    margin: 0;
    padding: 18px 15px 0;
    border-bottom: 1px solid #fc0;
    position: relative;
}

.cart-row .image-holder {
    float: left;
    width: 140px;
    margin: 0 26px 0 0;
}

.cart-row .image-holder img {
    display: block;
}

.product-name-holder {
    float: left;
    width: 525px;
    margin: -2px 0 0;
    color: #000;
}

.product-name {
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    display: block;
    margin: 0 0 7px;
}

.product-name a {
    color: #000;
    text-decoration: none;
}

.product-name a:hover {
    color: #f00;
}

.product-package,
.product-article {
    display: block;
    margin: 0 0 6px;
}

.product-single-price {
    font-size: 22px;
    display: block;
    margin: 0 0 20px;
}

.cart-remove,
.cart-restore {
    position: absolute;
    right: 20px;
    top: 38px;
    margin: 0;
    background: url(../images/bg-remove-cart.png) no-repeat;
    width: 41px;
    height: 41px;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 5;
}

.cart-restore {
    background: url(../images/bg-restore.png) no-repeat;
}

.cart-remove:hover,
.cart-restore:hover {
    background-position: 0 -41px;
}

.product-price-holder {
    padding: 0;
    position: absolute;
    bottom: 2px;
    right: 44px;
}

.product-price-holder .no-discount {
    float: left;
    margin: 0 -24px 0 0;
    color: #000;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    background: url("../images/bg-no-discount.png") no-repeat;
    text-align: center;
    width: 147px;
    height: 35px;
    padding: 7px 0 0;
}

.product-price-holder .no-discount-club {
    font-size: 18px;
}

.product-price-holder .left-part {
    float: left;
    background: url("../images/bg-price-left.png") no-repeat;
    height: 42px;
    padding: 0 18px 0 43px;
}

.product-price-holder .right-part {
    float: left;
    background: url("../images/bg-price-right.png") no-repeat;
    height: 42px;
    width: 5px;
}

.product-price-holder .qty-box {
    float: left;
    margin: 8px 21px 0 0;
}

.product-price-holder .qty-box .qty-text {
    float: left;
    background: #fff;
    padding: 0;
    margin: 0 3px 0 0;
    border: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 34px;
    text-align: center;
    font-size: 24px;
    color: #000;
    outline: none;
}

.qty-controls {
    float: left;
    margin: 0 3px 0 0;
}

.qty-controls .qty-add,
.qty-controls .qty-remove {
    display: block;
    background: url("../images/bg-qty-controls.png") no-repeat;
    width: 21px;
    height: 12px;
    margin: 0 0 3px;
    text-indent: -99999px;
    overflow: hidden;
}

.qty-controls .qty-add:hover {
    background-position: 0 -28px;
}

.qty-controls .qty-remove {
    background-position: 0 -15px;
    margin: 0;
}

.qty-controls .qty-remove:hover {
    background-position: 0 -42px;
}

.qty-refresh {
    float: left;
    text-indent: -99999px;
    overflow: hidden;
    background: url("../images/bg-price-update.png") no-repeat;
    width: 28px;
    height: 21px;
    margin: 3px 0 0;
    opacity: 0.7;
}

.qty-refresh:hover {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 1;
}

.product-price-holder .product-price {
    float: right;
    margin: -3px 0 0;
}

.product-price-holder .currency,
.product-price-holder .main-price,
.product-price-holder .cent,
.product-price-holder .multiply,
.product-price-holder .equal {
    float: left;
    margin: 2px 0 0;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.product-price-holder .main-price,
.product-price-holder .equal {
    font: 44px/46px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 2px 0 0 6px;
}

.product-price-holder .cent {
    margin: 19px 0 0;
}

.product-price-holder .multiply {
    margin: 19px 10px 0 13px;
}

.product-price-holder .equal {
    margin: 2px 10px 0;
}

.set-row {
    border-bottom: 1px solid #0269ff;
    padding: 0 7px;
    margin: 0 0 10px;
}

.set-row-box {
    background: url("../images/bg-set-row.gif") repeat-y 100% 0;
    border: solid #bae7ff;
    border-width: 1px 1px 0 1px;
    border-radius: 9px 9px 0 0;
    padding: 14px 14px 0;
}

.set-row-block:first-child {
    background: none;
    padding: 0 12px;
}

.set-row-block {
    padding: 17px 12px 0;
    background: url("../images/bg-set-row-block.gif") no-repeat 179px 0;
}

.set-info-holder + .set-row-block {
    background: none;
    padding: 0 12px;
}

.set-discount-box {
    position: absolute;
    top: 130px;
    right: 10px;
    padding: 0;
    width: 160px;
}

.set-row .bage-set {
    float: none;
    display: block;
    margin: 0;

}

.discount-holder {
    padding: 0 0 0 35px;
}

.discount-holder .currency,
.discount-holder .main-price,
.discount-holder .cent {
    float: left;
    margin: -1px 0 0;
    font: 18px/20px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #ff0000;
}

.discount-holder .main-price {
    font: 33px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 2px 0 0;
}

.discount-holder .cent {
    margin: 15px 0 0;
}

.set-row .product-price-holder .left-part {
    background: url("../images/bg-price-left4.png") no-repeat;
    color: #fff;
}

.set-row .product-price-holder .right-part {
    background: url("../images/bg-price-right4.png") no-repeat;
}

.set-row .cart-remove,
.set-row .cart-restore {
    position: absolute;
    right: 20px;
    top: 18px;
}

.set-info {
    float: left;
    background: #025fff url("../images/bg-set-info.gif") repeat-x;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    padding: 3px 14px 4px 8px;
    color: #fff;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    margin: 0 0 24px 7px;
}

.set-info span {
    font: 28px/30px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #ff0;
}

.disabled-row .product-price-holder .left-part {
    background: url("../images/bg-price-left5.png") no-repeat;
    color: #4d4d4d;
}

.disabled-row .product-price-holder .right-part {
    background: url("../images/bg-price-right5.png") no-repeat;
}

.disabled-row .qty-controls .qty-add,
.disabled-row .qty-controls .qty-remove {
    cursor: default;
}

.disabled-row .qty-controls .qty-add:hover {
    background-position: 0 0;
}

.disabled-row .qty-controls .qty-remove:hover {
    background-position: 0 -15px;
}

.disabled-row .image-holder img {
    opacity: 0.5;
}

.cart-nav-holder {
    padding: 45px 0;
}

.checkout-button {
    float: right;
    margin: 0;
}

.total-price-holder {
    float: right;
    margin: 0 0 35px;
}

.total-price-holder .full-price {
    float: left;
    margin: 10px 3px 0 0;
}

.total-price-holder .full-price .main-price,
.total-price-holder .full-price .cent {
    float: left;
    margin: 0;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #4d4d4d;
}

.total-price-holder .full-price .main-price {
    font: 41px/42px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0;
}

.total-price-holder .full-price .cent {
    margin: 13px 0 0;
}

.total-price-holder .difference-box {
    float: left;
    margin: 6px 11px 0 0;
    font: 42px/44px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #009e03;
}

.total-price-holder .difference-box .minus,
.total-price-holder .difference-box .discount-percent,
.total-price-holder .difference-box .equally {
    float: left;
    margin: 0 1px 0 4px;
}

.total-price-holder .difference-box .discount-percent a {
    color: #009e03;
    text-decoration: underline;
}

.total-price-holder .difference-box .discount-percent a:hover {
    text-decoration: none;
}

.total-price-holder .total-price {
    float: left;
    margin: -4px 0 0;
}

.total-price-holder .total-price .currency,
.total-price-holder .total-price .main-price,
.total-price-holder .total-price .cent {
    float: left;
    margin: -3px 5px 0 0;
    font: 35px/36px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #009e03;
}

.total-price-holder .total-price .main-price {
    font: 62px/64px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0;
}

.total-price-holder .total-price .cent {
    margin: 21px 0 0;
}

.continue-shopping,
.recount-shopping {
    float: left;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    padding: 0 0 0 44px;
    margin: 18px 170px 0 0;
    color: #4D4D4D;
    -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;
    background: url("../images/bg-double-arrow-left.png") no-repeat;
}

.recount-shopping {
    background: none;
    padding: 0;
    margin: 18px 0 0;
}

.continue-shopping:hover,
.recount-shopping:hover {
    text-decoration: none;
    color: #ff0000;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    background-position: 0 -101px;
}

.checkout-button {
    float: right;
    font: 44px/46px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    padding: 0 48px 0 0;
    margin: 0 0 0 37px;
    color: #000;
    -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;
    background: url("../images/arrow-buy.png") no-repeat 100% 11px;
    text-decoration: underline;
}

.checkout-button:hover {
    background-position: 100% -149px;
    -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;
    color: #f00;
}

/* history page */
.history-wrapper {
    margin: 0;
    width: 872px;
}

.history-box {
    font: 18px/22px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0 0 45px;
    min-height: 112px;
    position: relative;
}

.history-info-box {
    float: left;
    margin: 0 12px 0 0;
    padding: 0 0 16px;
    width: 174px;
    background: #fff7d9;
    color: #000;
    position: relative;
}

.history-info-box .order-id {
    background: #ffe789;
    border-bottom: 1px solid #fff;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    padding: 10px 0 13px 12px;
    margin: 0;
    display: block;
}

.history-info-box .order-date,
.history-info-box .order-item-quantity {
    padding: 0 0 0 12px;
    margin: 0;
    display: block;
}

.history-item-box {
    float: left;
    width: 686px;
    padding: 0 0 55px;
}

.history-item-list {
    list-style: none;
    padding: 0;
    margin: -5px 0 0;
}

.history-item-list li {
    padding: 0 0 5px 3px;
    margin: 0 0 7px;
    border-bottom: 1px solid #d9d9d9;
}

.history-item-name {
    float: left;
    width: 480px;
    padding: 0;
}

.history-item-name .item-name {
    display: block;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0 0 2px;
}

.history-item-name .item-quantity {
    display: block;
    color: #666;
}

.history-item-name .item-quantity em {
    font-style: normal;
    color: #000;
}

.history-item-price {
    float: right;
    width: 200px;
    padding: 4px 0 0;
}

.history-item-price span {
    display: block;
    text-align: right;
    margin: 0 0 1px;
}

.history-box-total {
    border-bottom: 1px solid #fc0;
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 686px;
}

.history-status {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    padding: 0 40px;
    background: #fc0 url("../images/bg-history-status.png") no-repeat 13px 10px;
    color: #000;
    width: 94px;
    font: 18px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    border-top: 1px solid #fff;
}

.history-status:after {
    content: "";
    background: url("../images/bg-history-status2.png") no-repeat;
    width: 6px;
    height: 11px;
    position: absolute;
    top: 50%;
    right: 24px;
    margin: -5px 0 0;
}

.status-box-holder {
    padding: 36px 0 36px 36px;
}

.status-box {
    float: left;
    width: 149px;
    margin: 0 32px 0 0;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
}

.status-order-box {
    width: 158px;
}

.status-delivery-box {
    width: 138px;
}

.status-declaration-box {
    width: 163px;
}

.status-box span {
    display: block;
    margin: 0;
}

.status-box h4 {
    margin: 0 0 20px;
    font: 18px/20px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #4c4c4c;
    padding: 0 1px 7px;
    border-bottom: 1px solid #fc0;
    position: relative;
}

.status-box h4:after {
    content: "";
    background: url("../images/bg-status-title.png") no-repeat;
    width: 9px;
    height: 6px;
    position: absolute;
    left: 10px;
    bottom: -6px;
}

.status-track-order {
    display: block;
    border: 1px solid #cecece;
    border-radius: 4px;
    padding: 8px 37px 10px 13px;
    color: #000;
    text-decoration: none;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    background: url("../images/bg-status-track-order.png") no-repeat 133px 17px;
}

.status-box .status-declaration {
    margin: 0 0 12px;
}

.total-discount-holder {
    margin: 0 0 3px;
}

.total-discount-holder span,
.total-order-holder span {
    float: right;
    margin: 0;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.total-discount-holder span {
    color: #f00;
}

.total-order-holder span {
    background: #fc0;
    padding: 1px 5px;
}

.customer-club-discount {
    margin: 0 0 30px;
}

.customer-club-discount strong {
    font-weight: normal;
    color: #f00;
}

/* newsletter page */

.newsletter-text {
    float: left;
    margin: 3px 30px 0 0;
    text-align: right;
    color: #808080;
    width: 180px;
}

.newsletter-box {
    float: left;
    padding: 4px 0 0;
}

.newsletter-row {
    margin: 0 20px 10px 0;
    float: left;
}

.newsletter-box .ez-radio {
    margin: 7px 0 0;
}

.newsletter-box label {
    color: #666666;
    cursor: pointer;
    float: left;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    padding: 0 0 0 8px;
}

.newsletter-link-holder {
    border-top: 2px solid #fc0;
    margin: 15px 0 0 18px;
    padding: 21px 0 0;
    width: 524px;
}

.newsletter-link-holder .submit-edit {
    text-decoration: none;
}

/* order-page */
.order-page {
    padding: 0 0 0 10px;
}

.order-page h1 {
    margin: 0 0 29px 14px;
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
}

.order-box-holder {
    padding: 0 109px 0 74px;
}

.order-box {
    padding: 0 0 0 100px;
    margin: 0 0 70px;
    border: solid #fc0;
    border-width: 0 0 2px 2px;
    -webkit-border-radius: 0 0 0 21px;
    border-radius: 0 0 0 21px;
    position: relative;
}

.order-box .step {
    width: 140px;
    text-align: center;
    position: absolute;
    top: 0;
    left: -70px;
    background: #fff;
    padding: 0 0 28px;
    color: #fc0;
    font: 30px/32px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.order-box .step .step-number {
    font: bold 110px/112px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    display: block;
    margin: 0 auto;
    background: #fc0;
    color: #fff;
    width: 104px;
    height: 104px;
    -webkit-border-radius: 104px;
    border-radius: 104px;
}

.order-box .tabs-area {
    margin: 0;
}

.order-box .tabset {
    padding: 0 0 7px 41px;
    margin: 0 0 26px;
}

.order-box .tabset li {
    margin: 0 25px 0 0;
}

.personal-data {
    float: left;
    margin: 0;
    width: 475px;
    padding: 0 0 0 8px;
}

.shipping-data {
    width: 466px;
    margin: 0;
    float: right;
    position: relative;
}

.slide-close {
    position: absolute;
    top: -59px;
    right: 0;
    background: #fdfbf5;
    border: 1px solid #fc0;
    border-radius: 3px;
    color: #000;
    padding: 1px 8px 5px;
    text-decoration: none;
    font: 18px/18px Arial, Verdana, sans-serif;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.slide-close:hover {
    opacity: 0.6;
}

.order-page .edit-profile-form .profile-option-name {
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #808080;
    margin: 1px 21px 0 0;
}

.edit-profile-form .shipping-data .profile-option-name {
    width: 105px;
}

.shipping-data .select-box,
.shipping-data .select-company,
.storage-shipping-holder-edit .select-company,
.storage-shipping-holder-edit .select-box {
    float: left;
}

.order-box .edit-profile-form .edit-profile-link-holder {
    border: 0;
    position: absolute;
    right: 0;
    bottom: -14px;
    background: #fff;
    padding: 0 0 0 15px;
    margin: 0;
    width: auto;
}

.order-box .submit-edit {
    font: 28px/30px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    background-position: 100% 13px;
}

.order-box .submit-edit.disabled {
    opacity: 0.5;
}

.order-box .submit-edit.disabled:hover {
    color: #222;
    text-decoration: none;
}

#main .order-box .tabs-area h3 {
    margin: 0 0 24px 145px;
    color: #808080;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.order-box .error {
    display: block;
    float: none;
    margin: 0 0 0 141px;
    clear: both;
}

.order-box .shipping-data .error {
    margin: 0 0 0 126px;
}

.shipping-check-holder {
    float: left;
    width: 290px;
}

.shipping-check {
    margin: 0 0 10px;
}

.shipping-check-right {
    margin: 0;
}

.shipping-check .ez-radio {
    margin: 9px 0 0 0;
    padding: 0;
}

.shipping-check label {
    float: left;
    padding: 0 0 0 8px;
    cursor: pointer;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #666;
}

.edit-profile-form .shipping-data .text,
.address-shipping-holder-edit .text,
.storage-shipping-holder-edit .text {
    width: 321px;
}
.edit-profile-form .shipping-data select.text {
    width: 333px;
    padding: 0 2px;
}
.edit-profile-form .personal-data .text {
    width: 288px;
}

.edit-profile-form .shipping-data .text-middle,
.address-shipping-holder-edit .text-middle,
.storage-shipping-holder-edit .text-middle {
    width: 167px;
}

.edit-profile-form .shipping-data .text-medium,
.storage-shipping-holder-edit .shipping-data .text-medium {
    width: 235px;
}

.edit-profile-form .shipping-data .text-short,
.storage-shipping-holder-edit .text-short {
    width: 67px;
    padding: 2px 5px;
}

.edit-profile-form .shipping-data .text-small,
.address-shipping-holder-edit .text-small,
.storage-shipping-holder-edit .text-small {
    width: 57px;
    text-align: center;
}

.edit-profile-form .shipping-data .textarea,
.address-shipping-holder-edit .textarea,
.storage-shipping-holder-edit .textarea {
    width: 321px;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.edit-profile-form .shipping-data .select-wide, .address-shipping-holder-edit .select-wide, .storage-shipping-holder-edit .select-wide {
    width: 333px;
    padding: 0 5px;
}

.storage-shipping-holder-edit .region_m,
.address-shipping-holder-edit .region_m2 {
    width: 333px;
    padding: 0 5px;
}

.storage-shipping-holder-edit .company_m {
    width: 333px;
    padding: 0 5px;
}

.register-success {
    padding: 0 110px 0 0;
}

.register-success .personal-data {
    width: 431px;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.register-success .shipping-data {
    width: 255px;
    color: #000;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.register-success .shipping-data .row {
    padding: 0 0 0 7px;
}

#main .order-box .personal-data .title h3 {
    float: left;
    margin: 0 28px 24px 143px;
}

#main .order-box .shipping-data .title h3 {
    float: left;
    margin: 0 28px 24px 0;
}

.order-box .title .edit {
    float: left;
    margin: 5px 0 0;
    color: #808080;
    font: 16px/18px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.success-text-holder {
    margin: 0 auto;
    padding: 26px 58px 38px;
    border-top: 2px solid #fc0;
    color: #4D4D4D;
    font: 20px/20px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.success-text-holder a {
    color: #4D4D4D;
}

.success-text-holder .success-text {
    display: block;
    text-align: center;
    margin: 0 0 18px;
    font: 36px/38px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.tabs-area .success-text-holder p {
    margin: 0;
}

.new-client-info {
    margin: 0;
    height: 207px;
    font: 20px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif
}

.order-box .cart-box {
    margin: 0 0 0 7px;
    width: 914px;
}

.order-box .cart-row {
    padding: 21px 26px 18px;
    border-color: #b3b3b3;
}

.order-box .set-info {
    background: #fc0;
    color: #000;
    margin: 0 0 13px -4px;
}

.order-box .set-info span {
    color: #000;
}

.order-box .set-row {
    border-color: #ccc;
    padding: 0 7px;
}

.order-box .set-row-box {
    border-color: #f4f4f4;
    background: #f4f4f4;
    padding: 14px 24px 0 24px;
}

.order-box .set-row-block:first-child,
.set-info-holder + .order-box .set-row-block {
    padding: 0 12px 10px;
    background: none;
}

.order-box .cart-nav-holder {
    padding: 31px 43px 11px 15px;
}

.order-box .set-row-block {
    padding: 11px 12px 10px;
    background: url("../images/bg-set-row-block.gif") repeat-x 0 0;
}

.order-box .total-price-holder .total-price .currency,
.order-box .total-price-holder .total-price .main-price,
.order-box .total-price-holder .total-price .cent {
    color: #000;
}

.order-box .total-info {
    float: left;
    margin: 15px 19px 0 0;
    color: #4D4D4D;
    font: 27px/28px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.payment-holder {
    padding: 0 0 39px 67px;
}

.payment-form .bank-transfer-holder {
    float: left;
    margin: 0 36px 0 0;
    width: 306px;
}

.payment-form .online-payment-holder {
    float: left;
    width: 390px;
}

.payment-form .bank-transfer-holder label,
.payment-form .online-payment-holder label {
    border: 1px solid #cecece;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 17px 21px 16px;
    font: 33px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #666;
    text-decoration: none;
    display: block;
    margin: 0 0 18px;
    cursor: pointer;
    min-height: 75px;
}

.payment-form .bank-transfer-holder label:hover,
.payment-form .online-payment-holder label:hover {
    border: 3px solid #fc0;
    background: url("../images/bg-yellow-gradient.gif") repeat-x 0 100%;
    padding: 15px 19px 14px;
}

.payment-form .ez-radio {
    background: url("../images/bg-radio-large.png") no-repeat;
    width: 22px;
    height: 23px;
    margin: 5px 16px 0 0;
}

.payment-form .ez-selected {
    background-position: 0 -23px;
}

.payment-form .payment-title {
    float: left;
    margin: 0;
}

.payment-form .payment-title-info {
    display: block;
    margin: 0 0 0 40px;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #4D4D4D;
    clear: both;
}

.payment-form p {
    margin: 0 11px 0 4px;
    color: #4D4D4D;
}


/* new payment */
.payment__container {
    text-align: center;
    padding: 0 0 60px;
}
.payment__box {
    display: inline-block;
    vertical-align: top;
    width: 220px;
    margin: 0 25px;
}
.payment__label {
    display: block;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 7px 13px;
    position: relative;
    margin-bottom: 15px;
    cursor: pointer;
    transition: border-color 0.2s ease-in-out;
}
.payment__label.is-active {
    padding: 6px 12px;
    border: 2px solid #fc0;
}
.payment__box .ez-radio {
    position: absolute;
    top: 14px;
    left: 10px;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid #fc0;
    margin: 0;
    background: none;
}
.payment__box .ez-selected {
    background: #fc0;
}
.payment__logo {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.payment__info {
    display: block;
    color: #808080;
    border-bottom: 1px solid #ccc;
    padding: 0 0 7px;
    margin: 0 0 7px;
}
.payment__commission {
    display: block;
    margin: 0;
}
.payment__container .payment__description {
    margin: 0;
    padding: 0 5px;
    color: #808080;
}
.payment__link {
    color: #808080;
}
/* instruction popup */
.instruction__box {
    width: 600px;
    box-sizing: border-box;
    padding: 30px;
}
.instruction__title {
    margin: 0 0 5px;
    text-align: center;
    font-size: 24px;
    line-height: 26px;
    font-weight: normal;
}
.instruction__info {
    margin: 0 0 10px;
    color: #808080;
}
.instruction__info--margin {
    margin: 0 0 30px;
}
.instruction__step {
    margin-bottom: 20px;
}
.instruction__subtitle {
    font-weight: normal;
    font-size: 24px;
    line-height: 26px;
    color: #000;
}
.instruction__list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.instruction__list-item {
    margin-bottom: 5px;
    padding-left: 15px;
    position: relative;
}
.instruction__list-item:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    border-radius: 50%;
    background-color: #000;
    width: 5px;
    height: 5px;
}
.instruction__button-holder {
    text-align: center;
    margin-bottom: 30px;
}
.instruction__button {
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    line-height: 26px;
    color: #000;
    text-align: center;
    background-color: #ffdb4d;
    padding: 5px 10px;
    width: 300px;
    border: none;
    border-radius: 3px;
    transition: background-color 0.2s ease-in-out;
}
.instruction__button:hover {
    background-color: #fc0;
}
.liqpay-comission {
    text-align: right;
    padding: 0 0 15px;
    color: #f00;
    font-style: italic;
    font-size: 24px;
    line-height: 26px;
}
.order-box .payment-submit-holder {
    position: absolute;
    right: -12px;
    bottom: -19px;
    background: #fff;
    padding: 0 17px 0 15px;
}

.order-box .payment-submit {
    float: right;
    margin: 0;
    padding: 0 32px 0 0;
    background: url("../images/bg-double-arrow.png") no-repeat 100% 15px;
    color: #000;
    border: 0;
    font: 33px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    cursor: pointer;
}

.order-box .payment-submit:hover {
    text-decoration: underline;
    color: #ff0000;
}

.personal-data .forgot-password {
    float: right;
    margin: 0 37px 0 0;
    font: 20px/22px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #4d4d4d;
}

/* shipping profile */
.profile-title {
    margin: 0 0 14px;
    font: 28px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.profile-box-holder .shipping-data {
    float: none;
    margin: 0;
    width: auto;
}

.slide-form {
    border: 2px solid transparent;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 7px 7px 7px 14px;
    width: 552px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin: 0 0 0 30px;
}

.slide-form.expanded {
    background: #fdfbf5;
    border-color: #fc0;
}

.slide-form .edit-profile-form {
    margin: 0;
    display: none;
}

.slide-form .create-shipping {
    text-decoration: none;
    color: #000;
    font: 24px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    border-bottom: 1px dashed #000;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 35px;
    outline: none;
}

.slide-form .create-shipping:hover {
    border-bottom-color: transparent;
}

.missing-address {
    margin: 0 0 15px 33px;
    color: #f00;
    font-size: 24px;
}

.edit-profile-form .shipping-data .edit-profile-link-holder {
    width: auto;
    border: 0;
    margin: -3px 0 0;
    padding: 0 7px 9px 0;
}

.edit-profile-form .shipping-data .edit-profile-link-holder .submit-edit {
    font-size: 24px;
    line-height: 26px;
    color: #000;
    background: #ffce0c url("../images/bg-submit-edit.gif") repeat-x;
    padding: 4px 31px;
    border: 2px solid #fdc900;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.profile-box-holder .edit-profile-form .shipping-data .profile-option-name,
.address-shipping-holder-edit .profile-option-name,
.storage-shipping-holder-edit .profile-option-name {
    width: 180px;
}

.slide-form .storage-shipping-holder .error,
.slide-form .address-shipping-holder .error {
    margin: 3px 0 0 212px;
    width: 340px;
}

.edit-shipping-address .ez-radio {
    padding: 0;
    margin: 9px 0 0;
}

.edit-shipping-address label {
    float: left;
    width: 232px;
    margin: 0 17px 0 0;
    padding: 0 0 0 12px;
    color: #666;
    cursor: pointer;
}

.edit-shipping-address label span {
    margin: 0;
}

.edit-shipping-address .edit {
    float: left;
    margin: 9px 0 0;
    color: #848484;
    font: 14px/16px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    text-decoration: none;
}

.edit-shipping-address .edit:hover {
    color: #f00;
}

.edit-wrapper-box {
    margin: 0;
}

.edit-holder-box {
    margin: 0 0 15px;

}

.edit-wrapper-box .edit-holder-box {
    float: left;
    width: 290px;
    margin: 0 0 0 5px;
}

.profile-label {
    display: block;
    margin: 0 0 13px 0;
}

.edit-shipping-holder {
    vertical-align: top;
    display: inline-block;
    width: 310px;
    margin: 0 104px 32px 0;
}

.edit-shipping-holder:nth-child(even) {
    margin: 0 0 32px;
}

.edit-shipping-wrapper {
    float: left;
    width: 736px;
    padding: 0 0 0 40px;
}

.edit-shipping-address .edit-label {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 17px 32px 0;
    width: 310px;
}

.address-shipping-holder-edit,
.storage-shipping-holder-edit {
    padding: 60px 30px 30px 0;
    color: #000;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.block-address-info {
    margin: 0 0 30px 125px;
    background: #fdfbf5;
    border: 2px solid #fc0;
    width: 308px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 7px 7px 7px 14px;
}

.block-address-info .ez-checkbox {
    margin: 5px 0 0;
    float: left;
}

.block-address-info label {
    float: left;
    padding: 0 0 0 7px;
    cursor: pointer;
    margin: 0 10px 0 0;
}

/* info page */

.info-page #content h1 {
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0 0 24px;
    padding: 0 0 8px 3px;
    border-bottom: 2px solid #fc0;
}

.info-page #content .feedback-page h1 {
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0 0 14px 54px;
    padding: 0;
    border: 0;
    color: #f00;
}

.info-page .post:before {
    content: "";
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 7px solid #e6e6e6;
    display: block;
    margin: 0 0 30px;
}

.info-page .post {
    padding: 0;
    margin: 0 0 30px;
    color: #333;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

#content .post h2:before {
    content: "";
    background: url("../images/bg-banner-hover.png") no-repeat 0 -57px;
    width: 57px;
    height: 57px;
    margin: -8px 18px 0 0;
    float: left;
}

#content .post h2 {
    margin: 0 0 17px 62px;
    font: 32px/36px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
    float: left;
}

#content .post h2 a {
    color: #000;
    text-decoration: underline;
}

#content .post h2 a span {
    color: #f00;
}

#content .post h2 a:hover {
    color: #f00;
    text-decoration: none;
}

#content .post .image-holder {
    margin: 0 0 8px;
}

#content .post .image-holder img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

#content .post p {
    margin: 0 0 10px;
}

.article {
    font: 18px/20px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #333;
    margin-bottom: 30px;
}

.article p {
    margin: 0 0 25px;
}
.article img {
    max-width: 100%;
}
.article ul {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
}

.article ul li {
    padding: 0 0 0 19px;
    background: url("../images/bullet-red.png") no-repeat 0 8px;
}

.article ol {
    padding: 0 0 0 12px;
    margin: 0 0 30px;
}

.article ol li {
    padding: 0 0 3px;
}

.article ol ul li {
    padding: 0 0 3px 14px;
}

.article h2 {
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
    margin: 0 0 24px;
}

.article h3 {
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
    margin: 0 0 22px;
}

.article .info-title h2 {
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0 0 24px;
    padding: 0 0 8px 3px;
    border-bottom: 2px solid #fc0;
}

.article .feedback-link {
    display: inline-block;
    margin: 0;
    width: auto;
    background: #f00;
}

.article .feedback-link:hover {
    background: url("../images/bg-reset-filter.png") repeat-x;
}
.link-get-holder {
    padding: 0 0 0 80px;
    margin-bottom: 50px;
}
.article .link-get-promocode {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 24px;
    line-height: 26px;
    color: #000;
    text-decoration: none;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
.article .link-get-promocode span {
    display: inline-block;
    vertical-align: top;
    padding: 7px 20px 7px 37px;
    margin: -7px 5px 0 0;
    background-color: #20b400;
    border-radius: 20px;
    color: #fff;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    position: relative;
}
.article .link-get-promocode:before {
    content: "";
    position: absolute;
    top: 14px;
    left: 23px;
    border-bottom: 8px solid transparent;
    border-left: 7px solid #fff;
    border-top: 8px solid transparent;
    margin: -8px 0 0;
    -webkit-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
    z-index: 2;
}

.article .link-get-promocode:after {
    content: "";
    width: 9px;
    height: 4px;
    position: absolute;
    top: 14px;
    left: 14px;
    margin: -2px 0 0;
    background-color: #fff;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
.article .link-get-promocode:hover span {
    background-color: #f00;
}
/* actions-page */

.actions-page #content h1 {
    border: 0;
    margin: 0 0 12px;
    padding: 0 0 0 10px;
    color: #4d4d4d;
}

/* contact page */
.contact-page {
    padding: 25px 0 0 5px;
    margin: 0 0 0 -7px;
    width: 910px;
}

.contact-page h3 {
    padding: 0 29px 4px;
    border-bottom: 2px solid #fc0;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0 0 20px;
    color: #000;
}

.contact-page p {
    margin: 0;
}

.call-center-box {
    margin: 0 0 21px;
}

.call-center-holder {
    float: left;
    padding: 0 0 0 30px;
}

.call-center-block {
    float: left;
    margin: 0 55px 0 0;
    width: 170px;
}

.call-center-title {
    display: block;
    margin: 0 16px 10px 0;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.call-center-block ul {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}

.call-center-block ul li {
    padding: 0 0 8px;
}

.call-center-block ul a {
    text-decoration: none;
    color: #000;
}

.call-center-block ul a:hover {
    text-decoration: underline;
}

.contact-descr {
    display: block;
    margin: 0 0 46px 7px;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.consulting-block {
    float: left;
    width: 167px;
    padding: 10px 15px 7px 25px;
    margin: 0 0 0 21px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    min-height: 118px;
}

.consulting-box {
    margin: 0 0 32px;
}

.consulting-block:first-child {
    margin: 0;
}

.consulting-phone {
    display: block;
    margin: 0 0 10px;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.consulting-block ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.consulting-block ul li {
    padding: 0 0 8px 12px;
    background: url("../images/bullet-red.png") no-repeat 0 6px;
}

.address-contact-box {
    margin: 0 0 39px;
}

.address-contact-box .address-contact {
    float: left;
    margin: 0 45px 0 29px;
}

.address-contact-box .show-on-map {
    float: left;
    color: #595959;
    margin: -1px 0 0;
}

.map-holder {
    padding: 0 7px 0 32px;
    margin: 0 0 19px;
}

.map-holder p {
    margin: 0 0 19px;
    color: #666;
    font: 18px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    text-align: center;
}

.pickup-shipping-holder {
    margin: 0 0 30px;
    padding: 0 0 0 211px;
    width: 332px;
}

.pickup-shipping-holder .map-holder {
    padding: 0;
    margin: 0;
}

.pickup-shipping-holder .map-holder p {
    text-align: left;
}

.contact-map-holder .map,
.shipping-data .map {
    border: 5px solid #d9d9d9;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -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;
}

.contact-map-holder .map img,
.shipping-data .map img,
.contact-map-holder .map iframe,
.shipping-data .map iframe {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.contact-map-holder .map:hover,
.shipping-data .map:hover {
    opacity: 0.8;
}


.discount-page {
    padding: 7px 0 0 3px;
}

.discount-page .discount-description {
    display: block;
    margin: 0 0 44px;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.discount-table-holder {
    position: relative;
}

.discount-table {
    padding: 0;
    color: #171717;
    text-align: center;
    width: 100%;
}

.discount-table th {
    padding: 0 0 17px;
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    position: relative;
    z-index: 6;
}

.discount-table .discount-title {
    background: url("../images/bg-discount-title.png") no-repeat 50% 3px;
    color: #fff;
}

.discount-table .discount-title2 {
    background: url("../images/bg-discount-title2.png") no-repeat 50% 3px;
    color: #fff;
}

.discount-table th span {
    font: 20px/22px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    display: block;
}

.discount-table td {
    padding: 2px 0 3px;
    font: 30px/32px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    position: relative;
    z-index: 2;
}

.discount-table tbody tr:nth-child(odd) {
    background: #f4f4f4;
}

.discount-table tbody tr.last-row {
    background: #fff;
    border-top: 2px solid #f4f4f4;
}

.discount-table tbody tr.last-row td {
    font: 20px/22px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #808080;
}

.buy-row {
    width: 224px;
}

.economy-row {
    width: 313px;
    color: #0f9900;
}

.bonus-row {
    width: 235px;
    color: #ff6a00;
}

.economy-row-light {
    color: #93bf00;
}

.bonus-row-light {
    color: #ffa200;
}

.discount-box {
    position: absolute;
    top: 27px;
    left: 208px;
    background: url("../images/bg-discount-box.png") no-repeat;
    width: 571px;
    height: 337px;
    z-index: 5;
}

/* search page */
.search-results-title {
    margin: 0 0 30px;
    color: #999;
    font: 18px/20px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.search-page .input_search {
    font-size: 20px;
    margin: 0 0 15px;
    width: 209px;
}

.search-article-box {
    margin: 0 0 30px;
}

.search-article-box h3 {
    margin: 0;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.search-article-box p {
    margin: 0;
}

.search-error {
    color: #f00;
}

/* complex-kit page */
.complex-kit {
    padding: 10px 0 0 15px;
}

.complex-kit #sidebar {
    width: 183px;
    padding: 3px 0 0;
}

.complex-kit #sidebar h2 {
    margin: 0 0 11px;
    padding: 0 20px 0 11px;
    color: #4d4d4d;
    font: 22px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.complex-kit #sidebar h2:after {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: 5px;
    right: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #f00;
}
.kits-tr {
    margin: 0 0 25px;
}

.kits-box-holder {
    text-align: center;
    margin: 0;
}

.kits-box {
    display: inline-block;
    vertical-align: top;
    width: 180px;
    position: relative;
}

.kits-name img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.kits-name a {
    color: #202020;
    display: block;
    font: 18px/18px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.kits-name {
    margin: 0 0 9px;
    min-height: 240px;
    position: relative;
}

.kits-name .bage-count {
    border: 2px solid #fff;
    background: #f00;
    color: #f0ff00;
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    text-align: center;
    width: 50px;
    height: 45px;
    padding: 5px 0 0;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    top: 55px;
    right: 0;
}

.kits-name .bage-count em {
    font: 18px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.kits-name .bage-count strong {
    font: 18px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px 0 0;
}

.kits-box .price-holder {
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.kits-box .price-holder .holder {
    float: left;
    left: 50%;
    position: relative;
}

.kits-box .price-holder .frame {
    float: left;
    left: -50%;
    position: relative;
}

.kits-box .price-holder .main-price,
.kits-box .price-holder .cent {
    color: #009e03;
}

.kits-box-wrapper {
    margin: 0 0 18px;
}

.kits-total {
    padding: 21px 20px 0 0;
}

.kits-list,
.kits-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.kits-list ul {
    padding: 16px 0 0 17px;
}

.kits-list > li {
    margin: 0 0 5px;
    border: 2px solid transparent;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    padding: 14px 15px 4px;
    font-size: 22px;
    line-height: 16px;
    -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;
}

.kits-list > li span span {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 19px;
}

.kits-list > li > a {
    text-decoration: none;
    color: #000;
}

.kits-list > li:hover,
.kits-list > li.active {
    border-color: #fc0;
}

.kits-list li > a span {
    text-decoration: underline
}

.kits-list > li a:hover span,
.kits-list > li.active a span {
    text-decoration: none;
    color: #f00;
}

.kits-list li > a:hover ul,
.kits-list li > a.active ul {
    color: #000;
}

.kits-list li img {
    display: block;
    margin: 0 auto 14px;
}

.kits-list ul li {
    padding: 0 0 13px 10px;
    background: url("../images/bullet-black.png") no-repeat 0 6px;
    text-align: left;
    font-size: 16px;
}

.kits-list ul li.active {
    background: url("../images/bullet-red.png") no-repeat 0 6px;
}

.kits-list ul li.active a {
    color: #f00;
    text-decoration: underline;
}

.kits-list ul li a {
    color: #000;
    display: block;
    text-decoration: none;
}

.kits-list ul li a:hover {
    text-decoration: underline;
}

.complex-kit-wrap {
    border: 12px solid #ccc;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    position: relative;
    margin: 0 0 53px;
}

.complex-kit-wrap-holder {
    border: 1px solid #b3b3b3;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}

.complex-kit-wrap-frame {
    border: 4px solid #fc0;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 21px 41px 34px 22px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,fefefe+90,fff4cb+100 */
    background: rgb(254,254,254); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 90%, rgba(255,244,203,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(254,254,254,1) 90%,rgba(255,244,203,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(254,254,254,1) 90%,rgba(255,244,203,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.complex-kit-box {
    margin: 0 0 13px;
}

.kit-box {
    float: left;
    width: 550px;
}

.complex-kit #content h1 {
    font: 46px/48px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0;
    padding: 0 0 0 42px;
    border: 0;
}

.complex-kit .kit-box h2 {
    margin: 0 0 27px;
    padding: 0 0 0 42px;
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.kit-image-box {
    position: relative;
    float: left;
    width: 370px;
    margin: 0;
}

.kit-image-box .note {
    font: 59px/60px Arial, Verdana, sans-serif;
    color: #f00;
    position: absolute;
    top: 17px;
    left: 34px;
}

.kit-image-box img {
    display: block;
    max-width: 100%;
}

.kit-info {
    float: left;
    margin: -11px 0 0 -7px;
    position: relative;
    z-index: 2;
    width: 184px;
}

.kit-discount {
    display: block;
    background: url("../images/bg-kit.png") no-repeat;
    width: 166px;
    height: 159px;
    margin: 0 0 20px;
    padding: 0 0 0 16px;
    font-size: 110px;
    line-height: 124px;
    color: #fff;
}

.kit-info .rating {
    padding: 5px 0 14px 26px;
}

.kit-info .product-comments {
    float: left;
    margin: 0 0 7px 28px;
}

.kit-info .leave-comment {
    float: left;
    color: #4d4d4d;
    margin: 0 0 31px 27px;
    font: 18px/20px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.kit-info .leave-comment:hover {
    color: #f00;
}

.kit-descr {
    float: right;
    width: 344px;
    padding: 18px 0 0;
}

.kit-logo {
    float: right;
    background: url("../images/logo-kit.png") no-repeat;
    width: 213px;
    height: 112px;
    text-indent: -99999px;
    overflow: hidden;
    margin: 0 20px 30px 0;
}

.mission-kit-3 .kit-logo,
.mission-kit-4 .kit-logo {
    background-position: 0 -112px;
}

.mission-kit-5 .kit-logo {
    background-position: 0 -224px;
}

.mission-kit-6 .kit-logo {
    background-position: 0 -336px;
}

.mission-kit-7 .kit-logo {
    background-position: 0 -448px;
}

.mission-kit-8 .kit-logo {
    background-position: 0 -560px;
}

.kit-descr h3 {
    margin: 0 0 20px;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.kit-descr p {
    margin: 0 0 14px;
    line-height: 18px;
}

.kit-descr ul {
    padding: 0 0 0 16px;
    margin: 0 0 6px;
}

.kit-descr ul > li {
    padding: 0 0 8px;
}

.kit-note {
    color: #808080;
    font-size: 16px;
    line-height: 18px;
    clear: both;
    padding: 0 0 0 37px;
}

.complex-kit-prod {
    margin: 0 -20px;
}

.kit-prod-title {
    background: url("../images/bg-kit-prod-title.gif") repeat-x 0 25px;
    margin: 0 39px 33px 34px;
}

.kit-prod-title h3 {
    margin: 0;
    background: #fff;
    display: inline-block;
    vertical-align: top;
    padding: 0 14px 0 33px;
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #4d4d4d;
}

.complex-kit-prod .kits-box {
    margin: 0;
    width: 180px;
    border: 2px solid transparent;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 15px 0;
    position: relative;
    -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;
}

.complex-kit-prod .kits-box:hover {
    border-color: #fc0;
}

.complex-kit-prod .kits-box .price-holder .main-price,
.complex-kit-prod .kits-box .price-holder .cent {
    color: #000;
}

.complex-kit-prod .kits-tr {
    margin: 0;
}

.complex-kit-prod .kits-box-wrapper {
    margin: 0 0 20px;
}

.complex-kit-buy {
    border-top: 2px solid #eb0000;
    padding: 19px 15px 0 15px;
}

.pick-product {
    float: left;
    background: url("../images/bg-pick-product.png") no-repeat 17px 8px;
    padding: 75px 55px 18px 141px;
    border: 1px dashed #0269ff;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    color: #0269ff;
    font-size: 26px;
}

.pick-product:hover {
    text-decoration: none;
}

.kit-buy-box {
    float: right;
    padding: 0;
}

.kit-buy-link {
    float: right;
    color: #fff;
    padding: 7px 48px 14px 31px;
    height: 46px;
    font-size: 44px;
    line-height: 46px;
    background: url("../images/bg-kit-buy-link.png") no-repeat;
    text-decoration: none;
    position: relative;
    margin: 9px 0 0;
}

.mission-kit-8 .kit-buy-link {
    background-position: 0 -67px;
    color: #f00;
}

.mission-kit-6 .kit-buy-link {
    background-position: 0 -134px;
}

.mission-kit-7 .kit-buy-link {
    background-position: 0 -201px;
}

.kit-buy-link span {
    display: block;
    background: url("../images/arrow-buy.png") no-repeat 100% -458px;
    padding: 0 46px 0 0;
}

.kit-buy-link:hover {
    text-decoration: underline;
}

.mission-kit-8 .kit-buy-link span {
    background-position: 100% -148px;
}

.kit-buy-price-box {
    float: left;
    margin: 0 60px 0 0;
}

.kit-buy-old {
    float: left;
    border-right: 1px dashed #000;
    padding: 40px 15px 40px 0;
    margin: 0 11px 0 0;
}

.kit-buy-old strong {
    float: left;
    font: 36px/38px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    text-decoration: line-through;
}

.kit-buy-old span {
    float: left;
    margin: 5px 0 0;
    font: 20px/38px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.kit-buy-new-holder {
    float: left;
    padding: 0;
}

.kit-buy-new {
    padding: 4px 0 0;
    color: #eb0000;
    margin: 0;
}

.kit-buy-new .currency,
.kit-buy-new .main-price,
.kit-buy-new .cent {
    float: left;
    font: 52px/54px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.kit-buy-new .currency {
    margin: -14px 4px 0 0;
    color: #000;
    font-size: 27px;
}

.kit-buy-new .cent {
    margin: 22px 3px 0 0;
    font-size: 28px;
    line-height: 30px;
}

.kit-buy-economy-holder {
    text-align: center;
    color: #009e03;
}

.kit-buy-economy-holder .economy-text {
    display: block;
    font: 16px/18px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0;
}

.kit-buy-economy-holder .economy-price,
.kit-buy-economy-holder .economy-cent {
    display: inline-block;
    vertical-align: top;
    font: 36px/38px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.kit-buy-economy-holder .economy-cent {
    font-size: 20px;
    line-height: 22px;
    margin: 13px 0 0;
}

.complex-comment-wrap {
    padding: 0 15px;
}

.complex-comment-wrap h3 {
    margin: 0 0 20px;
    padding: 0 0 0 23px;
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #4d4d4d;
}

.complex-comment-wrap h3 span {
    color: #000;
}

.complex-comment-wrap .comments-form {
    background: #fff0b7;
    padding: 14px 20px;
    -webkit-border-radius: 0 14px 14px 14px;
    border-radius: 0 14px 14px 14px;
    margin: 0 0 18px;
}

.complex-comment-wrap .comments-form .text {
    width: 286px;
    border: 2px solid #fc0;
    -webkit-border-radius: 0 4px 4px 4px;
    border-radius: 0 4px 4px 4px;
    font-size: 24px;
    padding: 3px 5px;
    margin: 6px 22px 0 0;
}

.complex-comment-wrap .comments-form .row {
    margin: 0 0 20px;
}

.complex-comment-wrap .comments-form .textarea {
    height: 102px;
    width: 100%;
    border: 2px solid #fc0;
    -webkit-border-radius: 0 14px 4px 4px;
    border-radius: 0 4px 4px 4px;
    padding: 4px 7px;
    box-sizing: border-box;
}

.complex-comment-wrap .comments-form .error {
    margin: 2px 0 0;
}

.complex-comment-wrap .comments-form .complex-error-holder {
    clear: both;
}

.complex-comment-wrap .comments-form .complex-error-holder .error {
    margin: 2px 0 5px;
    display: block;
    float: none;
}

.complex-comment-wrap .comments-form .rating-box {
    padding: 6px 0 0;
    float: left;
}

/*.complex-comment-wrap .comments-form .rating-box span {
    color: #666;
    font-size: 24px;
    margin: 0 28px 0 0;
}*/

.complex-comment-wrap .comments-form .rating-box .rating-good {
    margin: 0 0 0 16px;
}

.complex-comment-wrap .submit-edit,
.complex-comment-wrap .submit-edit:hover {
    font-size: 40px;
    margin: 7px 28px 0 0;
    background: url("../images/bg-double-arrow.png") no-repeat 100% 11px;
    padding: 3px 34px 0 0;
    text-decoration: none;
}

.complex-comment-wrap .comments-list {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #000;
}

.complex-comment-wrap .comments-list li {
    padding: 12px 24px 18px 28px;
    -webkit-border-radius: 0 14px 14px 14px;
    border-radius: 0 14px 14px 14px;
    margin: 0 0 22px;
}

.complex-comment-wrap .comments-list li:nth-child(odd) {
    background: #ededed;
}

.complex-comment-wrap .comments-list .author {
    font-size: 24px;
    margin: 4px 29px 0 0;
}

.complex-comment-wrap .comments-list .author-holder {
    margin: 0 0 6px;
}

.complex-comment-wrap .date-holder {
    margin: 0 0 8px;
}

.complex-comment-wrap .message-holder p {
    margin: 0;
    line-height: 18px;
}

/* forgot page */
.forgot-input {
    float: left;
    width: 555px;
    padding: 1px 5px;
    margin: 20px 7px 5px 0;
    background: #fff;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
    outline: none;
}

.forgot-page label {
    margin: 0;
    cursor: pointer;
}

.forgot-page .error {
    margin: 0;
    float: none;
}

.forgot-page-link-holder {
    border-top: 2px solid #ffce0c;
    padding: 5px 0 0;
    margin: 31px 0 0;
    width: 570px;
}

.forgot-link {
    float: right;
    margin: 0;
    color: #000;
    text-decoration: none;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.forgot-link:hover {
    color: #f00;
    text-decoration: underline;
}

.forgot-link span {
    color: #f00;
}

.edit-success-msg {
    display: block;
    margin: 0 0 20px;
    color: #00a500;
}

/* ftt page */
.ftt-page {
    padding: 30px 44px 0;
}

.ftt-page h1 {
    margin: 0 0 35px;
    font: 36px/38px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.ftt-page h2 {
    margin: 0 0 34px;
    font: 26px/28px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.ftt-section {
    margin: 0 0 50px;
    padding: 0;
}

.ftt-title {
    margin: 0 0 5px;
    font: 28px/28px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
    border-bottom: 2px solid #ffc700;
}

.ftt-title span {
    display: inline-block;
    background: #ffc700;
    padding: 4px 13px 8px 7px;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.ftt-image-holder {
    float: left;
    margin: 0 16px 0 0;
    width: 504px;
}

.ftt-image-holder img {
    display: block;
    margin: 0 auto;
}

.ftt-main-image {
    display: block;
    padding: 1px;
    border: 1px solid #c2c2c2;
    margin: 0 0 5px;
    -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;
}

.ftt-main-image:hover {
    opacity: 0.8;
    border-color: #ffcf11;
    -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;
}

.ftt-main-image img {
    margin: 0 auto;
}

.ftt-image-thumb {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 372px;
}

.ftt-image-thumb li {
    float: left;
    margin: 0 5px 0 0;
}

.ftt-image-thumb li a {
    float: left;
    padding: 1px;
    border: 1px solid #c2c2c2;
    -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;
}

.ftt-image-thumb li a:hover {
    border-color: #ffcf11;
    opacity: 0.7;
}

.view-on-map {
    float: right;
    padding: 15px 8px 20px 12px;
    border: 2px solid #ffcf11;
    border-radius: 5px;
    color: #676767;
    font: 20px/20px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    text-decoration: none;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2ZmZmVmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYwYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #fffefc 65%, #fff0bb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(65%, #fffefc), color-stop(100%, #fff0bb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #fffefc 65%, #fff0bb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #fffefc 65%, #fff0bb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #fffefc 65%, #fff0bb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #fffefc 65%, #fff0bb 100%); /* W3C */
    width: 108px;
}

.view-on-map span {
    display: block;
    background: url("../images/bg-view-on-map.png") no-repeat;
    padding: 0 0 0 35px;
}

.view-on-map:hover {
    color: #000;
}

.ftt-info-box {
    float: left;
    width: 230px;
    margin: 0 40px 0 0;
    padding: 10px 0 0;
}

.ftt-info-list,
.ftt-info-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ftt-info-list li:first-child {
    border-top: none;
    padding: 0 0 24px 76px;
}

.ftt-info-list li {
    border-top: 1px solid #d9d9d9;
    padding: 28px 30px 24px 76px;
    color: #808080;
    font-size: 22px;
}

.ftt-info-list .ftt-phone {
    background: url("../images/bg-ftt-info-list.png") no-repeat 21px 50%;
}

.ftt-info-list .ftt-schedule {
    background: url("../images/bg-ftt-info-list.png") no-repeat -270px 50%;
}

.ftt-info-list ul {
    padding: 13px 0 0;
}

.ftt-info-list li ul li,
.ftt-info-list li ul li:first-child {
    border-top: none;
    padding: 0 0 5px;
    color: #262b2f;
    font-size: 24px;
}

.ftt-info-list .discount-8march,
.ftt-info-list .discount-sunday,
.ftt-info-list .discount-15percent,
.ftt-info-list .discount-50percent,
.ftt-info-list .discount-revital,
.ftt-info-list .discount-50-off,
.ftt-info-list .discount-20-off {
    background: url(../images/bg-ftt-discount1.png) no-repeat 0 2px;
    padding: 0 0 2px 65px;
    display: block;
    color: #000;
    font-size: 18px;
    line-height: 16px;
    text-decoration: none;
    margin: 8px 0 0 -65px;
    min-height: 34px;
}

.ftt-discount a:hover {
    color: #f00;
}

.ftt-info-list .discount-sunday {
    background: url(../images/bg-ftt-discount6.png) no-repeat 0 2px;
}

.ftt-info-list .discount-15percent {
    background: url(../images/bg-ftt-discount3.png) no-repeat 0 2px;
}

.ftt-info-list .discount-50percent {
    background: url(../images/bg-ftt-discount4.png) no-repeat 0 2px;
}

.ftt-info-list .discount-revital {
    background: url(../images/bg-ftt-discount5.png) no-repeat 0 2px;
}

.ftt-info-list .discount-50-off {
    background: url(../images/bg-ftt-50-off.jpg) no-repeat;
}

.ftt-info-list .discount-20-off {
    background: url("../images/bg-ftt-20-off.png") no-repeat;
}

.ftt-service-box {
    float: left;
    width: 330px;
    padding: 10px 0 0;
    font-size: 20px;
}

.ftt-service-box h4 {
    margin: 0 0 15px 6px;
    font: 24px/21px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #808080;
}

.ftt-service-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ftt-service-box ul li {
    background: url("../images/ftt-list-bullet.png") no-repeat 0 10px;
    padding: 0 0 4px 11px;
}

.ftt-overlay {
    position: fixed;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    background: #000;
    z-index: 1000;
}

.ftt-lightbox {
    position: fixed;
    z-index: 1001;
}

/* taxi box */
.ftt-discount-box {
    border: 6px solid #ffbf00;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    padding: 35px 48px 27px 41px;
    width: 493px;
    color: #000;
    position: relative;
}

.ftt-discount-box .close {
    position: absolute;
    top: 6px;
    right: 6px;
    background: url(../images/bg-discount-close.png) no-repeat;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    overflow: hidden;
}

.ftt-discount-box h3 {
    background: url(../images/bg-ftt-discount.png) no-repeat 0 -599px;
    padding: 10px 0 0 116px;
    margin: 0 0 21px;
    font-size: 38px;
    font-weight: normal;
    color: #ffa600;
}

.ftt-discount-box h3 span {
    display: block;
    margin: 10px 0 0;
    font-size: 27px;
}

.ftt-discount-box p {
    margin: 0 0 7px;
}

.ftt-round-box {
    padding: 7px 10px 0;
    background: #ffbf00;
    margin: 0 auto 9px;
    width: 295px;
    border: 1px solid #ffbf00;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
}

.ftt-round-box strong {
    display: block;
    margin: 0 0 6px;
    font-size: 31px;
    font-weight: normal;
}

.ftt-round-box strong span {
    font-size: 27px;
}

/* revital box */
.revital-box,
.off-50-box,
.off-20-box {
    border: 6px solid #e60000;
    padding: 35px 28px 16px 31px;
    width: 607px;
}

.revital-box .close,
.off-50-box .close,
.off-20-box .close {
    background: url(../images/bg-discount-close.png) no-repeat -64px;
}

.revital-box h3,
.off-50-box h3,
.off-20-box h3 {
    background: url(../images/bg-ftt-discount.png) no-repeat 0 -398px;
    color: #e60000;
    padding: 8px 0 0 113px;
    margin: 0 0 31px;
}

.off-50-box h3 {
    background: url(../images/bg-ftt-discount.png) no-repeat 0 -798px;
}
.off-20-box h3 {
    background: none;
    padding: 0;
    text-align: center;
}
.off-50-box h4,
.off-20-box h4 {
    color: #e60000;
    font-size: 22px;
    line-height: 24px;
    margin: 0 0 20px;
    font-weight: normal;
}

.off-50-box p,
.off-20-box p {
    margin: 0 0 15px;
}

.off-50-box ul,
.off-20-box ul {
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
}

.off-50-box ul li,
.off-20-box ul li {
    background: url("../images/ftt-list-bullet.png") no-repeat 0 10px;
    padding: 0 0 4px 11px;
}

.revital-box h3 span,
.off-50-box h3 span,
.off-20-box h3 span {
    margin: -2px 0 0;
}

.off-50-box h3 span,
.off-20-box h3 span {
    margin: 11px 0 0;
}

.revital-box .ftt-round-box,
.off-50-box .ftt-round-box,
.off-20-box .ftt-round-box {
    padding: 2px 15px 3px 17px;
    background: #e60000;
    margin: 0 auto 21px;
    width: 484px;
    border: 1px solid #e60000;
    text-align: left;
}

.revital-box .ftt-round-box em,
.off-50-box .ftt-round-box em,
.off-20-box .ftt-round-box em {
    float: left;
    margin: 0;
    font-size: 20px;
    line-height: 22px;
    font-style: normal;
    width: 256px;
    text-align: right;
}

.revital-box .ftt-round-box strong,
.off-50-box .ftt-round-box strong,
.off-20-box .ftt-round-box strong {
    margin: 0;
    font-size: 39px;
    font-weight: normal;
    float: right;
}

.revital-box .ftt-round-box strong span,
.off-50-box .ftt-round-box strong span,
.off-20-box .ftt-round-box strong span {
    font-size: 39px;
    font-weight: bold;
}

/* stock */
.sidebar-list.description-box-holder {
    color: #000;
    font: 18px/22px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    padding: 15px 15px 0;
}

.sidebar-list.description-box-holder strong {
    font-weight: normal;
    font-size: 23px;
}

.sidebar-list.description-box-holder p {
    margin: 0 0 10px;
}

.sidebar-list.description-box-holder ul {
    font: 18px/22px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    background: #eef4ff;
    margin: 0 -15px;
    padding: 0 15px 15px;
}

.sidebar-list.description-box-holder ul li {
    background: url("../images/bullet-black.png") no-repeat 0 17px;
    margin: 0;
    min-height: 0;
    padding: 9px 4px 1px 10px;
}

.stock-wrapper {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,fefefe+90,fff4cb+100 */
    background: rgb(254, 254, 254); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(254, 254, 254, 1) 90%, rgba(255, 244, 203, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(254, 254, 254, 1) 90%, rgba(255, 244, 203, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(254, 254, 254, 1) 90%, rgba(255, 244, 203, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 4px solid #fc0;
    border-radius: 13px;
    padding: 20px 25px 10px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 35px;
}

.stock-wrapper h3 {
    margin: 0 0 20px;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

#stock_confirm {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    width: 550px;
    margin: 0 auto;
}

#stock_confirm label {
    cursor: pointer;
    float: left;
    margin: 0 12px 0 0;
    padding: 0 0 0 10px;
}

#stock_confirm .stock_confirm_input {
    float: left;
    margin: 6px 0 0;
}

#stock_confirm .confirm-button {
    float: left;
    margin: -3px 0 0;
    border: none;
    background: #f00;
    border-radius: 5px;
    color: #fff;
    padding: 5px 0;
    text-align: center;
    text-shadow: 0 0 1px #999;
    cursor: pointer;
    width: 100px;
}

#stock_confirm .confirm-button:hover {
    background: url("../images/bg-reset-filter.png") repeat-x;
}

.stock-info-box {
    padding: 10px;
    margin: 0 0 20px;
    border: 2px solid #f00;
    border-radius: 4px;
    font-size: 20px;
    line-height: 24px;
}

.stock-info {
    margin: 10px 0 0;
}

/* проблематика */
.issues-list {
    list-style: none;
    padding: 0 0 0 7px;
    margin: 0;
}

.issues-list li {
    padding: 0 0 30px;
}

.issues-list h2 {
    margin: 0 0 25px;
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.issues-image {
    display: block;
    margin: 0 0 0 21px;
}

.issues-image-oils {
    margin: 0 0 0 -22px;
}

.issues-list ul {
    list-style: none;
    padding: 9px 0 0;
    margin: 0 0 27px;
    font: 24px/28px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.issues-list ul:after {
    border: 7px solid #e6e6e6;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    content: "";
    display: block;
    margin: 18px 0 0;
}

.issues-list ul li {
    padding: 0 0 5px 14px;
    position: relative;
}

.issues-list ul li:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #f00;
    border-radius: 50%;
}

.issues-list .issues-articles-list_0 li:before {
    background-color: #009e03;
}
.issues-list ul a {
    text-decoration: none;
    color: #000;
}

.issues-list ul a:hover {
    text-decoration: underline;
    color: #f00;
}

.issues-list .issues-articles-list_0 a:hover {
    color: #009e03;
}

/* sitemap page */
.sitemap-page h2 {
    margin: 0 0 15px 5px;
    font: 28px/30px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #f00;
}

.sitemap-page h3 {
    margin: 0 0 15px 5px;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #f00;
}

.sitemap-page ul {
    list-style: none;
    padding: 0 0 0 15px;
    margin: 0;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.sitemap-page ul li {
    padding: 0 0 10px;
}

.sitemap-page ul ul {
    padding: 15px 0 3px 15px;
    font: 20px/22px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.sitemap-page ul ul li {
    background: url("../images/bullet-black.png") no-repeat 0 8px;
    padding: 0 0 10px 15px;
}

.sitemap-page ul ul ul {
    font: 17px/20px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.sitemap-page ul ul ul li {
    padding: 0 0 0 15px;
}

.sitemap-page ul a {
    color: #000;
    text-decoration: none;
}

.sitemap-page ul a:hover {
    color: #f00;
    text-decoration: underline;
}

.item-position, .item-position-target {
    outline: none;
    cursor: pointer;
}

/* section information */
.section-box-left {
    float: left;
    width: 65.12141280353201%; /* 590 / 906 */
    margin: 0 0 20px;
}

.section-box-right {
    float: right;
    width: 616px;
    margin: 0;
}

.section-image-right {
    float: right;
    margin: 0 0 11px;
    width: 33.11258278145696%; /* 300 / 906 */
}

.section-image-right img {
    border: 1px solid #000;
}

.section-image-right.border-bottom {
    padding: 0 0 11px;
    border-bottom: 3px solid #f00;
}

.section-box-right.border-top {
    padding: 33px 0 0;
    border-top: 3px solid #f00;
}

.article .section-box-right h3 {
    color: #009E03;
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0 0 13px;
}

.section-image-left {
    float: left;
    margin: 0 20px 0 10px;
    padding: 48px 0 0;
}

.section-image-left.margin-top {
    padding: 0;
    margin: -50px 20px 0 10px;
}

.section-image-left img,
.section-image-right img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.article .section-box-left p,
.article .section-box-right p {
    margin: 0 0 10px;
}

.article .section-box-left ul,
.article .section-box-right ul {
    margin: 0 0 10px 20px;
}

.article .section-box-left ul li,
.article .section-box-right ul li {
    background: url("../images/bullet-black.png") no-repeat 0 8px;
}

.article .section-box-left ul p,
.article .section-box-right ul p {
    margin: 10px 0;
}

.section-image-left .clearfix {
    text-align: center;
}

.section-image-left .buy-link {
    float: none;
    color: #000;
    -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;
    text-decoration: none;
    font: 44px/46px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0;
    padding: 0 40px 8px 40px;
    border: solid #fc0;
    border-width: 0 2px 2px 0;
    -webkit-border-radius: 0 0 20px 0;
    border-radius: 0 0 20px 0;
    display: inline-block;
    text-indent: 0;
    background: none;
    width: auto;
}

.section-image-left .buy-link span {
    float: none;
    background: url("../images/arrow-buy.png") no-repeat 100% 12px;
    padding: 0 44px 0 0;
    color: #000;
    -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;
    display: inline-block;
    width: auto;
    height: auto;
}
.section-image-left .buy-link span:before,
.section-image-left .buy-link span:after {
    display: none;
}
.section-image-left .buy-link:hover span {
    background-position: 100% -148px;
    color: #f00;
}

.club-link {
    float: right;
    margin: 25px 0 0;
}
/* article problematic */
.article__text {
    padding: 0 0 0 35px;
    margin-bottom: 65px;
    font-size: 22px;
    line-height: 1.2;
}
.article__text h2 {
    color: #000;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.1;
    position: relative;
    margin: 0 0 40px;
}
.article__text h2::before {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 17px solid #008400;
    content: "";
    left: -34px;
    position: absolute;
    top: 8px;
}
.article__text h3 {
    /*padding-left: 15px;*/
    margin-bottom: 25px;
}

.article__text img {
    display: block;
    margin: 0 auto 25px;
    border: 3px solid #e6e6e6;
}

.article__text .right {
    float: right;
    margin: 0 0 25px 40px;
}

.article__text .left {
    float: left;
    margin: 0 40px 25px 0;
}

.article__text .group {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    margin-bottom: 25px;
}
.article__text .group figure {
    margin: 0 40px;
}
.article__text figure {
    text-align: center;
    margin-bottom: 15px;
}
.article__text figcaption {
    font-style: italic;
    display: block;
    margin-bottom: 10px;
}

.article__table {
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    max-width: 628px;
    margin: 0 0 25px;
    padding-bottom: 40px;
}
.article__table table {
    color: #333;
    font-size: 22px;
    line-height: 1.1;
    text-align: center;
    width: 100%;
}
.article__table table th {
    background-color: #f2f9f9;
    font-size: 23px;
    font-weight: normal;
    padding: 20px 3.75%;
    width: 33.33%;
}
.article__table table th:first-child {
    padding-left: 7.5%;
    padding-right: 3.75%;
}
.article__table table th:last-child {
    padding-left: 3.75%;
    padding-right: 7.5%;
}
.article__table table td {
    padding: 12px 3.75%;
    position: relative;
    width: 33.33%;
}

.article__table table td::before {
    background-color: #b2dcdb;
    bottom: 0;
    content: "";
    height: 1px;
    left: 3.75%;
    position: absolute;
    width: 85%;
}
.article__table table td:first-child {
    padding-left: 7.5%;
    padding-right: 3.75%;
}
.article__table table td:first-child::before {
    left: 7.5%;
}
.article__table table td:last-child {
    padding-left: 3.75%;
    padding-right: 7.5%;
}
.article__table table td:last-child::before {
    background-color: #4cadab;
}
.article__text ul li {
    padding-bottom: 10px;
}

.article__text ol {
    padding-left: 15px;
    margin-bottom: 25px;
}
.article__text ol li {
    padding: 0 0 10px 5px;
}
.double {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-bottom: 25px;
}
.double ul,
.double div {
    flex-basis: 47.5%;
    padding-right: 10px;
    margin-bottom: 0;
}
/* technical table  */
.tech_info {
    margin: 0 0 25px;
    width: 100%;
}

.tech-info-title span {
    color: #f00;
}

.tech_info .tech_info_header td {
    font-size: 22px;
}

.tech_info td {
    border: 1px solid #e4e4e4;
    padding: 10px;
}

.tech_info tr:first-child {
    background: #eee;
}

.tech_info tr:hover {
    background: #ffd;
}

.tech_info tr:nth-child(2n) {
    background: #f6f7f8;
}
.tech_info td:nth-child(1) {
    width: 207px;
}
.tech_info td:nth-child(2) {
    width: 435px;
}
.tech_info td:nth-child(3) {
    width: 94px;
}
.tech_info td:nth-child(4) {
    width: 193px;
}
/* certificats */
.cert-category-list-holder {
    margin: 0;
}

.cert-category-list-holder ul {
    list-style: none;
    border-bottom: 2px solid #fc0;
    margin: 0 0 23px;
    padding: 0 0 7px 9px;
}

.cert-category-list-holder ul li {
    float: left;
    margin: 0 11px 0 0;
}

.cert-category-list-holder ul a {
    float: left;

}

.cert-category-list-holder ul a {
    color: #4d4d4d;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    text-decoration: none;
    border: solid #999;
    border-width: 2px 0 0 2px;
    -webkit-border-radius: 21px 0 0 0;
    border-radius: 21px 0 0 0;
    padding: 13px 105px 7px 14px;
    float: left;
    -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;
    outline: none;
}

.cert-category-list-holder ul a:hover,
.cert-category-list-holder ul li.active a {
    color: #000;
    border-color: #fc0;
}

.cert-table {
    width: 100%;
    margin: 0;
    font-size: 20px;
    line-height: 26px;
}

.cert-table th {
    font-size: 26px;
    font-weight: normal;
    text-align: left;
    padding: 0 25px;
}

.cert-table th span {
    display: inline-block;
    border-bottom: 2px solid #fc0;
    padding: 0 0 5px;
    margin: 0 0 11px;
    min-width: 125px;
}

.cert-table td {
    padding: 7px 25px;
    border-bottom: 1px solid #d9d9d9;
}

.cert-table .cert-product {
    width: 66%;
}

.cert-table .cert-name {
    width: 17%;
}

.cert-table .cert-date-from {
    width: 8.5%;
}

.cert-table td a {
    text-decoration: none;
    color: #000;
}

.cert-table td a:hover {
    color: #f00;
    text-decoration: underline;
}

#wrapper .description-box ul {
    margin: 0;
}

/* filter */
.filter-box-holder {
    margin: -5px 0 6px;
    position: relative;
}

.filter-box {
    padding: 0 12px 0;
    background: #eff2f6;
    border-radius: 0 13px 13px 13px;
    margin: 0 0 6px;
}

.filter-block {
    float: left;
    width: 710px;
    padding: 13px 0 7px;
}

.filter-text {
    float: left;
    margin: 0 15px 0 0;
    color: #8b94aa;
}

.main-filter-categories {
    float: left;
    padding: 0 0 5px;
}

.filter-params {
    float: left;
    margin: -6px 0 0;
    padding: 6px 50px 5px 19px;
    border-radius: 4px;
    background: #ffc;
    color: #000;
    font-size: 20px;
}

.filter-params a {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 7px;
}

.main-filter-categories .check-filter,
.row-filter-categories .check-filter {
    float: left;
    margin: 4px 6px 0 0;
}

.main-filter-categories label {
    float: left;
    margin: 0 12px 0 0;
    cursor: pointer;
    padding: 0 0 0 6px;
}

.row-filter-categories label {
    float: left;
    cursor: pointer;
    padding: 0 0 0 6px;
}

.more-filters,
.reset-filters {
    float: right;
    text-decoration: none;
    color: #8b94aa;
}

.more-filters {
    padding: 12px 0 10px 35px;
    background: url("../images/bg-more-filters.png") no-repeat 0 10px;
}

.reset-filters {
    border-left: 2px solid #fff;
    padding: 12px 17px 10px 45px;
    background: url("../images/bg-reset-filters.png") no-repeat 17px 14px;
    margin: 0 0 0 19px;
}

.more-filters:hover,
.more-filters.active {
    color: #f00;
    background-position: 0 -65px;
}

.reset-filters:hover {
    color: #f00;
    background-position: 17px -68px;
}

.filter-drop {
    border: 5px solid #eff2f7;
    border-radius: 0 11px 11px 11px;
    background: #eff2f7;
    padding: 0 0 13px 7px;
    display: none;
}

.filter-drop .row {
    display: table;
    width: 100%;
}

.filter-drop .row .row-title,
.filter-drop .row .row-filter-categories {
    display: table-cell;
    vertical-align: top;
}

.filter-drop .row .row-title {
    width: 20.352250489236788%; /* 208 / 1022 */;
    padding: 14px 16px 14px 0;
    border-bottom: 2px solid #fff;
    color: #66728c;
    text-align: right;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.filter-drop .row .row-filter-categories {
    width: 79.6477495107632%; /* 814 / 1022 */;
    border-bottom: 2px solid #eff2f7;
    background: #fff;
    padding: 18px 17px 0;
}

.filter-drop .row:last-child .row-title,
.filter-drop .row:last-child .row-filter-categories {
    border-color: transparent;
}

.filter-drop .check-filter-holder {
    float: left;
    margin: 0 12px 20px 0;
}

.filter-drop .check-filter-holder:hover .ez-checkbox {
    background-position: 0 -24px;
}

.filter-drop .check-filter-holder:hover .ez-checked {
    background-position: 0 -12px;
}

.filter-drop .check-filter-holder:hover .ez-disabled {
    background-position: 0 0;
}

.filter-drop .check-filter-holder:hover label {
    color: #f00;
}

.filter-drop .check-filter-holder:hover .ez-checked + label {
    color: #000;
}

.filter-drop .check-filter-holder:hover .ez-disabled + label {
    color: #999;
}

.apply-button {
    float: right;
    color: #000;
    border: 0;
    padding: 13px 56px 3px 34px;
    margin: -38px 0 0;
    border-radius: 12px 0 0 0;
    font: 36px/38px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    -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;
    background: #eff2f7 url("../images/bg-apply-button.png") no-repeat 164px 25px;
}

.apply-button:hover {
    color: #f00;
}

.sort-box {
    padding: 0;
    margin: 0 0 20px;
}

.sort-text {
    float: left;
    margin: 3px 15px 0 0;
    color: #8b94aa;
}

.sort-list {
    list-style: none;
    padding: 3px 0 0;
    margin: 0;
    float: left;
}

.sort-list li {
    float: left;
    padding: 0 13px 0 0;
}

.sort-list a {
    float: left;
    color: #768098;
    text-decoration: underline;
}

.sort-list a:hover,
.sort-list a.active {
    text-decoration: none;
    color: #f00;
}

.sort-price-up,
.sort-price-down {
    text-decoration: none;
    background: url("../images/bg-sort-price.png") no-repeat 100% -96px;
    padding: 0 10px 0 0;
}

.sort-price-down {
    background-position: 100% 4px;
}

.sort-price-up:hover,
.sort-price-up.active {
    background-position: 100% -296px;
}

.sort-price-down:hover,
.sort-price-down.active {
    background-position: 100% -196px;
}

.filter-drop-from .filter_submit {
    float: right;
    font-size: 34px;
    line-height: 36px;
    padding: 15px 15px 0;
}

.filter-drop-from .filter_submit a {
    color: #000;
    text-decoration: none;
}

.filter-drop-from .filter_submit a span {
    color: #f00;
}

.filter-drop-from .filter_submit a:hover {
    color: #f00;
    text-decoration: underline;
}

.title-holder h1 {
    display: inline-block;
}


.search-page #content .title-holder h1 {
    border-bottom: 0;
    margin: 0 0 14px;
}

/* success */
.success-box-holder {
    padding: 25px 0 0 14px;
    min-height: 620px;
    background: url("../images/bg-success-page.jpg") no-repeat 0 185px;
}

.success-box-holder .success-text,
.success-box-holder .thank-text {
    display: inline-block;
    vertical-align: top;
    background: #ffca61;
    padding: 11px 13px 15px 18px;
    border-radius: 16px;
    color: #4c2a00;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    position: relative;
    margin: 0 0 15px;
}

.success-box-holder .thank-text {
    background: #d84963;
    color: #fff;
    margin: -26px 0 0 26px;
    padding: 8px 13px 12px 17px;
}

.success-box-holder .success-text:after,
.success-box-holder .thank-text:after {
    content: "";
    position: absolute;
    bottom: -22px;
    left: 50%;
    margin: 0 0 0 64px;
    background: url("../images/bg-search-error-text.png") no-repeat;
    width: 43px;
    height: 22px;
}

.success-box-holder .thank-text:after {
    margin: 0 0 0 34px;
}

.success-box-holder .thank-text:after {
    background: url("../images/bg-thank-text.png") no-repeat;
    width: 34px;
    height: 21px;
    position: absolute;
    bottom: -21px;
    left: 50%;
}

.success-box-holder .description {
    float: right;
    margin: -23px 0 0;
    width: 440px;
    font: 24px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif
}

.success-box-holder .description-thanks {
    float: none;
    width: auto;
    text-align: center;
}

.success-box-holder .description-thanks p {
    margin: 0;
}

/* new oil selection */
.oil-selection-page-new .title-holder {
    padding: 0 88px 0 0;
    margin: -14px 0 41px;
}

#main .oil-selection-page-new .title-holder .oil-title {
    margin: 0;
    padding: 0;
    border: 0;
    font: 57px/60px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    float: right;
    color: #f00;
}

.oil-selection-page-new .title-holder .oil-title span {
    display: block;
    color: #333;
    font-size: 32px;
    line-height: 27px;
}

.oil-selection-page-new .main-image {
    display: block;
    margin: 0 auto 5px;
    max-width: 100%;

}

/* oil selection page */
.findoil-select-row {
    margin: 0 0 12px;
}

.oil-selection-page-new .findoil-select-row {
    margin: 0 0 10px;
}

.oil-selection-page-new .findoil-select-row:nth-child(1) select {
    width: 340px;
}

.oil-selection-page-new .findoil-select-row:nth-child(2) select {
    width: 320px;
}

.oil-selection-page-new .findoil-select-row:nth-child(3) select {
    width: 300px;
}

.oil-selection-page-new .findoil-select-row:nth-child(4) select {
    width: 280px;
}
.oil-selection-page-new .findoil-select-row:nth-child(5) select {
    width: 260px;
}


.oil-selection-page-new select {
    width: 317px;
    border: 1px solid #8d8d8d;
    margin: 0 10px 0 0;
    float: right;
    height: 25px;
}

.oil-selection-page-new select:hover,
.oil-selection-page-new select:focus {
    border-color: #f00;
}

.oil-selection-page-new .select-oil-holder {
    padding: 0;
    margin: 0;
}

.oil-selection-page-new .select-oil-frame {
    float: left;
    padding: 15px 35px 56px 0;
    width: 481px;
    background: url("../images/bg-oil-selection-frame.png") no-repeat 100% 0;
}

.oil-selection-page-new .select-oil-frame .number {
    float: right;
    color: #4d4d4d;
    margin: 0 9px 0 0;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    text-align: center;
    min-width: 25px;
    height: 22px;
    padding: 3px 0 0;
    display: none;
}

.oil-selection-page-new .select-oil-frame .active .number {
    background: #f00;
    color: #fff;
}

.oil-selection-page-new .select-oil-info {
    float: right;
    padding: 9px 0 0;
    color: #505050;
    width: 321px;
    font-size: 16px;
    line-height: 18px;
}

.oil-selection-page-new .select-oil-info p {
    margin: 0 0 7px;
}

.oil-selection-page-new .select-oil-info ul {
    list-style: none;
    padding: 0;
    margin: 0 0 11px;
}

.oil-selection-page-new .select-oil-info ul li {
    padding: 0 0 6px 15px;
    background: url("../images/bullet.png") no-repeat 0 7px;
}

.oil-selection-page-new .recommend-title {
    font: 30px/32px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.oil-selection-page-new .title-holder {
    margin: 0 0 15px;
}

.oil-selection-page-new .findoil-home {
    padding: 0 10px;
}

.oil-selection-page-new .findoil-loader-opacity {
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
}

.oil-selection-page-new .findoil-body {
    margin: 0 15px;
    display: inline-block;
    vertical-align: top;
    width: 258px;
}

.oil-selection-page-new .findoil-body .recommend-image {
    margin: 0 auto 16px;
    display: block;
    text-decoration: none;
}

.oil-selection-page-new .findoil-body .recommend-product {
    font: 26px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #f00;
    text-decoration: none;
    display: block;
    text-align: center;
    margin: 0 0 15px;
    min-height: 52px;
}

.oil-selection-page-new .findoil-body .recommend-image:hover .recommend-product {
    text-decoration: underline;
}

.oil-selection-page-new .findoil-body img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: 220px;
}

.oil-selection-page-new .capacity {

}

.oil-selection-page-new .findoil-element {
    margin: 0 -10px 0 -25px;
}

.oil-selection-page-new .findoil-element h3 {
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #fff;
    background: #de2100;
    padding: 5px 25px;
    border-radius: 4px;
    margin: 0 0 15px;
}

.oil-selection-page-new .alternative-products {
    display: inline-block;
    vertical-align: top;
    position: relative;

}

.oil-selection-page-new .alternative-title,
.oil-selection-page-new .oil-selection-title {
    font-size: 22px;
    line-height: 1.1;
    font-weight: normal;
    padding: 7px 7px 7px 62px;
    border: 1px solid #fc7600;
    border-radius: 4px;
    margin: 0 -10px 15px -25px;
    position: relative;
}
.oil-selection-page-new .alternative-title::before,
.oil-selection-page-new .oil-selection-title::before {
    content: "";
    background: #fc7600 url("../images/bg-oil-title-alternative.png") no-repeat 50% 50%;
    position: absolute;
    top: 4px;
    left: 26px;
    border-radius: 50%;
    width: 28px;
    height: 28px;
}
.oil-selection-page-new .oil-selection-title::before {
    background-image: url("../images/bg-oil-title.png");
}

.show-all-nodes {
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #fff;
    border: 1px solid transparent;
    background: #8e80c2;
    padding: 5px 25px 5px 45px;
    border-radius: 4px;
    position: relative;
    margin: 0 -10px 15px -25px;
    display: block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.show-all-nodes svg {
    stroke: #fefefe;
    position: absolute;
    top: 50%;
    left: 27px;
    transform: translateY(-50%);
    width: 5px;
    height: 9px;
    transition: all 0.2s ease-in-out;
}

.show-all-nodes:hover {
    border-color: #8e80c2;
    color: #8e80c2;
    background-color: #fff;
}
.show-all-nodes:hover svg {
    transform: translateX(-3px) translateY(-50%);
    stroke: #8e80c2;
}

.oil-box {
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.oil-more:before {
    content: "";
    border: 4px solid #e6e6e6;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    display: block;
    margin: 0 0 20px;
}

.oil-more {
    margin: 11px auto 78px;
    width: 240px;
}

.oil-more a {
    display: block;
    text-decoration: none;
    color: #000;
    font: 31px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    text-align: center;
}

.oil-more span {
    color: #f00;
}

.oil-more a:hover {
    color: #f00;
}

.oil-more em {
    display: block;
    color: #666;
    font: 16px/20px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.oil-box-2 .findoil-element h3,
.oil-box-8 .findoil-element h3 {
    background: #009e03;
}

.oil-box-2 .oil-more span,
.oil-box-2 .oil-more a:hover,
.oil-box-2 .findoil-body .recommend-product,
.oil-box-8 .oil-more span,
.oil-box-8 .oil-more a:hover,
.oil-box-8 .findoil-body .recommend-product {
    color: #009e03;
}

.oil-box-3 .findoil-element h3,
.oil-box-9 .findoil-element h3 {
    background: #f60;
}

.oil-box-3 .oil-more span,
.oil-box-3 .oil-more a:hover,
.oil-box-3 .findoil-body .recommend-product,
.oil-box-9 .oil-more span,
.oil-box-9 .oil-more a:hover,
.oil-box-9 .findoil-body .recommend-product {
    color: #f60;
}

.oil-box-4 .findoil-element h3,
.oil-box-10 .findoil-element h3 {
    background: #006859;
}

.oil-box-4 .oil-more span,
.oil-box-4 .oil-more a:hover,
.oil-box-4 .findoil-body .recommend-product,
.oil-box-10 .oil-more span,
.oil-box-10 .oil-more a:hover,
.oil-box-10 .findoil-body .recommend-product {
    color: #006859;
}

.oil-box-5 .findoil-element h3,
.oil-box-11 .findoil-element h3 {
    background: #69f;
}

.oil-box-5 .oil-more span,
.oil-box-5 .oil-more a:hover,
.oil-box-5 .findoil-body .recommend-product,
.oil-box-11 .oil-more span,
.oil-box-11 .oil-more a:hover,
.oil-box-11 .findoil-body .recommend-product {
    color: #69f;
}

.oil-box-6 .findoil-element h3,
.oil-box-12 .findoil-element h3 {
    background: #0251c7;
}

.oil-box-6 .oil-more span,
.oil-box-6 .oil-more a:hover,
.oil-box-6 .findoil-body .recommend-product,
.oil-box-12 .oil-more span,
.oil-box-12 .oil-more a:hover,
.oil-box-12 .findoil-body .recommend-product {
    color: #0251c7;
}

.oil-selection-page-new .notation-holder {
    margin: 0 0 50px;
    padding: 5px 5px 5px 15px;
    border-left: 4px solid #e6e6e6;
}

.oil-selection-page-new .notation-holder p {
    margin: 0;
    font-style: italic;
}

.oil-selection-page-new .notation-holder strong {
    display: block;
    font: 24px/27px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0 0 15px;
    color: #f00;
}
.info-page #content .recommendations__title {
    margin: 0 0 30px;
    padding: 0;
    font-size: 26px;
    line-height: 1.1;
    border-bottom: none;
    font-weight: normal;
}

.info-page #content h2.recommendations__title {
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: normal;
}

.recommendations__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.recommendations__list li {
    margin-bottom: 9px;
    margin-right: 5px;
    width: calc(25% - 5px);
}
.recommendations__list li a {
    display: inline-block;
    padding: 3px 3px 3px 15px;
    color: #000;
    text-decoration: none;
    position: relative;
}
.recommendations__list li a:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid #ccc;
    border-bottom: 6px solid transparent;
}
.recommendations__list li a:hover {
    color: #f00;
}
.oil__submit-holder {
    text-align: right;
    padding: 15px 15px 0 0;
}
.oil__submit {
    font-size: 22px;
    line-height: 1.1;
    text-align: center;
    padding: 5px 15px;
    border-radius: 4px;
    background-color: #f00;
    border:1px solid #f00;
    color: #fff;
    min-width: 142px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.oil__submit:hover {
    background-color: #fff;
    color: #f00;
}
/* Christmas action */
.christmas-cart-holder {
    padding: 0;
}

.christmas-cart-box {
    border-bottom: 1px solid #fc0;
    padding: 0 0 43px;
    margin: 0 0 39px;
}

.christmas-plus-bonus {
    float: left;
    background: url("../images/ico-2percent-action.png") no-repeat;
    padding: 26px 0 20px 164px;
    width: 175px;
    color: #f00;
    line-height: 30px;
    font-size: 28px;
}

.christmas-cart-box .total-price-holder {
    margin: 28px 0 0;
}

.christmas-cart-box .total-price-holder .difference-box .discount-percent a.red,
.christmas-action-check-holder .total-price-holder .difference-box .discount-percent a.red {
    color: #f00;
}

.christmas-action-info-holder {
    padding: 0 0 40px;
    margin: 0 0 45px;
    text-align: center;
    border-bottom: 1px solid #fc0;
}

.christmas-action-info {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
}

.christmas-action-info img {
    display: block;
    margin: 0 auto;
    -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;
}

.christmas-action-info:hover img {
    opacity: 0.7;
}

.christmas-action-check-holder {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    border: 9px solid #ededed;
    border-radius: 13px;
}

.christmas-action-check-holder-border {
    -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;
    border: 1px solid #ff0000;
    border-radius: 6px;
    position: relative;
    padding: 28px 20px 20px;
}

.christmas-action-check-holder-border.active {
    background: #ffe7e7;
}

.christmas-action-check-holder .total-price-holder {
    float: none;
    text-align: center;
    margin: 0 0 45px;
}

.christmas-action-check-holder .total-price-holder .full-price,
.christmas-action-check-holder .difference-box,
.christmas-action-check-holder .total-price {
    float: none;
    display: inline-block;
    vertical-align: top;
}

.christmas-action-check-holder .difference-box {
    margin: 9px 0 0;
}

.christmas-action-check-holder .total-price-holder .total-price .currency,
.christmas-action-check-holder .total-price-holder .total-price .main-price,
.christmas-action-check-holder .total-price-holder .total-price .cent,
.christmas-action-check-holder .total-price-holder .difference-box .equally {
    color: #ff0000;
}

.christmas-action-check {
    padding: 0 7px;
}

.christmas-action-check a {
    float: right;
    color: #000;
    font-size: 24px;
    line-height: 26px;
    margin: 2px 0 0;
}

.christmas-action-check .ez-checkbox {
    background: transparent url('../images/bg-check-christmas.png') no-repeat;
    float: left;
    margin: 9px 0 0 0;
    width: 12px;
    height: 11px;
    cursor: pointer;
}

.christmas-action-check .ez-checkbox input {
    cursor: pointer;
    outline: none;
    float: left;
}

.christmas-action-check .ez-checked {
    background-position: 0 -11px;
}

.christmas-action-check label {
    float: left;
    padding: 0 0 0 10px;
    margin: 0 36px 0 0;
    cursor: pointer;
    color: #ff0000;
    font-size: 28px;
    line-height: 30px;
}

/**
 * EasyZoom core styles
 */
.easyzoom {
    position: relative;

    /* 'Shrink-wrap' the element */
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.easyzoom img {
    vertical-align: bottom;
}

.easyzoom.is-loading img {
    cursor: progress;
}

.easyzoom.is-ready img {
    cursor: crosshair;
}

.easyzoom.is-error img {
    cursor: not-allowed;
}

.easyzoom-notice {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 150;
    width: 10em;
    margin: -1em 0 0 -5em;
    line-height: 2em;
    text-align: center;
    background: #FFF;
    box-shadow: 0 0 10px #888;
}

.easyzoom-flyout {
    position: absolute;
    z-index: 100;
    overflow: hidden;
    background: #FFF;
}

/**
 * EasyZoom layout variations
 */
.easyzoom--overlay .easyzoom-flyout {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.easyzoom--adjacent .easyzoom-flyout {
    top: 0;
    left: 100%;
    width: 550px;
    height: 400px;
    margin-left: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
}

.easyzoom.is-error img {
    cursor: default;
}

/* promo cart view */
.discount-code-frame {
    padding: 50px 0;
}

.discount-code-holder {
    float: right;
}

.discount-code-holder label {
    float: left;
    margin: 1px 10px 0 0;
}

.text-code {
    margin: 0 10px 0 0;
    float: left;
}

.discount-code-holder .text-code input {
    border: 1px solid #ebebeb;
    border-radius: 4px;
    float: left;
    padding: 3px 5px;
    width: 236px;
    margin: 0;
}

.activate-button {
    float: left;
    margin: 0;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding: 1px 15px 28px;
    height: 21px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 0;
    background: #f00 url("../images/bg-red-button.png") repeat-x;
    font-size: 22px;
}

.activate-button:hover {
    background-position: 0 -50px;
}

/* bonus first purchase*/
.bonus-first {
    padding: 7px 0 0;
}
.bonus-first__title-holder {
    text-align: center;
    color: #fc6701;
}
.bonus-first__title {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    font-size: 74px;
    line-height: 74px;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.bonus-first__subtitle-holder {
    margin: 0 10px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 38px;
    line-height: 32px;

}
.bonus-first__subtitle-holder span {
    display: block;
    margin: 0;
}

.bonus-first__image-holder {
    position: relative;
}
.bonus-first__image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.bonus-first__link-holder {
    position: absolute;
    bottom: 25px;
    right: 190px;
    width: 200px;
    text-align: center;
}

.bonus-first__text {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 24px;
}

.bonus-first__link {
    display: block;
    padding: 7px 10px 9px;
    background-color: #1eb100;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
    transition: background-color 0.2s ease-in-out;
    font-size: 35px;
    line-height: 36px;
}
.bonus-first__arrow {
    display: inline-block;
    vertical-align: top;
    margin: 11px 0 0 10px;
    position: relative;
    width: 22px;
    height: 20px;
}
.bonus-first__link:hover {
    background-color: #f00;
}
.bonus-first__arrow:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: calc(100% - 10px);
    height: 4px;
    margin: -2px 0 0;
    background-color: #fff;
}

.bonus-first__arrow:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
}

/*----------------------------------------------------------------------------------------------------------------------
[COOKIE POPUP]
----------------------------------------------------------------------------------------------------------------------*/
.cookie__popup {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    padding: 20px 80px 20px 40px;
    width: auto;
    margin: auto auto 0;
    z-index: 9000;
}
.cookie__content {
    text-align: center;
    font-size: 16px;
    line-height: 1;
}
.cookie__content p {
    margin: 0 0 10px;
}

.cookie__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    border: none;
    background-color: transparent;
    padding: 0;
    text-align: center;
    font-size: 28px;
    line-height: 40px;
    cursor: pointer;
    color: #db2a31;
    transition: 0.2s ease-in-out opacity;
}
.cookie__close:hover {
    opacity: 0.7;
}
/*----------------------------------------------------------------------------------------------------------------------
[PROMO DISCOUNT IN CART]
----------------------------------------------------------------------------------------------------------------------*/
.promo-discount-container {
    padding: 25px 0;
    float: left;
}

.promo-discount-form {
    width: 450px;
    margin: 0;
    padding: 8px 3px;
    border: 1px dashed #999;
    border-radius: 6px;
    box-sizing: border-box;
}

.promo-discount-form .row {
    position: relative;
    font-size: 0;
    margin: 0;
}

.promo-discount-form .promo-discount-label,
.promo-discount-form .promo-discount-input-holder,
.promo-discount-form .promo-discount-percent,
.promo-discount-form .promo-discount-submit,
.promo-discount-form .promo-discount-link-more {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    font-size: 18px;
    color: #4d4d4d;
}

.promo-discount-form .promo-discount-label {
    margin: 4px 10px 0 0;
    padding: 0;
    width: 23%;
    cursor: pointer;
    box-sizing: border-box;
    text-align: right;
    line-height: 20px;
}

.promo-discount-form .promo-discount-input-holder {
    transition: background-color 0.2s ease-in-out;
    margin: 10px 12px 0 0;
    padding: 3px 10px;
    background: #7c7c7c;
    border-radius: 3px 0 0 3px;
    position: relative;
}

.promo-discount-form .promo-discount-input-holder:after {
    transition: border-color 0.2s ease-in-out;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 33px solid #7c7c7c;
    border-right: 15px solid transparent;
    position: absolute;
    top: 0;
    right: -15px;
}

.promo-discount-form .promo-discount-input-holder.is-active {
    background: #ea0000;
}

.promo-discount-form .promo-discount-input-holder.is-active:after {
    border-bottom-color: #ea0000;
}

.promo-discount-form .promo-discount-input {
    background: #fff;
    border-radius: 3px;
    border: none;
    padding: 0 10px;
    color: #666;
    font-size: 24px;
    line-height: 26px;
    text-transform: uppercase;
    width: 120px;
    box-sizing: border-box;
    outline: none;
    text-align: center;
}

.promo-discount-form .promo-discount-percent {
    margin: -31px 13px 0 0;
    padding: 0;
    background: url("../images/bg-promo-discount-percent.png") no-repeat;
    width: 111px;
    height: 79px;
    box-sizing: border-box;
}
.lang-ua .promo-discount-form .promo-discount-percent {
    background: url("../images/bg-promo-discount-percent-ua.png") no-repeat;
}
.promo-discount-form .promo-discount-percent.is-active,
.lang-ua .promo-discount-form .promo-discount-percent.is-active{
    background-position: 0 -79px;
}
.promo-discount-form .promo-discount-percent span {
    width: 73px;
    height: 73px;
    text-align: center;
    color: #fff;
    font-size: 68px;
    line-height: 78px;
    display: block;
}

.promo-discount-form .promo-discount-submit {
    transition: border-color 0.2s ease-in-out,
    background-color 0.2s ease-in-out;
    margin: 0;
    position: relative;
    width: 48px;
    height: 48px;
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 50%;
    text-indent: -9999px;
    overflow: hidden;
    box-sizing: border-box;
}

.promo-discount-form .promo-discount-submit:after,
.promo-discount-form .promo-discount-submit:before {
    transition: opacity 0.2s ease-in-out;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -13px;
    width: 30px;
    height: 25px;
    background: url("../images/bg-promo-submit.png") no-repeat;
}

.promo-discount-form .promo-discount-submit:before {
    background-position: 0 -25px;
    opacity: 0;
}

.promo-discount-form .promo-discount-submit:hover {
    background-color: #ea0000;
    border-color: #ea0000;
}

.promo-discount-form .promo-discount-submit:hover:after {
    opacity: 0;
}

.promo-discount-form .promo-discount-submit:hover:before {
    opacity: 1;
}

.promo-discount-form .promo-discount-link-more {
    position: absolute;
    top: -17px;
    right: 43%;
    font-size: 15px;
    line-height: 16px;
    color: #009E03;
    background: #fff;
    padding: 0 5px;
}

.promo-discount-form .error-holder {
    text-align: center;
}

.promo-discount-form .error {
    font-size: 18px;
    color: #f00;
    display: block;
    text-align: center;
    margin: 0;
    float: none;
}

/*----------------------------------------------------------------------------------------------------------------------
[SET CATEGORY PAGE]
----------------------------------------------------------------------------------------------------------------------*/
.set-category-box {
    position: relative;
    margin: 0 0 17px;
    padding: 17px 10px 6px 32px;
    border: 1px solid #e6e6e6;
}

.set-category-box:after {
    content: "";
    border-radius: 5px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.set-category-box:hover:after {
    opacity: 1;
}

.set-category-box.is-disabled {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.7;
}

.set-category-box.is-disabled .buy-link-plus {
    pointer-events: none;
}

.set-category-title {
    margin: 0 0 5px;
    color: #008600;
    font: 26px/28px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.set-category-products {
    margin: 0 0 30px;
    padding: 0 0 0 29px;
    color: #000;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    position: relative;
}

.set-category-products:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #008400;
}

.set-box-holder {
    padding: 0 0 5px 7px;
    margin: 0 0 10px;
    border-bottom: 2px solid #ddd;
}

.set-category-box .set-block {
    padding: 0;
}

.set-category-box .bage-set {
    margin: 0 0 0 -24px;
}

.set-category-box .set-box {
    margin: 0 15px 0 0;
}

.set-category-box .set-descr {
    width: 420px;
}

.set-category-box .set-descr-text {
    margin: 0 0 14px;
    padding: 0;
    -webkit-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;
}

.set-category-box .set-descr-text.is-cutted {
    height: 287px;
    overflow: hidden;
}

.set-more-link-holder {
    text-align: center;
    position: relative;
}

.set-more-link-holder:before {
    content: "";
    position: absolute;
    top: -34px;
    left: 0;
    width: 100%;
    height: 20px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+52 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 52%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 52%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 52%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.set-more-link-holder.is-opened:before {
    display: none;
}

.set-more-link {
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-indent: -9999px;
    overflow: hidden;
    height: 28px;
    width: 180px;
    border-top: 2px solid #a7dbb8;
}

.set-more-link:before,
.set-more-link:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 75px;
    width: 18px;
    height: 5px;
    background: #a7dbb8;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.set-more-link:after {
    left: auto;
    right: 76px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.set-more-link:hover:before,
.set-more-link:hover:after {
    background-color: #093;
}

.set-more-link span {
    position: absolute;
    top: 6px;
    left: 50%;
    margin: 0 0 0 -3px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #093;
}

.set-category-box .set-descr p {
    line-height: 18px;
}

.set-category-box .set-form {
    position: static;
    bottom: auto;
    right: auto;
    padding: 0 19px;
}

.category-set-info {
    float: right;
    margin: 0 70px 0 0;
}

.category-set-price {
    border-right: 1px dashed #000;
    padding: 11px 12px 15px 0;
    float: left;
    margin: 0 17px 0 0;
}

.set-category-box .set-form .price-holder {
    margin: 0;
}

.set-category-box .set-form .price-holder .main-price,
.set-category-box .set-form .price-holder .cent {
    color: #eb6b48;
    font-size: 28px;
    line-height: 30px;
    margin: 20px 0 0;
}

.set-category-box .set-form .price-holder .currency {
    font-size: 27px;
    line-height: 28px;
    margin: -3px 5px 0 0;
}

.set-category-box .set-form .price-holder .main-price {
    font-size: 52px;
    line-height: 54px;
    margin: 0;
}

.category-set-economy {
    color: #009200;
    font-size: 16px;
    line-height: 18px;
    float: left;
    padding: 11px 0 0;
}

.category-set-economy .economy-text {
    display: block;
    margin: -5px 0 0;
}

.category-set-economy .economy-price {
    font-weight: normal;
    float: left;
    font-size: 36px;
    line-height: 38px;
    margin: 0;
}

.category-set-economy .economy-cent {
    float: left;
    font-size: 20px;
    line-height: 22px;
    margin: 14px 0 0;
}

.category-set-buy {
    float: right;
    padding: 23px 0 0;
}

.set-category-box .set-form .buy-link {
    float: right;
    margin: -6px 0 0;
}

.complects-filter-box {
    padding: 0;
}

.complects-filter-box h3 {
    margin: 0 0 13px;
    padding: 0 0 0 5px;
    color: #4d4d4d;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.complects-filter-block {
    margin: 0;
    padding: 25px 2px 0 4px;
    position: relative;
}
.complects-filter-block:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: #a7dbb8;
    box-sizing: border-box;
}

.complects-filter-block .row {
    padding: 0 0 0 10px;
    margin: 0 0 15px;
    font-size: 0;
}

.complects-filter-block input[type="checkbox"] {
    display: none;
}

.complects-filter-block label {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    cursor: pointer;
    position: relative;
    padding: 0 0 0 20px;
    transition: background-color 0.2s ease-in-out,
    color 0.2s ease-in-out;
}

.complects-filter-block label:hover {
    color: #4d4d4d;
}

.complects-filter-block label:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 3px;
    background-color: #fff;
    border: 1px solid #000;
}

.complects-filter-block label:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 6px;
    width: 8px;
    height: 8px;
    background-color: transparent;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.complects-filter-block input[type=checkbox]:checked + label:before {
    font-size: 12px;
    text-align: center;
    line-height: 13px;

}

.complects-filter-block input[type=checkbox]:checked + label {
    color: #009200;
}

.complects-filter-block input[type=checkbox]:checked + label:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 6px;
    width: 8px;
    height: 8px;
    background-color: #009200;
}

.complects-filter-submit-holder {
    border: solid #e6e6e6;
    border-width: 1px 0;
    padding: 15px 0;
    margin: 7px 0 0;
}
.complects-filter-submit-holder:after {
    display: none;
}
.complects-filter-submit-holder .row {
    padding: 0;
    margin: 0;
    text-align: center;
}

.complects-filter-submit {
    display: inline-block;
    vertical-align: top;
    color: #000;
    -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;
    text-decoration: none;
    font: 30px/32px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0;
    padding: 0 27px 0 0;
    position: relative;
}

.complects-filter-submit:hover {
    color: #f00;
}

.complects-filter-submit:hover:before,
.complects-filter-submit:hover:after {
    border-right-color: #f00;
    border-bottom-color: #f00;
}

.complects-filter-submit:before,
.complects-filter-submit:after {
    content: "";
    position: absolute;
    top: 9px;
    right: 0;
    width: 11px;
    height: 11px;
    border: 3px solid #00ce05;
    border-top-color: transparent;
    border-left-color: transparent;
    transform: rotate(-45deg);
    border-radius: 3px;
    transition: border-color 0.3s ease-in-out;
    -webkit-transition: border-color 0.3s ease-in-out;
}

.complects-filter-submit:after {
    right: -12px;
}

.pagination-complects {
    padding: 15px 0 0;
    font-size: 20px;
    line-height: 22px;
}

.pagination-complects .links {
    margin: 0 0 10px;
    display: block;
}

.pagination-complects .page-text {
    display: inline-block;
    margin: 0 7px 0 0;
}

.pagination-complects a,
.pagination-complects b {
    -webkit-transition: border-color 0.2s ease-in-out,
    background-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out,
    background-color 0.2s ease-in-out;
    width: 26px;
    height: 23px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #000;
    padding: 3px 0 0;
    border-color: #ccc;
    text-decoration: none;
}

.pagination-complects a:hover {
    border-color: #00ce05;
    color: #000;
    background-color: #fff;
}

.pagination-complects b {
    background: #00ce05;
    margin: 0 7px 0 0;
    border: 2px solid #00ce05;
    color: #fff;
    display: inline-block;
    outline: none;
}

.pagination-complects .results {
    display: block;
    text-align: center;
}

.pagination-complects .next,
.pagination-complects .prev {
    display: none;
}

/*----------------------------------------------------------------------------------------------------------------------
[XADO CLUB PAGES]
----------------------------------------------------------------------------------------------------------------------*/
.club-page #content {
    width: 988px;
    padding: 0 30px;
    border-left: 1px solid #ccc;
}

.club-page #sidebar {
    width: 191px;
    padding: 1px 10px 0;
}

.sidebar-profile {
    padding: 20px 0 0;
    margin: 0 0 20px;
}

.sidebar-profile-title {
    margin: 0 0 7px;
    padding: 0 3px 5px;
    min-width: 150px;
    display: inline-block;
    vertical-align: top;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    border-bottom: 2px solid #cf0000;
}

.sidebar-profile-list {
    list-style: none;
    padding: 0 4px;
    margin: 0 0 45px;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.sidebar-profile-list li {
    padding: 0 0 15px;
}

.sidebar-profile-list a {
    color: #666;
    display: block;
    text-decoration: none;
    position: relative;
}

.sidebar-profile-list .message-new {
    color: #fefefe;
    text-decoration: none;
    padding: 1px 28px 1px 9px;
    border-radius: 8px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+1,d30000+100 */
    background: rgb(255, 0, 0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 0, 0, 1) 1%, rgba(211, 0, 0, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 0, 0, 1) 1%, rgba(211, 0, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 0, 0, 1) 1%, rgba(211, 0, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    position: absolute;
    top: -5px;
    right: 8px;
    font-size: 18px;
    line-height: 20px;
}

.sidebar-profile-list .message-new:after {
    content: "";
    position: absolute;
    top: -3px;
    right: 0;
    background: url('../images/bg-club-message.png') no-repeat;
    width: 23px;
    height: 26px;
}

.sidebar-profile-list li.active a {
    border-bottom: none;
    padding: 0;
    color: #f00;
    display: block;
}

.sidebar-profile-list a:hover {
    color: #000;
    text-decoration: underline;
}

.sidebar-profile-list li.active a:hover {
    text-decoration: none;
}

#sidebar .category-stock-link {
    float: none;
    display: block;
    background: url("../images/img-category-stock.png") no-repeat;
    padding: 115px 0 0;
    color: #4d4d4d;
    text-decoration: none;
    font-size: 28px;
    line-height: 30px;
    width: 151px;
    margin: 0 auto 45px;
    text-align: center;
}

#sidebar .category-stock-link:hover {
    color: #f00;
    text-decoration: underline;
}

.lottery-box {
    margin: 0 0 33px;
    font-size: 20px;
    line-height: 22px;
    color: #000;
}

.lottery-header {
    margin: 0 0 25px;
    border-bottom: 2px solid #cf0000;
}

.lottery-title {
    margin: 0 0 2px;
    color: #cf0000;
    font-weight: normal;
}

.lottery-model {
    margin: 0 0 5px;
}

.lottery-time {
    display: block;
    margin: 0 0 5px;
}

.lottery-image-box {
    position: relative;
    margin: 0 0 5px;
}

.lottery-roulette {
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    top: 30px;
    right: 37px;
    background: url("../images/bg-club-roulette-small.png") no-repeat;
    width: 99px;
    height: 99px;
    transition: all 1s ease-in-out 0s;
}

.lottery-roulette-text {
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    top: -7px;
    right: 12px;
    background: url("../images/bg-club-text-win-small.png") no-repeat;
    width: 90px;
    height: 113px;
    z-index: 2;
}

.lottery-product {
    display: block;
    max-width: 100%;
}

.lottery-footer {
    border-bottom: 2px solid #cf0000;
}

.lottery-participants {
    display: block;
    margin: 0 0 11px;
}

.lottery-is-active .lottery-header,
.lottery-is-active .lottery-footer {
    border-bottom-color: #7dd100;
}

.lottery-is-active .lottery-title {
    color: #4d8613;
}

.lottery-link {
    text-decoration: none;
    color: #000;
    display: block;
}

.lottery-link:hover .lottery-roulette {
    transform: rotate(360deg);
    transition: all 3s ease-in-out 0s;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* club about */
.club-about {
    padding: 0;
}

#content .club-about-title {
    font: 36px/38px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0;
    padding: 0 130px;
    color: #000;
    position: relative;
}

.club-about-banner {
    display: block;
    margin: -67px auto 35px;
    max-width: 100%;
}

.club-about-descr {
    margin: 0 0 30px;
    padding: 0 90px;
    color: #302f30;
}

.club-about-btn-holder,
.about-btn-holder {
    margin: 0 0 39px;
    position: relative;
}

.club-about .btn,
.about-btn-holder .btn {
    display: inline-block;
    vertical-align: top;
    padding: 25px;
    font-size: 26px;
    line-height: 30px;
    border-radius: 60px;
    font-weight: normal;
    min-width: 394px;
    position: relative;
    z-index: 2;
}

.club-about .btn-default,
.about-btn-holder .btn-default {
    color: #4d8613;
    background: #dfeec5;
}

.club-about .btn-red,
.about-btn-holder .btn-red {
    color: #fff;
    background: #d83131;
}

.club-about .btn-green,
.about-btn-holder.btn-green {
    color: #fff;
    background: #5e9c00;
    max-width: 400px;
}

.club-about .btn-yellow,
.about-btn-holder .btn-yellow {
    color: #302f30;
    background: #ffd375;
}

.club-about .club-link-join {
    position: absolute;
    top: 16px;
    right: 115px;
    padding: 25px 25px 25px 70px;
    width: 160px;
    font-size: 26px;
    line-height: 30px;
    border-radius: 60px;
    z-index: 1;
    text-decoration: underline;
}

.club-about .club-link-join:hover {
    text-decoration: none;
}

.club-about .club-link-join.btn-yellow {
    right: 80px;
}

.club-about .club-link-join.btn-red {
    right: 30px;
}

.club-about-list-holder {
    margin: 0 0 100px;
    padding: 0 40px;
}

.club-about-list {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 24px;
    line-height: 26px;
    color: #302f30;
    width: 45%;
}

.club-about-list:nth-child(n+2) {
    float: right;
}

.club-about-list li {
    position: relative;
    padding: 0 0 15px 15px;
}

.club-about-list li:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #4d8613;
    position: absolute;
    top: 8px;
    left: 0;
}

.club-about-list-orange li:before {
    background: #ed9e00;
}

.club-about-list a {
    color: #4d8613;
}

.club-about-list-orange a {
    color: #ed9e00;
}

.club-about-discount-holder {
    text-align: center;
    margin: 0 -30px;
    padding: 102px 0 130px;
    background: #f9f9f9;
}

.club-about-discount-holder .club-about-btn-holder {
    margin: -160px 0 45px;
}

.club-about-discount-box {
    width: 292px;
    display: inline-block;
    vertical-align: top;
    margin: 0 30px;
}

.club-about-discount-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    font-size: 24px;
    line-height: 26px;
    position: relative;
}

.club-about-discount-table th {
    font-weight: normal;
    position: relative;
    font-size: 22px;
    line-height: 24px;
    color: #4d4d4d;
    padding: 0 0 3px;
}

.club-about-discount-table th:nth-child(1),
.club-about-discount-table td:nth-child(1) {
    width: 36%;
}

.club-about-discount-table th:nth-child(2),
.club-about-discount-table td:nth-child(2) {
    width: 28%;
}

.club-about-discount-table th:nth-child(3),
.club-about-discount-table td:nth-child(3) {
    width: 36%;
}

.club-about-discount-table th em {
    display: block;
    font-style: normal;
    font-size: 16px;
}

.club-about-discount-table th:nth-child(2) span {
    width: 59px;
    height: 51px;
    overflow: hidden;
    display: block;
    color: #fff;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.club-about-discount-table th:nth-child(2):before {
    content: "";
    width: 60px;
    height: 60px;
    background: #ff0000;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fa0000+0,ff0000+99 */
    background: rgb(250, 0, 0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(250, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(250, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(250, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 0 0 0 -30px;
    position: absolute;
    top: 2px;
    left: 50%;
}

.club-about-discount-table th:nth-child(2) strong {
    display: block;
    text-align: left;
    font-weight: normal;
    font-size: 48px;
    line-height: 28px;
    margin: 0;
    padding: 0 0 0 11px;
}

.club-about-discount-table th:nth-child(3) span {
    width: 74px;
    height: 61px;
    display: block;
    color: #fff;
    margin: 0 auto;
    position: relative;
    font-size: 26px;
    line-height: 28px;
}

.club-about-discount-table th:nth-child(3) strong {
    display: block;
    text-align: right;
    font-weight: normal;
    font-size: 48px;
    line-height: 28px;
}

.club-about-discount-table th:nth-child(3):before {
    content: "";
    width: 93px;
    height: 61px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffca45+1,ffb600+100 */
    background: rgb(255, 202, 69); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 202, 69, 1) 1%, rgba(255, 182, 0, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 202, 69, 1) 1%, rgba(255, 182, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 202, 69, 1) 1%, rgba(255, 182, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 1px solid #fff;
    display: block;
    border-radius: 50%;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    margin: 0 0 0 -37px;
    position: absolute;
    top: -3px;
    left: 50%;
}

.club-about-discount-table th:nth-child(3) span:before {
    content: "";
    width: 38px;
    height: 38px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #b2b3b3;
    position: absolute;
    bottom: -1px;
    left: -27px;
}

.club-about-discount-table th:nth-child(3) strong:before,
.club-about-discount-table th:nth-child(3) strong:after {
    content: "";
    position: absolute;
    bottom: 6px;
    left: -9px;
    width: 5px;
    height: 24px;
    background: #fff;
}

.club-about-discount-table th:nth-child(3) strong:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.club-about-discount-table td {
    padding: 12px 0 6px;
    position: relative;
    font-size: 25px;
    line-height: 26px;
    color: #4d4d4d;
}

.club-about-discount-table th:after,
.club-about-discount-table td:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    border-top: 1px solid #ccc;
    background: #f0f0f0;
}

.club-about-discount-table td:nth-child(2),
.club-about-discount-table td:nth-child(3) {
    font-size: 26px;
    line-height: 28px;
    color: #fff;
}

.club-about-discount-table td:nth-child(2) span,
.club-about-discount-table td:nth-child(3) span {
    display: block;
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 2;
}

.club-about-discount-table td:nth-child(2):before {
    content: "";
    width: 35px;
    height: 35px;
    background: #ff0000;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fa0000+0,ff0000+99 */
    background: rgb(250, 0, 0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(250, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(250, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(250, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    text-align: center;
    border-radius: 50%;
    margin: 0 0 0 -17px;
    position: absolute;
    bottom: 5px;
    left: 50%;
}

.club-about-discount-table td:nth-child(2) {
    font-size: 31px;
    line-height: 32px;
    font-weight: bold;
}

.club-about-discount-table td:nth-child(3):before {
    content: "";
    width: 62px;
    height: 41px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffca45+1,ffb600+100 */
    background: rgb(255, 202, 69); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 202, 69, 1) 1%, rgba(255, 182, 0, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 202, 69, 1) 1%, rgba(255, 182, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 202, 69, 1) 1%, rgba(255, 182, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 0;
    margin: 0 0 0 -29px;
    border-radius: 50%;
    position: absolute;
    bottom: 3px;
    left: 50%;
    z-index: 0;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.club-about-discount-table-right th,
.club-about-discount-table-right th:nth-child(2) span,
.club-about-discount-table-right th:nth-child(3) span,
.club-about-discount-table-right th strong {
    text-indent: -9999px;
    overflow: hidden;
    cursor: default;
}

.club-about-discount-table-right th:nth-child(2):before,
.club-about-discount-table-right th:nth-child(3):before,
.club-about-discount-table-right th:nth-child(2) span,
.club-about-discount-table-right th:nth-child(3) span,
.club-about-discount-table-right th:nth-child(3) span:before,
.club-about-discount-table-right th:nth-child(3) strong:before,
.club-about-discount-table-right th:nth-child(3) strong:after {
    opacity: 0;
}

.club-about-btn-discount {
    margin: -50px 0 50px;
}

.club-about-bonus {
    position: relative;
    padding: 30px 214px 0;
    margin: 0 0 89px;
}

.club-about-bonus-image {
    display: block;
}

.club-about-bonus-info {
    color: #302f30;
}

.club-about-bonus-top-right {
    position: absolute;
    top: -5px;
    right: 22px;
    width: 447px;
}

.club-about-bonus-left {
    position: absolute;
    top: 190px;
    left: 10px;
    width: 302px;
}

.club-about-bonus-bottom-right {
    position: absolute;
    bottom: 3px;
    right: 93px;
    width: 464px;
}

.club-about-bonus-info h3 {
    margin: 0 0 10px;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #44a51b;
}

.club-about-bonus-left h3 {
    color: #f00;
}

.club-about-bonus-bottom-right h3,
.club-about-bonus-bottom-right a {
    color: #ed9e00;
}

.club-about-bonus-info p {
    margin: 0 0 10px;
}

.club-about-color-box {
    background: #fff6e2;
    padding: 80px 80px 18px;
    margin: 0 -30px 15px;
}

.club-about-color-box .club-about-btn-holder {
    margin: -136px 0 29px;
}

.club-about-color-box .club-about-list-holder {
    margin: 0;
}

.club-about-color-box .club-about-list {
    width: 35%;
}

.club-about-color-box .club-about-list:nth-child(n+2) {
    width: 59%;
}

.club-about-caution {
    text-align: right;
    color: #f00;
    padding: 0;
    margin: 0;
}

/* club about action */
.club-about-action .club-about-banner {
    margin-top: -20px;
}

.club-about-action .club-about-discount-box {
    margin-bottom: 40px;
}

.club-about-action .club-about-list {
    width: auto;
    float: none;
    margin: 0;
    padding: 0 0 0 200px;
}

.club-about-action .club-about-list li {
    background: none;
    padding: 0 0 7px 15px;
}

.club-about-action .btn-green {
    width: 550px;
}

.article .club-about-action p {
    font-size: 22px;
    line-height: 24px;
}

/* club join */
.club-join p {
    font-size: 20px;
    line-height: 24px;
}

.club-join ul {
    list-style: none;
    padding: 0 0 0 40px;
    margin: 0 0 30px;
    font-size: 20px;
    line-height: 24px;
}

.club-join ul li {
    padding: 0 0 0 19px;
    background: url("../images/bullet-red.png") no-repeat 0 8px;
}

.club-join ol {
    padding: 0 0 0 40px;
    margin: 0 0 30px;
    font-size: 20px;
    line-height: 24px;
}

.club-join ol li {
    padding: 0 0 3px;
}

.club-join h2 {
    font: 32px/34px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
    margin: 0 0 24px;
}

.club-join h3 {
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
    margin: 0 0 22px;
}

.club-join .club-about-discount-table {
    width: 70%;
    margin: 0 auto;
}

/* club discount page */
.club-page #content .club-main-title {
    font-size: 30px;
    line-height: 32px;
    padding: 0 0 0 8px;
    margin: -4px 0 21px;
}

.speedometer-holder {
    padding: 50px 0 0 121px;
    margin: 0 0 30px;
}

.speedometer-box {
    border-bottom: 1px solid #ccc;
    position: relative;
    padding: 0 0 1px;
    margin: 0 0 10px;
}

.speedometer-block {
    float: left;
    width: 502px;
}

.speedometer-image {
    background: url("../images/bg-speedometr-new.jpg") no-repeat;
    width: 502px;
    height: 440px;
    position: relative;
}

.speedometer-arrow-goal {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -175px 0 0 -207px;
    background: url("../images/bg-speedometer-goal3.png") no-repeat;
    width: 414px;
    height: 414px;
}

/*.speedometer-arrow-goal[data-percent="20"] {*/
/*    transform: rotate(30.3deg);*/
/*}*/
/*.speedometer-arrow-goal[data-percent="30"] {*/
/*    transform: rotate(30.3deg);*/
/*}*/
.speedometer-arrow-goal[data-percent="35"] {
    transform: rotate(30.3deg);
}
.speedometer-arrow-current {
    position: absolute;
    top: 149px;
    left: 147px;
    background: url("../images/bg-speedometer-current2.png") no-repeat;
    width: 206px;
    height: 205px;
}

.speedometer-arrow-current-arrow {
    position: absolute;
    top: 50%;
    left: 147px;
    background: url("../images/speedometer-arrow-red.png") no-repeat;
    width: 206px;
    height: 469px;
    margin: -204px 0 0;
    transform: rotate(-120deg);
    animation-duration: 2500ms;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-name: arrowSpeed20;
}




/*.speedometer-arrow-current-arrow[data-percent="6"] {*/
/*    animation-name: arrowSpeed6;*/
/*    transform: rotate(-72deg);*/
/*}*/

/*.speedometer-arrow-current-arrow[data-percent="7"] {*/
/*    animation-name: arrowSpeed7;*/
/*    transform: rotate(-64deg);*/
/*}*/

/*.speedometer-arrow-current-arrow[data-percent="8"] {*/
/*    animation-name: arrowSpeed8;*/
/*    transform: rotate(-56deg);*/
/*}*/

/*.speedometer-arrow-current-arrow[data-percent="9"] {*/
/*    animation-name: arrowSpeed9;*/
/*    transform: rotate(-48deg);*/
/*}*/

/*.speedometer-arrow-current-arrow[data-percent="10"] {*/
/*    animation-name: arrowSpeed10;*/
/*    transform: rotate(-40deg);*/
/*}*/

/*.speedometer-arrow-current-arrow[data-percent="11"] {*/
/*    animation-name: arrowSpeed11;*/
/*    transform: rotate(-32deg);*/
/*}*/

/*.speedometer-arrow-current-arrow[data-percent="12"] {*/
/*    animation-name: arrowSpeed12;*/
/*    transform: rotate(-24deg);*/
/*}*/

/*.speedometer-arrow-current-arrow[data-percent="13"] {*/
/*    animation-name: arrowSpeed13;*/
/*    transform: rotate(-16deg);*/
/*}*/

/*.speedometer-arrow-current-arrow[data-percent="14"] {*/
/*    animation-name: arrowSpeed14;*/
/*    transform: rotate(-8deg);*/
/*}*/

/*.speedometer-arrow-current-arrow[data-percent="15"] {*/
/*    animation-name: arrowSpeed15;*/
/*    transform: rotate(0deg);*/
/*}*/

/*.speedometer-arrow-current-arrow[data-percent="16"] {*/
/*    animation-name: arrowSpeed16;*/
/*    transform: rotate(8deg);*/
/*}*/

/*.speedometer-arrow-current-arrow[data-percent="17"] {*/
/*    animation-name: arrowSpeed17;*/
/*    transform: rotate(16deg);*/
/*}*/

/*.speedometer-arrow-current-arrow[data-percent="18"] {*/
/*    animation-name: arrowSpeed18;*/
/*    transform: rotate(24deg);*/
/*}*/

/*.speedometer-arrow-current-arrow[data-percent="19"] {*/
/*    animation-name: arrowSpeed19;*/
/*    transform: rotate(32deg);*/
/*}*/







.speedometer-arrow-current-arrow[data-percent="20"] {
    animation-name: arrowSpeed20;
    transform: rotate(-120deg);
}
.speedometer-arrow-current-arrow[data-percent="21"] {
    animation-name: arrowSpeed21;
    transform: rotate(-104deg);
}
.speedometer-arrow-current-arrow[data-percent="22"] {
    animation-name: arrowSpeed22;
    transform: rotate(-88deg);
}
.speedometer-arrow-current-arrow[data-percent="23"] {
    animation-name: arrowSpeed23;
    transform: rotate(-72deg);
}
.speedometer-arrow-current-arrow[data-percent="24"] {
    animation-name: arrowSpeed24;
    transform: rotate(-56deg);
}
.speedometer-arrow-current-arrow[data-percent="25"] {
    animation-name: arrowSpeed25;
    transform: rotate(-40deg);
}
.speedometer-arrow-current-arrow[data-percent="26"] {
    animation-name: arrowSpeed26;
    transform: rotate(-24deg);
}
.speedometer-arrow-current-arrow[data-percent="27"] {
    animation-name: arrowSpeed27;
    transform: rotate(-8deg);
}
.speedometer-arrow-current-arrow[data-percent="28"] {
    animation-name: arrowSpeed28;
    transform: rotate(8deg);
}
.speedometer-arrow-current-arrow[data-percent="29"] {
    animation-name: arrowSpeed29;
    transform: rotate(24deg);
}
.speedometer-arrow-current-arrow[data-percent="30"] {
    animation-name: arrowSpeed30;
    transform: rotate(40deg);
}
.speedometer-arrow-current-arrow[data-percent="31"] {
    animation-name: arrowSpeed31;
    transform: rotate(56deg);
}
.speedometer-arrow-current-arrow[data-percent="32"] {
    animation-name: arrowSpeed32;
    transform: rotate(72deg);
}
.speedometer-arrow-current-arrow[data-percent="33"] {
    animation-name: arrowSpeed33;
    transform: rotate(88deg);
}
.speedometer-arrow-current-arrow[data-percent="34"] {
    animation-name: arrowSpeed34;
    transform: rotate(104deg);
}
.speedometer-arrow-current-arrow[data-percent="35"] {
    animation-name: arrowSpeed35;
    transform: rotate(120deg);
}
/* discount 20 */
@-webkit-keyframes arrowSpeed20 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(-140deg);
    }
}

@keyframes arrowSpeed20 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(-140deg);
    }
}

/* discount 21 */
@-webkit-keyframes arrowSpeed21 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(-104deg);
    }
}

@keyframes arrowSpeed21 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(-104deg);
    }
}

/* discount 22 */
@-webkit-keyframes arrowSpeed22 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(-88deg);
    }
}

@keyframes arrowSpeed22 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(-88deg);
    }
}

/* discount 23 */
@-webkit-keyframes arrowSpeed23 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(-72deg);
    }
}

@keyframes arrowSpeed23 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(-72deg);
    }
}

/* discount 24 */
@-webkit-keyframes arrowSpeed24 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(-56deg);
    }
}

@keyframes arrowSpeed24 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(-56deg);
    }
}

/* discount 25 */
@-webkit-keyframes arrowSpeed25 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(-40deg);
    }
}

@keyframes arrowSpeed25 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(-40deg);
    }
}

/* discount 26 */
@-webkit-keyframes arrowSpeed26 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(-24deg);
    }
}

@keyframes arrowSpeed26 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(-24deg);
    }
}

/* discount 27 */
@-webkit-keyframes arrowSpeed27 {
    0% {
        transform: rotate(-78deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(-8deg);
    }
}

@keyframes arrowSpeed27 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(-8deg);
    }
}

/* discount 28 */
@-webkit-keyframes arrowSpeed28 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(8deg);
    }
}

@keyframes arrowSpeed28 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(8deg);
    }
}

/* discount 29 */
@-webkit-keyframes arrowSpeed29 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(24deg);
    }
}

@keyframes arrowSpeed29 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(24deg);
    }
}

/* discount 30 */
@-webkit-keyframes arrowSpeed30 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(40deg);
    }
}

@keyframes arrowSpeed30 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(40deg);
    }
}

/* discount 31 */
@-webkit-keyframes arrowSpeed31 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(56deg);
    }
}

@keyframes arrowSpeed31 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(56deg);
    }
}

/* discount 32 */
@-webkit-keyframes arrowSpeed32 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(72deg);
    }
}

@keyframes arrowSpeed32 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(72deg);
    }
}

/* discount 33 */
@-webkit-keyframes arrowSpeed33 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(88deg);
    }
}

@keyframes arrowSpeed33 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(88deg);
    }
}

/* discount 34 */
@-webkit-keyframes arrowSpeed34 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(104deg);
    }
}

@keyframes arrowSpeed34 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(104deg);
    }
}

/* discount 35 */
@-webkit-keyframes arrowSpeed35 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(140deg);
    }
}

@keyframes arrowSpeed35 {
    0% {
        transform: rotate(-131deg);
    }
    30% {
        transform: rotate(131deg);
    }
    68% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(140deg);
    }
}

.speedometer-image-current {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 156px;
    height: 136px;
    margin: -49px 0 0 -80px;
    text-align: center;
    padding: 20px 0 0;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.3);
}

.speedometer-image-number {
    font-weight: normal;
    color: #cf0000;
    font-size: 123px;
    line-height: 126px;
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

.speedometer-image-percent {
    font-style: normal;
    color: #cf0000;
    font-size: 56px;
    line-height: 58px;
    display: inline-block;
    vertical-align: top;
    margin: 12px 0 0;
}

.speedometer-digits {
    color: #b3b3b3;
    font-size: 69px;
    line-height: 70px;
}

.speedometer-digits .digit-number {
    position: absolute;
    top: 0;
    left: 0;
}

.speedometer-digits .digit-0 {
    top: auto;
    bottom: 20px;
    left: -1px;
}

.speedometer-digits .digit-5 {
    top: 174px;
    left: -13px;
}

.speedometer-digits .digit-10 {
    top: 25px;
    left: 45px;
}

.speedometer-digits .digit-15 {
    top: -42px;
    left: 219px;
}

.speedometer-digits .digit-20 {
    top: auto;
    bottom: 20px;
    left: -15px;
}

.speedometer-digits .digit-25 {
    top: 25px;
    left: 45px;
}

.speedometer-digits .digit-30 {
    top: 25px;
    left: auto;
    right: 50px;
}

.speedometer-digits .digit-35 {
    top: auto;
    bottom: 15px;
    left: auto;
    right: 6px;
}
.speedometer-current {
    width: 324px;
    padding: 10px 12px 5px;
    border-radius: 17px 17px 0 0;
    background: #fff;
    border-bottom: 4px solid #ffc342;
    color: #4d4d4d;
    font-size: 22px;
    line-height: 26px;
    margin: -74px auto 0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.4);
    position: relative;
}

.speedometer-current-bage {
    display: inline-block;
    vertical-align: top;
    margin: 0 12px 0 0;
    width: 79px;
    height: 52px;
    color: #fff;
    font-size: 22px;
    line-height: 24px;
    position: relative;
}

.speedometer-current-bage:before {
    content: "";
    width: 79px;
    height: 52px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffca45+1,ffb600+100 */
    background: rgb(255, 202, 69); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 202, 69, 1) 1%, rgba(255, 182, 0, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 202, 69, 1) 1%, rgba(255, 182, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 202, 69, 1) 1%, rgba(255, 182, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-transform: rotate(-13deg);
    transform: rotate(-13deg);
    position: absolute;
    top: 0;
    left: 0;
}

.speedometer-current-bage strong {
    position: relative;
    display: block;
    text-align: right;
    font-weight: normal;
    font-size: 42px;
    line-height: 28px;
    padding: 4px 7px 0 0;
}

.speedometer-current-bage span {
    position: relative;
    display: block;
    margin: -6px 0 0;
    padding: 0 0 0 15px;
}

.speedometer-current-points {
    display: inline-block;
    vertical-align: top;
    margin: 3px 6px 0 0;
    font-size: 50px;
    line-height: 52px;
    font-weight: normal;
    position: relative;
    min-width: 73px;
}

.speedometer-current-text {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    width: 120px;
}

.speedometer-change-on {
    display: block;
    font-size: 28px;
    line-height: 30px;
    color: #666;
    padding: 0 90px;
}

.speedometer-info {
    width: 380px;
    position: absolute;
    top: 2px;
    right: 40px;
}

.speedometer-info h3 {
    margin: 0 0 43px;
    color: #b3b3b3;
    font: 40px/42px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.speedometer-text {
    display: block;
    color: #666;
    font-size: 28px;
    line-height: 32px;
    padding: 0 0 0 115px;
    margin: 0 0 5px;
}

.speedometer-goal {
    margin: 0;
}

.speedometer-next {
    float: left;
    border: 13px solid #fff;
    width: 134px;
    height: 134px;
    background: #fff;
    border-radius: 50%;
    box-shadow: inset 0 0 13px rgba(0, 0, 0, 0.5);
    padding: 13px;
    margin: 0 0 0 11px;
    position: relative;
}

.speedometer-circle {
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    width: 134px;
    height: 134px;
    overflow: hidden;
    position: relative;
    font-size: 38px;
    line-height: 40px;
    color: #000;
    text-align: center;
    padding: 0;
}

.speedometer-circle:before {
    content: "";
    width: 100%;
    height: 0;
    display: block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebbb62+1,ffcb6b+82,ffe0a8+83,ffe0a8+100 */
    background: rgb(235, 187, 98); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(235, 187, 98, 1) 1%, rgba(255, 203, 107, 1) 82%, rgba(255, 224, 168, 1) 83%, rgba(255, 224, 168, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(235, 187, 98, 1) 1%, rgba(255, 203, 107, 1) 82%, rgba(255, 224, 168, 1) 83%, rgba(255, 224, 168, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(235, 187, 98, 1) 1%, rgba(255, 203, 107, 1) 82%, rgba(255, 224, 168, 1) 83%, rgba(255, 224, 168, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-transition: height 2s ease-in-out;
    transition: height 2s ease-in-out;
}

.speedometer-circle[data-discount="5"]:before {
    height: 10px;
}

.speedometer-circle[data-discount="6"]:before {
    height: 16px;
}

.speedometer-circle[data-discount="7"]:before {
    height: 24px;
}

.speedometer-circle[data-discount="8"]:before {
    height: 32px;
}

.speedometer-circle[data-discount="9"]:before {
    height: 40px;
}

.speedometer-circle[data-discount="10"]:before {
    height: 48px;
}

.speedometer-circle[data-discount="11"]:before {
    height: 56px;
}

.speedometer-circle[data-discount="12"]:before {
    height: 64px;
}

.speedometer-circle[data-discount="13"]:before {
    height: 72px;
}

.speedometer-circle[data-discount="14"]:before {
    height: 80px;
}

.speedometer-circle[data-discount="15"]:before {
    height: 88px;
}

.speedometer-circle[data-discount="16"]:before {
    height: 96px;
}

.speedometer-circle[data-discount="17"]:before {
    height: 104px;
}

.speedometer-circle[data-discount="18"]:before {
    height: 112px;
}

.speedometer-circle[data-discount="19"]:before {
    height: 120px;
}

.speedometer-circle[data-discount="20"]:before {
    height: 134px;
}

.speedometer-circle-box {
    width: 134px;
    height: 110px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 24px 0 0;
}

.speedometer-circle strong,
.speedometer-circle em {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.speedometer-circle em {
    font-style: normal;
    margin: 7px 0 0;
}

.speedometer-circle strong {
    font-weight: normal;
    font-size: 85px;
    line-height: 86px;
    margin: 0;
}

.speedometer-change {
    float: left;
    color: #666;
    font-size: 24px;
    line-height: 26px;
    width: 190px;
    padding: 38px 0 0;
    margin: 0 0 0 -80px;
}

.speedometer-button {
    display: block;
    font-size: 24px;
    line-height: 26px;
    color: #000;
    text-decoration: none;
    padding: 17px 18px 17px 94px;
    border-radius: 30px;
    border: 2px solid #ccc;
    margin: 0 0 22px;
    -webkit-transition: border-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out;
}

.speedometer-button:hover {
    border-color: #ffb600;
}

.speedometer-up-to {
    display: block;
    margin: 0;
    padding: 0 0 0 73px;
}

.speedometer-up-to em {
    font-style: normal;
}

.speedometer-points {
    display: block;
    margin: 0;
    padding: 0 0 0 55px;
}

.speedometer-points strong {
    font-weight: normal;
    font-size: 46px;
    line-height: 48px;
}

.club-discount-products {
    margin: 0 -6px 22px;
}

.club-discount-info {
    background-color: #fcf8e3;
    border: 1px solid #ccc;
    color: #8a6d3b;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 15px 30px;
    font-size: 20px;

}

.club-discount-info h2 {
    margin: 0 0 15px;
    font-weight: normal;
    font-size: 28px;
    line-height: 30px;
}

.club-discount-info ol {
    margin: 0;
    padding: 0 0 0 12px;
}

.club-discount-info ol li {
    padding: 0 0 8px 5px;
}

.club-discount-title {
    padding: 0 0 7px;
    margin: 0 0 25px;
    border-bottom: 1px solid #ccc;
    font: 30px/32px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
}

.club-discount-title .icon,
.gift-buy .icon {
    display: inline-block;
    vertical-align: top;
    margin: 2px 8px 0 0;
    width: 46px;
    height: 30px;
    background: #60a51a;
    border-radius: 50%;
    position: relative;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.club-discount-title .icon:before,
.club-discount-title .icon em:before,
.gift-buy .icon:before,
.gift-buy .icon em:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 19px;
    width: 15px;
    height: 2px;
    background: #fff;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    -webkit-transition: left 0.2s linear,
    right 0.2s linear;
    transition: left 0.2s linear,
    right 0.2s linear;
}

.club-discount-title .icon:after,
.club-discount-title .icon em:after,
.gift-buy .icon:after,
.gift-buy .icon em:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 8px;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fff;
    border-top: 5px solid transparent;
    height: 0;
    width: 0;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    -webkit-transition: left 0.2s linear,
    right 0.2s linear;
    transition: left 0.2s linear,
    right 0.2s linear;
}

.club-discount-title .icon em:before,
.gift-buy .icon em:before {
    top: auto;
    bottom: 10px;
    left: 13px;
}

.club-discount-title .icon em:after,
.gift-buy .icon em:after {
    top: auto;
    right: auto;
    bottom: 8px;
    left: 9px;
    border-left: none;
    border-right: 5px solid #fff;
}

.club-discount-title span {
    color: #808080;
}

.bonus-product {
    -webkit-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    color: #000;
    width: 279px;
    margin: 0 3px 19px;
    padding: 26px 19px 20px;
    border-color: #ededed;
    border-radius: 0;
    background: none;
    position: relative;
}

.bonus-product:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.bonus-product:hover:after {
    opacity: 1;
}

.bonus-product:hover {
    background: none;
    border-color: #ededed;
}

.bonus-product .catalog-image-box {
    width: auto;
    float: none;
}

.bonus-product .catalog-image-box img {
    max-width: 100%;
}

.bonus-product h3 {
    margin: -16px 0 8px;
    font-size: 24px;
    line-height: 26px;
    font-weight: normal;
    text-align: center;
    position: relative;
}

.bonus-product h3 a {
    color: #000;
    text-decoration: none;
}
.bonus-product .catalog-image-box .bage {
    left: 2px;
}
.bonus-product .rating {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

.bonus-product .rating-holder {
    text-align: center;
    margin: 0 0 12px;
}

.bonus-product .rating {
    display: inline-block;
    vertical-align: top;
    margin: -2px 5px 0;
    float: none;
}

.bonus-product .rating img {
    float: none;
    margin: 0 5px;
    display: block;
}

.bonus-product .product-comments {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    float: none;
    font-size: 22px;
    line-height: 24px;
    color: #4c4c4c;
}

.product-bonus-box {
    padding: 1px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    color: #4d4d4d;
    margin: 0 0 8px;
    position: relative;
}

.product-bonus-container {
    overflow: hidden;
    padding: 0 17px 0 0;
}

.bonus-bage {
    display: inline-block;
    vertical-align: top;
    margin: 5px 8px 0 -11px;
    width: 89px;
    height: 53px;
    color: #fff;
    font-size: 26px;
    line-height: 28px;
    position: relative;
}

.bonus-bage:before {
    content: "";
    width: 89px;
    height: 58px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffca45+1,ffb600+100 */
    background: rgb(255, 202, 69); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 202, 69, 1) 1%, rgba(255, 182, 0, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 202, 69, 1) 1%, rgba(255, 182, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 202, 69, 1) 1%, rgba(255, 182, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    position: absolute;
    top: 0;
    left: 0;
}

.bonus-bage strong {
    position: relative;
    display: block;
    text-align: right;
    font-weight: normal;
    font-size: 48px;
    line-height: 28px;
    margin: 7px 8px 0 0;
}

.bonus-bage span {
    position: relative;
    display: block;
    margin: -6px 0 0 16px;
}

.bonus-price {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 8px 8px 0 0;
    font-size: 24px;
    line-height: 26px;
}

.bonus-price strong {
    font-weight: normal;
    font-size: 44px;
    line-height: 46px;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

.bonus-price em {
    font-style: normal;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 0 3px;
}

.bonus-buy-link {
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    float: right;
    margin: 0;
    text-decoration: none;
    text-align: center;
    padding: 0;

    position: relative;
}

.bonus-buy-link:hover {
    opacity: 0.6;
}

.bonus-buy-view {
    background: #6bb300;
    width: 45px;
    height: 32px;
    text-indent: -9999px;
    overflow: hidden;
    border-radius: 18px;
    display: block;
    padding: 3px 2px 0 3px;
    margin: 13px 0 0;
    position: relative;
}
.bonus-buy-view:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 50%;
    margin-left: -12px;
    width: 25px;
    height: 19px;
    background: url('../images/sprite-header-blue.png') -520px -141px;
}
.bonus-product .price-box {
    padding: 0 14px;
    margin: 0;
    border-bottom: none;
}

.bonus-product .price-box .option {
    margin: 0 40px 0 0;
    padding: 0;
    font-size: 20px;
    line-height: 22px;
    color: #000;
    background: none;
    float: left;
}

.bonus-product .price-box .price-holder {
    float: left;
}

.bonus-product .price-holder .main-price,
.bonus-product .price-holder .cent,
.bonus-product .price-holder .currency {
    margin: 0;
    color: #4c4c4c;
    font-size: 20px;
    line-height: 22px;
}

.bonus-product .price-holder .currency {
    font-size: 18px;
    margin: 0 0 0 5px;
}

.bonus-product-error {
    display: block;
    text-align: center;
    padding: 5px;
    margin: 15px 0 0;
}

.product-card-holder .bonus-product-error {
    text-align: right;
    margin: 0;
    padding: 0;
}

.club-gifts-holder {
    margin: 0 -6px 55px;
}

.club-gifts {
    margin: -10px 0 0;
}

.gift-box {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    width: 320px;
}

.gift-image {
    margin: 0;
}

.gift-image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.gift-price-holder {
    text-align: center;
    margin: -26px 0 22px;
}

.gift-price {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    border-radius: 5px;
    padding: 1px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    color: #4d4d4d;
}

.gift-price-container {
    overflow: hidden;
    padding: 0 13px 0 0;
}

.lottery-gift-price .gift-price-container {
    padding: 0;
}

.gift-price .bonus-price {
    padding: 6px 0 0;
}

.gift-price .bonus-bage span {
    margin: -6px 0 0 -13px;
}

.gift-info {
    margin: 0;
    font-size: 16px;
    line-height: 16px;
    color: #000;
    padding: 0 33px 75px;
    position: relative;
}

.gift-info h4 {
    margin: 0 0 9px;
    color: #000;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.gift-info h4 strong {
    font-weight: normal;
    color: #cf0000;
    display: block;
}

.gift-box-green h4 strong {
    color: #4d8613;
}

.gift-box-blue h4 strong {
    color: #0073a8;
}

.gift-text {
    margin: 0 0 20px;
}

.gift-info p {
    margin: 0;
}

.gift-buy {
    display: inline-block;
    vertical-align: top;
    padding: 8px 36px 5px 20px;
    border: 2px solid #ccc;
    border-radius: 22px;
    color: #000;
    text-decoration: none;
    font-size: 22px;
    line-height: 24px;
    -webkit-transition: border-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out;
}

.gift-buy:hover {
    border-color: #60a51a;
}

.gift-buy .icon {
    margin: -3px 14px 0 0;
}

.gift-buy:hover .icon:after {
    right: 4px;
}

.gift-buy:hover .icon:before {
    left: 22px;
}

.gift-buy:hover .icon em:after {
    left: 4px;
}

.gift-buy:hover .icon em:before {
    left: 9px;
}

.gift-popup {
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin: 0 0 0 -186px;
    width: 273px;
    padding: 30px 50px 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border: 1px solid #e8e8e8;
    border-radius: 18px 0;
    background: #fff;
    z-index: 4;
}

.gift-popup.is-hidden,
.gift-popup-area.is-hidden,
.gift-popup-success.is-hidden {
    display: none;
}

.gift-popup-success {
    min-height: 146px;
    padding: 100px 0 0;
}

.gift-popup-success span {
    display: block;
    font-size: 24px;
    line-height: 26px;
    color: #60a51a;
}

.gift-btn-close {
    position: absolute;
    top: 0;
    right: 0;
    color: #000;
    text-decoration: none;
    width: 30px;
    height: 21px;
    text-align: center;
    padding: 9px 0 0;
    z-index: 3;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.gift-popup.animated {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.gift-popup h4 {
    color: #4d4d4d;
    font-size: 22px;
    line-height: 24px;
    margin: 0 0 15px;
}

.gift-popup-form .row {
    margin: 0 0 13px;
    position: relative;
}

.gift-popup-form .row.is-hidden {
    display: none;
}

.gift-popup-label {
    float: left;
    width: 60px;
    text-align: right;
    margin: 3px 15px 0 0;
    font-size: 18px;
    line-height: 20px;
    cursor: pointer;
}

.gift-popup-text {
    transition: 0.2s ease-in-out border-color;
    float: left;
    margin: 0;
    padding: 3px 5px;
    width: 142px;
    border: 1px solid #999;
    font-size: 16px;
    line-height: 18px;
    color: #b3b3b3;
    text-align: center;
    outline: none;
}

.gift-popup-text:focus {
    border-color: #ffdb3b;
}

.gift-popup-text.is-error {
    border-color: #f00;
}

.gift-popup-error {
    margin: 4px 0 0;
    color: #f00;
    font-size: 14px;
    line-height: 14px;
    float: right;
}

.gift-popup-error.is-hidden {
    display: none;
}

.gift-popup-chooser {
    padding: 0 44px 0 74px;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    color: #000;
}

.gift-popup-chooser a {
    color: #000;
}

.gift-popup-chooser a.is-active {
    color: #f00;
    text-decoration: none;
}

.gift-popup-chooser a:hover {
    text-decoration: none;
}

.gift-popup-chooser-text,
.gift-popup-chooser-email,
.gift-popup-chooser-sms {
    margin: 0 3px;
}

.gift-popup-submit {
    display: block;
    padding: 11px;
    background: #60a51a;
    border-radius: 22px;
    color: #fff;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

.gift-popup-submit:hover {
    background: rgba(96, 165, 26, 0.8);
}

.lottery-participation-holder {
    margin: 0 -6px;
}

.lottery-participation-box {
    padding: 16px 96px 0 0;
}

.lottery-participation-image {
    float: left;
    position: relative;
    width: 353px;
    margin: 23px 0 0;
}

.lottery-participation-image img {
    display: block;
    max-width: 100%;
}

.lottery-participation-box .lottery-roulette-text {
    background: url("../images/bg-club-text-win.png") no-repeat;
    width: 175px;
    height: 220px;
    top: -17px;
    right: 1px;
}

.lottery-participation-box .lottery-roulette {
    background: url("../images/bg-club-roulette.png") no-repeat;
    width: 196px;
    height: 196px;
    top: 58px;
    right: 48px;
}

.lottery-participation-info {
    float: right;
    width: 500px;
    color: #000;
}

.lottery-gift-price {
    border-radius: 0 37px 37px 0;
    padding: 2px;
}

.lottery-gift-price .bonus-bage {
    margin: 9px 8px 0 -12px;
    width: 100px;
    height: 57px;
}

.lottery-gift-price .bonus-bage strong {
    font-size: 52px;
    margin: 8px 8px 0 0;
}

.lottery-gift-price .bonus-bage span {
    margin: -3px 0 0 20px;
    font-size: 28px;
}

.lottery-gift-price .bonus-bage:before {
    width: 100px;
    height: 66px;
}

.lottery-gift-price .bonus-price {
    margin: 0 14px 0 0;
}

.lottery-gift-price .bonus-price strong {
    font-size: 37px;
    line-height: 38px;
    margin: 0 0 0 -2px;
}

.lottery-participation-info h3 {
    margin: 0 0 2px;
    font: 30px/32px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #666;
}

.lottery-participation-descr {
    display: block;
    font: 30px/32px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0 0 15px;
}

.lottery-participation-info .text-box {
    margin: 0;
    font: 20px/22px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.lottery-participation-info .text-box p {
    margin: 0 0 12px;
}

.lottery-gift-price .bonus-price span {
    display: block;
    color: #808080;
    font-size: 20px;
    line-height: 22px;
    margin: -3px 0 0;
}

.participate-link {
    float: right;
    color: #000;
    text-decoration: none;
    font-size: 28px;
    line-height: 30px;
    padding: 17px 36px 20px 25px;
    background: #ffcd50;
    border-radius: 0 35px 35px 0;
    -webkit-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

.participate-link:hover {
    background-color: rgba(255, 205, 80, 0.7);
}

/* club history page */
.club-history-box-holder {
    padding: 9px 0 0;
}

.club-history-box {
    border: solid #ccc;
    border-width: 1px 0;
    padding: 25px 91px 5px 8px;
    margin: 0 0 20px;
    position: relative;
    min-height: 120px;
}

.club-history-info-box {
    float: left;
    width: 450px;
}

.club-history-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 22px;
    line-height: 24px;
    color: #000;
}

.club-history-info-list > li {
    padding: 0 0 17px;
}

.history-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 0;
}

.history-item-link {
    color: #01050c;
}

.history-price {
    font-weight: normal;
    color: #808080;
}

.history-date {
    color: #808080;
}

.history-percent {
    font-style: normal;
}

.club-history-info-box .green {
    color: #5e9c00;
}

.club-history-personal-current {
    width: 222px;
    padding: 70px 0 29px 193px;
    background: url("../images/bg-club-history-percent.png") no-repeat 0 10px;
    color: #4d4d4d;
    position: absolute;
    bottom: 0;
    right: 91px;
}

.club-history-bonus .club-history-personal-current {
    background: url("../images/bg-club-history-bonus.png") no-repeat 0 13px;
}

.club-history-personal-current .current-percent {
    display: inline-block;
    vertical-align: top;
    font: 50px/52px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0 6px 0 0;
}

.club-history-personal-current .current-percent-text {
    display: inline-block;
    vertical-align: top;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0;
    text-transform: lowercase;
}

/* club quiz page */
.club-quiz,
.club-catalog {
    margin: 0 -30px 0 0;
}

.club-quiz .club-discount-products,
.club-catalog .club-discount-products {
    margin: 0 -6px 22px;
    padding: 6px 0 0;
}

.quiz-product {
    padding: 14px 22px 23px;
    margin: 0 5px 19px;
}

.quiz-product .catalog-price-holder {
    text-align: center;
    margin: -11px 0 0;
}

.quiz-product .bonus-box {
    padding: 14px 22px 20px;
}

.quiz-product .catalog-image-box:before {
    content: "";
    position: absolute;
    top: 5px;
    left: -9px;
    background: url("../images/bg-club-bage.png") no-repeat;
    width: 40px;
    height: 31px;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 2;
}

.quiz-product .product-bonus-box {
    border-radius: 5px;
    margin: 0 0 23px;
    display: inline-block;
    vertical-align: top;
    min-width: 218px;
    text-align: left;
}

.quiz-product .bonus-bage {
    margin: 5px 5px 0 -11px;
}

.quiz-product .bonus-bage:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#43cda0+1,75daba+100 */
    background: rgb(67, 205, 160); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(67, 205, 160, 1) 1%, rgba(117, 218, 186, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(67, 205, 160, 1) 1%, rgba(117, 218, 186, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(67, 205, 160, 1) 1%, rgba(117, 218, 186, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.quiz-time {
    float: right;
    border-left: 1px solid #b3b3b3;
    color: #1d6b52;
    font-size: 14px;
    line-height: 16px;
    padding: 17px 0 6px 15px;
    position: relative;
}

.quiz-time:before {
    content: "";
    position: absolute;
    top: 7px;
    right: 7px;
    border: 1px solid #808080;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    z-index: 3;
}

.quiz-time:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    width: 11px;
    height: 11px;
    border-radius: 0 11px 0 0;
    background: #3ed6a6;
}

.quiz-time[data-quiz-time="5"]:after {

}

.quiz-time[data-quiz-time="5"] span:before {
    display: block;
}

.quiz-time[data-quiz-time="10"] span:before {
    display: block;
    top: -19px;
    transform: rotate(35deg);
}

.quiz-time[data-quiz-time="20"] span:before {
    display: block;
    top: -11px;
    right: 12px;
    transform: rotate(20deg);
    border-radius: 0;
}

.quiz-time[data-quiz-time="25"] span:before {
    display: block;
    top: -9px;
    right: 14px;
    transform: rotate(125deg);
}

.quiz-time[data-quiz-time="20"]:after,
.quiz-time[data-quiz-time="25"]:after,
.quiz-time[data-quiz-time="30"]:after {
    width: 11px;
    height: 22px;
    border-radius: 0 11px 11px 0;
}

.quiz-time strong {
    display: inline-block;
    vertical-align: top;
    font-size: 34px;
    line-height: 36px;
    font-weight: normal;
    margin: 0;
    background: #fff;
    position: relative;
    z-index: 4;
}

.quiz-time span {
    display: inline-block;
    vertical-align: top;
    margin: 16px 0 0;
    position: relative;
}

.quiz-time span:before {
    content: "";
    position: absolute;
    top: -21px;
    right: 7px;
    width: 11px;
    height: 11px;
    border-radius: 0 11px 0 0;
    background: #fff;
    transform: rotate(15deg);
    z-index: 2;
    display: none;
}

.quiz-product h3 {
    margin: 0 0 11px;
}

.quiz-pass-link.is-hidden,
.quiz-pass-text.is-hidden {
    display: none;
}

.quiz-pass-link {
    -webkit-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
    display: inline-block;
    vertical-align: top;
    border: 2px solid #ccc;
    border-radius: 25px;
    padding: 7px 70px 9px;
    font-size: 22px;
    line-height: 24px;
    color: #000;
    text-decoration: none;
}

.quiz-pass-link:hover {
    border-color: #43cda0;
}

.quiz-pass-text {
    display: block;
    color: #43cda0;
    padding: 0 0 10px;
    font-size: 32px;
    line-height: 34px;
    font-weight: normal;
}

.quiz-single-title {
    font: 24px/30px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
    position: relative;
    padding: 0 67px;
    margin: 0 0 22px;
}

.quiz-single-title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/bg-club-bage-big.png") no-repeat;
    width: 46px;
    height: 36px;
    text-indent: -9999px;
    overflow: hidden;
}

.quiz-single-title span {
    color: #666;
}

.quiz-video-holder {
    margin: 0 auto 25px;
}

.quiz-video-holder iframe {
    margin: 0 auto;
    padding: 0;
    border: 8px solid #dff6ef;
    border-radius: 5px;
}

.quiz-test-holder {
    padding: 0 17px;
}

.quiz-test {
    display: inline-block;
    vertical-align: top;
    width: 388px;
    margin: 0;
    padding: 15px 0 0;
}

.quiz-test:nth-child(odd) {
    margin: 0 115px 0 0;
}

.quiz-test {
    border-top: 1px solid #ccc;
}

.quiz-test:nth-child(1),
.quiz-test:nth-child(2) {
    border-top: none;
}

.quiz-test-box h3 {
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #666;
    padding: 0 31px 3px;
    margin: 0 0 27px;
    border-bottom: 1px solid #ccc;
}

.quiz-test-box-descr {
    display: block;
    font-size: 16px;
    line-height: 18px;
    margin: -10px 0 15px;
}

.quiz-test-title {
    margin: 0 0 15px;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
    padding: 0 9px;
    position: relative;
}

.quiz-test-title:after {
    content: "";
    display: block;
    margin: 10px -10px 0;
    height: 4px;
    background: #43cda0;
    border-radius: 4px;
}

.quiz-test-body {
    padding: 0 10px 27px;
}

.quiz-form .row {
    margin: 0 0 16px;
}

.quiz-form input[type="checkbox"] {
    display: none;
}

.quiz-form label {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    cursor: pointer;
    position: relative;
    padding: 0 0 0 20px;
    transition: background-color 0.2s ease-in-out,
    color 0.2s ease-in-out;
}

.quiz-form label:hover {
    color: #4d4d4d;
}

.quiz-form label:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 3px;
    background-color: #fff;
    border: 1px solid #000;
}

.quiz-form label:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 6px;
    width: 8px;
    height: 8px;
    background-color: transparent;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.quiz-form input[type=checkbox]:checked + label:before {
    font-size: 12px;
    text-align: center;
    line-height: 13px;

}

.quiz-form input[type=checkbox]:checked + label {
    color: #43cda0;
}

.quiz-form input[type=checkbox]:checked + label:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 6px;
    width: 8px;
    height: 8px;
    background-color: #43cda0;
}

.quiz-submit-holder {
    border-top: 1px solid #ccc;
    margin: 0 0 27px;
}

.quiz-submit {
    display: inline-block;
    vertical-align: top;
    color: #43cda0;
    position: relative;
    background: #fff;
    font-size: 26px;
    line-height: 28px;
    margin: -1px 0 0;
    padding: 0 35px 0 11px;
}

.quiz-submit:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    background: url("../images/bg-club-bage.png") no-repeat;
    width: 40px;
    height: 31px;
    margin: 0 10px 0 0;
}

.quiz-result-button {
    display: inline-block;
    vertical-align: top;
    padding: 21px 25px 24px;
    font-size: 26px;
    line-height: 30px;
    border-radius: 60px;
    font-weight: normal;
    min-width: 444px;
    color: #fff;
    background: #43cda0;
    margin: 0 0 24px;
}

.quiz-result-link {
    transition: opacity 0.3s ease-in-out;
}

.quiz-result-link:hover {
    opacity: 0.7;
}

.quiz-result-error {
    background-color: #f00;
}

.quiz-description-holder {
    padding: 0 31px 15px;
}

.quiz-result-text {
    display: block;
    color: #000;
    font-size: 26px;
    line-height: 32px;
}

.quiz-article h3 {
    font-size: 24px;
    line-height: 26px;
    margin: 0 0 15px;
    font-weight: normal;
}

.quiz-article .img-responsive {
    max-width: 100%;
    display: block;
    margin: 0 auto 15px;
}

.quiz-revital-box {
    margin: 0 0 10px;
}

.quiz-revital-image {
    float: left;
    margin: 0 30px 15px 0;
}

.quiz-revital-image-border {
    border: 5px solid #e6e6e6;
}

.quiz-revital-box p {
    margin: 0;
    padding: 15px 0 0;
}

.quiz-revital-title-center {
    text-align: center;
    font-size: 34px;
    margin: 0 0 30px;
}

.quiz-revital-test {
    position: relative;
    text-align: center;
}

.quiz-revital-test-info {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
}

.quiz-revital-test img {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
}

/* club action page */
.club-catalog .quiz-time {
    color: #ab2525;
}

.club-catalog .quiz-time:after {
    background: #f00;
}

.club-catalog .quiz-pass-text {
    color: #f00;
}

.club-catalog .quiz-pass-link:hover {
    border-color: #f00;
}

.club-catalog .quiz-product .bonus-bage:before {
    background: #ff0000;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fa0000+0,ff0000+99 */
    background: rgb(250, 0, 0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(250, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(250, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(250, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.club-catalog .quiz-product .catalog-image-box:before {
    background-image: url("../images/bg-club-bage-red.png");
}

.link-show-version {
    text-align: center;
    clear: both;
    margin: 120px 0 20px;
}

.link-show-version a {
    color: #4d4d4d;
    text-decoration: underline;
}

.link-show-version a:hover {
    color: #f00;
    text-decoration: none;
}

/* wishlist */

.wishlist-page #content {
    min-height: 830px;
}
.wishlist-message-holder {
    margin: 0 0 40px;
}
.wishlist-message {
    display: inline-block;
    vertical-align: top;
    padding: 20px 68px 20px 90px;
    background-color: #f6061d;
    border-radius: 50px;
    color: #fff;
    width: 286px;
    position: relative;
    font-size: 30px;
    line-height: 34px;
}
.wishlist-message:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 30px;
    margin-top: -14px;
    background: url("../images/ico-heart-white.png") no-repeat;
    width: 31px;
    height: 27px;
}
.wishlist-form-box {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}
.catalog-wishlist .catalog-box {
    width: 460px;
}
.catalog-wishlist .catalog-image-container {
    width: 225px;
}
.catalog-wishlist .catalog-price-holder {
    width: 235px;
    padding-top: 0;
}
.catalog-wishlist .catalog-box h3 {
    text-align: left;
    margin: 0 0 5px -5px;
    padding: 0;
    font-size: 22px;
}
.catalog-wishlist .catalog-box .option {
    padding: 0;
    font-size: 18px;
    line-height: 20px;
}
.catalog-box .price-box .option-package {
    color: #000;
}
.wishlist-option-holder {
    position: relative;
    margin: 0 0 25px;
}
.option-article {
    font-size: 18px;
    line-height: 20px;
    display: block;
    margin: 0 0 10px;
}
.catalog-wishlist .catalog-box .price-holder {
    float: left;
    width: 112px;
    margin: 0 10px 0 0;
}
.catalog-wishlist .discount-buy-holder {
    float: left;
}
.catalog-wishlist .catalog-box .buy-link-holder {
    margin: 0;
}
.catalog-wishlist .catalog-box .buy-link-holder .buy-link-out-of-stock {
    font-size: 26px;
    line-height: 28px;
    padding-top: 15px;
    display: block;
    color: #f00;
}
.catalog-wishlist .catalog-box .buy-link {
    padding: 7px 15px 7px 0;
    width: 65px;
}
.catalog-wishlist .catalog-box .buy-link span {
    background: url("../images/ico-product-cart.png") no-repeat;
    width: 29px;
    height: 22px;
}

.catalog-wishlist .catalog-box .buy-link span:after {
    width: 9px;
    height: 2px;
    left: 14px;
    margin: -1px 0 0;
}

.catalog-wishlist .catalog-box .buy-link span:before {
    left: 23px;
    border-bottom: 6px solid transparent;
    border-left: 7px solid #fff;
    border-top: 6px solid transparent;
    margin: -6px 0 0;
}
.wishlist-discount {
    position: absolute;
    top: -5px;
    right: -6px;
    font-size: 18px;
}
.wishlist-until {
    display: block;
    padding: 0 15px 2px 0;
    color: #ff113f;
    text-align: right;
    font-style: normal;
}
.wishlist-discount-amount {
    display: block;
    background: #f6061d;
    padding: 5px 12px 0 0;
    font-size: 30px;
    line-height: 32px;
    font-weight: normal;
    color: #fff;
    height: 35px;
    position: relative;
}
.wishlist-discount-amount:before {
    content: "";
    position: absolute;
    top: 0;
    left: -17px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 17px 20px 0;
    border-color: transparent #f6061d transparent transparent;

}
.wishlist-discount-amount .currency {
    font-size: 18px;
}

.catalog-wishlist .link-add-to-favorites {
    display: block;
    top: 30px;
    left: 3px;
    right: auto;
    cursor: default;
    pointer-events: none;
}
.link-add-to-favorites--active {
    width: 23px;
    height: 20px;
    background: url("../images/sprite-header-blue.png") no-repeat -114px -229px;
}
.button-remove-favorites {
    position: absolute;
    top: -2px;
    left: 3px;
    z-index: 2;
    border: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    color: #fff;
    background-color: #9cb1c9;
    text-indent: -9999px;
    overflow: hidden;
    text-align: center;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.button-remove-favorites:before {
    content: "×";
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 0;
    width: 22px;
    height: 22px;
    font-size: 28px;
    line-height: 24px;
}
.button-remove-favorites:hover {
    opacity: 0.7;
}
.complect-box {
    width: 974px;
    -webkit-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
}

.complect-info-holder {
    padding: 0 15px 15px;
    margin: 0 0 20px;
    border-bottom: 1px solid #ddd;
    position: relative;
}
.complect-title-holder {
    float: left;
    margin: 0 28px 0 0;
    max-width: 350px;
}
.complect-box .set-category-title {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 5px;
}
.catalog-wishlist .complect-box .set-category-products {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 0;
    padding-left: 29px;
}
.complect-box .link-add-to-favorites,
.complect-box .button-remove-favorites {
    left: auto;
    right: 3px;
}

.complect-about {
    float: left;
    margin: 0;
    padding: 6px 0 0;
    font-size: 18px;
}
.complect-about-text {
    font-size: 28px;
    line-height: 30px;
    font-weight: normal;
    color: #fff;
    background-color: #f6061d;
    border-radius: 30px;
    text-align: center;
    padding: 8px 25px;
    margin-right: 17px;
    display: inline-block;
    vertical-align: top;
}
.complect-discount {
    display: inline-block;
    vertical-align: top;
    font-size: 49px;
    line-height: 50px;
    color: #ff113f;
    font-weight: normal;
    margin: 0;
}

.complect-percent {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: -1px 0 0 4px;
}

/* creates the wider right-angled triangle */
.complect-percent:before {
    content: "";
    position: absolute;
    bottom: 9px; /* value = - border-top-width - border-bottom-width */
    left: 4px; /* controls horizontal position */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 0 7px;
    border-color: transparent transparent transparent #ff113f;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}
.complect-product {
    float: left;
    width: 475px;
}

.wishlist-economy-holder {
    margin-top: -18px;
    position: relative;
}
.wishlist-economy-holder:before {
    content: "";
    position: absolute;
    top: -40px;
    right: -17px;
    width: 78px;
    height: 78px;
    background-color: #1db100;
    border-radius: 50%;
}
.catalog-wishlist .wishlist-economy-holder .price-holder {
    width: auto;
    float: right;
    margin: 0;
}
.wishlist-economy-text:before {
    content: "";
    position: absolute;
    top: -28px;
    right: 17px;
    width: 10px;
    height: 54px;
    background-color: #fff;
}
.wishlist-economy-text:after {
    content: "";
    position: absolute;
    top: -6px;
    right: -6px;
    width: 54px;
    height: 10px;
    background-color: #fff;
}
.wishlist-economy-text {
    display: block;
    text-align: right;
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    color: #008600;
}
.wishlist-confirm-box {
    padding: 30px;
}
.wishlist-text-holder {
    margin: 0 0 30px;
}
.wishlist-text {
    display: block;
    font: 42px/44px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #4d4d4d;
}
.wishlist-answer-button {
    border: 1px solid #cecece;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 8px 23px 17px;
    font: 40px/42px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
    background-color: transparent;
    text-decoration: none;
    display: inline-block;
}
.wishlist-answer-button:hover {
    border: 3px solid #fc0;
    background: url("../images/bg-yellow-gradient.gif") repeat-x 0 100%;
    padding: 6px 21px 15px;
    color: #ff0000;
}
/* kit discount percent */
.kit-20 {
    background: url("../images/bg-kit-20.png") no-repeat;
}

/* quiz article */
.quiz-single-title span {
    display: block;
}

.quiz-descr-box {
    background: #bbf4e7;
    padding: 10px 20px;
    color: #000;
    font-size: 20px;
    line-height: 26px;
    width: 597px;
    margin: 0 0 30px;
}

.quiz-article-holder-horizontal {
    padding: 10px 0 20px;
}

.quiz-article-box {
    float: left;
    margin: 0 25px 0 0;
    width: 220px;
    font-size: 20px;
    line-height: 24px;
}

.quiz-article-box:last-child {
    margin: 0;
}

.quiz-article-box img {
    display: block;
    margin: 0 auto 20px;
    border: 3px solid #00ce9d;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.quiz-article-box a {
    display: block;
    text-decoration: none;
    color: #000;
}

.quiz-article-box a:hover {
    color: #43cda0;
}

.quiz-article-box a:hover img {
    opacity: 0.8;
}

.quiz-article-box span {
    display: block;
    padding: 0 5px 0 15px;
}

/* info article section */
.info-article-holder,
.info-article-holder .article {
    font-size: 20px;
    line-height: 22px;
    color: #000;
}

.info-page #content .info-article-title {
    text-align: center;
    font-size: 30px;
    line-height: 32px;
    margin: 0 0 15px;
    padding: 0;
    border-bottom: none;
}

.info-article-holder .article {
    padding: 0;
}

.info-article-image-box {
    margin: 0 0 15px;
}

.info-article-image-box img {
    display: block;
    margin: 0 auto;
}

.info-article-holder .article p {
    margin: 0 0 22px;
}

.info-article-tag-box {
    padding: 25px 0;
    margin: 0 0 40px;
    border-top: 3px solid #b5dfb1;
    border-bottom: 3px solid #b5dfb1;
    text-align: center;
}

.info-article-tag-box h2 {
    margin: 0 0 7px;
    color: #093;
    font-size: 40px;
    line-height: 42px;
}

.info-article-tag-box ul {
    list-style: none;
    padding: 0 150px;
    margin: 0;
    font-size: 24px;
    line-height: 26px;
    color: #4d4d4d;
}

.info-article-tag-box ul li {
    display: inline-block;
    vertical-align: top;
    background: none;
    padding: 0 7px 0 20px;
    position: relative;
}

.info-article-tag-box ul li:first-child {
    padding-left: 0;
}

.info-article-tag-box ul li:first-child:before {
    display: none;
}

.info-article-tag-box ul li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #093;
    border-radius: 50%;
}

.info-article-btn-holder {
    text-align: center;
    margin: 0 0 22px;
}

.info-article-btn-holder .btn {
    display: inline-block;
    vertical-align: top;
    padding: 18px 65px;
    font-size: 24px;
    line-height: 32px;
    border-radius: 50px;
    min-width: 210px;
    position: relative;
    color: #075200;
    background: #b5dfb1;
}

.info-article-btn-holder .btn-yellow {
    background: #ffd375;
    color: #000;
}

.info-article-btn-holder .btn-blue {
    background: #a9deff;
    color: #036;
}

.info-article-btn-holder .btn-red {
    background: #f00;
    color: #fff;
}

.info-article-footer-box .btn {
    font-size: 32px;
    line-height: 34px;
}

.info-article-footer-box {
    text-align: center;
}

.info-article-footer-box h2 {
    font-size: 40px;
    line-height: 42px;
    color: #e60000;
    margin: 0 0 26px;
}

.info-article-footer-image {
    display: block;
    margin: 0 auto 14px;
}

.info-article-footer-list {
    text-align: center;
    font-size: 24px;
    line-height: 26px;
}

.info-article-footer-list ul {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    margin: 0 0 15px;
    list-style: none;
    width: 290px;
    text-align: left;
}

.info-article-footer-list ul li {
    padding: 0 0 10px 20px;
    background: none;
    position: relative;
}

.info-article-footer-list ul li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #f00;
    border-radius: 50%;
}
.info-article-table-holder {
    margin: 0 auto 45px;
    width: 600px;
    border: 1px solid #e6e6e6;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.article .info-article-table-title {
    background-color: #f6f9Fb;
    padding: 15px 70px;
    line-height: 30px;
    margin: 0;
}
.info-article-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 20px;
    line-height: 22px;
}
.info-article-table th {
    font-weight: normal;
    font-size: 24px;
    line-height: 26px;
    padding: 15px;
    border-bottom: 1px solid #85b3f0;
}
.info-article-table tr {
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
.info-article-table tr:hover {
    background-color: #f6f9Fb;
}
.info-article-table td {
    padding: 15px;
    border-bottom: 2px solid #e9eff5;
}
.info-article-table tr:last-child td {
    border-bottom: none;
}
.info-article-table .font-large {
    font-size: 24px;
    line-height: 26px;
}
.info-article-table-text {
    display: block;
    font-size: 18px;
    line-height: 20px;
    color: #0057c0;
    padding: 15px 0;
}
.info-article-product-box {
    margin: 0 0 20px;
}
.info-article-product-image {
    float: left;
    width: 400px;
    margin: 0;
    display: block;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.info-article-product-image:hover {
    opacity: 0.8;
}
.info-article-product-box-right .info-article-product-image {
    float: right;
}
.info-article-product-about-holder {
    float: right;
    width: 480px;
    padding: 15px 0 0;
}
.info-article-product-box-right .info-article-product-about-holder {
    float: left;
}
.info-article-product-about {
    border: 1px solid #e6e6e6;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    margin: 0 0 15px;
}
.article .info-article-product-about h3 {
    margin: 0 0 15px;
    font-size: 30px;
    line-height: 32px;
    background-color: #f6f9Fb;
    padding: 15px 30px;
}
.info-article-product-block {
    margin: 0 0 50px;
    padding: 0 25px 10px;
    font-size: 24px;
    line-height: 26px;
}
.info-article-product-block:last-child {
    margin: 0;
}
.info-article-product-block h4 {
    font-weight: normal;
    margin: 0 -25px 5px;
    padding: 0 25px 5px;
    border-bottom: 2px solid #f1f4f9;
    color: #f30a1d;
}
.article .info-article-product-block p {
    margin: 0;
}
.info-article-product-link {
    font-size: 28px;
    line-height: 30px;
    color: #f30a1d;
}
.info-article-product-box-blue h4,
.info-article-product-box-blue .info-article-product-link {
    color: #0057c0;
}
.info-article-product-box-green h4,
.info-article-product-box-green .info-article-product-link {
    color: #00a14e;
}
.info-article-video {
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    padding: 30px;
    margin: 0 0 30px;
}
.info-article-video .product-card-title {
    font-size: 28px;
    line-height: 30px;
}
.info-article-video .product-card-title span {
    color: #008400;
}
.info-article-video .video-holder {
    margin: 0;
    float: none;
}
/* article action */
.article-action {
    font-size: 24px;
    line-height: 28px;
}
.article-action .btn-holder {
    text-align: center;
    margin: 0 0 23px;
}
.article-action .btn {
    display: inline-block;
    vertical-align: top;
    padding: 18px 10px;
    border-radius: 50px;
    min-width: 444px;
    position: relative;
    font-size: 34px;
    line-height: 38px;
    background: #1f9d00;
    color: #fff;
}
.article-action .btn-red {
    background-color: #fe323b;
}
.article-action .btn-yellow {
    background-color: #ffd575;
    color: #302f30;
}
.article-action .btn-yellow-light {
    background-color: #ff0;
    border: 1px solid #000;
    color: #000;
}
.article-action .btn-small {
    font-size: 26px;
    line-height: 30px;
}
.article-action h2 {
    margin: 0 0 30px;
    font-size: 34px;
    line-height: 36px;
}
.article-action .accent {
    font-style: normal;
    font-weight: normal;
    font-size: 34px;
}
.article-action ul {
    list-style: none;
    padding: 0 20px;
    margin: 0 0 15px;
    font-size: 24px;
    line-height: 26px;
    color: #4d4d4d;
    text-align: left;
}
.article-action .list-center {
    padding: 0 170px;
}
.article-action ul li {
    padding: 0 0 17px 17px;
    position: relative;
    background: none;
}

.article-action ul li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    background: #093;
    border-radius: 50%;
}
.article-action-form-bg {
    background: url("../images/img-darim-form.png") 100% 100% no-repeat;
    padding: 0 15px 100px;
    margin: 0 0 -100px -15px;
}
.article-action-form-bg .list-center {
    margin-bottom: 0;
}
.article-action-info {
    background: #f9f9f9;
    padding: 100px 15px;
    margin: 100px 0 100px -15px;
}
.article-action-info .btn-holder,
.article-action .btn-holder.margin-top {
    margin: -160px 0 45px;
}
.article-action-info-yellow {
    background-color: #fff6e2;
    padding: 100px 15px 45px;
    margin: 100px 0 0 -15px;
}
.article-action .margin-more {
    margin-bottom: 33px;
}
/* article-action--black-friday */
.article-banner-holder {
    margin-bottom: 40px;
}

.article-action--black-friday .article-full-black {
    font-size: 28px;
    line-height: 1.1;
    padding-bottom: 55px;
}

.article-action--black-friday .article-full-gray,
.article-action--black-friday .article-full-black {
    margin-bottom: 36px;
}
.article-action--black-friday .article-full-gray h2,
.article-action--black-friday .article-full-black h2 {
    margin-bottom: 15px;
}
.article-action--black-friday .article-full-gray p {
    margin-bottom: 13px;
}
.article-action--black-friday .article-full-black p {
    margin-bottom: 21px;
}

.article-action--black-friday .btn--medium {
    min-width: 300px;
}
.article-action--black-friday .btn--big {
    min-width: 425px;
    padding: 33px 10px;
}
.article-action--black-friday .article-action-title {
    margin-bottom: 19px;
}
.article-action--black-friday .article-action-info {
    padding: 78px 15px 100px;
    margin: -60px 0 0 0;
}
.article-action--black-friday .article-action-info--black {
    margin: 0;
    padding-top: 30px;
    padding-bottom: 80px;
    font-size: 28px;
    line-height: 1.1;
}
.article-action--black-friday .btn-holder.margin-top {
    margin: -60px 0 30px;
}
.article-action--black-friday .btn-holder.margin-top.wide {
    margin: -73px 0 20px;
}
.article-action--black-friday .wide .btn--medium {
    min-width: 444px;
    background-color: #fe0000;
}
.article-action--black-friday .wide .btn--medium strong {
    font-size: 42px;
    font-weight: normal;
}
.article-action--black-friday .wide .btn--medium span {
    font-size: 40px;
}
.article-action--black-friday .article-action-info-text h2 {
    margin-bottom: 15px;
}
.article-action--black-friday .article-action-info--black h2 {
    margin-bottom: 30px;
}
.article-action--black-friday .article-action-info-text p {
    margin-bottom: 13px;
}

.article-action-info-time {
    padding-top: 20px;
    font-size: 34px;
    line-height: 1.1;
}
.article-action--black-friday .article-action-info-time p {
    margin-bottom: 25px;
}
.article-action--black-friday .article-action-info-time p strong {
    font-weight: normal;
    font-size: 38px;
}
.article-action .facebook-box {
    padding-top: 62px;
    margin-bottom: 40px;
}
.article-action .facebook-box .iframe-holder {
    margin-bottom: 18px;
}
.article-action .facebook-box p {
    margin-bottom: 10px;
}
.icon-facebook-like {
    margin-top: -13px;
}
.article-product-holder {
    text-align: center;
    padding-top: 45px;
    margin-bottom: 75px;
}
.article-product-box {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    width: 240px;
}
.article-product-link {
    display: block;
    color: #000;
    padding: 25px 0;
    transition: box-shadow 0.2s ease-in-out;
}
.article-product-link:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.article-product-image {
    display: block;
    margin: 0 auto 10px;
}
.article-product-title {
    display: block;
}

.article-full-black  {
    background-color: #040404;
    color: #fff;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.article-black-image {
    border-bottom: 2px solid #fe0000;
}
.article-action-text-big {
    display: block;
    text-align: center;
    font-size: 65px;
    line-height: 1.1;
    font-weight: normal;
    margin-bottom: 20px;
}

/* bf2020 */
.bf2020__banner {
    font-size: 28px;
    line-height: 1.1;
}
.bf2020__banner .article-banner-holder {
    margin-bottom: 0;
}
.bf2020__banner p {
    margin-bottom: 22px;
}

.bf2020__btn-group {
    text-align: center;
    padding-top: 10px;
}

.bf2020__btn {
    background-color: #f00000;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    font-size: 32px;
    line-height: 1.1;
    padding: 12px 52px;
    transform: skew(-12deg);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.bf2020__btn--black {
    background-color: #000;
    padding: 15px 75px;
}
.bf2020__btn--green {
    padding: 29px 93px 33px;
    border-radius: 3px;
    font-size: 34px;
    border: 2px solid #fff;
    background-color: #1f9d00;
}
.bf2020__btn-inner {
    transform: skew(12deg);
}
.bf2020__btn strong {
    font-size: 39px;
}
.bf2020__btn span {
    font-size: 37px;
}
.bf2020__rules {
    background-color: #000;
    color: #fff;
    font-size: 35px;
    line-height: 1.1;
    padding: 72px 0 63px;
    margin: 0 0 70px;
    transform: skew(0, -6.5deg);
    border-top: 2px solid #fe0000;
}
.bf2020__rules-inner {
    transform: skew(0, 6.5deg);
}
.article-action .bf2020__rules h2 {
    color: #fe0000;
    font-weight: bold;
    margin-bottom: 10px;
}
.bf2020__rules p {
    margin-bottom: 30px;
}
.bf2020__rules .yellow {
    color: #ffdb4e;
    font-size: 28px;
}
.bf2020__date {
    margin-bottom: 43px;
}
/* cart total price */
.total-price-wrapper {
    margin: 0 0 57px;
    padding: 0 25px 0 0;
}

.cart-box .total-price-box {
    background: rgb(255, 208, 0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 239, 0, 1) 0%, rgba(255, 228, 0, 1) 35%, rgba(255, 208, 0, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 239, 0, 1) 0%, rgba(255, 228, 0, 1) 35%, rgba(255, 208, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 239, 0, 1) 0%, rgba(255, 228, 0, 1) 35%, rgba(255, 208, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 18px 20px 9px;
    border-radius: 10px;
    color: #000;
    margin: -17px 0 0 6px;
}

.total-price-block {
    float: left;
    margin: 0;
}

.cart-box .total-price-box .main-price {
    font-size: 56px;
    line-height: 58px;
    font-weight: normal;
    color: #000;
    float: left;
}

.total-price-box .total-price-block .currency,
.total-price-box .total-price-block .cent {
    display: block;
    float: none;
    margin: 0;
    font-size: 36px;
    line-height: 36px;
    color: #000;
}

.total-price-box .total-price-block .cent span {
    display: inline-block;
    vertical-align: top;
    font-size: 77px;
    line-height: 36px;
    margin: -13px 0 0;
}

.total-price-box .total-price-block .currency {
    color: #ba9500;
    font-size: 32px;
    line-height: 34px;
    margin: -20px 2px 4px 0;
    text-align: right;
}

.club-link {
    margin: 6px 0 0;
}

/* bonus cash box */
.bonus-cash-holder {
    padding: 0 0 0 115px;
}

.bonus-cash-box {
    border: 1px solid #999;
    padding: 12px 20px;
    border-radius: 0 9px 9px 0;
}

.bonus-cash-info-holder {
    overflow: hidden;
    float: left;
    margin: -22px 0 -22px -21px;
    padding: 0 100px 0 0;
}

.bonus-cash-info {
    padding: 13px 4px 22px 32px;
    background: #ccc;
    border-radius: 8px;
    color: #4d4d4d;
    position: relative;
    z-index: 2;
    text-align: center;
}

.bonus-cash-info:after {
    content: "";
    position: absolute;
    top: 31px;
    right: -68px;
    width: 144px;
    border-radius: 8px;
    height: 144px;
    background: #ccc;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
    backface-visibility: hidden;
}

.bonus-cash-info-date {
    display: block;
    font-size: 26px;
    line-height: 28px;
    margin: 0 0 10px;
}

.bonus-cash-info-box {
    background: rgb(49, 196, 0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(49, 196, 0, 1) 0%, rgba(46, 161, 8, 1) 57%, rgba(32, 128, 0, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(49, 196, 0, 1) 0%, rgba(46, 161, 8, 1) 57%, rgba(32, 128, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(49, 196, 0, 1) 0%, rgba(46, 161, 8, 1) 57%, rgba(32, 128, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-radius: 12px;
    padding: 6px 20px 9px 11px;
    margin: 0 0 11px;
    color: #fff;
    font-size: 27px;
    line-height: 30px;
}
.bonus-cash-info-box:hover {
    cursor: pointer;
}
.bonus-cash-text {
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.bonus-cash-sum {
    display: inline-block;
    vertical-align: top;
    font-size: 78px;
    line-height: 80px;
    margin: 0 4px 0 0;
    font-weight: normal;
}

.bonus-cash-info-block {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 13px 0 0;
}

.bonus-cash-info-text,
.bonus-cash-currency {
    display: block;
    margin: -4px 0 0;
}

.bonus-cash-info-text {
    font-size: 29px;
    line-height: 30px;
    margin: 0;
}

.bonus-cash-info-text:after {
    content: "";
    display: block;
    background: #fff;
    height: 4px;
    width: 54px;
    margin: 0 auto;
}

.bonus-use-holder {
    float: right;
}

.bonus-use-box {
    float: left;
}

.bonus-use-box .total-price-box {
    margin: 0 0 13px;
    background: #e6e6e6;
    opacity: 0.5;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.bonus-cash-box .total-price-box .total-price-block .currency {
    color: #808080;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.bonus-sum-holder {
    float: left;
    padding: 49px 18px 0 0;
    color: #4d4d4d;
    opacity: 0.5;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.bonus-cash-box .full-price {
    float: left;
    margin: 10px 3px 0 0;
}

.bonus-cash-box .main-price,
.bonus-cash-box .cent {
    float: left;
    margin: 0;
    font: 24px/26px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.bonus-cash-box .main-price {
    font: 41px/42px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    margin: 0;
}

.bonus-cash-box .cent {
    margin: 13px 0 0;
}

.bonus-cash-box .difference-box {
    float: left;
    margin: 10px 3px 0 0;
    font: 42px/44px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
}

.bonus-cash-box .difference-box .minus,
.bonus-cash-box .difference-box .discount-percent,
.bonus-cash-box .difference-box .equally {
    float: left;
    margin: 0 1px 0 4px;
}

.bonus-cash-box .difference-box span {
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.bonus-cash-box .tip {
    float: left;
    margin: 0;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    color: inherit;
}

.bonus-use-box input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

/* Normal Track */
.bonus-use-box input[type="checkbox"].ios-switch + div {
    vertical-align: middle;
    display: inline-block;
    width: 67px;
    height: 23px;
    border: 1px solid #e0e0e0;
    border-radius: 999px;
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(248, 248, 248, 1) 50%, rgba(185, 185, 185, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(248, 248, 248, 1) 50%, rgba(185, 185, 185, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(248, 248, 248, 1) 50%, rgba(185, 185, 185, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-transition-duration: .4s;
    -webkit-transition-property: background-color, box-shadow;
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.4);
    margin: -6px 0 0;
}

/* Checked Track (Blue) */
.bonus-use-box input[type="checkbox"].ios-switch:checked + div {
    border-color: #0e62cd;
    box-shadow: inset 0 0 0 15px rgba(59, 137, 259, 1);
}

/* Green Track */
.bonus-use-box input[type="checkbox"].green.ios-switch:checked + div {
    border-color: rgba(0, 162, 63, 1);
    box-shadow: inset 0 0 0 15px #269600;
}

/* Normal Knob */
.bonus-use-box input[type="checkbox"].ios-switch + div > div {
    float: left;
    width: 21px;
    height: 21px;
    border-radius: inherit;
    background: #ebebeb;
    border: 1px solid #fff;
    -webkit-transition-timing-function: cubic-bezier(.54, 1.85, .5, 1);
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: transform, background-color, box-shadow;
    -moz-transition-timing-function: cubic-bezier(.54, 1.85, .5, 1);
    -moz-transition-duration: 0.4s;
    -moz-transition-property: transform, background-color;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

/* Checked Knob (Blue Style) */
.bonus-use-box input[type="checkbox"].ios-switch:checked + div > div {
    -webkit-transform: translate3d(44px, 0, 0);
    -moz-transform: translate3d(44px, 0, 0);
    background-color: #ebebeb;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(8, 80, 172, 1);
}

/* Green Knob */
.bonus-use-box input[type="checkbox"].green.ios-switch:checked + div > div {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), 0 0 0 1px #31C200;
}

.bonus-use-checkbox {
    margin: 0 0 11px;
    padding: 0 0 0 6px;
    color: #4d4d4d;
}

.bonus-use-checkbox label {
    display: block;
    cursor: pointer;
}

.bonus-use-button-text {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 20px;
    margin: 0 5px 0 0;
}

.bonus-use-text {
    display: block;
    font-size: 24px;
    line-height: 26px;
    color: #4d4d4d;
    text-align: center;
    -webkit-transition: color 0.2s ease-in-out,
    opacity 0.2s ease-in-out;
    transition: color 0.2s ease-in-out,
    opacity 0.2s ease-in-out;
    opacity: 0.5;
}

/* bonus cash box is inactive */
.total-price-wrapper {
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.total-price-wrapper.is-inactive {
    opacity: 0.5;
}

.total-price-wrapper.is-inactive .difference-box,
.total-price-wrapper.is-inactive .club-link,
.total-price-wrapper.is-inactive .club-link a,
.total-price-wrapper.is-inactive .red {
    color: #4d4d4d;
}

.total-price-wrapper.is-inactive .total-price-box {
    background: #e6e6e6;
}

.total-price-wrapper.is-inactive .total-price-box .total-price-block .currency {
    color: #808080;
}

/* bonus cash box is active */
.bonus-cash-box.is-active .bonus-cash-info {
    background: rgb(49, 196, 0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(49, 196, 0, 1) 0%, rgba(46, 161, 8, 1) 57%, rgba(38, 150, 0, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(49, 196, 0, 1) 0%, rgba(46, 161, 8, 1) 57%, rgba(38, 150, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(49, 196, 0, 1) 0%, rgba(46, 161, 8, 1) 57%, rgba(38, 150, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.bonus-cash-box.is-active .bonus-cash-info:after {
    background: rgb(49, 196, 0); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(49, 196, 0, 1) 0%, rgba(46, 161, 8, 1) 57%, rgba(38, 150, 0, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(49, 196, 0, 1) 0%, rgba(46, 161, 8, 1) 57%, rgba(38, 150, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(49, 196, 0, 1) 0%, rgba(46, 161, 8, 1) 57%, rgba(38, 150, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.bonus-cash-box.is-active .bonus-cash-text {
    color: #fff;
}

.bonus-cash-box.is-active .difference-box {
    color: #009e03;
}

.bonus-cash-box.is-active .total-price-box {
    background: rgb(255, 208, 0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 239, 0, 1) 0%, rgba(255, 228, 0, 1) 35%, rgba(255, 208, 0, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 239, 0, 1) 0%, rgba(255, 228, 0, 1) 35%, rgba(255, 208, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 239, 0, 1) 0%, rgba(255, 228, 0, 1) 35%, rgba(255, 208, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.bonus-cash-box.is-active .total-price-box .total-price-block .currency {
    color: #ba9500;
}

.bonus-cash-box.is-active .bonus-use-text,
.bonus-cash-box.is-active .bonus-sum-holder,
.bonus-cash-box.is-active .total-price-box {
    opacity: 1;
}

.bonus-cash-box.is-active .bonus-use-text,
.bonus-cash-box.is-active .tip {
    color: #f00;
}
/* bonus cash box is inactive */
.bonus-cash-box.is-inactive .bonus-use-checkbox label,
.bonus-cash-box.is-inactive .bonus-cash-info-box {
    opacity: 0.5;
}
.bonus-cash-box.is-inactive .bonus-use-checkbox label:hover,
.bonus-cash-box.is-inactive .bonus-cash-info-box:hover {
    cursor: default;
}
.bonus-grivna-box {
    padding: 0 45px;
}
.bonus-grivna-box h2 {
    font-weight: normal;
    font-size: 26px;
    line-height: 30px;
    margin: -35px 0 35px;
}
.club-history-bonus-grivna .club-history-personal-current {
    background: url("../images/bg-club-history-coin.png") no-repeat 41px 37px;
    padding-top: 115px;
}
/* GARAGE */
.form-garage .profile-option-name {
    width: 200px;
}
.form-garage select {
    float: left;
    width: 239px;
    padding: 1px 5px;
    margin: 0 7px 0 0;
    background: #fff;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font: 22px/24px 'pf_din_text_comp_prolight', Arial, Verdana, sans-serif;
    color: #000;
    outline: none;
}
.form-garage select:hover {
    cursor: pointer;
}
.form-garage select[disabled="disabled"] {
    opacity: 0.7;
}
.form-garage select[disabled="disabled"]:hover {
    cursor: not-allowed;
}
.form-garage .edit-profile-link-holder {
    width: 453px;
}
.form-garage-unit {
    display: block;
    color: #aaa;
    font-size: 16px;
    line-height: 18px;
}
.garage-box table {
    width: 100%;
    margin: 0 0 15px;
}
.garage-box table tr:nth-child(2n) {background: none repeat scroll 0 0 #f6f7f8;}
.garage-box table tr:hover {background: #ffd;}
.garage-box table th {
    font-weight: normal;
    background: #eee;
}
.garage-box table tr td:first-child {text-align: left;}
.garage-box table td,
.garage-box table th {
    padding: 10px;
    text-align: center;
    border: 1px solid #e4e4e4;
}
/* ajax spinner */
.spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(238, 238, 238, 0.3);
    z-index: 100;
}
.spinner-overlay.fb-spinner {
    z-index: 8011;
}
.sk-circle {
    width: 60px;
    height: 60px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
}
.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #f00;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg); }
.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg); }
.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg); }
.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg); }
.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg); }
.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg); }
.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg); }
.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s; }
.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1);
          transform: scale(1);
      }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1);
          transform: scale(1);
      }
}
.payment-form .online-payment-holder {
    margin: 35px 0 0;
}
.payment-form .online-payment-holder p {
    margin: 0 0 10px;
}

.g-recaptcha {
    padding-left: 89px;
    float: left;
    margin: 0 4px 0 0;
}
.g-recaptcha--right {
    padding-left: 0;
    padding-right: 34px;
    float: right;
}


.payment-page p {
    margin-bottom: 30px;
}
.payment-page h2 {
    font-size: 28px;
    line-height: 30px;
    margin: 0 0 30px;
}
.payment-page__title {
    position: relative;
    padding-left: 18px;
}
.payment-page__title:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 17px solid #eddc47;
    margin-right: 13px;
    margin-top: 8px;
}
.payment-page__title--blue:before {
    border-top-color: #008a88;
}
.payment-page__image {
    display: block;
    max-width: 100%;
    margin-bottom: 30px;
}

.payment-info {
    text-align: center;
    margin-bottom: 30px;
}

.payment-info__box {
    display: inline-block;
    vertical-align: top;
    width: 28%;
    margin: 0 2%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    text-align: left;
    min-height: 214px;
    padding: 13px 20px 22px;
    box-sizing: border-box;
}

.payment-info__box h3 {
    font-size: 22px;
    line-height: 24px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 2px solid #eddc47;
}
.payment-info--blue .payment-info__box h3 {
    border-bottom-color: #008a88;
}
.payment-info__box p {
    margin: 0;
    line-height: 1.3;
}

.payment-info__box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.payment-info__box ul li {
    background: none;
    position: relative;
    padding-left: 17px;
    padding-bottom: 4px;
}
.payment-info__box ul li:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%;
}

.action__bonus-first h3 {
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 1.1;
}
.action__bonus-first h3 span {
  display: inline-block;
  vertical-align: top;
  padding: 0 12px 5px;
  border-bottom: 2px solid #a70000;
}

.action__bonus-first ul {
  list-style: none;
  padding: 0 30px;
  margin: 0 0 30px;
  text-align: left;
}
.action__bonus-first ul li {
  background: none;
  position: relative;
  padding: 0 0 10px 15px;
}
.action__bonus-first ul li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #000;
}
.action__bonus-first a {
  color: #20b400;
}
.action__bonus-first-box {
  background-color: #f6f6f6;
  padding: 25px 10px 15px;
  margin-bottom: 30px;
}

.action__bonus-first-short {
    padding: 0 10px;
}

.action__bonus-first-short h3 span {
  border-bottom-color: #3c6;
}

.banner-holder:not(.slick-initialized) .banner-item:not(:first-child)
{
    display: none
}

.preloader-wrapper {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}

.preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.svg-logo path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 5s linear alternate infinite;
}

.wrapper-package {
    display: flex;
    flex-direction: column;
    padding: 0 ;
    margin-top: 35px;
}

.wrapper-package:after {
    content: none;

}

.wrapper-package .item-package {
    margin-bottom: 25px;
}

.wrapper-package .item-package:last-child {
    margin-bottom: 0;
}

.package-label {
    cursor: pointer;
}

.package-label .input-package {
    margin-right: 5px;
}

.info-package {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.info-package .clearfix-package {
    display: flex;
}

.big-package, .small-package {
    position: relative;
    padding: 20px 20px 20px 40px;
}
.big-package .title-package, .small-package .title-package {
    margin-bottom: 20px;
    display: flex;
    color: #808080;
}
.big-package:after, .small-package:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    left: 0;
    width: 100%;
    background-color: #ddd;
}
/*.bottom-packages {*/
/*    display: none;*/
/*}*/




.btn-holder-custom a {
    padding: 10px 0 !important;
    min-width: 180px !important;
}



.wrapper-table-result {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.wrapper-table-result .tech_info_custom {
    margin: 0;
    width: 32%;
}
.wrapper-table-result .tech_info_custom tr td {
    padding: 3px;
    width: auto !important;
    text-align: center !important;
    line-height: 22px;
    font-size: 20px;
}

/*.top-banner-new-year {*/
/*    background: url(/image/data/banners/panels/panel-bf-2021-d-ua.jpg) no-repeat;*/
/*    height: 40px;*/
/*    background-size: 100%;*/
/*}*/


.gallery__slider__product {
    list-style: none;
    display: flex;
    padding: 0;
}

.gallery__slider__product .product__gallery-item {
    cursor: pointer;
    margin: 0 3px;
}
.icon-souvenir {
    height: 34px;
}
@keyframes dash {
    to {
        stroke-dashoffset: 4000;
    }
}