@charset "utf-8";
:invalid, button, input, textarea {
    outline: 0
}

.productsList ul li .item .thumb a, .selectWrapper::after {
    -webkit-transition: .2s !important;
    -moz-transition: .2s !important;
    -o-transition: .2s !important
}

.listClear, body, form, html {
    padding: 0;
    margin: 0
}

.btn.fullWidth, .mainView {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box
}

.header, .productTabsHeader {
    -webkit-transform: translateZ(0)
}

.lang .dropdown > .dropdown-menu .columns label, .login .content, .phone .content {
    white-space: nowrap
}

@font-face {
    font-family: roboto_condensedlight;
    src: url(../fonts/robotocondensed-light-webfont.woff2) format('woff2'), url(../fonts/robotocondensed-light-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: roboto_condensedregular;
    src: url(../fonts/robotocondensed-regular-webfont.woff2) format('woff2'), url(../fonts/robotocondensed-regular-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: roboto_condensedbold;
    src: url(../fonts/robotocondensed-bold-webfont.woff2) format('woff2'), url(../fonts/robotocondensed-bold-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: roboto_condenseditalic;
    src: url(../fonts/robotocondensed-italic-webfont.woff2) format('woff2'), url(../fonts/robotocondensed-italic-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

a, a:active, a:focus, a:hover, a:visited {
    text-decoration: none !important
}

:active, :focus, :hover, :visited {
    outline: 0 !important
}

:invalid {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

:-moz-ui-invalid {
    outline: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important
}

body, html {
    font-family: roboto_condensedregular;
    font-size: 18px;
    color: #000;
    -webkit-font-smoothing: antialiased;
    position: relative;
    height: 100%
}

.btn-primary, input, textarea {
    font-family: roboto_condensedregular !important
}

input, select, textarea {
    font-size: 15px !important
}

body.blockScroll {
    overflow-y: hidden;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

article, aside, footer, header, nav, section {
    display: block
}

.listClear {
    list-style: none
}

a {
    cursor: pointer;
    text-decoration: none
}

a img {
    border: none
}

input, textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    color: #575757 !important;
    border: 1px solid #e1e1e1 !important;
    resize: none
}

input {
    height: 44px
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #e1e1e1 !important;
    font-family: roboto_condensedregular;
    height: 43px;
    color: #575757
}

select option {
    padding: 5px 15px
}

.greyscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.selectWrapper, form .form-group {
    position: relative
}

.selectWrapper::after {
    font-family: FontAwesome !important;
    content: "\f0dc" !important;
    position: absolute !important;
    font-size: 13px !important;
    transition: .2s !important;
    top: 13px;
    right: 20px !important;
    pointer-events: none;
    z-index: 10
}

.mainView, .sidePadding, .wrapper {
    position: relative
}

strong {
    font-weight: 400
}

video {
    display: block !important
}

a[href^=tel] {
    color: inherit;
    text-decoration: none;
    border: none !important
}

.wrapper {
    margin: 0 auto;
    width: 1600px
}

input[type=checkbox], input[type=radio] {
    display: none
}

input[type=checkbox] + label {
    font-size: 15px;
    color: #575757;
    padding-right: 15px
}

input[type=checkbox] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    background: url(../images/iconCheckboxRadio1.svg) left top no-repeat;
    cursor: pointer
}

input[type=checkbox]:checked + label span {
    background: url(../images/iconCheckboxRadio1.svg) -19px top no-repeat
}

input[type=radio] + label {
    font-size: 16px;
    margin-bottom: 0
}

input[type=radio] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    background: url(../images/iconCheckboxRadio1.svg) -38px top no-repeat;
    cursor: pointer
}

input[type=radio]:checked + label span {
    background: url(../images/iconCheckboxRadio1.svg) -57px top no-repeat
}

.form-group ::-webkit-input-placeholder {
    color: #575757;
    opacity: 1
}

.form-group :-moz-placeholder {
    color: #575757;
    opacity: 1
}

.form-group ::-moz-placeholder {
    color: #575757;
    opacity: 1
}

.form-group :-ms-input-placeholder {
    color: #575757;
    opacity: 1
}

.btn.fullWidth {
    width: 100%;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.btn-primary {
    color: #fff !important;
    font-size: 14px !important;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.btn-black, .btn-secondary {
    font-family: roboto_condensedregular !important;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.btn-secondary {
    color: #404040 !important;
    font-size: 16px !important;
    transition: .2s;
    background: 0 0;
    padding: 12px 20px;
    border: 2px solid #e1e1e1
}

.btn-secondary:hover {
    background: 0 0;
    border: 2px solid #7e7e7e;
    color: #000 !important
}

.btn-black {
    color: #fff !important;
    background: #404040;
    font-size: 14px !important;
    padding-left: 12px;
    padding-right: 12px;
    transition: .2s
}

.btn-black-big, .btn-primary-big {
    color: #fff !important;
    padding-left: 17px;
    padding-right: 17px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.btn-black:hover {
    background: #ff5a00
}

.btn-black-big {
    font-size: 16px !important;
    font-family: roboto_condensedbold !important;
    background: #000;
    transition: .2s;
    text-transform: uppercase
}

.btn-black-big:hover, .btn-primary-big {
    background: #ff5a00
}

.btn-primary-big {
    font-size: 18px !important;
    font-family: roboto_condensedregular !important;
    transition: .2s
}

.btn-primary-big:hover {
    background: #404040
}

.slider-track-high, .slider-track-low {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    background: #e1e1e1;
    height: 6px
}

.slider-selection {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    background: #000;
    height: 6px
}

.tooltip {
    font-size: 15px;
    font-family: roboto_condensedregular
}

.slider-handle {
    background: url(../images/iconSliderHandle.svg) center center no-repeat;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.pill-content > .pill-pane, .tab-content > .tab-pane {
    display: block;
    height: 0 !important;
    overflow: hidden;
    padding: 0 !important
}

.pill-content > .active, .tab-content > .active {
    height: auto !important;
    padding: 30px 0 40px !important;
    overflow: visible
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.alignLeft {
    text-align: left
}

.alignCenter {
    text-align: center
}

.alignRight {
    text-align: right
}

.lineThrough {
    text-decoration: line-through
}

.articlePage .articleContent .button .btn-no-style, .articlePage .articleContent .button label a, .mainMenu .categories .dropdown .current {
    text-decoration: underline !important
}

.dib {
    display: inline-block;
    vertical-align: middle
}

a {
    color: #000;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

a:hover {
    color: #7e7e7e
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block
}

.mainView {
    padding-top: 115px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100%;
    overflow: hidden
}

.mainView.lock {
    pointer-events: none
}

.mainView .mainViewContainer {
    min-height: 100%;
    background: #fff
}

.sidePadding {
    padding: 0 160px
}

.paddingTop {
    padding-top: 30px !important
}

.header {
    padding: 20px 0 0 0;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-backface-visibility: hidden
}

.header .hamburger a.hamburger, .scrollToTop {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.header .row {
    float: none;
    display: table;
    width: 100%
}

.header .row .col {
    float: none;
    display: table-cell;
    vertical-align: middle
}

.header .search {
    width: 550px;
    position: relative
}

.scrollToTop {
    position: fixed;
    bottom: 0;
    right: 0;
    height: 65px;
    width: 65px;
    background: #000;
    font-size: 32px;
    color: #fff !important;
    text-align: center;
    transition: .2s;
    line-height: 65px;
    opacity: 0;
    visibility: hidden;
    z-index: 999
}

.cartHeader, .productTabsHeader {
    -webkit-backface-visibility: hidden;
    width: 100%
}

.scrollToTop:hover {
    background: #ff5a00
}

.header .hamburger {
    display: none;
    margin-right: 5px
}

.header .hamburger a.hamburger {
    transition: .2s;
    font-size: 24px
}

.header .hamburger a.hamburger:hover {
    color: #7e7e7e
}

.header.active {
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
}

.header.min {
    padding: 5px 0
}

.scrollToTop.visible {
    visibility: visible;
    opacity: 1
}

.productTabsHeader {
    padding: 20px 0;
    background: #f6f6f6;
    position: fixed;
    top: 70px;
    left: 0;
    z-index: 98;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    opacity: 0;
    visibility: hidden;
    -ms-transform: translate(0, -20px);
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px)
}

.productTabsHeader.active {
    visibility: visible;
    opacity: 1;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.productTabsHeader .tabLinkColumn {
    display: inline-block;
    border-right: solid 1px #e1e1e1;
    padding: 0 10px
}

.productTabsHeader .tabLinkColumn:last-of-type {
    border: none
}

.productTabsHeader .tabLinkColumn .tabLink {
    cursor: pointer;
    text-align: center;
    min-width: 100px;
    position: relative
}

.productTabsHeader .tabLinkColumn .tabLink span.fa {
    font-size: 32px;
    color: #404040;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.productTabsHeader .tabLinkColumn .tabLink .title {
    font-size: 15px;
    padding-top: 2px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.productTabsHeader .tabLinkColumn .tabLink span.fa-angle-down {
    font-size: 18px !important;
    color: #7e7e7e !important;
    position: absolute;
    bottom: -20px;
    margin-left: -6px;
    left: 50%;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.productTabsHeader .tabLinkColumn .tabLink:hover .title, .productTabsHeader .tabLinkColumn .tabLink:hover span.fa {
    color: #7e7e7e
}

.productTabsHeader .tabLinkColumn .tabLink:hover span.fa-angle-down {
    bottom: -25px
}

.cartHeader {
    padding: 25px 0;
    -webkit-transform: translateZ(0);
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999
}

.cartHeader .back .btn {
    width: 220px
}

.cartHeader .back .btn span {
    color: #404040;
    display: inline-block;
    margin-right: 8px;
    font-size: 15px
}

.cartHeader .threeSteps {
    position: absolute;
    left: 50%;
    width: 460px;
    margin-left: -230px;
    top: 0
}

.cartHeader .threeSteps .threeStepsTable {
    display: table;
    width: 100%
}

.cartHeader .threeSteps .threeStepsTable .columnStep {
    display: table-cell;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    position: relative
}

.cartHeader .threeSteps .threeStepsTable .columnStep .circle {
    background: #fff;
    border: 2px solid #e1e1e1;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #e1e1e1;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    display: block;
    pointer-events: none
}

.cartHeader .threeSteps .threeStepsTable .columnStep.active .circle {
    border: 2px solid #404040;
    color: #404040;
    pointer-events: auto
}

.cartHeader .threeSteps .threeStepsTable .columnStep.active .circle:hover {
    border: 2px solid #ff5a00
}

.cartHeader .threeSteps .threeStepsTable .columnStep.done .circle {
    border: 2px solid #404040;
    background: #404040;
    color: #fff
}

.cartHeader .threeSteps .threeStepsTable .columnStep.done .circle:hover {
    border: 2px solid #ff5a00;
    background: #ff5a00
}

.cartHeader .threeSteps .threeStepsTable .columnStep .label {
    width: 120px;
    font-size: 14px;
    text-align: center;
    bottom: -22px;
    left: 0;
    margin-left: -45px;
    position: absolute
}

.logo, .search {
    position: relative
}

.cartHeader .threeSteps .threeStepsTable .columnStripe {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

.cartHeader .threeSteps .threeStepsTable .columnStripe .stripe {
    height: 2px;
    background: #e1e1e1;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.cartHeader .threeSteps .threeStepsTable .columnStripe.done .stripe {
    background: #404040
}

.phone {
    padding: 0 15px 0 30px;
    line-height: 18px
}

.phone .title {
    font-size: 15px
}

.phone .content {
    font-size: 18px;
    font-family: roboto_condensedbold
}

.login .content, .search .dropdown .dropdown-menu a.dropdown-item, .search .dropdown a.btn {
    font-family: roboto_condensedregular
}

.phone .content a {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    color: #000
}

.logo a, .search .border {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.phone .content a:hover {
    color: #7e7e7e
}

.order {
    padding: 0 0 0 5px
}

.logo {
    max-width: 465px;
    padding-right: 20px
}

.logo a {
    transition: .2s
}

.logo a:hover {
    opacity: .8
}

.logo img {
    max-height: 90px;
    max-width: 100%
}

.search input[type=text] {
    border: none !important;
    border-bottom: solid 2px #e1e1e1 !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    height: 53px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 240px 0 0;
    font-size: 16px;
    font-family: roboto_condensedregular;
    width: 100%
}

.cart .dropdown > .btn .cartCount, .filterBox .dropdown.withSlider .buttonRow .buttonColumn:nth-child(2) {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    -o-box-sizing: border-box !important
}

.search .border {
    position: absolute;
    height: 2px;
    left: 0;
    width: 0;
    bottom: 0;
    background: #000;
    transition: .2s
}

.search input[type=text]:focus + .border {
    width: 100%
}

.search button[type=submit] {
    position: absolute;
    right: 10px;
    width: auto;
    height: 53px;
    background: 0 0;
    border: none;
    color: #000;
    font-size: 28px;
    padding: 0 0 0 20px;
    cursor: pointer;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    top: 0;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important
}

.lang .dropdown > .btn, .search .dropdown a.btn {
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -o-transition: color .2s
}

.search button[type=submit]:hover {
    color: #7e7e7e
}

.search .btn:active, .search .btn:focus {
    -webkit-box-shadow: 0 0 !important;
    -moz-box-shadow: 0 0 !important;
    box-shadow: 0 0 !important;
    outline: 0 !important;
    border: none !important
}

.search .dropdown .dropdown-menu, .search .dropdown.show .btn {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
}

.search .dropdown {
    position: absolute;
    right: 56px;
    top: 5px
}

.search .dropdown a.btn {
    border: none;
    height: 45px;
    line-height: 20px;
    font-size: 16px;
    background: 0 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 3px 3px 0 0;
    -o-border-radius: 0;
    border-radius: 3px 3px 0 0;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    transition: color .2s;
    min-width: 182px;
    text-align: left
}

.search .dropdown .dropdown-menu {
    min-width: 182px;
    border: none;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
    margin: 0;
    padding: 0 0 5px;
    max-height: 230px
}

.search .dropdown .dropdown-menu a.dropdown-item {
    padding: 3px 10px;
    font-size: 15px
}

.search .dropdown .dropdown-menu a.dropdown-item:hover {
    background: 0 0 !important;
    color: #7e7e7e !important
}

.search .dropdown.show .btn {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
}

.lang .dropdown.show .btn, .lang .dropdown > .dropdown-menu {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
}

.search .dropdown.show .hideShadow {
    opacity: 1
}

.search .dropdown .hideShadow {
    position: absolute;
    z-index: 1100;
    background: #fff;
    top: 40px;
    left: 0;
    width: 100%;
    height: 10px;
    pointer-events: none;
    opacity: 0
}

.lang .dropdown .hideShadow, .login .dropdown .hideShadow {
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 1000;
    left: 0;
    pointer-events: none
}

.lang {
    border-left: solid 1px #e1e1e1;
    padding: 0
}

.lang .dropdown > .btn {
    border: none;
    height: 56px;
    background: url(../images/iconLang.svg) center 31px no-repeat #fff;
    font-size: 15px !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 3px 3px 0 0;
    -o-border-radius: 0;
    border-radius: 3px 3px 0 0;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    transition: color .2s;
    min-width: 58px;
    color: #000 !important
}

.lang .dropdown > .btn::after {
    display: none
}

.lang .dropdown > .dropdown-menu {
    border: none;
    margin-top: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
    -o-border-radius: 0;
    -webkit-border-radius: 3px 0 3px 3px;
    -moz-border-radius: 3px;
    -moz-border-radius-topright: 0;
    border-radius: 3px 0 3px 3px;
    padding: 3px 0
}

.lang .dropdown > .dropdown-menu .columns {
    display: table;
    width: 100%
}

.lang .dropdown > .dropdown-menu .columns .columnCurrency, .lang .dropdown > .dropdown-menu .columns .columnLang {
    display: table-cell;
    vertical-align: top;
    padding: 8px 15px
}

.lang .dropdown > .dropdown-menu .columns .columnLang {
    border-right: solid 1px #e1e1e1
}

.lang .dropdown.show .btn {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
}

.lang .dropdown.show .hideShadow {
    opacity: 1
}

.lang .dropdown .hideShadow {
    background: #fff;
    height: 10px;
    opacity: 0
}

.login {
    line-height: 18px;
    border-left: solid 1px #e1e1e1;
    padding: 0
}

.login .title {
    font-size: 15px;
    line-height: 15px
}

.login .content {
    font-size: 18px
}

.login .dropdown > .btn {
    border: none;
    height: 56px;
    background: 0 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 3px 3px 0 0;
    -o-border-radius: 0;
    border-radius: 3px 3px 0 0;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    text-align: left;
    color: #000 !important
}

.login .dropdown > .btn::after {
    display: none
}

.login .dropdown > .btn span {
    display: block
}

.login .dropdown > .dropdown-menu {
    border: none;
    margin-top: 0;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
    -o-border-radius: 0;
    -webkit-border-radius: 3px 0 3px 3px;
    -moz-border-radius: 3px;
    -moz-border-radius-topright: 0;
    border-radius: 3px 0 3px 3px;
    padding: 8px
}

.login .dropdown > .dropdown-menu .loginRow {
    padding-bottom: 5px
}

.login .dropdown > .dropdown-menu .loginRow .btn {
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    height: 29px;
    line-height: 28px;
    padding: 0
}

.cart .dropdown.show > .btn, .login .dropdown.show .btn {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
}

.login .dropdown > .dropdown-menu .registerRow a {
    white-space: nowrap;
    font-size: 14px;
    padding: 0 3px;
    display: inline-block;
    color: #000;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.login .dropdown > .dropdown-menu .registerRow a:hover {
    color: #7e7e7e
}

.login .dropdown > .dropdown-menu ul.links {
    margin: 0;
    padding: 5px 0 0;
    list-style: none
}

.login .dropdown > .dropdown-menu ul.links li {
    margin: 0;
    list-style: none;
    padding: 3px 0
}

.login .dropdown > .dropdown-menu ul.links li a {
    font-size: 15px
}

.login .dropdown.show .btn {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
}

.login .dropdown.show .hideShadow {
    opacity: 1
}

.login .dropdown .hideShadow {
    background: #fff;
    height: 10px;
    opacity: 0
}

.cart {
    border-left: solid 1px #e1e1e1;
    padding: 0
}

.cart .dropdown > .btn {
    cursor: pointer;
    background: 0 0;
    border: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 3px 3px 0 0;
    -o-border-radius: 0;
    border-radius: 3px 3px 0 0;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    padding-left: 15px;
    color: #000 !important;
    position: relative !important
}

.cart .dropdown > .btn .cartCount {
    position: absolute;
    right: 10px;
    top: -5px;
    background: #ff5a00 !important;
    color: #fff;
    opacity: 1 !important;
    height: 22px !important;
    min-width: 22px !important;
    box-sizing: border-box !important;
    padding: 0 5px !important;
    text-align: center !important;
    line-height: 22px !important;
    font-family: roboto_condensedbold !important;
    font-size: 12px !important;
    -moz-border-radius: 11px !important;
    -webkit-border-radius: 11px !important;
    -o-border-radius: 11px !important;
    border-radius: 11px !important;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    display: none
}

.cart .dropdown > .btn .cartCount:hover {
    background: #7e7e7e !important;
    color: #fff
}

.cart .dropdown > .btn .cartContainer {
    text-align: left;
    background: url(../images/iconCart.svg) left center no-repeat;
    padding-left: 45px;
    display: block;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.cart .dropdown > .btn .cartContainer .quantity {
    font-size: 15px;
    line-height: 15px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    display: block
}

.cart .dropdown > .btn .cartContainer .value {
    font-size: 17px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    display: block
}

.cart .dropdown > .btn .cartContainer .value span {
    vertical-align: super;
    font-size: 11px;
    position: relative;
    top: 2px
}

.cart .dropdown > .btn::after {
    display: none
}

.cart .dropdown.show > .btn {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
}

.cart .dropdown > .dropdown-menu, .filterBox .dropdown.withSlider .dropdown-menu {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
}

.cart .dropdown.show .hideShadow {
    opacity: 1
}

.cart .dropdown > .dropdown-menu {
    border: none;
    margin-top: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
    -o-border-radius: 0;
    -webkit-border-radius: 3px 0 3px 3px;
    -moz-border-radius: 3px;
    -moz-border-radius-topright: 0;
    border-radius: 3px 0 3px 3px;
    padding: 0;
    min-width: 260px
}

.cart .dropdown > .dropdown-menu ul.products {
    margin: 0;
    padding: 0;
    list-style: none
}

.cart .dropdown > .dropdown-menu ul.products li {
    margin: 0;
    list-style: none;
    border-bottom: solid 1px #e1e1e1;
    padding: 5px;
    position: relative
}

.cart .dropdown > .dropdown-menu ul.products li .item {
    display: table;
    width: 100%
}

.cart .dropdown > .dropdown-menu ul.products li .item .thumb {
    display: table-cell;
    vertical-align: middle;
    width: 45px
}

.cart .dropdown > .dropdown-menu ul.products li .item .thumb a {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.cart .dropdown > .dropdown-menu ul.products li .item .thumb a img {
    max-width: 45px;
    max-height: 45px
}

.productsList ul.min li .item .itemHover .hoverThumb .hoverThumbContainer .slideContainer a img, .productsList ul.min li .item .thumb a img {
    max-height: 180px;
    width: 100%;
}

.cart .dropdown > .dropdown-menu ul.products li .item .thumb a:hover {
    opacity: .8
}

.cart .dropdown > .dropdown-menu ul.products li .item .content {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    line-height: 15px
}

.cart .dropdown > .dropdown-menu ul.products li .item .content .title a {
    font-size: 14px;
    font-family: roboto_condensedregular;
    color: #000;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.cart .dropdown > .dropdown-menu ul.products li .item .content .title a:hover {
    color: #7e7e7e
}

.cart .dropdown > .dropdown-menu ul.products li .item .content .price {
    font-size: 13px;
    font-family: roboto_condensedregular
}

.cart .dropdown > .dropdown-menu ul.products li .item .content .price span {
    vertical-align: super;
    font-size: 11px;
    position: relative;
    top: 3px
}

.cart .dropdown > .dropdown-menu .summary {
    display: table;
    width: 100%
}

.cart .dropdown > .dropdown-menu .summary .price {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding: 10px 0 10px 12px;
    line-height: 12px;
    width: 100%
}

.cart .dropdown > .dropdown-menu .summary .price .title {
    font-size: 13px;
    font-family: roboto_condensedregular
}

.cart .dropdown > .dropdown-menu .summary .price .value {
    font-size: 15px;
    font-family: roboto_condensedbold
}

.cart .dropdown > .dropdown-menu .summary .price .value span {
    vertical-align: super;
    font-size: 11px;
    position: relative;
    top: 3px
}

.cart .dropdown > .dropdown-menu .summary .button {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding: 10px 12px
}

.cart .dropdown .hideShadow {
    position: absolute;
    z-index: 1000;
    background: #fff;
    top: 50px;
    left: 0;
    width: 100%;
    height: 10px;
    pointer-events: none;
    opacity: 0
}

.mainMenu {
    background: #f6f6f6;
    border-top: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1;
    height: 70px
}

.mainMenu .categories {
    border-left: solid 1px #e1e1e1;
    border-right: solid 1px #e1e1e1;
    position: relative;
    display: inline-block
}

.mainMenu .categories .dropdown {
    z-index: 1995;
    top: 0
}

.mainMenu .categories .dropdown .btn {
    background: 0 0;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 3px 3px 0 0;
    -o-border-radius: 0;
    border-radius: 3px 3px 0 0;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    padding: 18px 45px 0 40px;
    text-align: left;
    height: 68px
}

.mainMenu .categories .dropdown .btn span.min {
    display: block;
    font-family: roboto_condensedlight;
    text-transform: none;
    font-size: 14px;
    line-height: 14px
}

.mainMenu .categories .dropdown .btn span.big {
    display: block;
    text-transform: uppercase;
    font-family: roboto_condensedbold;
    font-size: 16px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.mainMenu .categories .dropdown .btn::after {
    position: absolute;
    right: 30px;
    bottom: 25px
}

.mainMenu .categories .dropdown.show .btn {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    background: #fff
}

.mainMenu .categories .dropdown.show .hideShadow {
    opacity: 1
}

.mainMenu .categories .dropdown > .dropdown-menu {
    margin-top: 0 !important
}

.mainMenu .categories .dropdown > .dropdown-menu > li:nth-last-child(2) {
    margin-bottom: 4px
}

.mainMenu .categories .dropdown .dropdown-menu {
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    width: 290px;
    margin-top: 0;
    padding: 20px 0 3px
}

.mainMenu .categories .dropdown .dropdown-menu > li {
    padding: 0 17px 0 0
}

.mainMenu .categories .dropdown .dropdown-menu > li a {
    padding: 4px 17px 4px 35px;
    color: #404040;
    font-size: 16px;
    font-family: roboto_condensedregular;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    display: block
}

.mainMenu .categories .dropdown .hovered {
    color: #7e7e7e;
    font-weight: 700;
}

.mainMenu .categories .dropdown .dropdown-menu .showAll a:hover, .mainMenu .categories .dropdown .dropdown-menu > li a:hover {
    color: #7e7e7e;
    font-weight: 700;
}

.mainMenu .categories .dropdown .dropdown-menu .dropdown-menu {
    top: 0;
    position: absolute;
    margin-left: 0;
    min-height: 100%;
}

.mainMenu .categories .dropdown .dropdown-menu .showAll {
    padding: 2px 50px 2px 35px
}

.mainMenu .categories .dropdown .dropdown-menu .showAll a {
    text-decoration: underline !important;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    border-top: dashed 2px #e1e1e1;
    display: block;
    padding: 6px 0
}

.mainMenu .categories .dropdown .dropdown-submenu > a {
    background: url(../images/iconDropdownSubmenu.svg) right center no-repeat
}

.mainMenu .categories .dropdown .hideShadow {
    position: absolute;
    z-index: 1000;
    background: #fff;
    top: 55px;
    left: 0;
    width: 100%;
    height: 20px;
    pointer-events: none;
    opacity: 0
}

.homeSlider, .homeSlider .slider {
    position: relative
}

.mainMenu .nav ul {
    margin: 0;
    list-style: none;
    padding: 0 13px
}

.mainMenu .nav ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    vertical-align: middle
}

.mainMenu .nav ul li a {
    display: block;
    padding: 0 17px;
    line-height: 70px;
    font-size: 16px;
    font-family: roboto_condensedregular;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    text-transform: uppercase;
    color: #000
}

.mainMenu .nav ul li a:hover {
    color: #7e7e7e
}

.mainMenu .nav ul li a span {
    font-size: 18px;
    margin-right: 8px;
}

.homeSlider {
    overflow: hidden
}

.homeSlider .slider .prevArea, .homeSlider .slider .prevArea > a {
    position: absolute;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    opacity: 0;
    left: 0
}

.homeSlider .slider img {
    width: 100%;
    height: auto
}

.homeSlider .slider .prevArea {
    top: 0;
    width: 300px;
    height: 100%;
    z-index: 1000;
    transition: .2s
}

.homeSlider .slider .prevArea > a {
    padding-left: 55px;
    top: 50%;
    margin-top: -60px;
    transition: .2s;
    display: block;
    cursor: default !important
}

.homeSlider .slider .prevArea > a > img {
    opacity: .3;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -ms-transform: translate(-55px, 0);
    -webkit-transform: translate(-55px, 0);
    transform: translate(-55px, 0);
    object-fit: cover;
    height: 120px;
    width: 240px
}

.homeSlider .slider .prevArea.active a, .homeSlider .slider .prevArea.active a:hover img {
    opacity: 1
}

.homeSlider .slider .prevArea.active a img {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.homeSlider .slider .nextArea, .homeSlider .slider .nextArea > a {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    opacity: 0;
    position: absolute;
    right: 0
}

.homeSlider .slider .nextArea {
    top: 0;
    width: 300px;
    height: 100%;
    z-index: 1000;
    transition: .2s
}

.homeSlider .slider .nextArea > a {
    padding-right: 55px;
    top: 50%;
    margin-top: -60px;
    transition: .2s;
    display: block;
    cursor: default !important
}

.homeSlider .slider .nextArea > a > img {
    opacity: .3;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -ms-transform: translate(55px, 0);
    -webkit-transform: translate(55px, 0);
    transform: translate(55px, 0);
    object-fit: cover;
    height: 120px;
    width: 240px
}

.homeSlider .slider .nextArea.active a {
    opacity: 1
}

.homeSlider .slider .nextArea.active a img {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.homeSlider .slider .nextArea.active a:hover img, .homeSlider .slider .slick-slide.slick-current .nextArea, .homeSlider .slider .slick-slide.slick-current .prevArea {
    opacity: 1
}

.homeSlider .slider .slick-slide.slick-current img {
    display: block
}

.homeSlider .slider .slick-slide img {
    display: none
}

.homeSlider .slider .slick-slide.loaded img {
    display: block !important
}

.homeSlider .slider .slideContentMask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 999
}

.productsList ul.min li:nth-child(6n+1) .item.withOptions .itemHover, .productsList ul.min li:nth-child(6n+2) .item.withOptions .itemHover, .productsList ul.min li:nth-child(6n+3) .item.withOptions .itemHover, .productsList ul.min li:nth-child(6n+4) .item.withOptions .itemHover, .productsList ul.min li:nth-child(6n+5) .item.withOptions .itemHover, .productsList ul.min li:nth-child(6n+6) .item.withOptions .itemHover {
    top: -25px;
    left: -30px;
    right: -30px;
    bottom: -25px
}

.homeSlider .slider .slideContentMask .slideContent {
    width: 100%;
    height: 100%;
    display: table
}

.homeSlider .slider .slideContentMask .slideContent .slideContentContainer {
    display: table-cell;
    vertical-align: middle
}

.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content {
    width: 40%;
    margin-left: 220px
}

.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content h1 {
    font-family: roboto_condensedregular;
    font-size: 60px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 4px 4px 5px rgba(0, 0, 0, .3)
}

.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content h2 {
    font-family: roboto_condensedregular;
    font-size: 44px;
    color: #fff;
    text-shadow: 4px 4px 5px rgba(0, 0, 0, .3);
    margin-top: 20px
}

.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content .button {
    padding-top: 50px
}

.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content .button .btn {
    border: 3px solid #fff;
    font-size: 20px;
    font-family: roboto_condensedregular;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 25px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer;
    outline: 0
}

.homeSlider .slider .slick-next::before, .homeSlider .slider .slick-prev::before {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 38px
}

.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content .button .btn:hover {
    background: #fff;
    color: #000
}

.homeSlider .slider .slick-prev {
    left: 0;
    z-index: 9999;
    opacity: 1;
    width: 55px;
    height: 120px;
    background: rgba(0, 0, 0, .3);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.homeSlider .slider .slick-prev::before {
    content: "\f0d9";
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin-right: 6px
}

.homeSlider .slider .slick-prev.active, .homeSlider .slider .slick-prev:hover {
    background: #000
}

.homeSlider .slider .slick-next {
    right: 0;
    z-index: 9999;
    opacity: 1;
    width: 55px;
    height: 120px;
    background: rgba(0, 0, 0, .3);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.homeSlider .slider .slick-next::before {
    content: "\f0da";
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin-left: 6px
}

.homeSlider .slider .slick-next.active, .homeSlider .slider .slick-next:hover {
    background: #000
}

.homeSlider .slider .slick-slide {
    position: relative !important;
    overflow: hidden
}

.homeSlider .slider .slick-dots {
    bottom: 17px;
    margin: 0;
    padding: 0;
    list-style: none
}

.homeSlider .slider .slick-dots li {
    width: 8px;
    padding: 0;
    list-style: none;
    margin: 0 3px
}

.homeSlider .slider .slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0;
    background: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.homeSlider .slider .slick-dots li button::before {
    display: none
}

.homeSlider .slider .slick-dots li button {
    border: 1px solid #575757;
}

.homeSlider .slider .slick-dots li button:hover {
    opacity: .5
}

.homeSlider .slider .slick-dots li.slick-active button {
    background: #000
}

.mainHeadline {
    text-align: center;
    padding: 0 0 15px
}

.mainHeadline h1 {
    border-bottom: solid 1px #e1e1e1
}

.mainHeadline h1 span.title {
    position: relative;
    font-size: 28px;
    background: #fff;
    padding: 0 15px;
    text-transform: uppercase;
    bottom: -15px;
    letter-spacing: 7px
}

.mainHeadline h1 span.title strong {
    font-family: roboto_condensedbold !important
}

.mainHeadline .showAll {
    display: block;
    position: relative;
    padding-top: 5px
}

.productsList ul.min li .item .icons, .productsList ul.min li .item .itemHover .availability, .productsList ul.min li .item .itemHover .options {
    display: none
}

.mainHeadline .showAll a {
    font-size: 16px;
    color: #000;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.mainHeadline .showAll a:hover {
    color: #7e7e7e
}

.productsPage {
    padding: 0px 15px 15px;
    position: relative
}

.productsList {
    padding: 0 15px
}

.productsList ul {
    margin: 0;
    list-style: none;
    font-size: 0;
    padding: 30px 0
}

.productsList ul.min li {
    width: 8.333%
}

.productsList ul.min li .item {
    height: 355px
}

.productsList ul.min li .item .itemHover {
    top: -25px;
    bottom: -25px
}

.productsList ul.min li .item .itemHover .hoverThumb .hoverThumbContainer {
    padding: 25px 30px 0
}

.productsList ul.min li .item .itemHover .hoverThumb .hoverThumbContainer .slideContainer {
    height: 180px;
    max-width: 180px
}

.productsList ul.min li .item .title {
    padding-top: 10px;
    height: 98px;
    overflow: hidden
}

.productsList ul.min li .item .title a {
    font-size: 18px;
    line-height: 22px !important
}

.productsList ul.min li .item .price {
    font-size: 16px
}

.productsList ul.min li .item .price span.main {
    font-size: 26px
}

.productsList ul.min li .item .price span.index {
    font-size: 16px
}

.productsList ul.min li .item .price a {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.productsList ul.min li .item .price a:hover {
    color: #7e7e7e !important
}

.productsList ul.min li .item .thumb {
    height: 180px;
    max-width: 180px
}

.productsList ul.min li .item .button {
    padding-right: 10px;
    padding-left: 10px
}

.productsList ul.min li .item .button a {
    font-size: 14px !important;
    padding: 5px 8px
}

.productsList ul.min li:nth-child(6n+1) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul.min li:nth-child(6n+2) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul.min li:nth-child(6n+3) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul.min li:nth-child(6n+4) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul.min li:nth-child(6n+5) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
    padding: 25px 30px 0
}

.productsList ul.min li:nth-child(6n+1) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(6n+1) .item.withOptions .itemHover .title, .productsList ul.min li:nth-child(6n+2) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(6n+2) .item.withOptions .itemHover .title, .productsList ul.min li:nth-child(6n+3) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(6n+3) .item.withOptions .itemHover .title, .productsList ul.min li:nth-child(6n+4) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(6n+4) .item.withOptions .itemHover .title, .productsList ul.min li:nth-child(6n+5) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(6n+5) .item.withOptions .itemHover .title {
    padding-left: 30px;
    padding-right: 30px
}

.productsList ul.min li:nth-child(6n+1) .item.withOptions .itemHover .button, .productsList ul.min li:nth-child(6n+2) .item.withOptions .itemHover .button, .productsList ul.min li:nth-child(6n+3) .item.withOptions .itemHover .button, .productsList ul.min li:nth-child(6n+4) .item.withOptions .itemHover .button, .productsList ul.min li:nth-child(6n+5) .item.withOptions .itemHover .button {
    padding-right: 10px;
    padding-left: 10px
}

.productsList ul.min li:nth-child(6n+1) .item.withOptions .itemHover .button a, .productsList ul.min li:nth-child(6n+2) .item.withOptions .itemHover .button a, .productsList ul.min li:nth-child(6n+3) .item.withOptions .itemHover .button a, .productsList ul.min li:nth-child(6n+4) .item.withOptions .itemHover .button a, .productsList ul.min li:nth-child(6n+5) .item.withOptions .itemHover .button a {
    font-size: 14px !important;
    padding: 5px 8px
}

.productsList ul.min li:nth-child(6n+6) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
    padding: 25px 30px 0
}

.productsList ul.min li:nth-child(6n+6) .item.withOptions .itemHover .icons, .productsList ul.min li:nth-child(6n+6) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(6n+6) .item.withOptions .itemHover .title {
    padding-right: 30px;
    padding-left: 30px
}

.productsList ul.min li:nth-child(6n+6) .item.withOptions .itemHover .button {
    padding-right: 10px;
    padding-left: 10px
}

.productsList ul.min li:nth-child(6n+6) .item.withOptions .itemHover .button a {
    font-size: 14px !important;
    padding: 5px 8px
}

.productsList ul.default li {
    width: 16.666%
}

.productsList ul.default li .item {
    height: 385px
}

.productsList ul.default li .item .thumb {
    height: 240px;
    max-width: 240px
}

.productsList ul.default li .item .thumb a img {
    max-height: 240px
}

.productsList ul.big li {
    width: 25%
}

.productsList ul.big li .item {
    height: 425px
}

.productsList ul.big li .item .itemHover .hoverThumb .hoverThumbContainer .slideContainer, .productsList ul.big li .item .thumb {
    height: 280px;
    max-width: 280px
}

.productsList ul.big li .item .thumb a img {
    max-width: 280px;
    max-height: 280px
}

.productsList ul.big li .item .itemHover .hoverThumb .hoverThumbContainer .slideContainer a img {
    max-width: 280px;
    max-height: 280px
}

.productsList ul.big li:nth-child(4n+1) .item.withOptions .itemHover, .productsList ul.big li:nth-child(4n+2) .item.withOptions .itemHover, .productsList ul.big li:nth-child(4n+3) .item.withOptions .itemHover {
    left: -30px;
    right: -110px
}

.productsList ul.big li:nth-child(4n+1) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul.big li:nth-child(4n+2) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul.big li:nth-child(4n+3) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
    padding: 50px 110px 0 30px
}

.productsList ul.big li:nth-child(4n+1) .item.withOptions .itemHover .button, .productsList ul.big li:nth-child(4n+1) .item.withOptions .itemHover .icons, .productsList ul.big li:nth-child(4n+1) .item.withOptions .itemHover .price, .productsList ul.big li:nth-child(4n+1) .item.withOptions .itemHover .title, .productsList ul.big li:nth-child(4n+2) .item.withOptions .itemHover .button, .productsList ul.big li:nth-child(4n+2) .item.withOptions .itemHover .icons, .productsList ul.big li:nth-child(4n+2) .item.withOptions .itemHover .price, .productsList ul.big li:nth-child(4n+2) .item.withOptions .itemHover .title, .productsList ul.big li:nth-child(4n+3) .item.withOptions .itemHover .button, .productsList ul.big li:nth-child(4n+3) .item.withOptions .itemHover .icons, .productsList ul.big li:nth-child(4n+3) .item.withOptions .itemHover .price, .productsList ul.big li:nth-child(4n+3) .item.withOptions .itemHover .title {
    padding-left: 30px;
    padding-right: 110px
}

.productsList ul.big li:nth-child(4n+1) .item.withOptions .itemHover .options, .productsList ul.big li:nth-child(4n+2) .item.withOptions .itemHover .options, .productsList ul.big li:nth-child(4n+3) .item.withOptions .itemHover .options {
    right: 30px !important;
    left: auto !important;
}

.productsList ul.big li:nth-child(4n+1) .item.withOptions .itemHover .availability, .productsList ul.big li:nth-child(4n+2) .item.withOptions .itemHover .availability, .productsList ul.big li:nth-child(4n+3) .item.withOptions .itemHover .availability {
    left: 20px;
    right: auto;
    text-align: left
}

.productsList ul.big li:nth-child(4n+4) .item.withOptions .itemHover {
    right: -30px;
    left: -110px
}

.productsList ul.big li:nth-child(4n+4) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
    padding: 50px 30px 0 110px
}

.productsList ul.big li:nth-child(4n+4) .item.withOptions .itemHover .button, .productsList ul.big li:nth-child(4n+4) .item.withOptions .itemHover .icons, .productsList ul.big li:nth-child(4n+4) .item.withOptions .itemHover .price, .productsList ul.big li:nth-child(4n+4) .item.withOptions .itemHover .title {
    padding-right: 30px;
    padding-left: 110px
}

.productsList ul.big li:nth-child(4n+4) .item.withOptions .itemHover .options {
    left: 30px !important;
    right: auto
}

.productsList ul.big li:nth-child(4n+4) .item.withOptions .itemHover .availability {
    right: 20px;
    left: auto;
    text-align: right
}

.productsList ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 16.666%;
    vertical-align: top
}

.productsList ul li .item {
    margin: 15px;
    /*height: 385px;*/
    position: relative;
    text-align: center;
    display: block
}

.productsList ul li .item .thumb {
    display: table;
    height: 240px;
    width: 100%;
    max-width: 240px;
    margin: 0 auto
}

.productsList ul li .item .thumb a {
    display: table-cell;
    vertical-align: middle;
    transition: .2s !important;
    text-align: center
}

.productsList ul li .item .thumb a img {
    max-width: 210px;
    max-height: 240px;
    -webkit-transition: .2s !important;
    -moz-transition: .2s !important;
    -o-transition: .2s !important;
    transition: .2s !important
}

.productsList ul li .item .thumb a:hover img {
    opacity: .8
}

.productsList ul li .item ul.icons {
    margin: 0;
    padding: 5px 0 0;
    list-style: none;
    height: 28px
}

.productsList ul li .item ul.icons li {
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 25px;
    height: 25px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    vertical-align: bottom;
    margin: 0 2px
}

.productsList ul li .item ul.icons li.promo {
    background: #ff5a00;
    font-size: 12px;
    font-family: roboto_condensedregular;
    color: #fff;
    text-align: center;
    line-height: 28px
}

.productsList ul li .item ul.icons li.recommended {
    background: url(../images/iconBestseller.svg) center center no-repeat #a8cf38
}

.productsList ul li .item ul.icons li.shipping {
    background: url(../images/iconShipping.svg) center center no-repeat #008aff
}

.productsList ul li .item ul.icons li.bestseller {
    background: url(../images/iconNew.svg) center center no-repeat #000
}

.productsList ul li .item ul.icons li.newest {
    background: url(../images/iconNewest.svg) center center no-repeat #7b2bff
}

.productsList ul li .item .title {
    padding-top: 10px;
    /*height: 58px;*/
    overflow: hidden
}

.productsList ul li .item .title a {
    font-size: 20px;
    color: #000;
    font-family: roboto_condensedregular;
    line-height: 24px !important;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    display: inline-block
}

.productsList ul li .item .title a:hover {
    color: #7e7e7e
}

.producentsList ul li .item:hover .logoRow .logoColumn .producentContainer .producentName a, .productsList ul li .item .price a:hover {
    color: #7e7e7e !important
}

.productsList ul li .item .price {
    padding-top: 0;
    font-size: 18px;
    font-family: roboto_condensedlight;
    height: 51px !important;
    line-height: 51px !important
}

.productsList ul li .item .price span.main {
    font-family: roboto_condensedbold;
    font-size: 34px
}

.productsList ul li .item .price span.index {
    font-family: roboto_condensedbold;
    vertical-align: super;
    font-size: 20px;
    position: relative;
    top: -3px
}

.productsList ul li .item .price a {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.productsList ul li .item .itemHover {
    position: absolute;
    left: -30px;
    right: -30px;
    top: -50px;
    bottom: -50px;
    background: #fff;
    opacity: 0;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    z-index: 99;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    text-align: center;
    overflow: hidden
}

.productsList ul li .item .itemHover.active {
    opacity: 1;
    z-index: 100
}

.producentsList ul li .item .logoRow .logoColumn .producentContainer a:hover, .producentsList ul li .item:hover .logoRow .logoColumn .producentContainer a, .productsList ul li .item .itemHover .hoverThumb .hoverThumbContainer .slideContainer a:hover, .productsList ul li .item .itemHover .options .slideThumb span:hover img {
    opacity: .8
}

.productsList ul li .item .itemHover .hoverThumb {
    position: relative;
    left: 0;
    top: 0;
    width: 100%
}

.productsList ul li .item .itemHover .hoverThumb .hoverThumbContainer {
    padding: 50px 30px 0;
    position: relative;
    margin: 0 auto
}

.productsList ul li .item .itemHover .hoverThumb .hoverThumbContainer .slideContainer {
    display: table;
    height: 240px;
    width: 100%;
    margin: 0 auto;
    max-width: 240px
}

.productsList ul li .item .itemHover .hoverThumb .hoverThumbContainer .slideContainer a {
    display: table-cell;
    vertical-align: middle;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    text-align: center
}

.productsList ul li .item .itemHover .hoverThumb .hoverThumbContainer .slideContainer a img {
    max-width: 210px;
    max-height: 240px;
    display: block;
    margin: 0 auto;
    outline: 0 !important;
    border: none !important;
    -webkit-box-shadow: 0 0 2px 0 #fff !important;
    -moz-box-shadow: 0 0 2px 0 #fff !important;
    box-shadow: 0 0 2px 0 #fff !important
}

.productsList ul li .item .itemHover .availability {
    position: absolute;
    top: 10px;
    right: 20px;
    left: 20px;
    text-align: center;
    font-size: 18px;
    font-family: roboto_condenseditalic
}

.footerButton .footerButtonContainer a, .productDetails h2.title, .productsList ul li .item .itemHover .availability span {
    font-family: roboto_condensedbold
}

.productsList ul li .item .itemHover .title {
    padding-left: 30px;
    padding-right: 30px
}

.productsList ul li .item .itemHover .price {
    padding-left: 30px;
    padding-right: 30px;
    height: 51px !important;
    line-height: 51px !important
}

.productsList ul li .item .itemHover .options {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 30px;
    left: 30px;
    width: 94px;
    min-height: 297px !important;
    z-index: 999
}

.productsList ul li .item .itemHover .options .slideThumb span {
    border: 1px solid #e1e1e1;
    width: 92px;
    height: 92px;
    display: block;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin-bottom: 5px
}

.productsList ul li .item .itemHover .options .slideThumb span img {
    object-fit: scale-down;
    width: 90px;
    height: 90px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.productsList ul li .item .itemHover .options .slideThumb span:hover {
    border: 1px solid #000
}

.productsList ul li:nth-child(6n+1) .item.withOptions .itemHover, .productsList ul li:nth-child(6n+2) .item.withOptions .itemHover, .productsList ul li:nth-child(6n+3) .item.withOptions .itemHover, .productsList ul li:nth-child(6n+4) .item.withOptions .itemHover, .productsList ul li:nth-child(6n+5) .item.withOptions .itemHover {
    left: -30px;
    right: -110px
}

.productsList ul li:nth-child(6n+1) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul li:nth-child(6n+2) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul li:nth-child(6n+3) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul li:nth-child(6n+4) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul li:nth-child(6n+5) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
    padding: 50px 110px 0 30px
}

.productsList ul li:nth-child(6n+1) .item.withOptions .itemHover .button, .productsList ul li:nth-child(6n+1) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(6n+1) .item.withOptions .itemHover .price, .productsList ul li:nth-child(6n+1) .item.withOptions .itemHover .title, .productsList ul li:nth-child(6n+2) .item.withOptions .itemHover .button, .productsList ul li:nth-child(6n+2) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(6n+2) .item.withOptions .itemHover .price, .productsList ul li:nth-child(6n+2) .item.withOptions .itemHover .title, .productsList ul li:nth-child(6n+3) .item.withOptions .itemHover .button, .productsList ul li:nth-child(6n+3) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(6n+3) .item.withOptions .itemHover .price, .productsList ul li:nth-child(6n+3) .item.withOptions .itemHover .title, .productsList ul li:nth-child(6n+4) .item.withOptions .itemHover .button, .productsList ul li:nth-child(6n+4) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(6n+4) .item.withOptions .itemHover .price, .productsList ul li:nth-child(6n+4) .item.withOptions .itemHover .title, .productsList ul li:nth-child(6n+5) .item.withOptions .itemHover .button, .productsList ul li:nth-child(6n+5) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(6n+5) .item.withOptions .itemHover .price, .productsList ul li:nth-child(6n+5) .item.withOptions .itemHover .title {
    padding-left: 30px;
    padding-right: 110px
}

.productsList ul li:nth-child(6n+1) .item.withOptions .itemHover .options, .productsList ul li:nth-child(6n+2) .item.withOptions .itemHover .options, .productsList ul li:nth-child(6n+3) .item.withOptions .itemHover .options, .productsList ul li:nth-child(6n+4) .item.withOptions .itemHover .options, .productsList ul li:nth-child(6n+5) .item.withOptions .itemHover .options {
    right: 30px !important;
    left: auto
}

.productsList ul li:nth-child(6n+1) .item.withOptions .itemHover .availability, .productsList ul li:nth-child(6n+2) .item.withOptions .itemHover .availability, .productsList ul li:nth-child(6n+3) .item.withOptions .itemHover .availability, .productsList ul li:nth-child(6n+4) .item.withOptions .itemHover .availability, .productsList ul li:nth-child(6n+5) .item.withOptions .itemHover .availability {
    left: 20px;
    right: auto;
    text-align: left
}

.productsList ul li:nth-child(6n+6) .item.withOptions .itemHover {
    right: -30px;
    left: -110px
}

.productsList ul li:nth-child(6n+6) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
    padding: 50px 30px 0 110px
}

.productsList ul li:nth-child(6n+6) .item.withOptions .itemHover .button, .productsList ul li:nth-child(6n+6) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(6n+6) .item.withOptions .itemHover .price, .productsList ul li:nth-child(6n+6) .item.withOptions .itemHover .title {
    padding-right: 30px;
    padding-left: 110px
}

.productsList ul li:nth-child(6n+6) .item.withOptions .itemHover .options {
    left: 30px !important;
    right: auto
}

.productsList ul li:nth-child(6n+6) .item.withOptions .itemHover .availability {
    right: 20px;
    left: auto;
    text-align: right
}

.producentsList ul {
    list-style: none;
    font-size: 0;
    margin: 0 !important;
    padding: 0 15px !important
}

.producentsList ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 16.66%
}

.producentsList ul li .item {
    border: 1px solid #e1e1e1;
    margin: 15px;
    position: relative;
    height: 220px
}

.producentsList ul li .item .mask {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.producentsList ul li .item .logoRow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table
}

.producentsList ul li .item .logoRow .logoColumn {
    display: table-cell;
    vertical-align: middle;
    position: relative !important
}

.producentsList ul li .item .logoRow .logoColumn .producentContainer {
    height: 80px;
    text-align: center;
    position: relative;
    padding: 0 20px
}

.producentsList ul li .item .logoRow .logoColumn .producentContainer a {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.producentsList ul li .item .logoRow .logoColumn .producentContainer a img {
    max-height: 80px
}

.producentsList ul li .item .logoRow .logoColumn .producentName {
    top: 80px;
    left: 0;
    width: 100%;
    position: absolute
}

.producentsList ul li .item .logoRow .logoColumn .producentName a {
    display: block;
    font-size: 15px;
    font-family: roboto_condensedbold;
    padding: 5px 20px
}

.bannersGrid .item {
    padding: 15px;
    position: relative
}

.bannersGrid .item img {
    width: 100%
}

.footerButton {
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 989;
    text-align: center;
    opacity: 0;
    visibility: hidden
}

.footerButton .footerButtonContainer {
    width: 158px;
    height: 29px;
    background: url(../images/footerButton.svg) center bottom no-repeat;
    display: inline-block;
    text-align: center;
    position: relative
}

.footerButton .footerButtonContainer .slideDown {
    display: none
}

.footerButton .footerButtonContainer a {
    font-size: 14px;
    color: #fff;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    text-transform: uppercase;
    line-height: 29px;
    display: block;
    height: 29px;
    padding-right: 10px
}

.footerButton .footerButtonContainer a:hover {
    color: #e1e1e1
}

.footerButton .footerButtonContainer span {
    color: #fff;
    font-size: 12px;
    margin-left: 3px;
    position: absolute;
    right: 20px;
    top: 8px
}

.footer, .footer .footerContainer {
    position: relative;
    background: #fff
}

.footerButton.active {
    opacity: 1;
    visibility: visible !important
}

.footerButton.open .footerButtonContainer .slideDown {
    display: block
}

.footerButton.open .footerButtonContainer .slideUp {
    display: none !important
}

.footer {
    z-index: 990
}

.footer .footerContainer {
    display: block;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    border-top: solid 1px #e1e1e1
}

.footer .footerContainer.fixed, .pageMask {
    position: fixed
}

.footer .newsletter {
    text-align: center;
    padding: 35px 0
}

.footer .newsletter .container {
    position: relative
}

.footer .newsletter .container ul.social {
    position: absolute;
    right: 0;
    bottom: 0
}

.footer .newsletter .title {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 4px;
    padding-bottom: 15px
}

.footer .newsletter form {
    width: 430px;
    margin: 0 auto;
    position: relative
}

.footer .newsletter form input[type=email] {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #404040;
    font-size: 16px;
    color: #000;
    font-family: roboto_condensedregular;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    background: #fff !important
}

.footer .newsletter form ::-webkit-input-placeholder {
    color: #000;
    opacity: 1
}

.footer .newsletter form :-moz-placeholder {
    color: #000;
    opacity: 1
}

.footer .newsletter form ::-moz-placeholder {
    color: #000;
    opacity: 1
}

.footer .newsletter form :-ms-input-placeholder {
    color: #000;
    opacity: 1
}

.footer .newsletter form button {
    width: 110px;
    background: #000;
    color: #fff;
    font-size: 15px;
    font-family: roboto_condensedregular;
    text-transform: uppercase;
    border: none;
    height: 36px;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.footer .newsletter form button:hover {
    background: #ff5a00
}

.footer .footerBottom {
    background: #f6f6f6;
    padding: 35px 0;
    font-size: 16px
}

.footer .footerBottom .row {
    padding: 0 9%
}

.footer .footerBottom .row .row {
    padding: 0
}

.footer .footerBottom h2 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 4px;
    padding-bottom: 15px
}

.footer .footerBottom ul, .footer .footerBottom ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer .footerBottom ul li {
    float: left;
    width: 30%
}

.footer .footerBottom ul li a {
    padding-right: 30px;
    display: inline-block
}

.footer .footerBottom a {
    color: #000;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.footer .copyright a, ul.social li a {
    -webkit-transition: .2s;
    -o-transition: .2s
}

.footer .footerBottom a:hover {
    color: #7e7e7e
}

.footer .copyright {
    text-align: center;
    padding: 30px 0;
    font-size: 13px
}

ul.social, ul.social li {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer .copyright a {
    color: #000;
    -moz-transition: .2s;
    transition: .2s
}

.footer .copyright a:hover {
    color: #7e7e7e
}

.footer .copyright a span {
    color: red
}

ul.social li {
    display: inline-block;
    vertical-align: top
}

ul.social li a {
    width: 32px;
    height: 32px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    -moz-transition: .2s;
    transition: .2s;
    text-align: center;
    background: #7e7e7e;
    line-height: normal !important
}

.pageMask, ul.social li a span {
    -webkit-transition: .2s;
    -o-transition: .2s
}

ul.social li a:hover {
    background: #000
}

ul.social li a:hover span {
    color: #fff
}

ul.social li a span {
    color: #fff;
    font-size: 20px !important;
    -moz-transition: .2s;
    transition: .2s;
    line-height: 32px
}

.pageMask, .productDetailsCloseInfo {
    -moz-transition: .2s;
    pointer-events: none
}

.pageMask {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0);
    z-index: 1001;
    transition: .2s;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0)
}

.productDetails, .productDetailsCloseInfo {
    position: fixed;
    -webkit-transform: translateZ(0);
    -webkit-transition: .2s;
    -webkit-backface-visibility: hidden
}

.pageMask.active {
    background: rgba(255, 255, 255, .9);
    pointer-events: auto;
    cursor: pointer
}

.productDetailsCloseInfo {
    top: 50%;
    margin-top: -20px;
    left: 30px;
    color: #000;
    z-index: 99999999;
    opacity: 0;
    -o-transition: .2s;
    transition: .2s;
    visibility: hidden;
    margin-left: -220px;
    font-size: 28px
}

.productDetailsCloseInfo.active {
    opacity: 1;
    visibility: visible
}

.productDetails {
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    max-width: 1160px;
    z-index: 1010;
    overflow-y: auto;
    padding: 0 50px 100px;
    opacity: 0;
    visibility: hidden;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -ms-transform: translate(200px, 0);
    -webkit-transform: translate(200px, 0);
    transform: translate(200px, 0)
}

.productDetails .productDetailsContainer {
    position: relative !important
}

.productDetails.active {
    visibility: visible;
    opacity: 1;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.productDetails .mainBox .options .form-group .colors ul li a:hover, .productDetails .productGallery .thumbs .slick-slide .thumbContainer:hover img {
    opacity: .8
}

.productDetails .nav {
    padding: 25px 0;
    display: block !important
}

.productDetails .nav a {
    margin-right: 7px;
    display: inline-block !important;
    margin-bottom: 7px
}

.productDetails .nav a span {
    color: #404040;
    display: inline-block
}

.productDetails .nav a span.fa-times {
    margin-right: 8px;
    font-size: 15px
}

.productDetails .nav a span.fa-chevron-right {
    margin-left: 8px;
    font-size: 13px
}

.productDetails h2.title {
    font-size: 30px;
    padding: 10px 0 50px
}

.productDetails .mainBox {
    border: 2px solid #e1e1e1;
    padding: 15px;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.mainBox, .propertiesBox table td {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.productDetails .mainBox .alert.alert-danger {
    padding: 0 !important;
    border: none !important
}

.productDetails .mainBox .availability {
    text-align: right;
    font-size: 15px;
    font-family: roboto_condensedregular
}

.productDetails .mainBox .availability span {
    margin-right: 5px
}

.productDetails .mainBox .newPrice {
    text-align: right;
    position: relative;
    margin-top: -5px
}

.productDetails .mainBox .newPrice span.main {
    font-family: roboto_condensedbold;
    font-size: 42px;
    display: inline-block !important
}

.productDetails .mainBox .newPrice span.index {
    font-family: roboto_condensedbold;
    vertical-align: super;
    font-size: 26px;
    position: relative;
    top: -4px
}

.productDetails .mainBox .newPrice span.currency {
    font-size: 18px;
    font-family: roboto_condensedlight
}

.productDetails .mainBox .oldPrice {
    text-align: right;
    position: relative;
    margin-top: -8px;
    padding-bottom: 8px
}

.productDetails .mainBox .oldPrice .price {
    display: inline-block;
    padding: 0 2px;
    font-size: 15px
}

.productDetails .mainBox .oldPrice .price.price1 {
    border-right: solid 1px #e1e1e1;
    padding-right: 6px
}

.productDetails .mainBox .oldPrice .price span.main {
    font-size: 18px
}

.productDetails .mainBox .oldPrice .price span.index {
    vertical-align: super;
    font-size: 11px;
    position: relative;
    top: 0
}

.productDetails .mainBox .oldPrice .price span.currency {
    font-size: 13px
}

.productDetails .mainBox .options {
    border-top: solid 1px #e1e1e1;
    padding: 8px 0 15px;
    position: relative
}

.productDetails .mainBox .options .form-group {
    padding: 5px 15px 0;
    margin: 0
}

.productDetails .mainBox .options .form-group label {
    display: block;
    font-size: 16px;
    font-family: roboto_condensedbold;
    margin-bottom: 3px
}

.productDetails .mainBox .options .form-group select {
    font-size: 13px !important;
    height: 42px
}

.productDetails .mainBox .options .form-group .checkWrapper {
    padding-top: 0
}

.productDetails .mainBox .options .form-group .checkWrapper .label {
    font-size: 16px;
    font-family: roboto_condensedbold;
    margin-bottom: 5px
}

.productDetails .mainBox .options .form-group .checkWrapper label {
    font-family: roboto_condensedregular !important
}

.productDetails .mainBox .options .form-group .colors ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.productDetails .mainBox .options .form-group .colors ul li {
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 0 2px 2px 0
}

.productDetails .mainBox .options .form-group .colors ul li a {
    display: block;
    width: 32px;
    height: 32px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center center
}

.productDetails .mainBox .options .form-group .colors ul li a.current {
    -webkit-box-shadow: inset 0 0 0 3px #7e7e7e;
    -moz-box-shadow: inset 0 0 0 3px #7e7e7e;
    box-shadow: inset 0 0 0 3px #7e7e7e
}

.productDetails .mainBox .toCart {
    border-top: solid 1px #e1e1e1;
    padding: 15px 0 0
}

.productDetails .mainBox .toCart .form-group {
    text-align: right;
    margin: 0
}

.productDetails .mainBox .toCart .form-group label {
    display: inline-block;
    font-size: 15px;
    vertical-align: middle;
    margin: 0 !important
}

.productDetails .mainBox .toCart .form-group > .input-group {
    width: 105px !important;
    display: inline-block;
    vertical-align: middle
}

.productDetails .mainBox .toCart .form-group input.touchSpin {
    width: 65px !important;
    height: 40px !important;
    border: 1px solid #e1e1e1 !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
    font-size: 15px !important;
    color: #575757;
    text-align: center;
    display: inline-block !important
}

.productDetails .mainBox .toCart .form-group .input-group-btn {
    display: inline-block;
    vertical-align: middle;
    width: 20px !important;
    background: 0 0
}

.productDetails .mainBox .toCart .form-group .input-group-btn .bootstrap-touchspin-down {
    width: 20px !important;
    font-size: 0 !important;
    height: 40px !important;
    padding: 0 !important;
    position: relative;
    background: 0 0;
    color: #575757;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.productDetails .mainBox .toCart .form-group .input-group-btn .bootstrap-touchspin-down::before {
    font-family: FontAwesome;
    content: "\f053";
    font-size: 11px
}

.productDetails .mainBox .toCart .form-group .input-group-btn .bootstrap-touchspin-down:hover {
    color: #7e7e7e
}

.productDetails .mainBox .toCart .form-group .input-group-btn .bootstrap-touchspin-up {
    width: 15px !important;
    font-size: 0 !important;
    height: 40px !important;
    padding: 0 !important;
    background: 0 0;
    color: #575757;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.productDetails .mainBox .toCart .form-group .input-group-btn .bootstrap-touchspin-up::before {
    font-family: FontAwesome;
    content: "\f054";
    font-size: 11px
}

.productDetails .mainBox .toCart .form-group .input-group-btn .bootstrap-touchspin-up:hover {
    color: #7e7e7e
}

.productDetails .mainBox .toCart .button {
    padding-top: 10px
}

.productDetails .mainBox .toCart .button .btn {
    width: 100% !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
    font-family: roboto_condensedbold !important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.productDetails .mainBox .toCart .button .btn span {
    margin-right: 10px
}

.productDetails .iconsBox, .productDetails .propertiesBox {
    border: 1px solid #e1e1e1;
    padding: 15px;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.mainBox, .propertiesBox table td {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box
}

.productDetails .productGallery {
    padding-right: 40px;
    position: relative
}

.productDetails .productGallery .thumbs {
    padding: 0 30px
}

.productDetails .productGallery .thumbs .slick-slide .thumbContainer {
    border: 1px solid #e1e1e1;
    width: 115px;
    height: 115px;
    display: block;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin-bottom: 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05)
}

.productDetails .productGallery .thumbs .slick-next::before, .productDetails .productGallery .thumbs .slick-prev::before {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 42px;
    color: #404040 !important;
    line-height: 30px
}

.productDetails .productGallery .thumbs .slick-slide .thumbContainer img {
    object-fit: scale-down;
    width: 113px;
    height: 113px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.productDetails .productGallery .thumbs .slick-slide .thumbContainer:hover {
    border: 1px solid #000
}

.productDetails .productGallery .thumbs .slick-prev {
    left: 0;
    z-index: 9999;
    opacity: 1;
    width: 30px;
    height: 30px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin-left: -10px
}

.productDetails .productGallery .thumbs .slick-prev::before {
    content: "\f104";
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.productDetails .productGallery .thumbs .slick-next {
    right: 0;
    z-index: 9999;
    opacity: 1;
    width: 30px;
    height: 30px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.productDetails .productGallery .thumbs .slick-next::before {
    content: "\f105";
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.productDetails .productGallery .full {
    padding-bottom: 45px
}

.productDetails .productGallery .full .fullSlide {
    display: table;
    width: 100%
}

.productDetails .productGallery .full .fullSlide .fullSlideContainer {
    display: table-cell;
    vertical-align: middle;
    height: 450px;
    text-align: center
}

.productDetails .productGallery .full .fullSlide .fullSlideContainer img {
    max-width: 100%;
    max-height: 450px;
    display: inline-block
}

.productDetails .productGallery .full .fullSlide .fullSlideContainer a {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #404040;
    background: #fff;
    width: 50px;
    height: 50px;
    border: 1px solid #e1e1e1;
    text-align: center;
    line-height: 50px;
    font-size: 28px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin: -25px 0 0 -25px;
    display: block;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    opacity: 0
}

.productDetails .productGallery .full .fullSlide .fullSlideContainer a:hover {
    color: #7e7e7e
}

.productDetails .productGallery .full .slick-next::before, .productDetails .productGallery .full .slick-prev::before {
    font-family: FontAwesome;
    font-size: 42px;
    color: #404040 !important;
    line-height: 27px;
    display: inline-block
}

.productDetails .productGallery .full .fullSlide .fullSlideContainer:hover a {
    opacity: 1
}

.productDetails .productGallery .full .slick-prev {
    left: 0;
    z-index: 9999;
    opacity: 1;
    width: 50px;
    height: 50px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin-left: -20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    background: #fff
}

.productDetails .productGallery .full .slick-prev::before {
    content: "\f104";
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.productDetails .productGallery .full .slick-next {
    right: 0;
    z-index: 9999;
    opacity: 1;
    width: 50px;
    height: 50px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    margin-right: -10px;
    background: #fff
}

.productDetails .productGallery .full .slick-next::before {
    content: "\f105";
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.mainBox {
    border: 2px solid #e1e1e1;
    padding: 15px;
    margin-bottom: 10px;
    box-sizing: border-box;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.mainBox .alert.alert-danger {
    padding: 0 !important;
    border: none !important
}

.mainBox .alert {
    position: relative;
    height: 0;
    margin: 0 !important
}

.mainBox .alert span {
    position: absolute;
    bottom: -15px;
    left: 0
}

.mainBox .form-group {
    padding-bottom: 10px !important
}

.mainBox .availability {
    text-align: right;
    font-size: 15px;
    font-family: roboto_condensedregular
}

.mainBox .availability span {
    margin-right: 5px
}

.mainBox .newPrice {
    text-align: right;
    position: relative;
    margin-top: -5px
}

.mainBox .newPrice span.main {
    font-family: roboto_condensedbold;
    font-size: 42px
}

.mainBox .newPrice span.index {
    font-family: roboto_condensedbold;
    vertical-align: super;
    font-size: 26px;
    position: relative;
    top: -4px
}

.mainBox .newPrice span.currency {
    font-size: 18px;
    font-family: roboto_condensedlight
}

.mainBox .oldPrice {
    text-align: right;
    position: relative;
    margin-top: -8px;
    padding-bottom: 8px
}

.mainBox .oldPrice .price {
    display: inline-block;
    padding: 0 2px;
    font-size: 15px
}

.mainBox .oldPrice .price.price1 {
    border-right: solid 1px #e1e1e1;
    padding-right: 6px
}

.mainBox .oldPrice .price span.main {
    font-size: 18px
}

.mainBox .oldPrice .price span.index {
    vertical-align: super;
    font-size: 11px;
    position: relative;
    top: 0
}

.mainBox .oldPrice .price span.currency {
    font-size: 13px
}

.mainBox .options {
    border-top: solid 1px #e1e1e1;
    padding: 8px 0 15px
}

.mainBox .options .form-group {
    padding: 0 15px;
    margin: 0
}

.mainBox .options .form-group label {
    display: block;
    font-size: 16px;
    font-family: roboto_condensedbold;
    margin-bottom: 3px
}

.mainBox .options .form-group select {
    font-size: 13px !important
}

.mainBox .options .form-group .checkWrapper {
    padding-top: 5px
}

.mainBox .options .form-group .checkWrapper .label {
    font-size: 16px;
    font-family: roboto_condensedbold;
    margin-bottom: 5px
}

.mainBox .options .form-group .checkWrapper label {
    font-family: roboto_condensedregular !important
}

.mainBox .options .form-group .colors ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.mainBox .options .form-group .colors ul li {
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 0 2px 2px 0
}

.mainBox .options .form-group .colors ul li a {
    display: block;
    width: 32px;
    height: 32px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center center
}

.mainBox .options .form-group .colors ul li a:hover {
    opacity: .8
}

.mainBox .options .form-group .colors ul li a.current {
    -webkit-box-shadow: inset 0 0 0 3px #7e7e7e;
    -moz-box-shadow: inset 0 0 0 3px #7e7e7e;
    box-shadow: inset 0 0 0 3px #7e7e7e
}

.mainBox .options .selectWrapper select {
    margin-bottom: 8px !important
}

.mainBox .toCart {
    border-top: solid 1px #e1e1e1;
    padding: 15px 0 0
}

.mainBox .toCart .form-group {
    text-align: right;
    margin: 0
}

.mainBox .toCart .form-group label {
    display: inline-block;
    font-size: 15px;
    vertical-align: middle;
    margin: 0 !important
}

.mainBox .toCart .form-group > .input-group {
    width: 105px !important;
    display: inline-block;
    vertical-align: middle
}

.mainBox .toCart .form-group input.touchSpin {
    width: 65px !important;
    height: 40px !important;
    border: 1px solid #e1e1e1 !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
    font-size: 15px !important;
    color: #575757;
    text-align: center;
    display: inline-block !important
}

.mainBox .toCart .form-group .input-group-btn {
    display: inline-block;
    vertical-align: middle;
    width: 20px !important;
    background: 0 0
}

.mainBox .toCart .form-group .input-group-btn .bootstrap-touchspin-down {
    width: 20px !important;
    font-size: 0 !important;
    height: 40px !important;
    padding: 0 !important;
    position: relative;
    background: 0 0;
    color: #575757;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.mainBox .toCart .form-group .input-group-btn .bootstrap-touchspin-down::before {
    font-family: FontAwesome;
    content: "\f053";
    font-size: 11px
}

.mainBox .toCart .form-group .input-group-btn .bootstrap-touchspin-down:hover {
    color: #7e7e7e
}

.mainBox .toCart .form-group .input-group-btn .bootstrap-touchspin-up {
    width: 15px !important;
    font-size: 0 !important;
    height: 40px !important;
    padding: 0 !important;
    background: 0 0;
    color: #575757;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.mainBox .toCart .form-group .input-group-btn .bootstrap-touchspin-up::before {
    font-family: FontAwesome;
    content: "\f054";
    font-size: 11px
}

.mainBox .toCart .form-group .input-group-btn .bootstrap-touchspin-up:hover {
    color: #7e7e7e
}

.mainBox .toCart .button {
    padding-top: 10px
}

.mainBox .toCart .button .btn {
    width: 100% !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
    font-family: roboto_condensedbold !important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.mainBox .toCart .button .btn span {
    margin-right: 10px
}

.propertiesBox table {
    width: 100%;
    border-collapse: collapse
}

.propertiesBox table td {
    width: 50%;
    box-sizing: border-box;
    padding: 3px 10px;
    font-size: 15px;
    vertical-align: top
}

.filterBox .row1 .column, .nav-tabs .nav-item a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box
}

.propertiesBox table td.label {
    font-family: roboto_condensedbold
}

.iconsBox ul.icons {
    margin: 0;
    padding: 0;
    list-style: none
}

.iconsBox ul.icons li {
    margin: 0;
    list-style: none;
    padding: 4px 5px;
    font-size: 15px
}

.iconsBox ul.icons li span {
    display: inline-block;
    width: 28px;
    height: 28px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    margin: 0 15px 0 2px
}

.optionsBox ul li a, .productPage .full .slick-prev {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px
}

.iconsBox ul.icons li span.promo {
    background: #ff5a00;
    font-size: 12px;
    font-family: roboto_condensedregular;
    color: #fff;
    text-align: center;
    line-height: 28px
}

.iconsBox ul.icons li span.recommended {
    background: url(../images/iconBestseller.svg) center center no-repeat #a8cf38
}

.iconsBox ul.icons li span.shipping {
    background: url(../images/iconShipping.svg) center center no-repeat #008aff
}

.iconsBox ul.icons li span.bestseller {
    background: url(../images/iconNew.svg) center center no-repeat #000
}

.iconsBox ul.icons li span.newest {
    background: url(../images/iconNewest.svg) center center no-repeat #7b2bff
}

.optionsBox {
    padding: 15px 0;
    border-top: solid 1px #e1e1e1
}

.optionsBox ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.optionsBox ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block
}

.optionsBox ul li a {
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2)
}

.nav-tabs {
    margin: 0;
    padding: 0 !important;
    border: none !important
}

.nav-tabs .nav-item {
    margin-right: 5px
}

.nav-tabs .nav-item a {
    display: block;
    text-align: left;
    font-size: 28px;
    border: none !important;
    background: 0 0 !important;
    padding: 5px 0;
    box-sizing: border-box;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #7e7e7e;
    font-family: roboto_condensedlight
}

.nav-tabs .nav-item a.active {
    color: #000
}

.tab-content .tab-pane {
    padding: 15px 0 20px !important;
    font-size: 15px;
    line-height: 28px
}

.tab-content .tab-pane .specificationColumn {
    padding-bottom: 30px;
    line-height: 22px
}

.tab-content .tab-pane .specificationColumn .label {
    font-size: 14px;
    color: #7e7e7e
}

.tab-content .tab-pane table {
    width: 100%;
    margin-bottom: 30px
}

.tab-content .tab-pane table tr td {
    padding: 3px 20px;
    font-size: 16px;
    vertical-align: top
}

.tab-content .tab-pane table tr td:first-of-type {
    width: 33.33%;
    padding-left: 0 !important
}

.tab-content .tab-pane table tr td .mobileLabel {
    display: none;
    font-size: 14px;
    color: #7e7e7e;
    padding-top: 10px
}

.tab-content .tab-pane table tr th {
    padding: 5px 20px;
    font-size: 16px;
    font-weight: 400;
    font-family: roboto_condensedbold
}

.tab-content .tab-pane table tr th:first-of-type {
    width: 33.33%;
    padding-left: 0 !important
}

.productPage {
    padding: 40px 0 60px
}

.productPage .row1 {
    padding-bottom: 60px
}

.productPage h1.title {
    font-size: 30px;
    font-family: roboto_condensedbold;
    padding: 10px 0 50px
}

.productPage .propertiesBox {
    padding: 10px 0
}

.productPage .iconsBox {
    padding: 10px 0;
    border-top: solid 1px #e1e1e1
}

.productPage .full {
    margin: 0 80px 45px 195px;
    position: relative
}

.productPage .full .fullSlide {
    display: table;
    width: 100%
}

.productPage .full .fullSlide .fullSlideContainer {
    display: table-cell;
    vertical-align: middle;
    height: 450px;
    text-align: center
}

.productPage .full .fullSlide .fullSlideContainer img {
    max-width: 100%;
    max-height: 450px;
    display: inline-block
}

.productPage .full .fullSlide .fullSlideContainer a {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #404040;
    background: #fff;
    width: 50px;
    height: 50px;
    border: 1px solid #e1e1e1;
    text-align: center;
    line-height: 50px;
    font-size: 28px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin: -25px 0 0 -25px;
    display: block;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    opacity: 0
}

.productPage .full .fullSlide .fullSlideContainer a:hover {
    color: #7e7e7e
}

.productPage .full .slick-next::before, .productPage .full .slick-prev::before, .productPage .thumbs .slick-next::before, .productPage .thumbs .slick-prev::before {
    font-family: FontAwesome;
    font-size: 42px;
    color: #404040 !important
}

.productPage .full .fullSlide .fullSlideContainer:hover a {
    opacity: 1
}

.productPage .full .slick-prev {
    left: -35px;
    z-index: 99999;
    opacity: 1;
    width: 50px;
    height: 50px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin-left: -20px;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    background: #fff
}

.productPage .full .slick-prev::before {
    content: "\f104";
    display: inline-block;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    line-height: 27px
}

.productPage .full .slick-next {
    right: -45px;
    z-index: 99999;
    opacity: 1;
    width: 50px;
    height: 50px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    margin-right: -10px;
    background: #fff
}

.productPage .full .slick-next::before {
    content: "\f105";
    display: inline-block;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    line-height: 27px
}

.productPage .thumbs {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 30px;
    left: 15px;
    width: 122px
}

.productPage .thumbs .thumbContainer {
    border: 1px solid #e1e1e1;
    width: 120px;
    height: 120px;
    display: block;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin-bottom: 5px
}

.productPage .thumbs .thumbContainer img {
    object-fit: scale-down;
    width: 118px;
    height: 118px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.productPage .thumbs .thumbContainer:hover {
    border: 1px solid #000
}

.productPage .thumbs .thumbContainer:hover img {
    opacity: .8
}

.productPage .thumbs .slick-prev {
    left: 45px;
    top: -20px;
    z-index: 799;
    opacity: 1;
    width: 30px;
    height: 30px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.productPage .thumbs .slick-prev::before {
    content: "\f106";
    display: inline-block;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    line-height: 30px
}

.productPage .thumbs .slick-next {
    left: 45px;
    bottom: -45px;
    z-index: 799;
    opacity: 1;
    width: 30px;
    height: 30px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    top: auto !important
}

.productPage .thumbs .slick-next::before {
    content: "\f107";
    display: inline-block;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    line-height: 30px
}

.breadcrumbs {
    padding: 10px 0;
    font-size: 14px;
    color: #404040
}

.breadcrumbs ul, .breadcrumbs ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.breadcrumbs ul li {
    display: inline-block
}

.breadcrumbs ul li.separator {
    padding: 0 5px
}

.breadcrumbs ul li a {
    font-family: roboto_condenseditalic;
    color: #7e7e7e;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.breadcrumbs ul li a:hover {
    color: #000
}

.breadcrumbs ul li:last-of-type a {
    color: #404040
}

.filterBox {
    padding: 10px 0 25px;
}

.filterBox .row1 .column {
    float: left;
    width: 20%;
    box-sizing: border-box;
    padding: 0 15px;
    position: relative
}

.filterBox .row2 .itemSizesSlider, .filterBox .row2 .tags {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box
}

.filterBox .row2 .tags {
    float: left;
    width: 60%;
    box-sizing: border-box;
    padding: 10px 15px;
    position: relative
}

.filterBox .row2 .tags .bootstrap-tagsinput {
    width: 100%;
    background: 0 0;
    height: auto;
    border: none;
    -webkit-box-shadow: inset 0 0 0 0;
    -moz-box-shadow: inset 0 0 0 0;
    box-shadow: inset 0 0 0 0;
    padding: 0
}

.filterBox .row2 .tags .bootstrap-tagsinput .tag {
    background: #ededed;
    padding: 10px 15px 10px 35px;
    color: #575757;
    font-size: 16px;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: inline-block !important;
    margin-bottom: 5px
}

.filterBox .row2 .tags .bootstrap-tagsinput .tag > span {
    position: absolute;
    left: 2px;
    top: 11px
}

.filterBox .row2 .tags .bootstrap-tagsinput .tag > span::after {
    font-family: FontAwesome !important;
    content: "\f057";
    font-size: 18px;
    color: grey;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.filterBox .row2 .tags .bootstrap-tagsinput .tag > span:hover::after {
    color: #000
}

.filterBox .row2 .itemSizesSlider .column, .filterBox .row2 .sort .sortRow .column {
    color: #575757;
    font-size: 15px;
    vertical-align: middle;
    font-family: roboto_condensedbold
}

.filterBox .row2 .tags input[type=text] {
    visibility: hidden;
    display: none
}

.filterBox .row2 .itemSizesSlider {
    float: right;
    width: 20%;
    box-sizing: border-box;
    padding: 10px 15px;
    position: relative;
    text-align: right
}

.filterBox .row2 .itemSizesSlider .slider-selection {
    background: #e1e1e1;
    border: none;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent
}

.filterBox .row2 .itemSizesSlider .slider-track {
    height: 2px;
    margin-top: -2px
}

.filterBox .row2 .itemSizesSlider .column {
    display: inline-block;
    position: relative
}

.filterBox .row2 .itemSizesSlider .column .slider {
    max-width: 60px
}

.filterBox .row2 .itemSizesSlider .column.icon {
    padding: 0 10px
}

.filterBox .row2 .itemSizesSlider .column.icon span.min {
    width: 21px;
    height: 21px;
    background: url(../images/iconItemSizeMin.svg) center center no-repeat;
    display: block
}

.filterBox .row2 .itemSizesSlider .column.icon span.big {
    width: 27px;
    height: 27px;
    background: url(../images/iconItemSizeBig.svg) center center no-repeat;
    display: block
}

.filterBox .row2 .sort {
    float: right;
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
    position: relative
}

.filterBox .row2 .sort .sortRow {
    display: table;
    width: 100%
}

.filterBox .row2 .sort .sortRow .column {
    display: table-cell;
    text-align: right
}

.filterBox .row2 .sort .sortRow .column:first-of-type {
    padding-right: 15px
}

.filterBox .row2 .sort .sortRow .column select {
    background: 0 0 !important;
    padding: 0 !important;
    border: none !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    border-bottom: solid 2px #e1e1e1 !important
}

.filterBox .row2 .sort .sortRow .column .resetSelect {
    bottom: 13px !important
}

.filterBox .row2 .sort .sortRow .column span.fa-sort {
    bottom: 15px;
    position: absolute;
    right: 0;
    font-size: 15px;
    color: #e1e1e1
}

.filterBox .row3 {
    padding-top: 20px
}

.filterBox .row3 button {
    cursor: pointer
}

.filterBox .row3 button span {
    margin-right: 3px
}

.filterBox .form-group {
    padding: 5px 0;
    margin: 0
}

.filterBox .inputWrapper {
    position: relative
}

.filterBox .inputWrapper input[type=text] {
    background: 0 0 !important
}

.filterBox .inputWrapper .cInput {
    position: relative;
    padding-top: 11px
}

.filterBox .inputWrapper .cInput label {
    left: 0 !important
}

.filterBox .inputWrapper .cInput input {
    padding-left: 0 !important
}

.filterBox .inputWrapper .cInput .border {
    width: 0;
    position: absolute;
    bottom: 0;
    height: 2px;
    background: #000;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.filterBox .inputWrapper .cInput .errorMessage {
    background: #d50d0d;
    color: #fff;
    font-size: 12px;
    position: absolute;
    bottom: -18px;
    height: 20px;
    padding: 0 5px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.filterBox .inputWrapper .cInput.active .border {
    width: 100%
}

.filterBox .inputWrapper .cInput.selected label {
    bottom: 25px;
    font-size: 13px !important;
    color: #7e7e7e !important
}

.filterBox .inputWrapper .cInput.wrong .errorMessage {
    opacity: 1
}

.filterBox .inputWrapper .cInput.wrong .border {
    background: #d50d0d;
    width: 100%
}

.filterBox .inputWrapper .resetSelect {
    display: block;
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 18px;
    height: 18px;
    z-index: 19;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    pointer-events: none;
    opacity: 0;
    visibility: hidden
}

.filterBox .inputWrapper .resetSelect span {
    color: #000;
    font-size: 18px;
    display: block;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.filterBox .inputWrapper .resetSelect:hover span {
    color: #7e7e7e
}

.filterBox .inputWrapper.selected .resetSelect {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.filterBox .sliderWrapper {
    position: relative;
    padding-top: 3px
}

.filterBox .sliderWrapper .resetSelect {
    display: block;
    position: absolute;
    right: 0;
    bottom: 23px;
    width: 18px;
    height: 18px;
    z-index: 19;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    pointer-events: none;
    opacity: 0
}

.filterBox .sliderWrapper .resetSelect span {
    color: #000;
    font-size: 18px;
    display: block;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.filterBox .sliderWrapper .resetSelect:hover span {
    color: #7e7e7e
}

.filterBox .sliderWrapper.selectWithColors .resetSelect {
    bottom: 12px !important;
    right: -3px !important
}

.filterBox .sliderWrapper.selectWithColors .gradient {
    position: absolute;
    right: 0;
    bottom: -10px;
    width: 50px;
    height: 30px;
    z-index: 9;
    background: -moz-linear-gradient(left, rgba(246, 246, 246, 0) 0, rgba(246, 246, 246, 0) 1%, #f6f6f6 50%);
    background: -webkit-linear-gradient(left, rgba(246, 246, 246, 0) 0, rgba(246, 246, 246, 0) 1%, #f6f6f6 50%);
    background: linear-gradient(to right, rgba(246, 246, 246, 0) 0, rgba(246, 246, 246, 0) 1%, #f6f6f6 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f6f6f6', endColorstr='#f6f6f6', GradientType=1)
}

.filterBox .sliderWrapper.selectWithColors.selected .withColors .buttonRow label {
    position: absolute;
    bottom: 12px;
    font-size: 13px !important;
    color: #7e7e7e !important;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.filterBox .sliderWrapper.selectWithColors.selected .withColors .buttonRow .selectedTitle {
    opacity: 1
}

.filterBox .sliderWrapper.selected .dropdown.withSlider .dropdown-menu, .filterBox .sliderWrapper.selected .dropdown.withSlider > .btn {
    border: none !important
}

.filterBox .sliderWrapper.selected .resetSelect {
    opacity: 1;
    pointer-events: auto
}

.filterBox .sliderWrapper .buttonColumn.title {
    width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    opacity: 0;
    visibility: none
}

.filterBox .selectWrapper .cSelect label {
    bottom: 3px;
    left: 0 !important;
    pointer-events: none !important
}

.filterBox .selectWrapper .cSelect select {
    padding-left: 0 !important;
    background: 0 0 !important
}

.filterBox .selectWrapper .cSelect span.fa {
    right: 0 !important;
    left: auto !important
}

.filterBox .selectWrapper .cSelect.active .border {
    width: 100%
}

.filterBox .selectWrapper .cSelect.selected label {
    top: 3px;
    font-size: 13px !important;
    color: #7e7e7e !important
}

.filterBox .selectWrapper .cSelect.selected span.fa-sort {
    display: none !important
}

.filterBox .selectWrapper .resetSelect {
    display: block;
    position: absolute;
    right: 0;
    bottom: 38px;
    width: 18px;
    height: 18px;
    z-index: 19;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    pointer-events: none;
    opacity: 0
}

.filterBox .selectWrapper .resetSelect span {
    color: #000;
    font-size: 18px;
    display: block;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.filterBox .selectWrapper .resetSelect:hover span {
    color: #7e7e7e
}

.filterBox .selectWrapper.selected .resetSelect {
    opacity: 1;
    pointer-events: auto
}

.filterBox .selectWrapper::after {
    display: none !important
}

.filterBox .dropdown.withSlider .buttonRow {
    display: table;
    width: 100%
}

.filterBox .dropdown.withSlider .buttonRow .buttonColumn {
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    color: #575757;
    text-align: left;
    position: relative !important
}

.filterBox .dropdown.withSlider .buttonRow .buttonColumn:first-of-type {
    width: 60%;
    padding-top: 10px !important
}

.filterBox .dropdown.withSlider .buttonRow .buttonColumn:nth-child(2) {
    width: 50% !important;
    padding-right: 5px !important;
    box-sizing: border-box !important
}

.filterBox .dropdown.withSlider .buttonRow .buttonColumn:nth-child(3) {
    width: 50% !important;
    padding-left: 5px !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    -o-box-sizing: border-box !important;
    box-sizing: border-box !important
}

.filterBox .dropdown.withSlider .buttonRow .buttonColumn input[type=text] {
    width: 100%;
    background: 0 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: 40px !important
}

.filterBox .dropdown.withSlider .buttonRow .buttonColumn .cInput {
    position: relative;
    padding-top: 12px
}

.filterBox .dropdown.withSlider .buttonRow .buttonColumn .cInput label {
    left: 0 !important
}

.filterBox .dropdown.withSlider .buttonRow .buttonColumn .cInput input {
    padding-left: 0 !important
}

.filterBox .dropdown.withSlider > .btn {
    padding: 0 0 11px !important;
    border: none !important;
    background: 0 0 !important;
    width: 100% !important
}

.filterBox .dropdown.withSlider > .btn::after {
    display: none
}

.filterBox .dropdown.withSlider .dropdown-menu {
    width: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: none !important;
    border-top: none;
    margin-top: -10px;
    background: #fff;
    padding: 15px 20px 10px;
    font-size: 15px;
    color: #575757;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
}

.filterBox .dropdown.withSlider .dropdown-menu .tooltip {
    top: auto;
    bottom: -35px
}

.filterBox .dropdown.withSlider .dropdown-menu .tooltip.active {
    opacity: 1
}

.filterBox .dropdown.withSlider .dropdown-menu .slider {
    width: 100%
}

.filterBox .dropdown.withColors {
    padding-top: 11px !important
}

.filterBox .dropdown.withColors span.fa {
    bottom: 15px;
    position: absolute;
    right: 0;
    font-size: 15px;
    color: #e1e1e1
}

.filterBox .dropdown.withColors .buttonRow {
    display: table;
    width: 100%;
    position: relative !important
}

.filterBox .dropdown.withColors .buttonRow .buttonColumn {
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    color: transparent !important;
    text-align: left;
    padding-right: 5px !important;
    position: relative !important;
    padding-top: 10px !important
}

.filterBox .dropdown.withColors .buttonRow label {
    position: absolute;
    bottom: -10px;
    left: 0 !important;
    pointer-events: none !important;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    font-size: 15px !important;
    color: #575757px !important
}

.filterBox .dropdown.withColors .buttonRow .selectedTitle {
    position: absolute;
    bottom: -3px;
    left: 0 !important;
    color: #404040 !important;
    pointer-events: none !important;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    opacity: 0;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap !important
}

.filterBox .dropdown.withColors > .btn {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    padding: 0 0 11px;
    border: none !important;
    background: 0 0 !important;
    border-bottom: solid 2px #e1e1e1 !important;
    width: 100% !important
}

.filterBox .dropdown.withColors > .btn::after {
    display: none
}

.filterBox .dropdown.withColors .dropdown-menu {
    width: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: none !important;
    border-top: none;
    margin-top: 0;
    background: #fff;
    padding: 15px 20px 10px;
    font-size: 0;
    color: #575757;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
}

.filterBox .dropdown.withColors .dropdown-menu .tooltip {
    top: auto;
    bottom: -35px
}

.filterBox .dropdown.withColors .dropdown-menu .tooltip.active {
    opacity: 1
}

.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .thumb a:hover, .filterBox .dropdown.withColors .dropdown-menu .colors ul li a:hover {
    opacity: .8
}

.filterBox .dropdown.withColors .dropdown-menu .slider {
    width: 100%
}

.filterBox .dropdown.withColors .dropdown-menu .colors {
    padding: 5px 0
}

.filterBox .dropdown.withColors .dropdown-menu .colors ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    overflow: hidden
}

.filterBox .dropdown.withColors .dropdown-menu .colors ul li {
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 0 3px 3px 0
}

.filterBox .dropdown.withColors .dropdown-menu .colors ul li a {
    display: block;
    width: 32px;
    height: 32px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center center
}

.filterBox .dropdown.withColors .dropdown-menu .colors ul li a.current {
    -webkit-box-shadow: inset 0 0 0 2px #000;
    -moz-box-shadow: inset 0 0 0 2px #000;
    box-shadow: inset 0 0 0 2px #000
}

.filterBox .checkboxRow {
    padding: 18px 0 0
}

.filterBox .checkboxRow .label {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    color: #575757;
    padding-right: 10px
}

.filterBox select::-ms-expand {
    display: none !important;
    background: 0 0 !important
}

.filterBox select:focus::-ms-value {
    background: 0 0 !important
}

.filterBox select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    background: 0 0 !important
}

.addedToCart {
    position: fixed;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 1010;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    display: table;
    table-layout: fixed
}

.addedToCart.active {
    visibility: visible;
    opacity: 1
}

.addedToCart.active .addedToCartContainer .addedToCartMainArea {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.addedToCart .addedToCartContainer {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px
}

.addedToCart .addedToCartContainer .addedToCartMainArea {
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -ms-transform: translate(0, -100px);
    -webkit-transform: translate(0, -100px);
    transform: translate(0, -100px);
    max-width: 1250px;
    margin: 0 auto;
    position: relative
}

.mobileMenu, .zoomLens {
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3)
}

.addedToCart .addedToCartContainer .addedToCartMainArea .top {
    background: #f6f6f6;
    border-bottom: solid 1px #e1e1e1;
    padding: 15px 20px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .top .title {
    float: left;
    font-size: 17px;
    font-family: roboto_condensedbold;
    text-transform: uppercase;
    padding: 10px 0
}

.addedToCart .addedToCartContainer .addedToCartMainArea .top .title span {
    display: inline-block;
    vertical-align: middle;
    font-size: 28px;
    margin-right: 10px;
    margin-top: -2px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .top .closeWindow {
    float: right
}

.addedToCart .addedToCartContainer .addedToCartMainArea .top .closeWindow a {
    background: #fff
}

.addedToCart .addedToCartContainer .addedToCartMainArea .top .closeWindow a span {
    color: #404040;
    display: inline-block;
    margin-right: 8px;
    font-size: 15px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .productRow {
    display: table;
    width: 100%;
    font-size: 20px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .thumb {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 25px;
    text-align: center
}

.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .thumb a {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .thumb a img {
    max-width: 140px;
    max-height: 110px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .title {
    display: table-cell;
    vertical-align: middle
}

.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .prices {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 25px;
    text-align: center
}

.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .price-container {
    display: table;
    width: 100%
}

.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .count, .addedToCart .addedToCartContainer .addedToCartMainArea .productRow .price {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 25px;
    text-align: center;
    min-width: 120px;
    text-align: center
}

.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .price span {
    vertical-align: super;
    font-size: 13px;
    position: relative;
    top: 1px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .warning {
    color: #f00;
    font-size: 16px;
    text-align: center
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow {
    position: relative;
    overflow: hidden
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .headline {
    font-size: 17px;
    font-family: roboto_condensedbold;
    padding: 18px 25px;
    background: #f6f6f6;
    border-top: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .slick-prev {
    left: 15px;
    z-index: 9999;
    opacity: 1;
    width: 30px;
    height: 30px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin-left: -10px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .slick-prev::before {
    font-family: FontAwesome;
    content: "\f104";
    display: inline-block;
    font-size: 30px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    color: #000 !important;
    line-height: 30px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .slick-next {
    right: 5px;
    z-index: 9999;
    opacity: 1;
    width: 30px;
    height: 30px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .slick-next::before {
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    font-size: 30px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    color: #000 !important;
    line-height: 30px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .slick-list {
    overflow: visible !important
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .slick-slide {
    opacity: 0;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .slick-active {
    opacity: 1
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products {
    position: relative;
    display: block;
    padding: 15px 30px 30px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer {
    padding: 0 15px;
    text-align: center;
    position: relative
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .thumb {
    width: 100%;
    height: 150px;
    display: table
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .thumb .thumbContainer {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .thumb .thumbContainer a {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    padding: 0 30px;
    position: relative;
    margin: 0 auto;
    display: block
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .thumb .thumbContainer a:hover {
    opacity: .8
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .thumb .thumbContainer a img {
    max-width: 100%;
    max-height: 150px;
    display: inline-block
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .title {
    padding: 10px 0;
    overflow: hidden;
    height: 48px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .title a {
    font-size: 17px;
    line-height: 18px !important;
    display: inline-block
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .price {
    padding: 18px 0 5px;
    font-size: 18px;
    font-family: roboto_condensedlight;
    line-height: 18px !important
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .price span.main {
    font-family: roboto_condensedbold;
    font-size: 30px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .price span.index {
    font-family: roboto_condensedbold;
    vertical-align: super;
    font-size: 16px;
    position: relative;
    top: -3px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .checkboxToCart {
    padding-top: 5px;
    padding-bottom: 10px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .checkboxToCart > div {
    font-family: roboto_condensedbold;
    font-size: 16px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .checkboxToCart > div a {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .checkboxToCart > div span {
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .checkboxToCart > div.buttonDefault a {
    color: #7e7e7e
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .checkboxToCart > div.buttonDefault a:hover {
    color: #000
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .checkboxToCart > div.buttonAdded {
    display: none
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions {
    position: absolute;
    background: #fff;
    bottom: -10px;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    opacity: 0;
    visibility: none;
    -ms-transform: translate(0, 10px);
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px)
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .itemArrow {
    background: #fff;
    width: 15px;
    height: 15px;
    bottom: -1px;
    margin-left: -5px;
    left: 50%;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: 20% 40%;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: 20% 40%;
    transform: rotate(45deg);
    transform-origin: 20% 40%;
    position: absolute
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .form-group {
    margin-bottom: 8px !important
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .checkWrapper {
    font-size: 15px;
    padding: 9px 15px;
    text-align: left;
    border: 1px solid #e1e1e1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .checkWrapper .label {
    font-size: 15px;
    color: #575757;
    font-family: roboto_condensedregular;
    margin-bottom: 5px;
    line-height: auto !important
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .checkWrapper label {
    padding-right: 15px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .optionsLabel {
    font-size: 16px;
    text-align: left;
    padding-bottom: 10px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown {
    position: relative;
    margin-bottom: 8px !important;
    height: 45px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 43px;
    background: #fff;
    border: 1px solid #e1e1e1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    z-index: 990
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .resetSelect {
    display: block;
    position: absolute;
    right: 14px;
    top: 12px;
    background: #fff;
    width: 18px;
    height: 18px;
    z-index: 19;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    pointer-events: none;
    opacity: 0
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .resetSelect span {
    color: #000;
    font-size: 18px;
    display: block;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .resetSelect:hover span {
    color: #7e7e7e
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer.selected {
    border: 1px solid #000
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer.selected .resetSelect {
    opacity: 1;
    pointer-events: auto
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer:hover, .addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer:hover .buttonRow .colors ul {
    height: auto
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer::after {
    font-family: FontAwesome !important;
    content: "\f0dc" !important;
    position: absolute !important;
    font-size: 13px !important;
    -webkit-transition: .2s !important;
    -moz-transition: .2s !important;
    -o-transition: .2s !important;
    transition: .2s !important;
    top: 13px;
    right: 20px !important;
    pointer-events: none;
    z-index: 10
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .buttonRow {
    display: table;
    width: 100%
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .buttonRow .buttonColumn {
    display: table-cell;
    vertical-align: top;
    font-size: 15px;
    color: #575757;
    text-align: left;
    padding: 9px 15px 0
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .buttonRow .colors {
    display: table-cell;
    vertical-align: top;
    padding: 5px 0
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .buttonRow .colors ul {
    margin: 0;
    padding: 0 25px 0 0;
    list-style: none;
    font-size: 0;
    height: 32px;
    overflow: hidden
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .buttonRow .colors ul li {
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 0 3px 3px 0
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .buttonRow .colors ul li a {
    display: block;
    width: 32px;
    height: 32px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center center
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .buttonRow .colors ul li a:hover {
    opacity: .8
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .buttonRow .colors ul li a.current {
    -webkit-box-shadow: inset 0 0 0 3px #7e7e7e;
    -moz-box-shadow: inset 0 0 0 3px #7e7e7e;
    box-shadow: inset 0 0 0 3px #7e7e7e
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer:hover .itemOptions {
    visibility: visible;
    opacity: 1;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer.isAdded .itemOptions {
    visibility: hidden;
    opacity: 0
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer.isAdded .checkboxToCart > div.buttonDefault {
    display: none
}

.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer.isAdded .checkboxToCart > div.buttonAdded {
    display: block
}

.addedToCart .addedToCartContainer .addedToCartMainArea .bottom {
    background: #f6f6f6;
    border-top: solid 1px #e1e1e1;
    padding: 20px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .bottom .closeWindow {
    float: left;
    font-size: 16px;
    font-family: roboto_condensedbold;
    text-transform: uppercase;
    padding: 10px 0 10px 50px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .bottom .closeWindow span {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    margin-right: 10px;
    margin-top: -4px
}

.addedToCart .addedToCartContainer .addedToCartMainArea .bottom .closeWindow a {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    color: #000
}

.addedToCart .addedToCartContainer .addedToCartMainArea .bottom .closeWindow a:hover {
    color: #7e7e7e
}

.addedToCart .addedToCartContainer .addedToCartMainArea .bottom .openCartButton {
    float: right
}

.addedToCart .addedToCartContainer .addedToCartMainArea .bottom .openCartButton a {
    width: 300px;
    text-transform: uppercase !important;
    font-size: 16px !important;
    font-family: roboto_condensedbold !important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.addedToCart .addedToCartContainer .addedToCartMainArea .bottom .openCartButton a span {
    margin-right: 10px;
    font-size: 20px
}

.articlePage {
    padding: 0 0 60px
}

.articlePage .articleContent {
    padding: 20px 0 0;
    position: relative
}

.articlePage .articleContent img {
    max-width: 100%
}

.articlePage .articleContent h1 {
    font-size: 24px;
    font-family: roboto_condensedbold;
    padding: 15px 0 10px
}

.articlePage .articleContent h1.letterSpacing {
    letter-spacing: 5px
}

.articlePage .articleContent h1.type2 {
    padding: 30px 0 10px;
    font-family: roboto_condensedregular
}

.articlePage .articleContent h2, .articlePage .articleContent h3 {
    font-family: roboto_condensedbold;
    padding: 15px 0 10px
}

.articlePage .articleContent h2 {
    font-size: 22px
}

.articlePage .articleContent h2.letterSpacing {
    letter-spacing: 5px
}

.articlePage .articleContent h3.letterSpacing, .articlePage .articleContent h4.letterSpacing {
    letter-spacing: 4px
}

.articlePage .articleContent h3 {
    font-size: 20px
}

.articlePage .articleContent h4, .articlePage .articleContent h5, .articlePage .articleContent h6 {
    padding: 5px 0 0;
    font-family: roboto_condensedbold
}

.articlePage .articleContent h4 {
    font-size: 18px
}

.articlePage .articleContent h5.letterSpacing, .articlePage .articleContent h6.letterSpacing {
    letter-spacing: 3px
}

.articlePage .articleContent h5 {
    font-size: 16px
}

.articlePage .articleContent h6 {
    font-size: 14px
}

.articlePage .articleContent .uppercase {
    text-transform: uppercase
}

.articlePage .articleContent ul {
    margin: 30px 0 60px;
    padding: 0 0 0 23px
}

.articlePage .articleContent table tbody tr td, .articlePage .articleContent table thead tr th {
    background: #f6f6f6;
    padding: 8px 20px;
    font-size: 16px
}

.articlePage .articleContent table {
    border-collapse: collapse;
    margin: 30px 0 60px;
    width: 100%
}

.articlePage .articleContent table thead tr th {
    font-weight: 400;
    text-align: center !important;
    font-family: roboto_condensedbold
}

.articlePage .articleContent table thead tr th.remove {
    width: 110px
}

.articlePage .articleContent table tbody tr:nth-child(even) td {
    background: #fff
}

.articlePage .articleContent table tbody::before {
    content: "-";
    display: block;
    line-height: 8px;
    color: transparent
}

.articlePage .articleContent table.tableOrders {
    border: none !important
}

.articlePage .articleContent table.tableOrders thead tr th {
    border: none !important;
    font-weight: 400;
    font-size: 18px;
    text-align: left !important;
    font-family: roboto_condensedbold;
    background: #f6f6f6;
    padding: 15px 20px
}

.articlePage .articleContent table.tableOrders thead tr th.alignLeft {
    text-align: left !important
}

.articlePage .articleContent table.tableOrders thead tr th.alignCenter {
    text-align: center !important
}

.articlePage .articleContent table.tableOrders thead tr th.alignRight {
    text-align: right !important
}

.articlePage .articleContent table.tableOrders thead tr th.columnCount, .articlePage .articleContent table.tableOrders thead tr th.columnPrice, .articlePage .articleContent table.tableOrders thead tr th.columnValue {
    min-width: 13%
}

.articlePage .articleContent table.tableOrders tbody tr td {
    border: none !important;
    border-top: solid 1px #e1e1e1 !important;
    background: 0 0;
    padding: 20px;
    font-size: 18px
}

.articlePage .articleContent table.tableOrders tbody tr td .mobileLabel {
    display: none
}

.articlePage .articleContent table.tableOrders tbody tr td .fa-file-pdf-o {
    color: red;
    margin-right: 5px
}

.articlePage .articleContent table.tableOrders tbody tr td.buttonColumn .btn-black {
    background: #000;
    font-size: 18px !important
}

.articlePage .articleContent table.tableOrders tbody tr td.buttonColumn .btn-black:hover {
    background: #ff5a00
}

.articlePage .articleContent table.tableOrders tbody tr td.buttonColumn .btn-primary {
    font-size: 18px !important
}

.articlePage .articleContent table.tableOrders tbody tr td.buttonColumn .btn-primary:hover {
    background: #404040
}

.articlePage .articleContent table.tableOrders tbody tr td.columnCount, .articlePage .articleContent table.tableOrders tbody tr td.columnPrice, .articlePage .articleContent table.tableOrders tbody tr td.columnValue {
    white-space: nowrap !important;
    padding: 5px 17px
}

.articlePage .articleContent table.tableOrders tbody tr td.columnCount span.index, .articlePage .articleContent table.tableOrders tbody tr td.columnPrice span.index, .articlePage .articleContent table.tableOrders tbody tr td.columnValue span.index {
    vertical-align: super;
    font-size: 11px;
    position: relative;
    top: 1px
}

.articlePage .articleContent table.tableOrders tbody tr td .remove span {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.articlePage .articleContent table.tableOrders tbody tr td .remove:hover span {
    color: #7e7e7e
}

.articlePage .articleContent table.tableOrders tbody tr td .item {
    display: table;
    width: 100%;
    vertical-align: middle
}

.articlePage .articleContent table.tableOrders tbody tr td .item .thumbContainer {
    display: table-cell;
    width: 100px;
    padding: 0 25px 0 0;
    text-align: center
}

.articlePage .articleContent table.tableOrders tbody tr td .item .thumbContainer a {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.articlePage .articleContent table.tableOrders tbody tr td .item .thumbContainer a:hover {
    opacity: .8
}

.articlePage .articleContent table.tableOrders tbody tr td .item .thumbContainer a img {
    max-width: 100%;
    max-height: 50px
}

.articlePage .articleContent table.tableOrders tbody tr td .item .title {
    display: table-cell
}

.articlePage .articleContent table.tableOrders tbody tr td .item .title a {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.articlePage .articleContent table.tableOrders tbody tr td .form-group {
    position: relative;
    margin-bottom: -5px
}

.articlePage .articleContent table.tableOrders tbody tr td .form-group > .input-group {
    width: 105px !important;
    display: inline-block
}

.articlePage .articleContent table.tableOrders tbody tr td .form-group input.touchSpin {
    width: 65px !important;
    height: 40px !important;
    border: 1px solid #e1e1e1 !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
    font-size: 15px !important;
    color: #575757;
    text-align: center;
    display: inline-block !important
}

.articlePage .articleContent table.tableOrders tbody tr td .form-group .input-group-btn {
    display: inline-block;
    vertical-align: middle;
    width: 20px !important;
    background: 0 0
}

.articlePage .articleContent table.tableOrders tbody tr td .form-group .input-group-btn .bootstrap-touchspin-down {
    width: 20px !important;
    font-size: 0 !important;
    height: 40px !important;
    padding: 0 !important;
    position: relative;
    background: 0 0;
    color: #575757;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.articlePage .articleContent table.tableOrders tbody tr td .form-group .input-group-btn .bootstrap-touchspin-down::before {
    font-family: FontAwesome;
    content: "\f053";
    font-size: 11px
}

.articlePage .articleContent table.tableOrders tbody tr td .form-group .input-group-btn .bootstrap-touchspin-down:hover {
    color: #7e7e7e
}

.articlePage .articleContent table.tableOrders tbody tr td .form-group .input-group-btn .bootstrap-touchspin-up {
    width: 15px !important;
    font-size: 0 !important;
    height: 40px !important;
    padding: 0 !important;
    background: 0 0;
    color: #575757;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.articlePage .articleContent table.tableOrders tbody tr td .form-group .input-group-btn .bootstrap-touchspin-up::before {
    font-family: FontAwesome;
    content: "\f054";
    font-size: 11px
}

.articlePage .articleContent table.tableOrders tbody tr td .form-group .input-group-btn .bootstrap-touchspin-up:hover {
    color: #7e7e7e
}

.articlePage .articleContent table.tableOrders tbody tr:nth-child(even) td {
    background: 0 0
}

.articlePage .articleContent table.tableOrders tbody::before {
    display: none
}

.articlePage .articleContent table.tableOrders tfoot tr td {
    font-weight: 400;
    font-size: 20px;
    font-family: roboto_condensedbold;
    background: #f6f6f6;
    padding: 15px 127px 15px 35px;
    position: relative
}

.articlePage .articleContent table.tableOrders tfoot tr td.discountCode .discountText {
    display: inline-block;
    vertical-align: top;
    font-size: 17px !important;
    padding: 10px 20px 0 0;
    font-family: roboto_condensedregular !important
}

.articlePage .articleContent table.tableOrders tfoot tr td.discountCode button {
    display: inline-block;
    background: #404040;
    color: #fff;
    font-size: 15px !important;
    font-family: roboto_condensedbold !important;
    text-transform: uppercase;
    border: none;
    height: 44px;
    width: 45px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    vertical-align: top
}

.articlePage .articleContent table.tableOrders tfoot tr td.discountCode button:hover {
    background: #ff5a00 !important
}

.articlePage .articleContent table.tableOrders tfoot tr td.discountCode .cInput {
    padding-top: 0 !important;
    font-family: roboto_condensedregular !important
}

.articlePage .articleContent table.tableOrders tfoot tr td.discountCode .cInput input {
    background: 0 0 !important
}

.articlePage .articleContent table.tableOrders tfoot tr td.discountCode .form-group {
    display: inline-block;
    width: 240px;
    vertical-align: top
}

.articlePage .articleContent .orderDetails span.index, .articlePage .articleContent table.tableOrders tfoot tr td span.index {
    vertical-align: super;
    font-size: 11px;
    top: 1px;
    position: relative
}

.articlePage .articleContent table.tableOrders tfoot tr td.discountCode form {
    padding-top: 10px
}

.articlePage .articleContent .orderDetails {
    padding-top: 40px
}

.articlePage .articleContent .orderDetails a.btn {
    vertical-align: middle;
    margin-left: 15px
}

.articlePage .articleContent .orderDetailsData {
    padding-top: 40px;
    padding-bottom: 20px
}

.articlePage .articleContent .orderDetailsData .headline {
    background: #f6f6f6;
    padding: 12px 20px;
    font-family: roboto_condensedbold;
    font-size: 18px
}

.articlePage .articleContent .orderDetailsData .textBox {
    padding: 15px 20px 0;
    border-bottom: solid 1px #e1e1e1;
    min-height: 145px
}

.articlePage .articleContent .contactRow1, .articlePage .articleContent .contactRow2 {
    padding-bottom: 30px
}

.articlePage .articleContent .contactRow2 #map {
    height: 395px
}

.articlePage .articleContent .contactRow2 .headquarters {
    padding: 20px 0 30px
}

.articlePage .articleContent .contactRow2 .headquarters h4 span {
    margin-right: 8px
}

.articlePage .articleContent .categoriesRow .item {
    width: 25%;
    padding: 10px 30px 10px 0;
    position: relative
}

.articlePage .articleContent .categoriesRow .item .categoryName {
    padding-bottom: 10px;
    font-size: 21px !important
}

.articlePage .articleContent .categoriesRow .item .categoryName strong {
    font-family: roboto_condensedbold
}

.articlePage .articleContent .categoriesRow .item.active > ul {
    display: block
}

.articlePage .articleContent .categoriesRow .item ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block
}

.articlePage .articleContent .categoriesRow .item ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.articlePage .articleContent .categoriesRow .item ul li a {
    position: relative !important;
    display: block
}

.articlePage .articleContent .categoriesRow .item ul li a span {
    display: none;
    margin-left: 5px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.articlePage .articleContent .categoriesRow .item ul li a.active span {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.articlePage .articleContent .categoriesRow .item ul li.hasUl > a > span {
    display: inline-block !important
}

.articlePage .articleContent .categoriesRow .item ul li ul, .articlePage .articleContent .categoriesRow .item ul li ul li ul, .articlePage .articleContent .categoriesRow .item ul li ul li ul li ul, .articlePage .articleContent .categoriesRow .item ul li ul li ul li ul li ul {
    margin-left: 20px
}

.articlePage .articleContent .miniNav .miniNavContainer {
    padding: 8px 0;
    font-family: roboto_condensedbold;
    text-transform: uppercase
}

.articlePage .articleContent .miniNav .miniNavContainer .inlineColumn {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #404040;
    font-family: roboto_condensedbold;
    text-transform: uppercase
}

.articlePage .articleContent .miniNav .miniNavContainer .inlineColumn span {
    margin-right: 5px
}

.articlePage .articleContent .miniNav .miniNavContainer .inlineColumn a {
    color: #404040;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.articlePage .articleContent .miniNav .miniNavContainer .inlineColumn a:hover {
    color: #7e7e7e
}

.articlePage .articleContent .miniNav .miniNavContainer .inlineColumn.separator {
    padding: 0 3px
}

.articlePage .articleContent .loginHeadline {
    font-size: 16px;
    line-height: 20px !important;
    min-height: 80px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 5px
}

.articlePage .articleContent .form-group {
    margin: 0 0 15px
}

.articlePage .articleContent .checkboxRow {
    margin: 0;
    padding: 30px 0 15px 15px
}

.articlePage .articleContent .checkboxRow .form-group {
    margin: 0 0 5px
}

.articlePage .articleContent .checkboxRow2 {
    margin: 0;
    padding: 10px 0 15px 15px
}

.articlePage .articleContent .checkboxRow2 .form-group {
    margin: 0 0 5px
}

.articlePage .articleContent input[type=checkbox] {
    display: none
}

.articlePage .articleContent input[type=checkbox] + label {
    font-size: 15px;
    color: #000;
    padding-left: 32px;
    position: relative
}

.articlePage .articleContent input[type=checkbox] + label span {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 2px;
    width: 22px;
    height: 22px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    background: url(../images/iconCheckboxRadio2.svg) left top no-repeat;
    cursor: pointer
}

.articlePage .articleContent input[type=checkbox]:checked + label span {
    background: url(../images/iconCheckboxRadio2.svg) -23px top no-repeat
}

.articlePage .articleContent .button {
    padding: 10px 0 0
}

.articlePage .articleContent .button .checkboxRow {
    margin: 0;
    padding: 7px 15px 0 5px
}

.articlePage .articleContent .button .btn-black {
    min-width: 160px;
    background: #000;
    text-transform: uppercase;
    font-family: roboto_condensedbold !important;
    font-size: 16px !important;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.articlePage .articleContent .button .btn-black:hover {
    background: #ff5a00
}

.articlePage .articleContent .button .btn-no-style {
    color: #7e7e7e;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    font-size: 15px
}

.articlePage .articleContent .button .btn-no-style:hover {
    color: #000
}

.stepsContent {
    position: relative
}

.stepsContent .contactCloud {
    top: 30px;
    right: 0;
    position: absolute;
    padding: 20px 35px 20px 105px;
    background: url(../images/iconContactCloud.svg) 15px center no-repeat #f6f6f6;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
    display: block;
    line-height: 24px;
    -webkit-transition: 0 !important;
    -moz-transition: 0 !important;
    -o-transition: 0 !important;
    transition: 0 !important;
    z-index: 99999
}

.stepsContent .contactCloud.fixed {
    position: fixed;
    top: 110px
}

.stepsContent .contactCloud span.text1 {
    font-size: 20px;
    font-family: roboto_condensedbold;
    display: block
}

.stepsContent .contactCloud span.text2 {
    font-size: 20px;
    font-family: roboto_condensedregular;
    display: block
}

.stepsContent .contactCloud span.text3 {
    font-size: 24px;
    font-family: roboto_condensedlight;
    display: block;
    line-height: 28px
}

.cartSteps .step {
    border-bottom: solid 1px #e1e1e1;
    display: none
}

.cartSteps .step.active {
    display: block
}

.cartSteps .step .stepContent .showNextStep {
    font-size: 16px !important;
    font-family: roboto_condensedbold !important;
    padding: 11px 35px !important
}

.cartSteps .step .stepContent .showNextStep.disabled {
    background: #e1e1e1;
    border: 1px solid #e1e1e1
}

.cartSteps .step .stepContent .minText {
    padding: 5px 0;
    font-size: 15px
}

.cartSteps .step .stepContent .discountCode {
    font-family: roboto_condensedregular !important
}

.cartSteps .step .stepContent .discountCode button {
    background: #404040;
    color: #fff;
    font-size: 15px !important;
    font-family: roboto_condensedbold !important;
    text-transform: uppercase;
    border: none;
    height: 44px;
    position: absolute;
    top: 0;
    width: 45px;
    right: -35px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    z-index: 99
}

.cartSteps .step .stepContent .discountCode button:hover {
    background: #ff5a00 !important
}

.cartSteps .step .stepContent .discountCode .cInput {
    padding-top: 0 !important
}

.cartSteps .stepsCheckButtons .stepsCheckButton {
    display: inline-block;
    padding: 15px 15px 0 0;
    vertical-align: top;
    float: left
}

.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer {
    width: 146px;
    height: 146px;
    border: 2px solid #e1e1e1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    position: relative;
    text-align: center;
    cursor: pointer
}

.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer .icon {
    padding: 15px 10px 0;
    height: 70px
}

.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer .icon img {
    max-height: 100%
}

.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer .title {
    font-size: 16px;
    line-height: 14px;
    padding: 8px 10px 0
}

.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer .price {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 8px;
    text-align: center;
    color: #7e7e7e;
    font-size: 16px
}

.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer .price span.index {
    vertical-align: super;
    font-size: 11px;
    position: relative;
    top: 1px
}

.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer .check {
    width: 36px;
    height: 36px;
    position: absolute;
    pointer-events: none;
    background: #ff5a00;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    right: -15px;
    top: -15px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    opacity: 0
}

.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer .check span {
    color: #fff;
    font-size: 25px;
    line-height: 38px
}

.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer:hover {
    border: 2px solid #7e7e7e
}

.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer.current {
    border: 2px solid #ff5a00
}

.summaryBox, .summaryBox3 {
    background: #f6f6f6;
    border-bottom: solid 1px #e1e1e1;
    border-top: solid 1px #e1e1e1
}

.cInput input, .cTextarea textarea {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important
}

.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer.current .check {
    opacity: 1
}

.paddingLeft {
    padding: 15px 0 30px 60px
}

.paddingSides {
    padding: 30px 60px
}

.summaryBox {
    padding-bottom: 20px;
    text-align: center
}

.summaryBox .priceRow {
    display: table;
    width: 100%
}

.summaryBox .priceRow .price, .summaryBox .priceRow .title {
    text-align: right;
    display: table-cell;
    vertical-align: middle
}

.summaryBox .priceRow .title {
    font-size: 18px
}

.summaryBox .priceRow .price {
    width: 170px;
    font-size: 20px;
    font-family: roboto_condensedbold
}

.summaryBox .showPayment .btn, .summaryBox2 .showPayment .btn {
    font-family: roboto_condensedbold !important;
    width: 100%;
    text-transform: uppercase !important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.summaryBox .priceRow .price span.index {
    vertical-align: super;
    font-size: 11px;
    position: relative;
    top: 1px
}

.summaryBox .priceRow .price.big {
    font-size: 24px
}

.summaryBox .priceRow .price.big span.index {
    vertical-align: super;
    font-size: 16px;
    position: relative;
    top: 2px
}

.summaryBox .showPayment {
    padding: 20px 0
}

.summaryBox .showPayment .btn {
    font-size: 20px !important
}

.summaryBox .summaryFooter {
    font-size: 16px;
    text-align: center
}

.summaryBox2 {
    background: #f6f6f6;
    padding-bottom: 10px
}

.summaryBox2 .showPayment {
    padding: 20px 0 0
}

.summaryBox2 .showPayment .btn {
    font-size: 20px !important
}

.summaryBox2 h1.headline, .summaryBox3 .priceRow .price, .summaryBox3 h1.headline, .summaryBox3 strong {
    font-family: roboto_condensedbold
}

.summaryBox2 h1.headline {
    font-size: 24px;
    padding-bottom: 25px
}

.summaryBox2 .desc {
    font-size: 18px;
    padding-bottom: 5px
}

.summaryBox3 {
    font-size: 16px
}

.summaryBox3 h1.headline {
    font-size: 24px;
    padding-bottom: 25px
}

.summaryBox3 .paddingLeft {
    padding: 0 0 0 30px !important
}

.summaryBox3 input[type=checkbox] + label {
    color: #000 !important
}

.summaryBox3 ol {
    margin: 0;
    list-style: none;
    padding: 0 0 15px !important
}

.summaryBox3 ol li {
    padding: 0 0 10px !important;
    margin: 0 !important;
    vertical-align: top
}

.summaryBox3 ol li .item {
    display: table;
    width: 100%;
    position: relative;
    top: 0;
    margin: 0;
    vertical-align: top
}

.summaryBox3 ol li .item .title {
    display: table-cell;
    vertical-align: top
}

.summaryBox3 ol li .item .price {
    display: table-cell;
    vertical-align: top;
    text-align: right !important;
    width: 120px
}

.summaryBox3 ol li .item .price .index {
    vertical-align: super;
    font-size: 11px;
    position: relative;
    top: 1px
}

.summaryBox3 ol li .item .count {
    display: table-cell;
    vertical-align: top;
    text-align: right !important;
    width: 50px
}

.summaryBox3 .priceRow {
    display: table;
    width: 100%;
    padding-bottom: 20px
}

.summaryBox3 .priceRow .title {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    font-size: 18px
}

.summaryBox3 .priceRow .price {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    width: 170px;
    font-size: 20px
}

.summaryBox3 .priceRow .price span.index {
    vertical-align: super;
    font-size: 11px;
    position: relative;
    top: 1px
}

.summaryBox3 .priceRow .price.big {
    font-size: 24px
}

.summaryBox3 .priceRow .price.big span.index {
    vertical-align: super;
    font-size: 16px;
    position: relative;
    top: 2px
}

.summaryBox3 .userData {
    padding: 20px 0 10px
}

.summaryBox3 .userData strong {
    padding-bottom: 10px;
    display: block
}

.summaryBox3 .userData .label {
    color: #7e7e7e;
    font-size: 14px
}

.summaryBox3 .showPayment {
    padding: 20px 0 10px
}

.summaryBox3 .showPayment .btn {
    width: 100%;
    font-size: 20px !important;
    text-transform: uppercase !important;
    font-family: roboto_condensedbold !important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.cInput span.requiredIcon, .cSelect span.requiredIcon, .cTextarea span.requiredIcon, .mobileMenu .mobileHeader .text {
    font-family: roboto_condensedbold
}

.summaryBox3 .summaryFooter {
    font-size: 16px;
    text-align: center
}

.cInput {
    position: relative;
    padding-top: 12px
}

.cInput label {
    font-size: 13px !important;
    color: #575757 !important;
    position: absolute;
    bottom: 3px;
    left: 24px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    pointer-events: none
}

.cInput .border, .cInput .errorMessage {
    position: absolute;
    -moz-transition: .2s;
    -o-transition: .2s
}

.cInput input {
    border-radius: 0 !important;
    border: none !important;
    border-bottom: solid 2px #e1e1e1 !important;
    color: #000 !important;
    padding-left: 25px
}

.cInput input:focus + label {
    bottom: 25px;
    font-size: 13px !important;
    color: #7e7e7e !important
}

.cInput input:focus + .border {
    width: 100% !important
}

.cInput .border {
    width: 0;
    bottom: 0;
    height: 2px;
    background: #000;
    -webkit-transition: .2s;
    transition: .2s
}

.cInput .errorMessage, .cTextarea label {
    -webkit-transition: .2s;
    pointer-events: none
}

.cInput span.fa {
    bottom: 15px;
    position: absolute;
    left: 0;
    font-size: 15px;
    color: #e1e1e1
}

.cInput span.requiredIcon {
    position: absolute;
    font-size: 16px;
    color: #d50d0d;
    right: 0;
    bottom: 8px;
    pointer-events: none;
    opacity: 0
}

.cInput .errorMessage {
    background: #d50d0d;
    color: #fff;
    font-size: 12px;
    bottom: -18px;
    height: 20px;
    padding: 0 5px;
    opacity: 0;
    transition: .2s
}

.cTextarea .border, .cTextarea label {
    -moz-transition: .2s;
    -o-transition: .2s
}

.cInput.active .border {
    width: 100%
}

.cInput.selected label {
    bottom: 25px;
    font-size: 13px !important;
    color: #7e7e7e !important
}

.cInput.required span.requiredIcon, .cInput.wrong .errorMessage {
    opacity: 1
}

.cInput.wrong .border {
    background: #d50d0d;
    width: 100%
}

.cTextarea {
    position: relative;
    padding-top: 12px
}

.cTextarea label {
    font-size: 15px !important;
    color: #575757 !important;
    position: absolute;
    top: 23px;
    left: 24px;
    transition: .2s
}

.cTextarea textarea {
    border-radius: 0 !important;
    border: none !important;
    border-bottom: solid 2px #e1e1e1 !important;
    color: #000 !important;
    padding-left: 25px;
    padding-top: 15px !important
}

.cTextarea textarea:focus + label {
    top: 8px;
    font-size: 13px !important;
    color: #7e7e7e !important
}

.cTextarea input:focus + .border {
    width: 100% !important
}

.cTextarea .border {
    width: 0;
    position: absolute;
    bottom: 0;
    height: 2px;
    background: #000;
    -webkit-transition: .2s;
    transition: .2s
}

.cTextarea span.fa {
    top: 25px;
    position: absolute;
    left: 0;
    font-size: 15px;
    color: #e1e1e1
}

.cTextarea span.requiredIcon {
    position: absolute;
    font-size: 16px;
    color: #d50d0d;
    right: 0;
    top: 18px;
    pointer-events: none;
    opacity: 0
}

.cTextarea .errorMessage {
    background: #d50d0d;
    color: #fff;
    font-size: 12px;
    position: absolute;
    bottom: -18px;
    height: 20px;
    padding: 0 5px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.cTextarea.active .border {
    width: 100%
}

.cTextarea.selected label {
    top: 8px;
    font-size: 13px !important;
    color: #7e7e7e !important
}

.cTextarea.required span.requiredIcon, .cTextarea.wrong .errorMessage {
    opacity: 1
}

.cTextarea.wrong .border {
    background: #d50d0d;
    width: 100%
}

.cCheck .errorMessage {
    color: #d50d0d;
    font-size: 14px;
    padding-left: 30px;
    padding-bottom: 0;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    max-height: 0;
    overflow: hidden
}

.cSelect .border, .cSelect label {
    -moz-transition: .2s;
    -o-transition: .2s
}

.cCheck.wrong .errorMessage {
    max-height: none;
    padding-bottom: 5px
}

.cSelect {
    position: relative;
    padding-top: 12px
}

.cSelect label {
    font-size: 15px !important;
    color: #575757 !important;
    position: absolute;
    bottom: 3px;
    left: 24px;
    -webkit-transition: .2s;
    transition: .2s;
    pointer-events: none
}

.cSelect .border, .cSelect .errorMessage {
    position: absolute;
    -webkit-transition: .2s
}

.cSelect select {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    border-bottom: solid 2px #e1e1e1 !important;
    color: #000 !important;
    padding-left: 25px
}

.cSelect .border {
    width: 0;
    bottom: 0;
    height: 2px;
    background: #000;
    transition: .2s
}

.cSelect .errorMessage, .mobileMenu {
    -moz-transition: .2s;
    -o-transition: .2s
}

.cSelect span.fa {
    top: 25px;
    position: absolute;
    left: 0;
    font-size: 15px;
    color: #e1e1e1
}

.cSelect span.requiredIcon {
    position: absolute;
    font-size: 16px;
    color: #d50d0d;
    right: 0;
    top: 23px;
    pointer-events: none;
    opacity: 0
}

.cSelect .errorMessage {
    background: #d50d0d;
    color: #fff;
    font-size: 12px;
    bottom: -18px;
    height: 20px;
    padding: 0 5px;
    opacity: 0;
    pointer-events: none;
    transition: .2s
}

.cSelect.active .border {
    width: 100%
}

.cSelect.selected label {
    top: 3px;
    font-size: 13px !important;
    color: #7e7e7e !important
}

.cSelect.required span.requiredIcon, .cSelect.wrong .errorMessage {
    opacity: 1
}

.cSelect.wrong .border {
    background: #d50d0d;
    width: 100%
}

.mobileMenu {
    height: 100%;
    background: #fff;
    position: fixed;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    right: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    max-width: 360px;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .2s;
    transition: .2s;
    -ms-transform: translate(200px, 0);
    -webkit-transform: translate(200px, 0);
    transform: translate(200px, 0);
    overflow-x: hidden
}

.loader, .mobileMenu.active {
    -ms-transform: translate(0, 0)
}

.mobileMenu.active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.mobileMenu .mobileHeader {
    padding: 0 20px;
    line-height: 84px;
    position: relative;
    border-bottom: solid 1px #e1e1e1;
    height: 84px
}

.mobileMenu .mobileHeader .text {
    font-size: 20px
}

.mobileMenu .mobileHeader a.close {
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 32px;
    opacity: 1 !important
}

.mobileMenu .mobileHeader a.close span {
    color: #000 !important;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.mobileMenu .mobileHeader a.close:hover span {
    color: #7e7e7e !important
}

.mobileMenu .searchBox {
    position: relative
}

.mobileMenu .searchBox input[type=text] {
    border: none !important;
    border-bottom: solid 1px #e1e1e1 !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    height: 42px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 14px !important;
    font-family: roboto_condensedregular;
    width: 100%;
    color: #000 !important
}

.mobileMenu .searchBox button[type=submit] {
    position: absolute;
    right: 20px;
    width: auto;
    height: 42px;
    background: 0 0;
    border: none;
    color: #e1e1e1;
    font-size: 18px;
    padding: 3px 0 0 20px;
    cursor: pointer;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    top: 0
}

.mobileMenu .menuList > ul, .mobileMenu .menuList > ul > li {
    margin: 0;
    padding: 0;
    list-style: none
}

.mobileMenu .searchBox button[type=submit]:hover {
    color: #000
}

.mobileMenu .menuList > ul > li {
    border-bottom: solid 1px #e1e1e1
}

.mobileMenu .menuList > ul > li > a {
    display: block;
    padding: 10px 20px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    font-size: 14px !important
}

.mobileMenu .menuList > ul > li > a > span {
    display: inline-block;
    vertical-align: 3px;
    font-size: 12px;
    margin-left: 3px;
    opacity: 0
}

.mobileMenu .menuList > ul > li > a:hover {
    color: #7e7e7e !important
}

.mobileMenu .menuList > ul > li .title {
    font-size: 14px !important;
    position: relative;
    padding: 10px 20px
}

.mobileMenu .menuList > ul > li .list {
    text-align: right;
    padding: 6px 20px 6px 0
}

.mobileMenu .menuList > ul > li .list a {
    display: inline-block;
    margin: 1px 0;
    font-size: 12px !important;
    text-transform: uppercase;
    font-family: roboto_condensedbold;
    padding: 1px 8px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
    border: 1px solid #e1e1e1
}

.mobileMenu .menuList > ul > li .list a.current {
    background: #404040;
    color: #fff;
    border: 1px solid #404040
}

.mobileMenu .menuList .active > a, .mobileMenu .menuList .active > a > span, .mobileMenu .menuList > ul > li > ul > li > a:hover, .mobileMenu .menuList > ul > li > ul > li > ul > li > a:hover, .mobileMenu .menuList > ul > li > ul > li > ul > li > ul > li > a:hover {
    color: #7e7e7e !important
}

.mobileMenu .menuList > ul > li > ul {
    background: #f6f6f6;
    margin: 0;
    padding: 0;
    list-style: none;
    display: none
}

.mobileMenu .menuList > ul > li > ul > li {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: solid 1px #e1e1e1
}

.mobileMenu .menuList > ul > li > ul > li > a {
    display: block;
    padding: 10px 20px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    font-size: 14px !important
}

.mobileMenu .menuList > ul > li > ul > li > a > span {
    display: inline-block;
    vertical-align: 3px;
    font-size: 12px;
    margin-left: 3px;
    opacity: 0
}

.mobileMenu .menuList > ul > li > ul > li > ul {
    background: #eee;
    margin: 0;
    padding: 0;
    list-style: none;
    display: none
}

.mobileMenu .menuList > ul > li > ul > li > ul > li {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: solid 1px #e1e1e1
}

.mobileMenu .menuList > ul > li > ul > li > ul > li > a {
    display: block;
    padding: 10px 20px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    font-size: 14px !important
}

.mobileMenu .menuList > ul > li > ul > li > ul > li > a > span {
    display: inline-block;
    vertical-align: 3px;
    font-size: 12px;
    margin-left: 3px;
    opacity: 0
}

.mobileMenu .menuList > ul > li > ul > li > ul > li > ul {
    background: #e8e8e8;
    margin: 0;
    padding: 0;
    list-style: none;
    display: none
}

.mobileMenu .menuList > ul > li > ul > li > ul > li > ul > li {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: solid 1px #e1e1e1
}

.mobileMenu .menuList > ul > li > ul > li > ul > li > ul > li > a {
    display: block;
    padding: 10px 20px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    font-size: 14px !important
}

.mobileMenu .menuList > ul > li > ul > li > ul > li > ul > li > a > span {
    display: inline-block;
    vertical-align: 3px;
    font-size: 12px;
    margin-left: 3px;
    opacity: 0
}

.mobileMenu .menuList > ul > li > ul > li > ul > li > ul > li > ul {
    background: #e8e8e8;
    margin: 0;
    padding: 0;
    list-style: none;
    display: none
}

.mobileMenu .menuList > ul > li > ul > li > ul > li > ul > li > ul > li {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: solid 1px #e1e1e1
}

.mobileMenu .menuList > ul > li > ul > li > ul > li > ul > li > ul > li > a {
    display: block;
    padding: 10px 20px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    font-size: 14px !important
}

.mobileMenu .menuList > ul > li > ul > li > ul > li > ul > li > ul > li > a > span {
    display: inline-block;
    vertical-align: 3px;
    font-size: 12px;
    margin-left: 3px;
    opacity: 0
}

.mobileMenu .menuList .hasUl > a > span {
    opacity: 1 !important
}

.mobileMenu .menuMobileCart span {
    position: absolute;
    display: inline-block;
    right: 20px;
    background: #ff5a00 !important;
    color: #fff;
    opacity: 1 !important;
    height: 22px !important;
    min-width: 22px !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    -o-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 0 5px !important;
    text-align: center !important;
    line-height: 22px !important;
    font-family: roboto_condensedbold !important;
    font-size: 12px !important;
    -moz-border-radius: 11px !important;
    -webkit-border-radius: 11px !important;
    -o-border-radius: 11px !important;
    border-radius: 11px !important;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.pagination {
    padding-left: 0 !important
}

.pagination .page-item a {
    color: #000 !important;
    cursor: pointer !important
}

.pagination .page-item.active a {
    background: #404040 !important;
    color: #fff !important;
    border: 1px solid #404040 !important
}

.loader {
    color: #ff5a00;
    font-size: 60px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    -webkit-animation: load 1.7s infinite ease, round 1.7s infinite ease;
    animation: load 1.7s infinite ease, round 1.7s infinite ease;
    top: 50%;
    left: 50%;
    z-index: 9999999 !important;
    pointer-events: none;
    margin: -30px 0 0 -30px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    opacity: 1;
    position: fixed
}

.loader.hide {
    opacity: 0
}

.jscrollLoader {
    text-align: center;
    opacity: 1;
    position: relative;
    padding: 30px 0;
    font-size: 21px !important;
    color: #000 !important
}

.jscrollLoader.hide {
    opacity: 0
}

.jscrollLoader div {
    padding-left: 60px;
    position: relative;
    display: inline-block
}

.jscrollLoader div span {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 10px;
    text-indent: -9999em;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #ff5a00;
    background: -moz-linear-gradient(left, #ff5a00 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #ff5a00 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #ff5a00 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #ff5a00 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #ff5a00 10%, rgba(255, 255, 255, 0) 42%);
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.jscrollLoader div span:before {
    width: 50%;
    height: 50%;
    background: #ff5a00;
    border-radius: 100% 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: ''
}

.jscrollLoader div span:after {
    background: #fff;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.zoomContainer, .zoomContainer .zoomWindow {
    width: 450px !important;
    height: 450px !important
}

.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important
}

.alert {
    font-size: 14px
}

.alert.alert-danger {
    color: #d50d0d;
    background: 0 0
}

.zoomContainer {
    z-index: 1;
    opacity: 0;
    visibility: hidden
}

.zoomContainer.current {
    z-index: 9;
    opacity: 1;
    visibility: visible
}

.zoomContainer:first-of-type {
    z-index: 5
}

.zoomLens {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3)
}

.zoomContainer .zoomWindow {
    margin-left: 65px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important
}

@-webkit-keyframes load {
    0%, 100%, 5%, 95% {
        box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
    }
    10%, 59% {
        box-shadow: 0 -.83em 0 -.4em, -.087em -.825em 0 -.42em, -.173em -.812em 0 -.44em, -.256em -.789em 0 -.46em, -.297em -.775em 0 -.477em
    }
    20% {
        box-shadow: 0 -.83em 0 -.4em, -.338em -.758em 0 -.42em, -.555em -.617em 0 -.44em, -.671em -.488em 0 -.46em, -.749em -.34em 0 -.477em
    }
    38% {
        box-shadow: 0 -.83em 0 -.4em, -.377em -.74em 0 -.42em, -.645em -.522em 0 -.44em, -.775em -.297em 0 -.46em, -.82em -.09em 0 -.477em
    }
}

@keyframes load {
    0%, 100%, 5%, 95% {
        box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
    }
    10%, 59% {
        box-shadow: 0 -.83em 0 -.4em, -.087em -.825em 0 -.42em, -.173em -.812em 0 -.44em, -.256em -.789em 0 -.46em, -.297em -.775em 0 -.477em
    }
    20% {
        box-shadow: 0 -.83em 0 -.4em, -.338em -.758em 0 -.42em, -.555em -.617em 0 -.44em, -.671em -.488em 0 -.46em, -.749em -.34em 0 -.477em
    }
    38% {
        box-shadow: 0 -.83em 0 -.4em, -.377em -.74em 0 -.42em, -.645em -.522em 0 -.44em, -.775em -.297em 0 -.46em, -.82em -.09em 0 -.477em
    }
}

@-webkit-keyframes round {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes round {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@media screen and (max-width: 1919px) {
    .header .search {
        width: 380px
    }

    .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content {
        width: 40%;
        margin-left: 90px
    }

    .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content h1 {
        font-size: 52px
    }

    .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content h2 {
        font-size: 32px;
        margin-top: 20px
    }

    .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content .button {
        padding-top: 30px
    }

    .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content .button .btn {
        font-size: 18px
    }

    .zoomContainer, .zoomContainer .zoomWindow {
        width: 385px !important;
        height: 385px !important
    }
}

@media screen and (max-width: 1439px) {
    .header .row .col:nth-child(3) {
        display: none;
    }
}

@media screen and (max-width: 1599px) {
    .header .row .col .search {
        margin-right: 5px
    }

    .header .row .col .lang {
        border-left: 0
    }

    .mainMenu .categories .dropdown .btn {
        padding: 13px 35px 0 25px
    }

    .mainMenu .categories .dropdown .btn::after {
        right: 20px
    }

    .mainMenu .categories .dropdown-menu {
        width: 275px !important
    }

    .mainMenu .categories .dropdown-menu > li {
        padding: 2px 17px 2px 25px !important
    }

    .mainMenu .nav ul {
        margin: 0;
        list-style: none;
        padding: 0 13px
    }

    .mainMenu .nav ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline-block;
        vertical-align: middle
    }

    .mainMenu .nav ul li a {
        display: block;
        padding: 0 8px;
        line-height: 70px;
        font-size: 16px;
        font-family: roboto_condensedregular;
        -webkit-transition: .2s;
        -moz-transition: .2s;
        -o-transition: .2s;
        transition: .2s;
        text-transform: uppercase;
        color: #000
    }

    .homeSlider .slider .nextArea, .homeSlider .slider .prevArea, .productDetailsCloseInfo, .stepsContent .contactCloud {
        display: none
    }

    .mainMenu .nav ul li a:hover {
        color: #7e7e7e
    }

    .mainMenu .nav ul li a span {
        font-size: 18px;
        margin-right: 8px;
    }

    .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content {
        width: 50%;
        margin-left: 15px
    }

    .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content h1 {
        font-size: 42px
    }

    .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content h2 {
        font-size: 24px;
        margin-top: 20px
    }

    .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content .button {
        padding-top: 30px
    }

    .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content .button .btn {
        font-size: 16px
    }

    .filterBox .row1 .column {
        width: 25%
    }

    .filterBox .row2 .tags {
        width: 50%
    }

    .filterBox .row2 .itemSizesSlider, .filterBox .row2 .sort {
        width: 25%
    }

    .productsList ul.min li {
        width: 12.5%
    }

    .productsList ul.big li {
        width: 33.33%
    }

    .sidePadding {
        padding: 0 30px
    }

    .articlePage .articleContent .categoriesRow .item {
        width: 33.3%
    }

    .producentsList ul li {
        width: 20%
    }

    .zoomContainer, .zoomContainer .zoomWindow {
        width: 265px !important;
        height: 265px !important
    }
}

@media screen and (max-width: 1439px) {
    body, html {
        font-size: 16px
    }

    .mainHeadline h1 span.title {
        font-size: 24px;
        padding: 0 15px;
        bottom: -12px;
        letter-spacing: 5px
    }

    .productsList ul.min li:nth-child(4n+1) .item.withOptions .itemHover, .productsList ul.min li:nth-child(4n+2) .item.withOptions .itemHover, .productsList ul.min li:nth-child(4n+3) .item.withOptions .itemHover, .productsList ul.min li:nth-child(4n+4) .item.withOptions .itemHover {
        top: -25px !important;
        bottom: -25px !important;
        right: -30px !important;
        left: -30px !important
    }

    .articlePage .articleContent h1.letterSpacing, .articlePage .articleContent h2.letterSpacing {
        letter-spacing: 4px
    }

    .producentsList ul li {
        width: 25%
    }

    .productsList ul.min li {
        width: 12.5%
    }

    .productsList ul.min li:nth-child(4n+1) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul.min li:nth-child(4n+2) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul.min li:nth-child(4n+3) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
        padding: 25px 30px 0 !important
    }

    .productsList ul.min li:nth-child(4n+1) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(4n+1) .item.withOptions .itemHover .title, .productsList ul.min li:nth-child(4n+2) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(4n+2) .item.withOptions .itemHover .title, .productsList ul.min li:nth-child(4n+3) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(4n+3) .item.withOptions .itemHover .title {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .productsList ul.min li:nth-child(4n+1) .item.withOptions .itemHover .button, .productsList ul.min li:nth-child(4n+2) .item.withOptions .itemHover .button, .productsList ul.min li:nth-child(4n+3) .item.withOptions .itemHover .button {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .productsList ul.min li:nth-child(4n+1) .item.withOptions .itemHover .button a, .productsList ul.min li:nth-child(4n+2) .item.withOptions .itemHover .button a, .productsList ul.min li:nth-child(4n+3) .item.withOptions .itemHover .button a {
        font-size: 14px !important;
        padding: 5px 8px !important
    }

    .productsList ul.min li:nth-child(4n+4) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
        padding: 25px 30px 0 !important
    }

    .productsList ul.min li:nth-child(4n+4) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(4n+4) .item.withOptions .itemHover .title {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .productsList ul.min li:nth-child(4n+4) .item.withOptions .itemHover .button {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .productsList ul.min li:nth-child(4n+4) .item.withOptions .itemHover .button a {
        font-size: 14px !important;
        padding: 5px 8px !important
    }

    .productsList ul li, .productsList ul.big li, .productsList ul.default li {
        width: 25%
    }

    .productsList ul li .item .title a {
        font-size: 18px
    }

    .productsList ul li .item .price {
        font-size: 16px
    }

    .productsList ul li .item .price span.main {
        font-size: 28px
    }

    .productsList ul li .item .price span.index {
        font-size: 18px
    }

    .productsList ul li .item .itemHover .availability {
        font-size: 16px
    }

    .productsList ul li .item .itemHover .options {
        width: 84px;
        min-height: 267px !important
    }

    .productsList ul li .item .itemHover .options .slideThumb span {
        width: 82px;
        height: 82px
    }

    .productsList ul li .item .itemHover .options .slideThumb span img {
        width: 80px;
        height: 80px
    }

    .productsList ul li:nth-child(4n+1) .item.withOptions .itemHover, .productsList ul li:nth-child(4n+2) .item.withOptions .itemHover, .productsList ul li:nth-child(4n+3) .item.withOptions .itemHover {
        left: -30px !important;
        right: -100px !important
    }

    .productsList ul li:nth-child(4n+1) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul li:nth-child(4n+2) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul li:nth-child(4n+3) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
        padding: 50px 100px 0 30px !important
    }

    .productsList ul li:nth-child(4n+1) .item.withOptions .itemHover .button, .productsList ul li:nth-child(4n+1) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(4n+1) .item.withOptions .itemHover .price, .productsList ul li:nth-child(4n+1) .item.withOptions .itemHover .title, .productsList ul li:nth-child(4n+2) .item.withOptions .itemHover .button, .productsList ul li:nth-child(4n+2) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(4n+2) .item.withOptions .itemHover .price, .productsList ul li:nth-child(4n+2) .item.withOptions .itemHover .title, .productsList ul li:nth-child(4n+3) .item.withOptions .itemHover .button, .productsList ul li:nth-child(4n+3) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(4n+3) .item.withOptions .itemHover .price, .productsList ul li:nth-child(4n+3) .item.withOptions .itemHover .title {
        padding-left: 30px !important;
        padding-right: 100px !important
    }

    .productsList ul li:nth-child(4n+1) .item.withOptions .itemHover .options, .productsList ul li:nth-child(4n+2) .item.withOptions .itemHover .options, .productsList ul li:nth-child(4n+3) .item.withOptions .itemHover .options {
        left: auto !important;
        right: 30px !important
    }

    .productsList ul li:nth-child(4n+4) .item.withOptions .itemHover {
        right: -30px !important;
        left: -100px !important
    }

    .productsList ul li:nth-child(4n+4) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
        padding: 50px 30px 0 100px !important
    }

    .productsList ul li:nth-child(4n+4) .item.withOptions .itemHover .button, .productsList ul li:nth-child(4n+4) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(4n+4) .item.withOptions .itemHover .price, .productsList ul li:nth-child(4n+4) .item.withOptions .itemHover .title {
        padding-right: 30px !important;
        padding-left: 100px !important
    }

    .productsList ul li:nth-child(4n+4) .item.withOptions .itemHover .options {
        left: 30px !important;
        right: auto !important
    }

    .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content h1 {
        font-size: 36px
    }

    .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content h2 {
        font-size: 20px;
        margin-top: 20px
    }

    .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content .button {
        padding-top: 30px
    }

    .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content .button .btn {
        font-size: 16px
    }

    .selectWrapper {
        bottom: -5px !important
    }

    .sidePadding {
        padding: 0
    }

    .articlePage .articleContent h1 {
        font-size: 22px
    }

    .articlePage .articleContent h2 {
        font-size: 20px
    }

    .articlePage .articleContent h3.letterSpacing, .articlePage .articleContent h4.letterSpacing {
        letter-spacing: 3px
    }

    .articlePage .articleContent h3 {
        font-size: 18px
    }

    .articlePage .articleContent h4 {
        font-size: 16px
    }

    .articlePage .articleContent h5.letterSpacing, .articlePage .articleContent h6.letterSpacing {
        letter-spacing: 2px
    }

    .articlePage .articleContent h5 {
        font-size: 14px
    }

    .articlePage .articleContent h6 {
        font-size: 12px
    }

    .articlePage .articleContent table.tableOrders tbody tr td, .articlePage .articleContent table.tableOrders thead tr th {
        padding: 12px 17px;
        font-size: 16px
    }

    .articlePage .articleContent table.tableOrders tbody tr td.buttonColumn .btn-black {
        font-size: 16px !important
    }

    .articlePage .articleContent table.tableOrders tfoot tr td {
        font-weight: 400;
        font-size: 16px;
        font-family: roboto_condensedbold;
        background: #f6f6f6;
        padding: 12px 127px 12px 17px
    }

    .addedToCart .addedToCartContainer .addedToCartMainArea {
        max-width: 90%
    }
}

@media screen and (max-width: 1199px) {
    .header .row .col:nth-child(4), .header .row .col:nth-child(5), .scrollToTop {
        display: none
    }

    .cartHeader, .header {
        padding: 15px 0
    }

    .header {
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
        -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
    }

    .header .container {
        width: auto !important
    }

    .header .search {
        width: 380px;
        margin-right: 20px !important
    }

    .header .hamburger {
        display: block
    }

    .cartHeader .threeSteps {
        width: 320px;
        margin-left: -160px
    }

    .logo {
        padding: 0;
        max-width: 200px
    }

    .logo img {
        max-height: 45px
    }

    .order {
        padding-right: 20px
    }

    .mainMenu {
        display: none
    }

    .mainView {
        padding-top: 80px
    }

    .productsList ul.min li {
        width: 16.6666%
    }

    .productsList ul.big li {
        width: 50%
    }

    .producentsList ul li {
        width: 33.33%
    }

    .footer .footerBottom .row {
        padding: 0
    }

    .footer .footerBottom .container, .footer .newsletter .container {
        width: auto
    }

    .footer .newsletter .container ul.social {
        position: relative;
        right: auto;
        bottom: auto;
        text-align: center;
        padding-top: 25px
    }

    .productDetails {
        padding: 0 30px 100px
    }

    .productDetails .productGallery .thumbs .slick-slide .thumbContainer {
        width: 97px;
        height: 97px
    }

    .productDetails .productGallery .thumbs .slick-slide .thumbContainer img {
        width: 95px;
        height: 95px
    }

    .filterBox .row1 .column {
        width: 33%
    }

    .filterBox .row2 .tags {
        width: 100%;
        float: none
    }

    .filterBox .row2 .itemSizesSlider, .filterBox .row2 .sort {
        width: 33%
    }

    /*.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow {*/
    /*    max-height: 0 !important;*/
    /*    opacity: 0*/
    /*}*/

    .addedToCart .addedToCartContainer .addedToCartMainArea .bottom .closeWindow {
        padding: 5px 0
    }

    .addedToCart .addedToCartContainer .addedToCartMainArea .productRow {
        font-size: 18px
    }

    .addedToCart .addedToCartContainer .addedToCartMainArea .productRow .thumb {
        padding: 17px
    }

    .addedToCart .addedToCartContainer .addedToCartMainArea .productRow .thumb a img {
        max-width: 100px;
        max-height: 100px
    }

    .addedToCart .addedToCartContainer .addedToCartMainArea .productRow .title {
        padding: 12px 17px
    }

    .addedToCart .addedToCartContainer .addedToCartMainArea .productRow .count, .addedToCart .addedToCartContainer .addedToCartMainArea .productRow .price {
        padding: 12px 17px;
        white-space: nowrap
    }

    .addedToCart .addedToCartContainer .addedToCartMainArea .productRow .price span {
        font-size: 12px
    }

    .zoomContainer {
        display: none !important
    }

    .productsList ul.big li:nth-child(2n+1) .item.withOptions .itemHover {
        left: -30px !important;
        right: -100px !important
    }

    .productsList ul.big li:nth-child(2n+1) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
        padding: 50px 100px 0 30px !important
    }

    .productsList ul.big li:nth-child(2n+1) .item.withOptions .itemHover .button, .productsList ul li:nth-child(2n+1) .item.withOptions .itemHover .icons, .productsList ul.big li:nth-child(2n+1) .item.withOptions .itemHover .price, .productsList ul.big li:nth-child(2n+1) .item.withOptions .itemHover .title  {
        padding-left: 30px !important;
        padding-right: 100px !important
    }

    .productsList ul.big li:nth-child(2n+1) .item.withOptions .itemHover .options {
        left: auto !important;
        right: 30px !important
    }

    .productsList ul.big li:nth-child(2n+2) .item.withOptions .itemHover {
        right: -30px !important;
        left: -100px !important
    }

    .productsList ul.big li:nth-child(2n+2) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
        padding: 50px 30px 0 100px !important
    }

    .productsList ul.big li:nth-child(2n+2) .item.withOptions .itemHover .button, .productsList ul.big li:nth-child(2n+2) .item.withOptions .itemHover .icons, .productsList ul.big li:nth-child(2n+2) .item.withOptions .itemHover .price, .productsList ul.big li:nth-child(2n+2) .item.withOptions .itemHover .title {
        padding-right: 30px !important;
        padding-left: 100px !important
    }

    .productsList ul.big li:nth-child(2n+2) .item.withOptions .itemHover .options {
        left: 30px !important;
        right: auto !important
    }
}

@media screen and (max-width: 989px) {
    .cartHeader .threeSteps .label, .header .search, .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content h2 {
        display: none
    }

    .articlePage .articleContent h1.letterSpacing, .articlePage .articleContent h2.letterSpacing {
        letter-spacing: 3px
    }

    body, html {
        font-size: 14px
    }

    .cartHeader .threeSteps {
        width: 180px;
        margin-left: -90px;
        top: 10px
    }

    .mainHeadline h1 span.title {
        font-size: 21px
    }

    .mobileMenu .mobileHeader {
        line-height: 76px;
        height: 76px
    }

    .mobileMenu .mobileHeader a.close {
        top: 28px
    }

    .header {
        padding: 10px 0
    }

    .search input[type=text] {
        height: 45px;
        padding: 0 20px;
        font-size: 14px
    }

    .search button[type=submit] {
        height: 46px;
        font-size: 24px
    }

    .cart {
        border-left: 0 !important
    }

    .mainView {
        padding-top: 75px
    }

    .cartHeader {
        padding: 10px 0
    }

    .cartHeader .back .btn {
        width: auto
    }

    .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content {
        width: auto;
        text-align: center;
        margin: 0
    }

    .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content h1 {
        font-size: 36px
    }

    .footer .footerButton, .homeSlider .slider .slick-dots, .homeSlider .slider .slick-next, .homeSlider .slider .slick-prev, .producentsList ul li .itemHover, .productsList ul li .item .itemHover, .productsList ul li:nth-child(3n+1) .item.withOptions .itemHover, .productsList ul li:nth-child(3n+2) .item.withOptions .itemHover, .productsList ul li:nth-child(3n+3) .item.withOptions .itemHover, .productsList ul.min li:nth-child(3n+1) .item.withOptions .itemHover, .productsList ul.min li:nth-child(3n+2) .item.withOptions .itemHover, .productsList ul.min li:nth-child(3n+3) .item.withOptions .itemHover {
        display: none !important
    }

    .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content .button {
        padding-top: 15px !important
    }

    .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content .button .btn {
        border: 2px solid #fff;
        padding: 10px 20px
    }

    .producentsList ul li {
        width: 50%
    }

    .productsList ul.min li {
        width: 25%
    }

    .productsList ul.default li {
        width: 33.33%
    }

    .productsList ul.big li {
        width: 50%
    }

    .productsList ul li {
        width: 33.33%
    }

    .filterBox .row1 .column, .filterBox .row2 .itemSizesSlider, .filterBox .row2 .sort {
        width: 50%
    }

    .paddingLeft, .paddingSides {
        padding: 30px 0
    }

    .selectWrapper {
        bottom: -8px !important
    }

    .footer .footerBottom .container .row {
        display: block !important
    }

    .footer .footerBottom .container .row > div {
        float: none !important;
        width: 100% !important;
        display: block !important;
        max-width: none !important;
        text-align: center
    }

    .footer .footerBottom ul {
        padding-bottom: 30px
    }

    .footer .footerBottom ul li {
        float: none;
        width: auto
    }

    .footer .footerBottom ul li a {
        padding-right: 0;
        display: inline-block
    }

    .productDetails .productGallery .thumbs .slick-slide .thumbContainer {
        width: 67px;
        height: 67px
    }

    .productDetails .productGallery .thumbs .slick-slide .thumbContainer img {
        width: 65px;
        height: 65px
    }

    .productPage .nav-tabs {
        display: block !important
    }

    .productPage .nav-tabs .nav-item {
        margin-right: 0 !important;
        float: none !important
    }

    .productPage .nav-tabs .nav-item a {
        display: none !important
    }

    .productPage .nav-tabs .nav-item a.active {
        display: block !important;
        text-align: left !important;
        pointer-events: none !important
    }

    .articlePage .articleContent h1 {
        font-size: 20px
    }

    .articlePage .articleContent h2 {
        font-size: 18px
    }

    .articlePage .articleContent h3.letterSpacing, .articlePage .articleContent h4.letterSpacing {
        letter-spacing: 2px
    }

    .articlePage .articleContent h3 {
        font-size: 16px
    }

    .articlePage .articleContent h4 {
        font-size: 14px
    }

    .articlePage .articleContent h5, .articlePage .articleContent h6 {
        font-size: 12px
    }

    .articlePage .articleContent h5.letterSpacing, .articlePage .articleContent h6.letterSpacing {
        letter-spacing: 1px
    }

    .articlePage .articleContent .categoriesRow .item {
        width: 50%
    }

    .articlePage .articleContent .categoriesRow .item .categoryName {
        font-size: 18px !important
    }

    .articlePage .articleContent table.tableOrders thead {
        display: none
    }

    .articlePage .articleContent table.tableOrders tbody {
        display: block;
        width: 100%
    }

    .articlePage .articleContent table.tableOrders tbody tr {
        display: block;
        border-bottom: solid 1px #e1e1e1;
        position: relative;
        padding: 10px 0;
        width: 100%
    }

    .articlePage .articleContent table.tableOrders tbody tr td {
        border: none !important;
        display: block;
        text-align: center;
        width: 100%
    }

    .articlePage .articleContent table.tableOrders tbody tr td .item {
        display: block
    }

    .articlePage .articleContent table.tableOrders tbody tr td .item .thumbContainer {
        display: block;
        padding: 0 0 5px;
        width: auto
    }

    .articlePage .articleContent table.tableOrders tbody tr td .item .thumbContainer a img {
        max-height: 100px;
        max-width: 100px
    }

    .articlePage .articleContent table.tableOrders tbody tr td .item .title {
        display: block;
        padding-top: 10px
    }

    .articlePage .articleContent table.tableOrders tbody tr td .item .title a {
        font-family: roboto_condensedbold
    }

    .articlePage .articleContent table.tableOrders tbody tr td a.remove {
        position: absolute;
        right: 20px;
        top: 20px
    }

    .articlePage .articleContent table.tableOrders tbody tr td.columnCount, .articlePage .articleContent table.tableOrders tbody tr td.columnDate, .articlePage .articleContent table.tableOrders tbody tr td.columnNumber, .articlePage .articleContent table.tableOrders tbody tr td.columnPrice, .articlePage .articleContent table.tableOrders tbody tr td.columnValue {
        position: relative
    }

    .articlePage .articleContent table.tableOrders tbody tr td.columnCount .mobileLabel, .articlePage .articleContent table.tableOrders tbody tr td.columnDate .mobileLabel, .articlePage .articleContent table.tableOrders tbody tr td.columnNumber .mobileLabel, .articlePage .articleContent table.tableOrders tbody tr td.columnPrice .mobileLabel, .articlePage .articleContent table.tableOrders tbody tr td.columnValue .mobileLabel {
        display: inline-block !important
    }

    .articlePage .articleContent table.tableOrders tfoot, .articlePage .articleContent table.tableOrders tfoot tr {
        border: none;
        display: block;
        text-align: center;
        width: 100%
    }

    .articlePage .articleContent table.tableOrders tfoot tr td {
        border: none;
        display: block;
        width: 100%;
        text-align: center;
        padding: 12px 17px
    }

    .articlePage .articleContent table.tableOrders tfoot tr td .discountText {
        display: block !important;
        font-size: 14px !important;
        padding-bottom: 20px !important
    }

    .articlePage .articleContent table.tableOrders tfoot tr td.discountCode {
        padding-bottom: 0 !important
    }

    .articlePage .articleContent .contactRow2 .col-xl-4 {
        float: left !important;
        width: 33.33% !important
    }

    .productTabsHeader {
        text-align: center
    }
}

@media screen and (max-width: 767px) {
    .cartHeader .threeSteps, .productTabsHeader {
        display: none
    }

    .header .search {
        width: 280px
    }

    .logo {
        padding: 0;
        max-width: 180px
    }

    .logo img {
        max-height: 35px
    }

    .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content h1 {
        font-size: 28px
    }

    .productDetails .productGallery {
        padding-bottom: 45px;
        padding-right: 0
    }

    .productDetails .productGallery .thumbs .slick-slide .thumbContainer {
        width: 105px;
        height: 105px
    }

    .productDetails .productGallery .thumbs .slick-slide .thumbContainer img {
        width: 102px;
        height: 102px
    }

    .cartSteps .step .stepContent .discountCode form {
        text-align: right;
        padding-bottom: 30px
    }

    .cartSteps .step .stepContent .discountCode button {
        top: auto;
        width: 45px;
        right: 0;
        position: relative
    }

    .cartSteps .step .stepContent .discountCode button:hover {
        background: #ff5a00 !important
    }

    .producentsList ul li {
        width: 50%
    }

    .cartHeader {
        position: relative
    }

    .cart .dropdown.show .dropdown-menu, .zoomContainer {
        display: none !important
    }

    .mainView {
        padding-top: 55px
    }

    .mainView.cartView {
        padding-top: 0 !important
    }

    .cart .dropdown > .btn {
        padding: 0 20px !important
    }

    .cart .dropdown.show > .btn {
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        -moz-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent !important
    }
}

@media screen and (max-width: 599px) {
    .productDetails .productGallery .full .fullSlide .fullSlideContainer img, .productPage .full .fullSlide .fullSlideContainer img {
        max-height: 360px !important
    }

    .addedToCart .addedToCartContainer .addedToCartMainArea .top .title {
        float: none;
        font-size: 15px;
        padding: 5px 0;
        text-align: center
    }

    .addedToCart .addedToCartContainer .addedToCartMainArea .top .closeWindow {
        float: none;
        text-align: center;
        display: none
    }

    .addedToCart .addedToCartContainer .addedToCartMainArea .bottom .closeWindow {
        padding: 0 0 10px;
        float: none;
        text-align: center
    }

    .addedToCart .addedToCartContainer .addedToCartMainArea .bottom .openCartButton {
        float: none;
        text-align: center
    }

    .addedToCart .addedToCartContainer .addedToCartMainArea .bottom .openCartButton a {
        width: auto
    }

    .addedToCart .addedToCartContainer .addedToCartMainArea .productRow {
        display: block;
        text-align: center;
        font-size: 16px
    }

    .addedToCart .addedToCartContainer .addedToCartMainArea .productRow .thumb {
        display: block
    }

    .addedToCart .addedToCartContainer .addedToCartMainArea .productRow .title, .addedToCart .addedToCartContainer .addedToCartMainArea .productRow .prices {
        display: block;
        padding: 0 17px
    }

    .addedToCart .addedToCartContainer .addedToCartMainArea .productRow .title a {
        font-family: roboto_condensedbold
    }

    .addedToCart .addedToCartContainer .addedToCartMainArea .productRow .count {
        display: block;
        padding: 2px 17px
    }

    .addedToCart .addedToCartContainer .addedToCartMainArea .productRow .price {
        display: block;
        padding: 2px 17px 10px
    }

    .mainHeadline h1 {
        border: none
    }

    .mainHeadline h1 span.title {
        font-size: 19px;
        display: block;
        line-height: 24px
    }

    .mobileMenu .mobileHeader {
        line-height: 67px;
        height: 67px
    }

    .mobileMenu .mobileHeader a.close {
        top: 25px
    }

    .productsList ul.min li:nth-child(2n+1) .item.withOptions .itemHover, .productsList ul.min li:nth-child(2n+2) .item.withOptions .itemHover {
        top: -25px !important;
        bottom: -25px !important;
        right: -30px !important;
        left: -30px !important
    }

    .header .search, .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content .button {
        display: none
    }

    .productDetails .nav a, .productDetails .nav-tabs {
        display: block !important
    }

    .producentsList ul li {
        width: 100%
    }

    .productsList ul.min li {
        width: 33.33%
    }

    .productsList ul.min li:nth-child(2n+1) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
        padding: 25px 30px 0 !important
    }

    .productsList ul.min li:nth-child(2n+1) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(2n+1) .item.withOptions .itemHover .title {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .productsList ul.min li:nth-child(2n+1) .item.withOptions .itemHover .button {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .productsList ul.min li:nth-child(2n+1) .item.withOptions .itemHover .button a {
        font-size: 14px !important;
        padding: 5px 8px !important
    }

    .productsList ul.min li:nth-child(2n+2) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
        padding: 25px 30px 0 !important
    }

    .productsList ul.min li:nth-child(2n+2) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(2n+2) .item.withOptions .itemHover .title {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .productsList ul.min li:nth-child(2n+2) .item.withOptions .itemHover .button {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .productsList ul.min li:nth-child(2n+2) .item.withOptions .itemHover .button a {
        font-size: 14px !important;
        padding: 5px 8px !important
    }

    .productsList ul.default li {
        width: 50%
    }

    .productsList ul.big li {
        width: 100%
    }

    .productsList ul li {
        width: 50%
    }

    .productsList ul li .item .itemHover.active {
        opacity: 0 !important;
        pointer-events: none
    }

    .productsList ul li .item .itemHover .options {
        top: 45px;
        width: 74px;
        min-height: 237px !important
    }

    .productsList ul li .item .itemHover .options .slideThumb span {
        width: 72px;
        height: 72px
    }

    .productsList ul li .item .itemHover .options .slideThumb span img {
        width: 70px;
        height: 70px
    }

    .productsList ul li .item .thumb a {
        -webkit-transition: .2s !important;
        -moz-transition: .2s !important;
        -o-transition: .2s !important;
        transition: .2s !important
    }

    .productsList ul li .item .thumb a:hover {
        opacity: .8 !important
    }

    .productsList ul li:nth-child(2n+1) .item.withOptions .itemHover.active, .productsList ul li:nth-child(2n+2) .item.withOptions .itemHover.active {
        opacity: 0 !important
    }

    .productsList ul li:nth-child(2n+1) .item.withOptions .itemHover {
        left: -30px !important;
        right: -100px !important
    }

    .productsList ul li:nth-child(2n+1) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
        padding: 50px 100px 0 30px !important
    }

    .productsList ul li:nth-child(2n+1) .item.withOptions .itemHover .button, .productsList ul li:nth-child(2n+1) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(2n+1) .item.withOptions .itemHover .price, .productsList ul li:nth-child(2n+1) .item.withOptions .itemHover .title {
        padding-left: 30px !important;
        padding-right: 100px !important
    }

    .productsList ul li:nth-child(2n+1) .item.withOptions .itemHover .options {
        left: auto !important;
        right: 30px !important
    }

    .productsList ul li:nth-child(2n+2) .item.withOptions .itemHover {
        right: -30px !important;
        left: -100px !important
    }

    .productsList ul li:nth-child(2n+2) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
        padding: 50px 30px 0 100px !important
    }

    .productsList ul li:nth-child(2n+2) .item.withOptions .itemHover .button, .productsList ul li:nth-child(2n+2) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(2n+2) .item.withOptions .itemHover .price, .productsList ul li:nth-child(2n+2) .item.withOptions .itemHover .title {
        padding-right: 30px !important;
        padding-left: 100px !important
    }

    .productsList ul li:nth-child(2n+2) .item.withOptions .itemHover .options {
        left: 30px !important;
        right: auto !important
    }

    .productDetails .nav a {
        margin-right: 0;
        width: 100%
    }

    .filterBox .row1 .column, .filterBox .row2 .itemSizesSlider, .filterBox .row2 .sort {
        width: 100%;
        float: none
    }

    .footer .newsletter form {
        width: 100%
    }

    .productDetails .productGallery {
        padding-bottom: 45px;
        padding-right: 0
    }

    .productDetails .productGallery .full, .productPage h1.title {
        padding-bottom: 25px !important
    }

    .productDetails .productGallery .thumbs .slick-slide .thumbContainer {
        width: 67px;
        height: 67px
    }

    .productDetails .productGallery .thumbs .slick-slide .thumbContainer img {
        width: 65px;
        height: 65px
    }

    .productDetails .productGallery .full .fullSlide .fullSlideContainer, .productPage .full .fullSlide .fullSlideContainer {
        height: 360px !important
    }

    .productDetails .nav-tabs .nav-item {
        margin-right: 0 !important;
        float: none !important
    }

    .productDetails .nav-tabs .nav-item a {
        display: none !important
    }

    .productDetails .nav-tabs .nav-item a.active {
        display: block !important;
        text-align: left !important;
        pointer-events: none !important
    }

    .productPage .thumbs {
        opacity: 0;
        pointer-events: none
    }

    .productPage .full {
        margin: 0 10px 30px 20px !important
    }

    .productPage .full .slick-prev {
        left: 0 !important
    }

    .productPage .full .slick-next {
        right: 0 !important
    }

    .tab-content .tab-pane table tr {
        display: block;
        padding: 0 0 35px !important
    }

    .tab-content .tab-pane table tr td {
        display: block !important;
        width: 100% !important;
        padding: 0 !important
    }

    .tab-content .tab-pane table tr td .mobileLabel {
        display: block
    }

    .tab-content .tab-pane table tr th {
        display: none
    }

    .tab-content .tab-pane table thead {
        display: none !important
    }

    .articlePage .articleContent .contactRow2 .col-xl-4 {
        float: none !important;
        width: 100% !important
    }

    .articlePage .articleContent .contactRow2 .row.headquarters {
        float: left !important;
        width: 50% !important;
        display: block !important;
        margin: 0 !important
    }

    .articlePage .articleContent .contactRow2 .row.headquarters > col {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        width: auto !important
    }

    .slick-list {
        pointer-events: none !important
    }
}

@media screen and (max-width: 459px) {
    .cart .dropdown > .btn {
        width: 65px !important;
        padding: 0 10px !important
    }

    .cart .dropdown > .btn .cartContainer {
        height: 36px
    }

    .cart .dropdown > .btn .cartContainer .quantity, .cart .dropdown > .btn .cartContainer .value {
        display: none
    }

    .cart .dropdown > .btn .cartCount {
        display: block
    }

    .cart .dropdown > .btn .cartCount:hover {
        opacity: .7
    }

    .productDetails .productGallery .thumbs {
        display: none
    }

    .productDetails .productGallery .full {
        padding-bottom: 45px
    }

    .productDetails .productGallery .full .fullSlide .fullSlideContainer {
        height: 360px
    }

    .productDetails .productGallery .full .fullSlide .fullSlideContainer img {
        max-height: 360px
    }

    .cartHeader .back .btn {
        padding: 8px 13px !important
    }

    .cartHeader .back .btn span {
        display: none !important
    }

    .articlePage .articleContent .categoriesRow .item {
        width: 100%
    }

    .articlePage .articleContent .categoriesRow .item .categoryName {
        font-size: 16px !important;
        padding-bottom: 0 !important
    }

    .articlePage .articleContent .categoriesRow .item > ul {
        padding-top: 10px !important;
        padding-bottom: 0 !important
    }

    .articlePage .articleContent .categoriesRow .item ul {
        display: none
    }
}

@media screen and (max-width: 379px) {
    .header .row .col:nth-last-child(2) {
        display: none
    }

    .productsList ul.min li {
        width: 50%
    }

    .productsList ul li, .productsList ul.big li, .productsList ul.default li {
        width: 100%
    }

    .productsList ul.min li .item {
        margin: 0 15px !important
    }

    .productsList ul li .item, .productsList ul.big li .item, .productsList ul.default li .item {
        margin: 0 !important
    }

    .productsList ul li:nth-child(1n+1) .item.withOptions .itemHover {
        left: -30px !important;
        right: -30px !important
    }

    .productsList ul li:nth-child(1n+1) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
        padding: 50px 30px 0 !important
    }

    .productsList ul li:nth-child(1n+1) .item.withOptions .itemHover .button, .productsList ul li:nth-child(1n+1) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(1n+1) .item.withOptions .itemHover .price, .productsList ul li:nth-child(1n+1) .item.withOptions .itemHover .title {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .productsList ul li:nth-child(1n+1) .item.withOptions .itemHover .options {
        display: none !important
    }

    .productsList ul li:nth-child(1n+1) .item.withOptions .itemHover .availability {
        left: 20px !important;
        right: 20px !important;
        text-align: center !important
    }

    .productDetails .productGallery .full .fullSlide .fullSlideContainer {
        height: 280px
    }

    .productDetails .productGallery .full .fullSlide .fullSlideContainer img {
        max-height: 280px
    }

    .paddingLeft {
        padding: 0 0 30px !important
    }
}

@media screen and (max-height: 719px) {
    .addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow {
        max-height: 0 !important;
        opacity: 0
    }
}

.c-tags {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.show-more {
    border: none;
    background: transparent;
    font-family: roboto_condensedregular;
    font-size: 13px;
    color: #575757;
    padding: 0;
    cursor: pointer;
}

.float-r {
    width: 100%;
}

.float-r .btn-black,
.float-r .sort,
.float-r .itemSizesSlider {
    float: right;
}

.float-r .itemSizesSlider {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: auto !important;
}

.float-r .list-option label,
.float-r .sort label,
.float-r .itemSizesSlider label {
    width: 100%;
    display: block;
    font-weight: 400;
    color: #8f8f8f;
    font-size: 13px;
    text-align: left;
    margin: 0;
}

.float-r .itemSizesSlider label {
    margin-bottom: 20px;
}

.float-r .btn-black {
    margin-top: 30px;
}

.bg-row {
    border: 1px solid #e2e2e2;
    background: #fff;
    padding: 0 5px 12px 5px;
}

.fix-content {
    width: 100% !important;
}

.fix-content .col-xl-3 {
    float: left;
}

.category-list {
    background: #fff;
    border: 1px solid #e2e2e2;
    padding: 15px;
    margin-right: 9px;
    position: relative;
}

.parametersShell {
    position: relative;
}

.parametersShell #filterParametersPlaceholder {
    display: none;
}

.parametersShell #filterParametersPlaceholder.active {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 123123;
    height: 100%;
    padding-left: 30px;
}

.parametersShell #expandParameters {
    display: none;
}

@media screen and (max-width: 768px) {
    .parametersShell #filterParametersContent {
        display: none;
    }

    .parametersShell #expandParameters {
        display: inline-block;
        float: right;
        padding: .5rem 1rem;
        margin-top: 10px;
    }

    .parametersShell .list-title {
        display: inline-block;
    }
}

.category-list #filterCategoriesPlaceholder {
    display: none;
}

.category-list #filterCategoriesPlaceholder.active {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 123123;
    height: 100%;
    padding-left: 30px;
}

.category-list .list-title {
    margin-bottom: 10px;
}

.list-title {
    font-weight: 400;
    font-size: 14px;
    color: #575757;
}

.row1 .list-title {
    margin-top: 15px;
}

.category-list ul {
    list-style-type: none;
    padding: 0 0 0 15px;
    margin: 0;
    overflow: hidden;
}

.category-list ul.children {
    padding: 0 0 0 30px;
}

.category-list ul li {
    line-height: 22px;
}

.category-list ul li a {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #575757;
    position: relative;
}

.category-list ul li.arrow > a:before {
    content: "\f104";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: -10px;
    top: 3px;
}

.category-list ul li a span {
    font-size: 13px;
    color: #8b8b8b;
}

.category-list ul li.active > a {
    font-weight: 600;
}

.category-list ul li.active > a:before,
.category-list ul ul a:before {
    display: none;
}

.category-list ul li a:hover,
.category-list ul li a:focus,
.category-list ul li a:active {
    color: #010101;
    text-decoration: underline !important;
}

.show-more-cats {
    padding: 0 15px;
}

.show-more-cats p {
    font-weight: 400;
    font-size: 15px;
    color: #575757;
    margin: 0;
    height: 22px;
    overflow: hidden;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.show-more-cats.open p {
    height: 0;
}

.show-more-cats a {
    font-family: roboto_condensedregular;
    font-size: 13px;
    color: #575757;
    font-weight: 400;
}

.show-more-cats a i,
.show-more i {
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    vertical-align: middle;
    display: inline-block;
    background: url("../images/arrow_down_new.png") center no-repeat;
    width: 9px;
    height: 5px;
}

.show-more-cats.open a i,
.show-more i {
    -moz-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
}

.show-more.collapsed i {
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.filterBox .sliderWrapper.selectWithColors .gradient {
    display: none;
}

.custom-padding {
    padding-top: 17px;
}

@media (max-width: 767px) {
    .category-list {
        margin: 0 -15px 10px -15px;
    }

    .category-list ul li {
        line-height: 26px;
    }

    .category-list ul li a {
        font-size: 16px;
    }

    .show-more-cats {
        display: none;
    }

    .category-list ul {
        height: auto !important;
        overflow: visible;
    }

    .float-r {
        position: relative;
    }

    .float-r .sort {
        margin-bottom: 10px;
    }

    .float-r .sort, .float-r .itemSizesSlider {
        float: left !important;
    }

}

@media (max-width: 599px) {
    .float-r {
        position: relative;
    }

    .float-r .btn-black {
        margin: 0;
        position: absolute;
        right: 15px;
        bottom: 0;
        z-index: 99999;
    }

    .float-r .sort label {
        margin-bottom: -15px;
    }

    .float-r .itemSizesSlider label {
        margin-bottom: 9px;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .float-r {
        position: relative;
        padding-bottom: 66px;
    }

    .float-r .btn-black {
        margin: 0;
        position: absolute;
        right: 15px;
        bottom: 0;
        z-index: 99999;
    }

    .float-r .sort, .float-r .itemSizesSlider {
        width: 50% !important;
        text-align: left !important;
    }

    .list-option {
        width: 50%;
        padding: 0 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .float-r {
        position: relative;
        padding-bottom: 66px;
    }

    .float-r .btn-black {
        margin: 0;
        position: absolute;
        right: 15px;
        bottom: 0;
        z-index: 99999;
    }

    .float-r .sort, .float-r .itemSizesSlider {
        width: 50% !important;
        text-align: left !important;
    }

    .list-option {
        width: 50% !important;
        padding: 0 15px;
        margin-top: 15px;
    }
}

.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(94, 110, 141, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 2000;
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: 4em auto;
    background: #FFF;
    border-radius: .25em .25em .4em .4em;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.cd-popup-container .message .danger {
    color: #d50d0d;
}

.cd-popup-container p {
    padding: 3em 1em;
}
.cd-popup-container .cd-buttons:after {
    content: "";
    display: table;
    clear: both;
}
.cd-popup-container .cd-buttons li {
    float: left;
    width: 100%;
    list-style: none;
}
.cd-popup-container .cd-buttons a {
    display: block;
    height: 60px;
    line-height: 60px;
    text-transform: uppercase;
    color: #FFF;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons a {
    background: #fc7169;
    border-radius: 0 0 0 .25em;
}

.cd-popup-container .cd-buttons a.left {
    float: left;
    width: 50%;
    border-radius: 0;
    border-bottom-left-radius: 3px;
}

.cd-popup-container .cd-buttons a.right {
    background: #fc7169;
    float: right;
    width: 50%;
}

.no-touch .cd-popup-container .cd-buttons a:hover {
    background-color: #fc8982;
}
.cd-popup-container .cd-buttons a {
    background: #b6bece;
    border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons a:hover {
    background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
    content: '';
    position: absolute;
    top: 12px;
    width: 14px;
    height: 3px;
    background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px;
}
.cd-popup-container .cd-popup-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 8px;
}
.is-visible .cd-popup-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
    .cd-popup-container {
        margin: 8em auto;
    }
}
.img-replace {
    /* replace text with an image */
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
}

.categories-list-div {
    margin-top: 17px;
}

/*---------------Product Alternative View(List)---------------*/

#product-hover {
    display:none;
}
#list-products-view-li {
    display: block !important;
    width: 100% !important;
}
#list-products-view-div {
    width: 100%;
    height: auto;
    text-align: left;
}

.productListMainPage ul li .item {
    margin-left: 13%;
}

#product-image-div {
    height: 50px !important;
    width: 80px !important;
    float: left;
    margin-top: 15px;
}
#product-title {
    width: 35% !important;
    padding-left: 20px;
    text-align: right;
}
#product-image {
    width: 50px;
    height: 50px;
}
#product-icons {
    padding-top: 40px;
    width: 0;
}

#product-price {
    width: 250px;
    text-align: right;
}

#product-title, #product-icons, #product-description, #product-price {
    display: inline-block;
}

#add-to-cart-section-button {
    margin-bottom: 20px;
}

.add-to-cart-section {
    display: inline-block;
    padding-left: 2%;
}

#input-products-count {
    width: 15%;
    padding-left: 20px;
}

/*.addToCart {*/
/*    margin-left: 3%;*/
/*}*/

#upload_submit {
    background: #db291d !important;
}

#upload_submit:hover {
    background: #000 !important;
}

.list-option {
    float: right;
    width: 100px;
    /*text-align: right;*/
    /*margin-top: 3.2%;*/
}

.filterBox .row2 .itemSizesSlider .column.icon:first-of-type {
    padding-left: 0px;
}

.list-option label {
    margin-bottom: 20px !important;
}

.list-option a:first-of-type {
    margin-left: 2px;
}

.list-option i {
    color: #8f8f8f;
    margin-right: 10px;
    /*margin-left: 10px;*/
}

.list-option a:hover {
    /*position: relative;*/
    /*bottom: 1px;*/
}

.productsList ul li .item .description {
    font-size: 14px;
    line-height: 16px !important;
    min-width: 150px;
}

.add-to-cart-section .addToCart {
    margin-left: 0 !important;
}

.a-product-title {
    display: block !important;
}

.product-list-touch-spin-div {
    max-width: 50px;
    padding: 0 0 0 20px;
}

.description-list-view {
    margin-left: 50px !important;
}

.description-list-view .input-group {
    bottom: 10px;
}

.product-list-button {
    margin-bottom: 10%;
}
@media (max-width: 1920px) {
    .list-option {
        /*margin-top: 3.5%;*/
    }
}

@media (max-width: 1730px) {
    #product-title {
        width: 30% !important;
    }
}

@media (max-width: 1600px) {
    .shopcart-info {
        padding-top: 1.5% !important;
        font-size:13px !important;
    }
}

@media (max-width: 1561px) {
    #product-title {
        width: 25% !important;
    }

    .productsList ul li .item .title a {
        font-size: 15px !important;
    }

    #product-price .showDetails .text-success .main, #product-price .showDetails .text-error .main {
        font-size: 20px;
    }

    #product-price .showDetails .text-error .index, #product-price .showDetails .text-error .index {
        font-size: 15px;
    }

    #product-price {
        width: 200px;
    }

    .add-to-cart-section .product-list-button {
        font-size: 12px !important;
    }

    .list-option {
        /*margin-top: 4.3%;*/
    }
}

@media (max-width: 1405px) {
    #product-title {
        width: 20% !important;
    }
}

@media (max-width: 1293px) {
    #product-title {
        width: 20% !important;
    }
}

@media (max-width: 1199px) {
    #product-title {
        width: 15% !important;
    }

    .add-to-cart-section .product-list-button {
        font-size: 10px !important;
    }

    .list-option {
        /*margin-top: 5.5%;*/
    }
}

@media (max-width: 1118px) {
    #product-title {
        width: 20% !important;
    }
}


@media (max-width: 1049px) {
    #product-price .showDetails .text-success .main, #product-price .showDetails .text-error .main {
        font-size: 15px;
    }

    #product-price .showDetails .text-error .index, #product-price .showDetails .text-error .index {
        font-size: 13px;
    }

    #product-price {
        width: 150px;
    }
}

@media (max-width: 992px) {
    .list-option {
        /*text-align: left !important;*/
        /*margin-left: 12%;*/
    }

    #product-image {
        margin-top: 30px !important;
    }
}

@media (max-width: 967px) {
    #product-price .showDetails .text-success .main, #product-price .showDetails .text-error .main {
        font-size: 15px;
    }

    #product-price .showDetails .text-error .index, #product-price .showDetails .text-error .index {
        font-size: 13px;
    }
    #product-price {
        width: 150px;
    }

    .productsList ul li .item .title a {
        font-size: 10px !important;
    }

    #product-title {
        width: 15% !important;
    }
}

@media (max-width: 889px) {
    #product-price .showDetails .text-success .main, #product-price .showDetails .text-error .main {
        font-size: 13px;
    }

    #product-price .showDetails .text-success .index, #product-price .showDetails .text-error .index {
        font-size: 11px;
    }
    #product-price {
        width: 110px;
    }
}

@media (max-width: 844px) {
    .add-to-cart-section .product-list-button {
        font-size: 12px !important;
    }
}

@media (max-width: 792px) {
    #product-title {
        width: 20% !important;
    }

    #product-title .a-product-title {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .list-option {
        /*margin-left: 61%;*/
    }
}

.productsList .manufacturer-code {
    font-size: 12px;
}

.productsList .status {
    font-size: 12px;
    white-space: nowrap;
    position: absolute;
    padding: 2px 5px;
    border-radius: 2px;
    color: #fff;
    background: #0c6bd7;
}

.productsList .item:hover .status {
    z-index: 9999;
}

/*.searchMainForm {*/
/*    background: #fafafa;*/
/*    box-shadow: 0 0 5px #ccc;*/
/*}*/

/*.mainMenu .container-fluid {*/
/*    background: #0c6bd7;*/
/*}*/

/*.mainMenu .container-fluid a,*/
/*.mainMenu .container-fluid span {*/
/*    color: #fff !important;*/
/*}*/

.btn-primary,
.btn:focus, .btn:hover,
.footer .newsletter form button:hover {
    background-color: #0c6bd7;
    border-color: #0c6bd7;
}

.productTabsHeader {
    top: 100px;
}

.itemHover {
    height: auto !important;
}

.item .icons .fa {
    font-size: 19px;
    color: #fff;
    padding: 3px 0;
    width: 25px;
    border-radius: 2px;
    background: rgba(0, 0, 0, .4);
}
.item .itemHover .attributes ul {
    padding-left: 30px;
}
.item .attributes ul {
    padding: 0;
    text-align: left;
    margin-top: 10px;
}
.item .attributes ul li {
    font-size: 10px !important;
    display: block;
    width: 100%;
}
.item {
    /*border: 1px solid #fafafa;*/
    box-shadow: 0 0 7px -5px #111;
    padding: 10px;
}

.productsList ul li .item .title a {
    max-height: 48px;
    overflow: hidden;
}

.productsList ul li .item {
    min-height: 500px;
}