@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext');

.block-flex {
    display: flex;
    justify-content: center
}

.block-flex-col {
    display: flex;
    flex-direction: column
}

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px
}

.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease
}

.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease
}

.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both
}

.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both
}

.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(0.8)
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(0.8)
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(0.8)
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%)
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%)
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%)
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5)
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5)
    }
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSansRegular/OpenSans-Regular.ttf');
    font-weight: 400
}

@font-face {
    font-family: 'ns-icons-ced';
    src: url('../fonts/nsicons-cedra/nsicons.eot');
    src: url('../fonts/nsicons-cedra/nsicons.svg');
    src: url('../fonts/nsicons-cedra/nsicons.ttf');
    src: url('../fonts/nsicons-cedra/nsicons.woff')
}

@font-face {
    font-family: 'ns-icons';
    src: url('../fonts/nsicons/nsicons.eot');
    src: url('../fonts/nsicons/nsicons.svg');
    src: url('../fonts/nsicons/nsicons.ttf');
    src: url('../fonts/nsicons/nsicons.woff')
}

@font-face {
    font-family: 'ns-star';
    src: url('../fonts/star/star.eot');
    src: url('../fonts/star/star.svg');
    src: url('../fonts/star/star.ttf');
    src: url('../fonts/star/star.woff')
}

[class^="ns-"], [class*=" ns-"] {
    font-size: 16px;
    font-family: 'ns-icons';
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="fa-star"], [class*="fa-star"] {
    font-size: 16px;
    font-family: 'ns-star';
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="fa-star-o"], [class*="fa-star-o"] {
    font-size: 16px;
    font-family: 'ns-star';
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ns-arrow-right:before {
    font-weight: bold;
    content: "\e900"
}

.ns-mouse:before {
    content: "\e901"
}

.ns-kyivstar:before {
    font-weight: bold;
    content: "\e902";
    color: #126dff
}

.ns-lifecell:before {
    font-weight: bold;
    content: "\e903";
    color: #ffd600
}

.ns-vodafone:before {
    font-weight: bold;
    content: "\e904";
    color: #eb2d21
}

.ns-cityphone:before {
    font-weight: bold;
    content: "\e905";
    color: #3c3c3c
}

.ns-headphones:before {
    font-weight: bold;
    content: "\e906"
}

.fa-star-o:before {
    font-weight: bold;
    content: "\e907"
}

.fa-star:before {
    font-weight: bold;
    content: "\e908"
}

.ns-needle {
    font-size: 16px;
    font-family: 'ns-icons-ced';
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ns-needle:before {
    font-weight: bold;
    content: "\e900"
}

.box-shadow {
    box-shadow: none
}

.box-corner {
    border-radius: 0
}

body {
    font-family: 'Roboto', Helvetica, sans-serif;
    font-weight: normal;
    color: #595959;
    background-color: #fff;
    background-image: url('');
    font-size: 14px;
    line-height: 1.2;
    width: 100%;
    -webkit-font-smoothing: antialiased
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    color: #000
}

#general-banner {
    height: 30px
}

#general-banner a {
    display: block;
    height: 100%
}

h1, .h1 {
    font-size: 32px
}

h2, .h2 {
    font-size: 27px
}

h3, .h3 {
    font-size: 21px
}

h4, .h4 {
    font-size: 18px
}

h5, .h5 {
    font-size: 16px
}

h6, .h6 {
    font-size: 13px
}

a {
    color: #36f
}

a:hover {
    text-decoration: none;
    color: #36f
}

#content article a {
    font-weight: bolder;
    text-decoration: underline
}

#content article a:hover {
    text-decoration: none
}

input[type="text"], input[type="password"], select, textarea {
    font-size: 13px
}

input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
    border-color: #c6c8cc;
    box-shadow: inset 1px 1px 2px rgba(79, 98, 116, 0.18)
}

input[type="text"], input[type="password"], textarea {
    padding: 5px 10px;
    width: 100%
}

textarea {
    resize: vertical
}

div.edit {
    margin-bottom: 12px;
    font-size: 13px
}

.input-group .input-group-addon {
    height: 30px
}

.nav-tabs {
    margin-bottom: 15px;
    border-bottom: 2px solid #ef532b
}

@media (max-width: 480px) {
    .nav-tabs {
        display: flex;
        flex-direction: column
    }

    .modal-footer button, .modal-footer a {
        width: 100%;
        margin-bottom: 5px;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

#search_main #search_footer .curPage {
    background-color: #ef532b;
    border-color: #ef532b;
    color: #fff
}

.nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: #ef532b;
    border-color: #ef532b;
    color: #fff
}

.nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
    background-color: #f57b5d;
    color: #fff;
    border-color: #f57b5d
}

div.required .control-label:before {
    content: '* ';
    color: #c00;
    font-weight: bold
}

.dropdown-menu li > a:hover {
    text-decoration: none
}

.flixer small {
    font-size: 85%;
    position: relative;
    top: 0;
    left: 1px;
    margin-right: 2px
}

img:focus {
    outline: 0
}

.container {
    position: relative
}

.clear {
    clear: both
}

#content {
    min-height: 600px
}

#header-content {
    position: relative;
    background-color: #fff;
    background-image: url('');
    height: 130px;
    padding-bottom: 10px;
    margin: 0;
    z-index: 980
}

#header-content .col-sm-6 .list-inline > li {
    display: inline-block;
    padding-right: 3px;
    padding-left: 3px
}

#header-content .row .col-sm-3:first-child {
    padding-right: 0
}

#header-content .row {
    min-height: 50px
}

#header-content .container {
    position: relative
}

#header-content > .container {
    height: 100%
}

#header-content > .container > .row {
    height: 100%
}

#top {
    background: #341e12;
    height: 55px;
    line-height: 55px;
    font-size: 14px;
    padding: 0;
    margin: 0;
    position: relative
}

#top .drop-list-button {
    transform: rotate(90deg);
    top: 0;
    cursor: pointer;
    transition: 1s;
    display: flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center
}

#top .drop-list-button .fa {
    font-size: 8px;
    color: #fff;
    margin-right: 3px
}

#top .drop-list-button.open {
    transition: 1s;
    transform: rotate(0)
}

#top .drop-list-button.open .fa {
    color: #fff
}

#top .drop-main {
    transition: 1s;
    display: flex;
    position: absolute;
    flex-direction: column;
    z-index: 1000;
    top: 100%;
    background: #341e12;
    padding: 15px;
    left: -100%
}

#top .drop-main .drop-list {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1.8
}

#top .drop-main .drop-list > li > a {
    font-size: 14px;
    color: #fff
}

#top .drop-main .drop-list > li > a:hover {
    color: #fff;
    text-decoration: underline
}

#top .drop-main.open {
    transition: 1s;
    left: 0
}

#top .fa {
    font-size: 14px
}

#top .list-inline {
    padding-left: 0;
    margin-left: -5px;
    margin-bottom: 0;
    margin-top: 0
}

#top .header-caret-down {
    margin: 0 5px
}

#top .container {
    padding: 0 15px
}

#top .language {
    position: relative
}

#top .language ul {
    padding-left: 0;
    margin: 0 10px 0 10px;
    font-size: 12px;
    text-transform: uppercase
}

#top .language ul li {
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

#top .language ul li a {
    text-transform: uppercase;
    opacity: 1;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 0;
    margin-right: 10px;
    color: #fff
}

#top .language ul li a:hover {
    color: #ca987b
}

#top .language ul li a .lcode {
    display: none
}

#top .language ul li img {
    position: relative;
    top: -1px
}

#top .language ul li.active a {
    opacity: .8;
    position: relative;
    top: 0;
    font-weight: normal
}

#top .language ul li.active a:hover {
    color: #fff
}

#top .language ul li.active a img {
    display: inline;
    position: relative;
    top: -1px;
    margin-right: 0;
    opacity: .7
}

#top .language ul .spr {
    position: relative;
    top: -1px;
    left: 1px;
    opacity: .9
}

#top .language ul .spr:last-child {
    display: none
}

#top .language .header {
    color: #fff
}

#top #currency-box .header {
    color: #fff
}

#top #currency {
    cursor: default;
    margin-bottom: 0
}

#top #currency .list-inline {
    padding-left: 0;
    margin-left: 6px;
    margin-bottom: 0;
    margin-top: 0
}

#top #currency .list-inline > li {
    display: inline-block;
    padding: 0;
    margin: 0 2px
}

#top #currency .list-inline > li.active {
    opacity: 1;
    cursor: default
}

#top #currency .list-inline > li.active .currency-select {
    opacity: 1;
    cursor: default;
    text-shadow: none;
    color: #ccc
}

#top #currency .currency-select {
    font-size: 14px;
    text-align: left;
    padding-left: 4px;
    padding-right: 4px;
    height: 34px
}

#top .pull-right {
    padding: 0 3px
}

#top .btn-link strong {
    font-size: 14px;
    line-height: 14px
}

#top.top_menu_container_width {
    box-shadow: none;
    background: 0;
    border-bottom: 0
}

#top.top_menu_container_width .container {
    background: #341e12;
    border-bottom: 1px solid #341e12
}

#top .btn-link {
    color: #fff;
    text-decoration: none
}

#top .btn-link:hover {
    color: #e6e6e6;
    text-decoration: none
}

@media (max-width: 991px) {
    #top .btn-link {
        color: #000;
        text-decoration: none
    }

    #top .btn-link:hover {
        color: #e6e6e6;
        text-decoration: none
    }
}

#top-links li {
    margin-right: 8px;
    color: #fff;
    text-decoration: none
}

#top-links li:hover {
    color: #fff;
    text-decoration: none
}

.top-links-container {
    display: flex
}

.top-links-container_left {
    height: 100%;
    align-items: center;
    display: flex;
    width: 85%;
    padding-right: 5px
}

.top-links-container_left #top-links {
    display: inline-flex;
    margin-right: auto;
    width: 58%;
    height: 55px
}

.top-links-container_left #top_icons_box {
    display: inline-flex;
    margin-right: 6%
}

.top-links-container_left #top_icons_box i {
    font-size: 18px;
    margin-right: 10px
}

.top-links-container_left #top_icons_box i.fa-exchange:before {
    display: block;
    content: '';
    width: 24px;
    height: 20px;
    background: url(../image/design/icon-compare.png) no-repeat center
}

.top-links-container_left #top_icons_box i.fa-search:before {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background: url(../image/design/icon-search.png) no-repeat center
}

.top-links-container_left #currency-box {
    display: inline-flex;
    margin-right: 6%
}

.top-links-container_left .language {
    display: inline-flex
}

.top-links-container_left .top_icons_search {
    padding: 3px 0 3px;
    line-height: 1.4
}

.top-links-container_left .top_icons_search .dropdown-menu {
    top: 30px
}

.top-links-container_left .top_icons_search #top-search {
    margin: 0;
    top: 0
}

.top-links-container_left .top_icons_search #top-search #search {
    top: 0
}

.top-links-container_left .top_icons_search #top-search #search > div {
    padding: 0
}

.top-links-container_left .top_icons_search #top-search #search .search-panel {
    position: relative;
    top: 0;
    width: 100%;
    border: 1px solid #e8e8e8
}

.top-links-container_left .top_icons_search #top-search #search .search-panel:before {
    position: absolute;
    content: '';
    width: 23px;
    height: 1px;
    background: #9f4f30;
    right: 22px;
    top: 50%;
    transform: rotate(45deg);
    z-index: 2;
    cursor: pointer
}

.top-links-container_left .top_icons_search #top-search #search .search-panel:after {
    position: absolute;
    content: '';
    width: 23px;
    height: 1px;
    background: #9f4f30;
    right: 22px;
    top: 50%;
    transform: rotate(-45deg);
    z-index: 2;
    cursor: pointer
}

.top-links-container_left .top_icons_search #top-search #search .search-panel__category {
    display: none
}

.top-links-container_left .top_icons_search #top-search #search .search-panel__btn {
    display: none
}

.top-links-container_left .top_icons_search #top-search #search .search-panel__search {
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    border: 0;
    z-index: 1
}

.top-links-container_left .top_icons_search #top-search #search .search-panel .fa-search {
    position: absolute;
    left: 10px;
    top: 15px;
    color: #a33d16;
    z-index: 2
}

.top-links-container_left .top_icons_search #top-search #search .search-panel .fa-close {
    position: absolute;
    right: 10px;
    top: 15px;
    color: #a33d16;
    z-index: 2
}

.top-links-container_right {
    height: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    width: 15%;
    background: transparent
}

.top-links-container_right:hover {
    color: #fff
}

@media (max-width: 1399px) {
    .top-links-container_left {
        width: 82%
    }

    .top-links-container_left #top-links {
        margin-right: auto
    }

    .top-links-container_left #top_icons_box {
        margin-right: 7%
    }

    .top-links-container_left #currency-box {
        margin-right: 4%
    }

    .top-links-container_right {
        width: 17%;
        margin-left: 20px
    }
}

@media (max-width: 1199px) {
    .top-links-container_left {
        width: 91%
    }

    .top-links-container_left #top-links {
        margin-right: auto;
        width: 60%
    }

    .top-links-container_left #top_icons_box {
        margin-right: 2%
    }

    .top-links-container_left #currency-box {
        margin-right: 2%
    }

    .top-links-container_right {
        width: 9%
    }
}

@media (max-width: 991px) {
    #top .language ul {
        display: none
    }

    #top .language ul > li > a {
        color: #000;
        position: relative
    }

    .top-links-container {
        display: flex
    }

    .top-links-container_left {
        width: 72%
    }

    .top-links-container_left #top-links {
        width: 175px;
        height: 50px;
        display: inline-flex;
        margin-right: auto
    }

    .top-links-container_left #top-links .header i {
        position: relative;
        font-size: 30px;
        top: 2px
    }

    .top-links-container_left #top_icons_box {
        margin-right: 2%
    }

    .top-links-container_left #currency-box {
        margin-right: 2%
    }

    .top-links-container_left #currency-box .dropdown-menu .list-inline li a #top .btn-link {
        color: #e6e6e6
    }

    .top-links-container_right {
        width: 28%
    }

    .top-links-container_right #top-links2 {
        margin: 0
    }

    .top-links-container_right #top-links2 i {
        margin: 0
    }
}

@media (max-width: 767px) {
    .top-links-container {
        display: flex
    }

    .top-links-container_left {
        width: 100%
    }

    .top-links-container_left #top-links {
        width: 50px;
        height: 40px;
        display: inline-flex;
        margin-right: 20px
    }

    .top-links-container_left #top-links .header i {
        position: relative;
        font-size: 30px;
        top: 2px
    }

    .top-links-container_left #top-links .dropdown-main-menu #top-links2 {
        margin: 20px 0;
        padding: 0 30px 0 40px;
        background: #ececec
    }

    .top-links-container_left #top-links .dropdown-main-menu #top-links2 > a > span {
        color: #341e12
    }

    .top-links-container_left #top_icons_box {
        margin-right: auto
    }

    .top-links-container_right {
        display: none
    }
}

@media (max-width: 480px) {
    .top-links-container_right {
        width: 10%;
        background: transparent
    }
}

#top-links .list-inline > li > a {
    color: #fff
}

#top-links .list-inline > li > a:hover {
    color: #fff;
    opacity: 1;
    text-decoration: underline
}

#top-links .list-inline > li:hover {
    color: #fff
}

#top-links .list-inline > li > .dropdown > a {
    color: #fff
}

#top-links .list-inline > li > .dropdown > a:hover {
    opacity: 1;
    text-decoration: underline;
    color: #fff
}

#top-links .list-inline > li > .dropdown:hover {
    color: #fff
}

#top-links .list-inline.collapse li > a {
    color: #171717 !important
}

#dropdown-menu-right {
    color: #341e12
}

#top .btn-link:hover, #top-links a:hover {
    opacity: 1
}

#top .dropdown-menu {
    position: absolute;
    right: auto;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 100%;
    padding: 0;
    margin: 0;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0;
    border: 1px solid #e7e7e7
}

.header-top {
    padding: 10px 0;
    height: auto;
    display: flex;
    align-items: center
}

@media (max-width: 480px) {
    .top-links-container_left #top-links {
        margin-right: 0
    }

    .language .list-inline {
        display: none
    }

    .language .list-inline > li > a span {
        position: relative;
        color: #000
    }

    .language .list-inline > li > a span:hover {
        border-bottom: 0;
        text-decoration: none
    }
}

@media (min-width: 992px) {
    .language .header {
        display: none !important
    }

    .language .list-inline {
        display: flex !important
    }

    #currency-box .header {
        display: none !important
    }

    #currency-box .dropdown-menu {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        border: 0;
        box-shadow: none;
        background: 0
    }

    #currency-box .dropdown-menu:before, #currency-box .dropdown-menu:after {
        display: none
    }

    #currency-box .dropdown-menu li {
        background: #000;
        height: auto;
        width: auto;
        text-align: center
    }

    #currency-box .dropdown-menu li.active {
        background: #e6e6e6;
        opacity: 1
    }

    #currency-box .dropdown-menu li:hover {
        background: #e6e6e6;
        color: #fff
    }

    #currency-box .dropdown-menu li:hover button:hover {
        color: #fff
    }
}

@media (min-width: 480px) {
    #top #currency .currency-select {
        line-height: normal;
        padding: 0;
        text-align: center;
        font-weight: 600;
        font-size: 14px;
        position: relative;
        top: -1px;
        width: 22px;
        height: 26px
    }

    #top #currency .list-inline > li.active .currency-select {
        color: #fff
    }
}

@media (max-width: 991px) {
    #currency-box .list-inline .current > b {
        font-size: 18px
    }

    .header-top {
        height: auto;
        margin-bottom: 20px
    }

    #top .dropdown-menu {
        left: 6px
    }

    #header-content {
        padding-bottom: 5px
    }

    #top #currency-box .header .carets {
        top: 0;
        left: -1px
    }

    #top #currency-box .dropdown-menu {
        min-width: 72px;
        width: auto;
        top: 96%
    }

    #top #currency-box .dropdown-menu .list-inline .active {
        display: none
    }
}

@media (max-width: 767px) {
    #cart {
        display: none
    }

    #header-content {
        padding-bottom: 0
    }
}

@media (max-width: 700px) {
    #header-content {
        padding-top: 10px !important
    }
}

@media (min-width: 1400px) {
    #top-links .header {
        display: none
    }
}

#top-links .header {
    display: none;
    color: #fff
}

#top-links .list {
    overflow: hidden;
    height: 50px;
    width: auto;
    transition: .5s
}

#top-links .list.invisible {
    transition: .5s;
    opacity: 0
}

#top-links.open > ul {
    display: block;
    padding: 10px 0;
    border-radius: 1px;
    min-width: 215px;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
    position: absolute;
    left: 0;
    top: 95%;
    z-index: 995;
    background: #fff;
    border: 1px solid #e7e7e7
}

#top-links.open > ul:before, #top-links.open > ul:after {
    left: 16px;
    border: 8px solid transparent;
    position: absolute
}

#top-links.open > ul:before {
    content: '';
    top: -16px;
    border-bottom: 8px solid #e7e7e7
}

#top-links.open > ul:after {
    content: '';
    top: -14px;
    position: absolute;
    border-bottom: 8px solid #fff
}

#top-links.open > ul li {
    display: block;
    padding-left: 1px;
    padding-right: 1px;
    line-height: 1.5
}

#top-links.open > ul li a {
    line-height: 1.25;
    text-decoration: none;
    display: block;
    padding: 4px 4px 4px 15px;
    font-size: 13px
}

#top-links.open > ul li a:hover {
    text-decoration: none;
    background-color: #f1f2f4
}

@media (max-width: 991px) {
    #top-links .header {
        display: inline-block;
        color: #fff
    }
}

#top-menu-2 {
    margin-top: 31px;
    box-shadow: inset 0 0 16px rgba(136, 136, 136, 0.37);
    margin-left: -20px;
    margin-right: -20px
}

#top-menu-2 ul {
    padding: 12px;
    list-style: none
}

#top-menu-2 ul li a:hover {
    color: #606162
}

#city-box {
    min-height: 97px;
    position: relative;
    top: 6px;
    display: none;
    align-items: center;
    justify-content: center;
    color: #341e12
}

#city-box .header span {
    font-size: 18px;
    display: block;
    padding-bottom: 0;
    margin-left: 5px;
    cursor: pointer
}

#city-box .header span:last-child {
    width: 42px;
    border-bottom: 1px dashed #e6e6e6
}

#city-box .dropdown-menu {
    left: 119px;
    background-color: #fce9ae;
    box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.18);
    padding: 10px 15px;
    top: 79%;
    width: 440px
}

#city-box .dropdown-menu::before {
    border: 10px solid transparent;
    border-bottom: 10px solid #fce9ae;
    left: 16px;
    top: -19px
}

#city-box .dropdown-menu::after {
    border-bottom: 0
}

#city-box .dropdown-menu .dropdown-title {
    font-size: 18px;
    font-weight: bolder;
    margin-top: 10px
}

#city-box .dropdown-menu .dropdown-title a {
    color: #2e5495;
    text-decoration: underline;
    cursor: pointer
}

#city-box .dropdown-menu .dropdown-title a:hover {
    text-decoration: none
}

#city-box .dropdown-menu .dropdown-title .button {
    transition: .1s ease opacity;
    border: 1px solid #429c00;
    background: -moz-linear-gradient(top, #33a912 0, #098002 100%);
    background-image: -ms-linear-gradient(top, #33a912, #098002);
    background: -webkit-linear-gradient(top, #33a912, #098002);
    background: linear-gradient(to bottom, #33a912, #098002);
    color: white;
    font-size: 12px;
    font-weight: bolder;
    padding: 8px 15px;
    line-height: 1;
    border-radius: 3px;
    margin-left: 10px;
    box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.3)
}

#city-box .dropdown-menu .dropdown-title .button:hover {
    opacity: .9
}

#city-box .dropdown-menu .dropdown-inner #city-list {
    list-style: none;
    margin-top: 18px;
    margin-bottom: 18px
}

#city-box .dropdown-menu .dropdown-inner #city-list li {
    display: inline-block;
    font-size: 15px;
    opacity: .9;
    margin-right: 25px;
    cursor: pointer;
    line-height: 20px
}

#city-box .dropdown-menu .dropdown-inner #city-list li:hover {
    opacity: 1
}

#city-box .dropdown-menu .dropdown-inner #city-list li a {
    text-decoration: underline;
    color: #474849
}

#city-box .dropdown-menu .dropdown-inner #city-list li a:hover {
    text-decoration: none
}

#city-box .dropdown-menu .dropdown-inner #city-input .title {
    margin-bottom: 2px;
    color: #2e5495;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.2
}

#city-box .dropdown-menu .dropdown-inner #city-input input[type=text] {
    width: 100%;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.3;
    border: 1px solid #ccc;
    border-radius: 3px
}

#city-box .dropdown-menu .dropdown-inner #city-input .bottom {
    font-size: 10px;
    line-height: 1.2;
    margin-top: 6px;
    opacity: .9
}

@media (max-width: 1399px) {
    #city-box {
        width: 170px
    }

    #city-box .dropdown-menu {
        left: 37px
    }
}

@media (max-width: 1199px) {
    #city-box {
        margin-right: 10px
    }

    #city-box .dropdown-menu {
        left: 37px
    }
}

#top_icons_box > a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 3px 0 3px 3px;
    position: relative;
    margin-right: 5px;
    line-height: 1.4
}

#top_icons_box > a > span {
    text-shadow: none;
    text-decoration: none;
    background: #fff;
    color: #341e12;
    border-radius: 0;
    padding: 0;
    font-weight: 600;
    position: absolute;
    top: -5px;
    left: 19px;
    font-size: 10px;
    height: 13px;
    width: 16px;
    line-height: 12px;
    text-align: center
}

#top_icons_box > a i {
    font-size: 18px;
    text-shadow: none;
    text-decoration: none
}

#top_icons_box > a b {
    font-weight: normal
}

#top_icons_box > a b em {
    font-style: normal
}

@media (min-width: 992px) {
    #top_icons_box #unistor-cart-total {
        display: none
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    #unistor-cart-total {
        display: none !important
    }
}

@media (max-width: 767px) {
    #top #top-links2 .fa {
        font-size: 18px;
        position: relative;
        top: 2px
    }

    #top-links {
        top: 2px
    }
}

@media (max-width: 400px) {
    #top #top-links2 {
        margin-left: 5px
    }
}

#top-phones {
    position: relative;
    top: 8px;
    left: -15px;
    height: 97px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    text-align: right
}

#top-phones ul {
    padding: 5px;
    border-radius: 5px;
    text-align: right
}

@media screen and (min-width: 1200px) {
    #top-phones ul {
        position: relative;
        padding-right: 180px
    }
}

#top-phones ul a {
    color: #333;
    line-height: 20px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 900
}

#top-phones ul li {
    line-height: 1.7;
    font-weight: 600;
    color: #000;
    font-size: 16px
}

#top-phones ul li i {
    position: relative;
    top: 2px;
    margin-right: 12px
}

#top-phones ul .callback {
    color: #a43e16;
    font-size: 14px;
    text-decoration: dotted;
    border-bottom: 1px dotted;
    font-weight: 400
}

@media screen and (min-width: 1200px) {
    #top-phones ul .callback {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        padding: 10px 15px;
        padding-left: 40px;
        color: #fff;
        font-size: 12px;
        line-height: 20px;
        font-weight: normal;
        background: #a33d16 url(../image/design/icon-call.png) no-repeat 12px center;
        text-decoration: none
    }
}

#top-phones ul .callback:hover {
    background: #ca987b url(../image/design/icon-call.png) no-repeat 12px center
}

#top-logo {
    position: relative;
    height: 90px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start
}

#top-logo h1, #top-logo h2, #top-logo h3 {
    margin: 0
}

#top-logo a {
    font-size: 32px;
    color: #000
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header-top {
        height: auto
    }

    #top-logo {
        top: 8px;
        margin-right: 0;
        justify-content: flex-start
    }
}

#city-box {
    margin-right: 0
}

.worktime {
    display: inline-flex;
    position: relative;
    top: 6px;
    height: 97px;
    align-items: center;
    justify-content: center;
    line-height: 1.25;
    text-align: left;
    font-size: 14px;
    color: #341e12
}

.worktime span span {
    color: #a33d16;
    font-weight: 900
}

.worktime span p {
    opacity: .8;
    font-size: 14px;
    margin: 0
}

.worktime i {
    position: relative;
    font-size: 42px;
    margin-right: 10px;
    color: #ececec
}

.worktime i:before {
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    background: url(../image/design/icon-time.png) no-repeat center
}

#top-search {
    position: relative;
    margin-bottom: 10px;
    margin-top: 10px;
    top: -20px;
    left: 0;
    display: flex;
    width: 100%
}

#top-search #search {
    width: 100%
}

#top-search #search .search-panel .category-button {
    padding: 0 22px;
    position: relative;
    z-index: 5;
    height: 42px;
    background: #fff;
    border: 1px solid #a33d16;
    color: #a33d16;
    border-radius: 0
}

#top-search #search .search-panel .category-button > i {
    color: #a33d16
}

#top-search #search .search-panel .form-control {
    height: 42px;
    box-shadow: none
}

#top-search #search .search-panel .form-control:focus {
    border-top: 1px solid #a33d16;
    border-bottom: 1px solid #a33d16
}

#top-search #search .search-panel .dropdown-menu {
    min-width: 211px;
    border-radius: 0;
    border: 1px solid #ef532b;
    position: absolute;
    top: 96%
}

#top-search #search .input-group-addon, #top-search #search .input-group-btn {
    vertical-align: top
}

#top-search .input-lg {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: none;
    border-width: 2px;
    height: 50px;
    line-height: 1.2;
    padding: 5px 10px;
    font-size: 14px
}

#top-search .input-lg:focus {
    border-color: #a33d16
}

#top-search .btn-lg {
    font-size: 0;
    width: 90px;
    height: 42px;
    border: 0;
    padding: 8px 0 0 0;
    text-shadow: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: #a33d16;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center
}

#top-search .btn-lg h6 {
    color: #fff
}

#top-search .btn-lg:hover {
    background: #341e12
}

#top-search .btn-lg i {
    display: block;
    height: 100%;
    width: 100%;
    background: url(../image/search-btn-bg.png) center center no-repeat
}

#top-search .btn-lg i:before {
    content: "";
    display: none
}

@media (min-width: 481px) and (max-width: 767px) {
    #top-search .input-group-btn {
        top: 0
    }
}

#top-links2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 10px;
    background: #ca987b
}

#top-links2:hover {
    background: #a33d16
}

#top-links2:hover a {
    color: #fff
}

#top-links2 a {
    display: flex;
    align-items: center;
    color: #341e12
}

#top-links2 .fa-user {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    padding: 8px 0 0;
    text-align: center;
    color: #e6e6e6;
    background: #fff;
    border-radius: 50%
}

#top-links2 .fa-user:before {
    display: inline-block;
    content: '';
    width: 14px;
    height: 13px;
    background: url(../image/design/icon-user.png) no-repeat center
}

#top-links2 .dropdown-menu {
    left: auto
}

#top-links2 .dropdown-menu:before, #top-links2 .dropdown-menu:after {
    left: auto;
    right: 10px
}

#logged-box a {
    color: #341e12
}

#logged-box .dropdown i {
    color: #341e12
}

#logged-box .dropdown .fa-user {
    margin-right: 10px;
    color: #e6e6e6;
    background: #fff;
    padding: 6px 8px;
    border-radius: 50%
}

#logged-box .dropdown > ul {
    padding: 10px 0 7px;
    top: 96%;
    right: -3px
}

#logged-box .dropdown > ul:before, #logged-box .dropdown > ul:after {
    right: 15px
}

#logged-box .dropdown > ul li {
    padding-left: 1px;
    padding-right: 1px;
    line-height: 1.5
}

#logged-box .dropdown > ul li a {
    color: #341e12;
    padding: 4px 14px 4px 15px;
    line-height: 1.25;
    font-size: 13px
}

#logged-box .dropdown > ul li a:hover {
    text-decoration: none;
    background-color: #f1f2f4
}

#logged-box .dropdown > ul li.separate {
    border-top: 1px solid #edecee;
    margin: 5px 1px
}

#logged-box > .dropdown > a {
    text-decoration: none
}

#cart {
    margin: 0;
    width: 185px;
    position: relative;
    top: 8px;
    left: 110px;
    height: 80px
}

#cart > .btn {
    padding: 0 10px;
    text-align: left;
    background: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    position: relative;
    overflow: hidden
}

#cart > .btn > i {
    color: #fff;
    width: 60px;
    height: 60px;
    background: #a33d16;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 40px;
    position: relative;
    z-index: 5
}

#cart > .btn > i:hover {
    background: #ca987b
}

#cart > .btn > i:before {
    content: '';
    width: 26px;
    height: 24px;
    background: url(../image/design/icon-cart.png) no-repeat center
}

#cart.open > .btn {
    box-shadow: none
}

#cart .fa-cc-visa {
    display: none;
    font-size: 27px;
    position: absolute;
    right: 18px;
    top: 11px;
    text-shadow: none
}

#cart .fa-cc-mastercard {
    display: none;
    font-size: 27px;
    position: absolute;
    right: 18px;
    top: 45px;
    text-shadow: none
}

#cart .dropdown-menu {
    background: #fff;
    z-index: 1001;
    padding: 0;
    border-radius: 0;
    border: 1px solid #351f12;
    margin-top: 5px;
    -webkit-box-shadow: 0 0 5px #ececec;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    min-width: 100%;
    font-size: 13px
}

#cart .dropdown-menu::before {
    width: 20px;
    content: '';
    top: -11px;
    right: 30%;
    position: absolute;
    height: 20px;
    background: #fff;
    transform: rotate(45deg);
    border-left: 1px solid #351f12;
    border-top: 1px solid #351f12
}

#cart .dropdown-menu > li .cart-basket-item {
    display: flex;
    border-bottom: 2px dotted #ececec;
    padding: 5px
}

#cart .dropdown-menu > li .cart-basket-item .cart-basket_image {
    width: 20%
}

#cart .dropdown-menu > li .cart-basket-item .cart-basket_info {
    width: 80%;
    padding: 10px
}

#cart .dropdown-menu > li .cart-basket-item .cart-basket_info .cart-basket_title {
    font-size: 15px;
    margin-bottom: 15px
}

#cart .dropdown-menu > li .cart-basket-item .cart-basket_info .cart-basket_title a {
    color: #000
}

#cart .dropdown-menu > li .cart-basket-item .cart-basket_info .cart-basket_title a:hover {
    color: #000
}

#cart .dropdown-menu > li .cart-basket-item .cart-basket_info .cart-basket_price-list {
    padding-right: 25px;
    font-size: 16px;
    display: flex;
    justify-content: space-between
}

#cart .dropdown-menu > li .cart-basket-item .cart-basket_info .cart-basket_price-list .cart-basket_total-price {
    font-weight: bold
}

#cart .dropdown-menu > li .cart-basket-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 25px
}

#cart .dropdown-menu > li .cart-basket-buttons > .cart {
    background: #dedede;
    padding: 13px 17px;
    font-weight: bold;
    color: #4e4e4e;
    border-radius: 3px;
    font-size: 15px
}

#cart .dropdown-menu > li .cart-basket-buttons > .checkout {
    background: #a33d16;
    padding: 13px 17px;
    font-weight: bold;
    color: #fff;
    border-radius: 3px;
    font-size: 15px
}

#cart .dropdown-menu > li .cart-basket-buttons > .checkout:hover {
    background: #341e12;
    color: #fff
}

#cart .dropdown-menu li > div {
    min-width: 460px
}

#cart .dropdown-menu li p {
    margin: 20px 0
}

#cart .dropdown-menu .img-thumbnail {
    padding: 2px 0
}

#cart .dropdown-menu .text-danger {
    width: 30px
}

#cart .dropdown-menu .btn-danger {
    padding: 0 5px;
    box-shadow: 0 1px 0 #d20202
}

@media (max-width: 991px) {
    #top_icons_box a span {
        top: 28px
    }

    #cart .dropdown-menu::before {
        right: 58px
    }

    #logged-box > .dropdown > a i {
        font-size: 18px;
        position: relative;
        top: 2px;
        border-radius: 51%;
        padding: 2px 5px;
        background-color: lightyellow
    }

    #logged-box > .dropdown > a .carets {
        display: none
    }

    #logged-box > .dropdown > ul:before, #logged-box > .dropdown > ul:after {
        right: 11px;
        display: block
    }
}

#cart-total {
    position: relative;
    top: -22px;
    line-height: 1.25;
    left: 0;
    text-shadow: none;
    font-size: 18px;
    text-align: left
}

#cart-total b {
    position: relative;
    top: -6px;
    font-size: 14px;
    font-weight: 300;
    text-transform: lowercase;
    color: #a33d16
}

#cart-total b.cb2 i {
    display: none;
    font-style: normal
}

#cart-total b.cb2 i:first-child {
    display: inline
}

#cart-total em {
    font-style: normal;
    opacity: .6;
    font-size: 11px;
    position: relative;
    top: -4px
}

#cart-total span {
    font-weight: bolder
}

#cart-total span.csp2 {
    position: relative;
    color: #341e12;
    font-size: 14px;
    line-height: 36px;
    top: -8px;
    left: 60px;
    width: 110px;
    display: inline-flex;
    height: 30px;
    border-top: 1px solid #a33d16;
    align-items: center;
    justify-content: center;
    z-index: 1
}

#cart-total small {
    margin-right: 5px;
    position: relative;
    top: -6px;
    border-radius: 51%;
    width: 22px;
    height: 22px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding-top: 2px;
    color: #a33d16
}

#cart-total a {
    display: none;
    font-size: 12px;
    border-bottom: 1px dashed #351f12;
    color: #351f12;
    position: relative;
    top: -1px;
    line-height: 1
}

#cart-total a:hover {
    border-bottom-color: transparent
}

@media (max-width: 479px) {
    #cart .dropdown-menu li > div {
        min-width: 100%
    }
}

@media (min-width: 992px) and (max-width: 1399px) {
    #top-callback {
        top: -5px;
        left: 240px
    }

    .callback .btn {
        display: inline-block;
        margin-bottom: 4px
    }

    #top-search .worktime {
        display: inline
    }

    #top-search .worktime b + br {
        display: none
    }

    #top-phones {
        padding: 0 6px 1px 1px
    }

    #top-search {
        position: relative;
        margin-bottom: 10px;
        margin-top: 10px;
        left: 0;
        width: 100%
    }

    #top-search .btn-lg, #top-search .input-lg {
        height: 42px
    }

    .worktime {
        top: 0;
        justify-content: flex-start;
        left: 0;
        min-width: 220px
    }

    #cart {
        left: 0;
        flex-grow: 1;
        width: auto;
        display: flex;
        justify-content: flex-end
    }

    #cart > .btn {
        flex-grow: 0;
        width: auto
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #top-callback {
        top: -5px;
        left: 215px
    }

    .callback .btn {
        margin-bottom: 4px
    }

    #top-phones {
        left: 20px;
        top: 17px
    }

    .worktime {
        left: -20px
    }

    #cart {
        left: auto;
        position: absolute;
        width: 262px;
        right: 28px;
        top: 28px
    }

    #cart-total span.csp2 {
        font-size: 14px
    }

    #cart-total .cb1 {
        font-size: 17px
    }

    #cart > .btn {
        padding-left: 70px
    }

    .worktime {
        margin-left: 15px
    }
}

@media (max-width: 991px) {
    .main-vertical-menu {
        display: none
    }

    .side-brands {
        margin-left: 0;
        top: 20px
    }

    .side-slideshow {
        top: 20px;
        margin-bottom: 50px;
        margin-left: 0
    }

    #logged-box .dropdown > ul {
        padding: 10px 0 7px;
        top: 96%;
        right: -3px
    }

    #logged-box .dropdown > ul:before, #logged-box .dropdown > ul:after {
        right: 15px
    }

    #logged-box .dropdown > ul li {
        padding-left: 1px;
        padding-right: 1px;
        line-height: 1.5
    }

    #logged-box .dropdown > ul li a {
        color: #341e12;
        padding: 4px 14px 4px 15px;
        line-height: 1.25;
        font-size: 13px
    }

    #logged-box .dropdown > ul li a:hover {
        text-decoration: none;
        background-color: #f1f2f4
    }

    #logged-box .dropdown > ul li.separate {
        border-top: 1px solid #edecee;
        margin: 5px 1px
    }

    #top-search {
        margin-bottom: 0;
        margin-top: 0;
        position: relative;
        top: -27px;
        left: 0;
        width: 100%
    }
}

@media (max-width: 991px) and (min-width: 601px) {
    #unistor-cart-total {
        display: none
    }
}

@media (max-width: 991px) {
    .header-top {
        display: flex;
        align-items: center;
        justify-content: center
    }

    #top-links .header {
        text-transform: capitalize
    }

    #top-links2 {
        margin-left: 20px
    }

    #cart-total > small {
        width: 21px;
        height: 21px;
        font-size: 15px;
        padding-top: 1px
    }

    #cart-total a {
        display: none
    }

    .br-firefox #cart-total small {
        top: -3px;
        left: -14px
    }

    body.user-logged #top .language ul {
        margin-right: 40px
    }

    #top .language ul {
        margin-right: 15px
    }

    #header-content {
        height: calc(100% + 20px)
    }

    #top-logo {
        height: 115px;
        position: relative;
        top: 5px;
        left: 0;
        text-align: center;
        padding: 0 15px
    }

    #top-logo .list-inline {
        display: none
    }

    #top-phones {
        position: relative;
        width: 25%;
        top: auto;
        padding-bottom: 0;
        z-index: 8;
        left: 0;
        margin: 0 auto
    }

    #top-phones ul {
        margin: 0 auto;
        width: 170px;
        padding: 5px;
        border-radius: 5px
    }

    #top-phones ul li, #top-phones ul a {
        font-size: 14px
    }

    #top-callback {
        position: relative;
        top: 10px;
        left: 0;
        float: left;
        margin-left: 15px;
        z-index: 6
    }

    .search-column {
        display: block;
        width: 100%;
        padding: 0 15px
    }

    #city-box {
        display: inline-flex;
        flex-direction: column;
        top: -44px;
        min-height: 26px;
        align-items: flex-start;
        justify-content: space-between;
        width: 258px;
        height: 78px
    }

    #city-box .header span:last-child {
        border-bottom: 0;
        width: 130px;
        font-size: 14px
    }

    #city-box .header span:last-child b {
        border-bottom: 1px dashed #e6e6e6
    }

    .worktime {
        font-size: 14px
    }

    .worktime i {
        font-size: 34px;
        margin-right: 5px
    }
}

@media (max-width: 1199px) {
    ul.phones a {
        color: #6f6f6f;
        font-size: 14px;
        line-height: 16px
    }
}

@media (max-width: 767px) {
    #logged-box > .dropdown > a i {
        background-color: transparent
    }

    #logged-box > .dropdown > a .carets {
        display: inline-block
    }

    .common-home #content {
        padding: 0 20px
    }

    #top-phones {
        left: 0
    }

    #top-links .header {
        font-size: 0;
        position: relative
    }

    #top-links .header > * {
        display: none;
        font-size: 0
    }

    #top-links .header > i:first-child {
        display: inline-block
    }

    #top-links.open > ul {
        top: 80%;
        left: -7px
    }

    #top-links.open > ul:before, #top-links.open > ul:after {
        left: 11px
    }

    #top #top-links .header > i.carets {
        display: inline-block;
        font-size: 14px;
        position: relative;
        top: -1px;
        left: 4px
    }
}

@media (max-width: 750px) {
    #cart {
        right: 50px
    }

    #top .language ul {
        margin-right: 38px
    }

    #top .language ul li a {
        padding-left: 2px;
        padding-right: 2px
    }
}

@media (max-width: 699px) {
    .header-top {
        justify-content: flex-start
    }

    #city-box {
        display: none
    }

    #top-logo {
        position: relative;
        left: 20px;
        top: -10px
    }

    .worktime {
        display: none
    }

    #top .container {
        padding-left: 12px;
        padding-right: 12px
    }

    #top .language ul li a {
        padding-left: 1px;
        padding-right: 1px
    }

    #top-callback {
        display: none
    }

    #top-logo {
        text-align: left
    }

    #top-logo img {
        max-height: 92px;
        max-width: 245px
    }

    #top-phones {
        padding: 12px 12px 10px 5px
    }

    #top-phones .header strong {
        font-size: 15px
    }

    #top-phones .header li a {
        font-size: 21px
    }

    #city-box {
        margin-right: 5px
    }
}

@media (max-width: 600px) {
    #city-box {
        width: 20px;
        margin-left: 5px;
        margin-right: 18px
    }

    #city-box .header span {
        display: none
    }

    #city-box .dropdown-menu {
        top: 80%;
        left: -20px
    }

    #city-box .dropdown-menu:before {
        left: 17px
    }
}

@media (max-width: 480px) and (max-width: 529px) {
    #top-logo img {
        max-width: 208px
    }
}

@media (max-width: 479px) {
    #top-logo {
        text-align: center
    }

    #top-logo img {
        max-height: 100px;
        max-width: 100%
    }

    #city-box .dropdown-menu {
        width: 430px
    }
}

@media (max-width: 991px) {
    .worktime {
        padding: 0;
        top: auto;
        left: auto
    }

    #cart {
        right: 0;
        position: relative;
        left: auto;
        top: -14px;
        width: 135px
    }

    #cart > .btn {
        display: inline-flex;
        flex-direction: column;
        align-items: center
    }

    #cart > .btn > i {
        margin-bottom: 10px;
        width: 60px;
        height: 58px;
        font-size: 28px
    }

    #cart #cart-total {
        text-align: center;
        top: 0
    }

    #cart #cart-total .csp2 {
        position: relative;
        top: 0;
        left: 0
    }

    #top .language .header {
        margin-right: 35px
    }

    #top .language .header .carets {
        left: 1px;
        top: 0
    }

    #top .language > ul li a > span {
        text-transform: uppercase
    }

    #top .language.open > ul {
        display: flex;
        padding: 5px 10px;
        border-radius: 1px;
        width: 41px;
        height: auto;
        box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
        position: absolute;
        left: -1px;
        top: 97%;
        z-index: 997;
        background: #fff;
        border: 1px solid #e7e7e7;
        flex-direction: column;
        align-items: center;
        justify-content: space-around
    }

    #top .language.open > ul:before, #top .language.open > ul:after {
        left: 11px;
        border: 8px solid transparent;
        position: absolute
    }

    #top .language.open > ul:before {
        content: '';
        top: -16px;
        border-bottom: 8px solid #e7e7e7
    }

    #top .language.open > ul:after {
        content: '';
        top: -14px;
        border-bottom: 8px solid #fff
    }

    #top .language.open > ul li {
        display: flex
    }

    #top .language.open > ul li a {
        font-size: 13px;
        padding-bottom: 0;
        padding-top: 0;
        text-transform: capitalize;
        text-transform: uppercase
    }

    #top .language.open > ul li a span {
        padding-left: 3px;
        display: inline
    }

    #top .language.open > ul li.active {
        display: none
    }
}

@media (min-width: 992px) and (max-width: 1399px) {
    #top-phones .header strong {
        font-size: 12px
    }
}

@media (max-width: 699px) and (min-width: 481px) {
    #top-logo {
        text-align: center
    }

    #cart * {
        display: none
    }

    #top-phones {
        top: auto;
        left: auto;
        right: 10px;
        width: 200px;
        position: absolute
    }

    #top-phones > ul > li {
        font-size: 18px
    }

    #top-phones > ul > li a {
        font-size: 18px
    }
}

@media (max-width: 480px) {
    .header-top {
        flex-direction: column
    }

    #cart * {
        display: none
    }

    #top-logo {
        left: 0;
        width: 100%;
        text-align: center
    }

    #top-phones {
        left: auto;
        right: 0;
        width: 100%;
        position: relative
    }

    #top-phones ul {
        width: 100%
    }

    #top-phones ul > li {
        text-align: center;
        font-size: 18px
    }

    #top-phones ul > li > a {
        font-size: 18px
    }
}

.fa.carets {
    position: relative;
    top: 1px;
    left: 0;
    transition: .2s transform ease
}

.open .fa.carets {
    transform: rotate(-180deg)
}

#top-phones_mobile {
    display: none;
    list-style: none;
    padding: 10px;
    margin: 15px 15px 10px;
    background: #fce9ae;
    border-radius: 5px;
    text-align: center;
    color: #111
}

#top-phones_mobile .top-text {
    font-size: 18px
}

#top-phones_mobile .top-text i {
    display: none
}

#top-phones_mobile .main {
    font-size: 24px;
    font-weight: bold;
    padding: 3px
}

#top-phones_mobile li {
    font-size: 18px
}

#top-phones_mobile li a {
    color: #111
}

@media (max-width: 479px) {
    #top-phones_mobile {
        display: block
    }
}

@media (max-width: 399px) {
    #top-phones_mobile li {
        font-size: 16px
    }

    #top .language .header {
        margin-right: 15px
    }
}

#top-links a:hover, #top-links2 .dropdown-menu a:hover {
    color: #fff
}

#top_icons_box a:hover i {
    color: #ca987b
}

#top_icons_box a:hover i.fa-exchange:before {
    background: url(../image/design/icon-compare-hover.png) no-repeat center
}

@media (min-width: 992px) {
    #top_icons_box a {
        font-size: 14px;
        line-height: 1.4;
        margin-right: 10px
    }

    #top_icons_box a i, #top_icons_box a em {
        font-size: 14px
    }
}

@media (max-width: 991px) {
    .main-vertical-menu {
        display: none
    }

    .side-brands {
        margin-left: 0 !important;
        top: 20px !important
    }

    .side-slideshow {
        top: 20px !important;
        margin-bottom: 50px !important;
        margin-left: 0 !important
    }

    .side-slideshow .slideshow-container .owl-wrapper-outer {
        height: auto !important
    }
}

@media (max-width: 992px) {
    #top-links {
        cursor: pointer
    }

    #top-links .header {
        cursor: pointer
    }

    #top-links .header > i {
        margin-right: 5px
    }

    #top-links .header-dropdown-title {
        font-size: 14px;
        margin: 0 5px
    }
}

.dropdown-main-menu {
    border-top: 1px solid #e6e6e6;
    width: 100%;
    cursor: pointer;
    transition: .3s;
    list-style: none;
    background: #fff;
    padding: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
    z-index: 1000;
    background: #5a341f;
    margin: 0
}

.dropdown-main-menu::before {
    display: none !important
}

.dropdown-main-menu #top-links2 {
    margin: 20px 0;
    padding: 0 30px 0 40px;
    background: #ececec
}

.dropdown-main-menu #top-links2 a span {
    color: #341e12 !important
}

.dropdown-main-menu .panel-group {
    margin-bottom: 0
}

.dropdown-main-menu .panel-group a, .dropdown-main-menu .panel-group span, .dropdown-main-menu .panel-group li {
    color: #fff !important;
    text-decoration: none !important
}

.dropdown-main-menu .panel-group a:hover, .dropdown-main-menu .panel-group span:hover, .dropdown-main-menu .panel-group li:hover {
    color: #fff !important;
    text-decoration: none !important
}

.dropdown-main-menu .panel-group .panel {
    border: none !important;
    border-radius: 0;
    box-shadow: none;
    background: #5a341f
}

.dropdown-main-menu .panel-group .panel .panel-heading {
    background: #5a341f
}

.dropdown-main-menu .panel-group .panel .panel-heading .panel-title a, .dropdown-main-menu .panel-group .panel .panel-heading .panel-title span, .dropdown-main-menu .panel-group .panel .panel-heading .panel-title li {
    color: #fff;
    text-decoration: none
}

.dropdown-main-menu .panel-group .panel .panel-heading .panel-title a:hover, .dropdown-main-menu .panel-group .panel .panel-heading .panel-title span:hover, .dropdown-main-menu .panel-group .panel .panel-heading .panel-title li:hover {
    color: #fff;
    text-decoration: none
}

.dropdown-main-menu .panel-group .panel-collapse .panel-body {
    background: #804a2c
}

.dropdown-main-menu .panel-group .panel-collapse .panel-body .dropdown-list {
    background: #804a2c
}

.dropdown-main-menu .dropdown-item {
    line-height: 2.8;
    padding: 0 0 0 10px;
    font-size: 14px
}

.dropdown-main-menu:before {
    background: inherit;
    content: '';
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    top: -6px;
    left: 170px;
    transform: rotate(46deg);
    box-shadow: -1px -1px 1px 0 #c3c3c3
}

.dropdown-open {
    transition: .3s;
    opacity: 1
}

.dropdown-open::before {
    display: none !important
}

#collapseDropdownMenu {
    width: 100%;
    background: #efeded;
    padding: 0 7px;
    white-space: nowrap
}

#collapseDropdownMenu .panel-body > li {
    line-height: 1
}

#collapseDropdownMenu .panel-body > li > a {
    font-size: 13px
}

@media (min-width: 991px) {
    .compact-top-links {
        display: none !important
    }

    .compact-top-links.show {
        display: inline-flex !important
    }

    .compact-top-links.show .header {
        display: flex !important;
        align-items: center
    }

    .compact-top-links.show .header .fa {
        font-size: 26px !important
    }

    .main-top-links.hide {
        display: none !important
    }
}

@media (max-width: 991px) {
    .main-top-links {
        display: none !important
    }

    .dropdown-open::before {
        display: none !important
    }

    #collapseDropdownMenu {
        width: 100%
    }
}

@media (max-width: 767px) {
    #top-logo {
        margin-right: 0
    }

    .dropdown-open {
        width: 100%;
        left: 0
    }

    .dropdown-open::before {
        display: none !important
    }

    #collapseDropdownMenu {
        width: 100%
    }

    #top-links2 {
        height: 50px
    }
}

@media (max-width: 767px) and (min-width: 700px) {
    .worktime {
        left: -15px
    }

    #top-phones {
        width: 24%
    }

    #city-box {
        width: 33%
    }
}

footer {
    margin-top: 20px;
    padding-top: 30px;
    background-color: #351f12;
    color: #fbbf81
}

footer .subscribe-footer .subscribe-par {
    opacity: .8;
    margin-bottom: 10px;
    color: #fbbf81
}

footer .subscribe-footer .input-group {
    display: flex;
    margin-bottom: 20px
}

footer .subscribe-footer .input-group #subscribe {
    height: 42px;
    background: 0;
    border: 1px solid #696666;
    color: #fff
}

footer .subscribe-footer .input-group #subscribe:focus {
    border: 1px solid #a33d16;
    outline: 0
}

footer .subscribe-footer .submit-btn {
    position: relative;
    transition: .5s;
    background: #a33d16;
    padding: 5px 20px;
    border: 0;
    height: 42px;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 21px
}

footer .subscribe-footer .submit-btn:hover {
    background: #341e12
}

footer .payment-title {
    opacity: .8
}

footer .footer-middle a {
    opacity: .8;
    color: #fbbf81
}

footer .footer-middle a:hover {
    opacity: 1;
    color: #fbbf81
}

footer span {
    text-transform: uppercase;
    color: #fbbf81;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px
}

footer .row {
    margin-right: 0;
    margin-left: 0
}

footer .footer-bottom {
    padding: 15px 0;
    background: #351f12;
    color: #fbbf81;
    font-weight: normal
}

footer .footer-bottom hr {
    opacity: .6;
    color: #fbbf81
}

footer .footer-bottom .col-sm-6 {
    padding: 0
}

footer .footer-bottom a {
    opacity: .8;
    color: #fbbf81
}

footer .footer-bottom a:hover {
    opacity: 1;
    color: #fbbf81
}

footer .payment-title {
    color: white
}

.footer-middle .container > div:first-child .eshop-info {
    text-indent: 5px;
    vertical-align: middle;
    opacity: .8
}

.footer-middle .container > div:first-child .eshop-info > span {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #dc7307;
    padding-bottom: 10px;
    width: 80%
}

.footer-middle .container > div:first-child .eshop-info p {
    font-weight: bold;
    display: flex;
    position: relative;
    top: 7px
}

.footer-middle .container > div:first-child .eshop-info .fa {
    opacity: 1;
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 30px
}

.footer-middle .container > div:first-child .eshop-info .fa-mobile {
    font-size: 53px;
    height: 50px
}

.footer-middle .container > div:first-child .eshop-info .fa-envelope {
    font-size: 25px;
    height: 30px
}

.footer-middle .container > div:first-child .eshop-info .fa-map-marker {
    font-size: 34px;
    height: 30px
}

.footer-top {
    margin-bottom: 10px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footer-middle .container > div:first-child .eshop-info > span {
        width: 90%
    }

    .footer-middle h5 {
        font-size: 14px
    }

    .footer-middle .container > div {
        padding-right: 5px
    }

    .footer-middle .container > div + div {
        padding-left: 5px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-list-info {
        width: 50%;
        min-height: 245px
    }
}

.footer-list-info {
    color: #fbbf81
}

.footer-list-info .fa {
    margin-right: 10px
}

@media (min-width: 768px) and (max-width: 839px) {
    .footer-middle h5 {
        font-size: 13px
    }
}

@media (min-width: 768px) {
    .footer-middle .container > div {
        font-size: 14px;
        line-height: 1.25
    }

    .footer-middle h5 + ul li {
        font-size: 14px;
        padding-bottom: 5px
    }

    .footer-middle span .fa {
        display: none
    }
}

@media (max-width: 767px) {
    .footer-middle .container > div:first-child .eshop-info > span {
        width: 240px
    }

    .footer-middle .container > div:first-child h5 .fa {
        display: none
    }

    footer {
        padding-top: 20px
    }

    footer .footer-top .container > div {
        text-align: left;
        margin-bottom: 10px
    }

    footer .footer-middle .container > div {
        display: block;
        width: 99%;
        float: none;
        margin-bottom: 12px;
        font-size: 14px
    }

    footer .footer-middle h5 {
        font-size: 17px;
        cursor: pointer
    }

    footer .footer-middle h5 .fa {
        font-size: 18px;
        transition: all .2s;
        font-weight: bold;
        position: relative;
        top: 1px
    }

    footer .footer-middle h5.active .fa {
        transform: rotate(-180deg)
    }

    footer .footer-middle h5 + ul {
        display: none;
        margin-bottom: 15px
    }

    footer .footer-middle h5 + ul li {
        font-size: 15px;
        padding-bottom: 5px
    }
}

.navbar {
    height: auto;
    min-height: auto
}

.main-menu {
    height: 52px;
    margin: 0;
    /*margin-bottom: 20px*/
}

#menu {
    border: 0
}

#menu .navbar-collapse {
    background: #351f12;
    margin: 0;
    position: relative;
    overflow: hidden;
    z-index: 120
}

#menu .navbar-collapse + .in {
    background: #351f12;
    margin: 0;
    z-index: 40;
    position: relative;
    overflow: hidden
}

#menu .nav > li {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    font-family: 'Open Sans', Helvetica, sans-serif
}

#menu .nav > li:last-child {
    border-right: 0
}

#menu .nav > li + li {
    border-left: 1px solid rgba(245, 245, 245, 0.28)
}

#menu .nav > li > a {
    height: 52px;
    padding: 0 25px;
    text-align: center;
    font-size: 15px;
    vertical-align: middle;
    background-color: transparent;
    -webkit-transition: .3s ease-out all;
    -o-transition: .3s ease-out all;
    transition: .3s ease-out all;
    display: flex;
    color: #351f12;
    align-items: center
}

#menu .nav > li > a.right .item-name {
    order: 1
}

#menu .nav > li > a.right .ico-nav {
    margin-left: 25px;
    order: 2
}

#menu .nav > li > a.left .item-name {
    order: 2
}

#menu .nav > li > a.left .ico-nav {
    margin-right: 25px;
    order: 1
}

#menu .nav > li > a.top {
    flex-direction: column
}

#menu .nav > li > a.top .item-name {
    order: 2
}

#menu .nav > li > a.top .ico-nav {
    order: 1
}

#menu .nav > li > a.bottom {
    flex-direction: column
}

#menu .nav > li > a.bottom .item-name {
    order: 1
}

#menu .nav > li > a.bottom .ico-nav {
    order: 2
}

#menu .nav > li > a:hover {
    background: #4d2d1a
}

#menu .nav > li > a img {
    height: 34px;
    width: auto
}

#menu .nav > li.open > a {
    color: #351f12;
    box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.15)
}

#menu .nav > li.dropdown > a:after {
    content: '\f0d7';
    font-family: FontAwesome, serif;
    position: absolute;
    right: 6px
}

#menu .dropdown-menu {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1000;
    padding: 10px 0;
    display: none;
    float: left;
    min-width: 100%;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0;
    border: 1px solid #351f12;
    box-shadow: 0 0 5px #ececec
}

#menu .vertical-menu .dropdown-menu {
    padding-left: 10px
}

#menu .dropdown-inner a {
    min-width: 100px;
    display: block;
    padding: 10px 20px;
    clear: both;
    line-height: 1.3;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 14px;
    transition: .1s ease-in-out;
    color: #351f12
}

#menu .dropdown-inner a img {
    height: 14px;
    width: auto
}

#menu .dropdown-inner a:before {
    content: '';
    display: inline-block;
    border-radius: 50%;
    height: 9px;
    width: 9px;
    background: #eceeef;
    margin-right: 7px;
    border: solid 2px #fff;
    transition: .3s ease-in-out
}

#menu .dropdown-inner a:hover {
    color: #fbbf81;
    background-color: #fff
}

#menu .dropdown-inner li a:hover:before {
    height: 10px;
    width: 10px;
    margin-right: 6px;
    border: solid 0 #fff
}

#menu .mega .dropdown-inner a:before {
    content: '';
    display: none;
    border-radius: 50%;
    height: 9px;
    width: 9px;
    background: #eceeef;
    margin-right: 7px;
    border: solid 2px #fff;
    transition: .3s ease-in-out;
    position: absolute;
    left: 6px;
    top: 10px
}

#menu .see-all {
    display: block;
    margin-top: .5em;
    border-top: 1px solid rgba(187, 187, 187, 0.28);
    padding: 4px 20px;
    font-size: 14px;
    white-space: nowrap
}

#menu .see-all:hover, #menu .see-all:focus {
    text-decoration: none;
    color: #fff
}

#menu #category {
    float: left;
    font-weight: 700
}

#menu .btn-navbar {
    font-size: 13px;
    border: 0
}

.dropdown .dropdown-menu {
    border: 1px solid #e7e7e7;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15)
}

.dropdown .dropdown-menu:before {
    content: '';
    top: -16px;
    left: 7px;
    position: absolute;
    border: 8px solid transparent;
    border-bottom: 8px solid #e7e7e7
}

.dropdown .dropdown-menu:after {
    content: '';
    top: -14px;
    left: 7px;
    position: absolute;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff
}

@media (min-width: 768px) {
    #menu .gorizontal-menu:hover .dropdown-menu {
        display: block
    }

    #menu .vertical-menu:hover .dropdown-menu {
        display: flex
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .border-right {
        width: 100%
    }
}

@media (max-width: 767px) {
    #menu {
        border-radius: 4px
    }

    #menu div.dropdown-inner {
        display: block
    }

    #menu div.dropdown-inner > ul.list-unstyled {
        display: block
    }

    #menu div.dropdown-menu {
        margin-left: 0;
        padding-bottom: 10px
    }

    #menu .see-all {
        margin-top: 0;
        border: 0;
        border-radius: 0;
        color: #fff
    }

    #menu .dropdown-menu {
        margin: 0
    }

    #menu .dropdown.open .dropdown-menu {
        position: relative;
        float: none;
        display: block;
        border: 0;
        border-radius: 0;
        box-shadow: none
    }
}

li.dropdown.mega {
    position: relative
}

#menu .dropdown-menu.mega {
    width: auto;
    margin-left: 0
}

#menu .dropdown-menu.mega .menu-group ul.list-unstyled a {
    color: #351f12;
    text-transform: none
}

#menu .dropdown-menu.mega .menu-group .list-unstyled a:hover {
    color: #fbbf81
}

.dropdown-menu.mega .menu-group {
    display: block;
    position: relative
}

.dropdown-menu.mega .menu-group a {
    text-transform: inherit
}

.dropdown-menu.mega .menu-group > a:after {
    content: "\f105";
    font-family: FontAwesome, serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 14px;
    position: absolute;
    right: 20px;
    top: 45%;
    margin-top: -8px
}

.dropdown-menu.mega .menu-group ul.list-unstyled {
    min-height: 15px
}

.dropdown-menu.mega .menu-group ul.list-unstyled li {
    position: relative
}

.dropdown-menu.mega .menu-group ul.list-unstyled li:hover .popup-menu {
    position: absolute;
    left: 100%;
    top: 0;
    display: block;
    background: white;
    z-index: 6;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15);
    border: 1px solid #351f12;
    border-left: 0
}

.dropdown-menu.mega .menu-group:hover ul.list-unstyled {
    position: absolute;
    left: 100%;
    top: -10px;
    display: block;
    background: #fff;
    z-index: 7;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15);
    border: 1px solid #351f12;
    padding: 0
}

.dropdown-menu.mega .menu-group .popup-menu ul.list-unstyled {
    min-height: inherit
}

#menu .dropdown-menu.mega .menu-group ul.list-unstyled a.has-popup-menu:after {
    color: inherit
}

li.dropdown.mega:hover > a:before {
    content: '';
    bottom: -7px;
    left: 25px;
    position: absolute;
    border: 6px solid transparent;
    border-bottom-color: #4a99e2
}

.dropdown .dropdown-menu.mega:before {
    content: '';
    top: -14px;
    left: 35px;
    position: absolute;
    border: 0
}

.popup-menu {
    display: none
}

@media (max-width: 767px) {
    #menu .dropdown-menu.mega div.dropdown-inner > ul.list-unstyled {
        width: 100%;
        background: #fff
    }

    #menu .nav > li > a {
        display: block;
        text-align: left
    }

    #menu .nav > li > a br {
        display: none
    }

    li.dropdown.mega:hover > a:before {
        display: none
    }

    li.dropdown.mega.open:hover > a:before {
        display: none;
        bottom: 2px
    }
}

@media (min-width: 1200px) and (max-width: 1345px) {
    .container #menu .nav > li > a {
        padding: 0 20px;
        font-size: 14px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .main-menu .container #menu .nav > li > a {
        padding: 0 20px;
        font-size: 13px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-menu .container #menu .nav > li > a {
        padding: 0 11px;
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .main-menu {
        height: 47px
    }

    .main-menu .container {
        width: 100%;
        padding: 0
    }

    .main-menu .container #menu .navbar-header {
        padding: 0 12px
    }

    .main-menu .container #menu .navbar-collapse {
        top: -2px
    }
}

.navbar-toggle {
    float: left;
    margin-left: 0;
    margin-right: 0
}

#menu #category {
    padding-right: 15px;
    padding-left: 8px;
    font-size: 21px;
    cursor: pointer;
    line-height: 46px
}

#menu .btn-navbar {
    color: #fbbf81;
    box-shadow: none
}

#menu .btn-navbar .fa {
    font-size: 21px
}

#menu .dropdown-menu {
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15);
    border-top: 0
}

#menu .dropdown .dropdown-menu:after {
    content: '';
    top: -6px;
    left: 0;
    position: absolute;
    height: 10px;
    width: 100%;
    border: 0
}

#menu li.dropdown.mega:hover > a:before {
    left: 50%;
    margin-left: -6px
}

.dropdown-menu.mega .menu-group ul.list-unstyled {
    display: none
}

@media (max-width: 767px) {
    #menu .nav > li, #menu .nav > li + li {
        border-left: 0;
        border-right: 0;
        display: block;
        max-width: 100%;
        width: 100%
    }

    #menu .nav > li > a {
        font-size: 18px;
        max-width: 100%;
        width: 100%
    }

    #menu .nav > li.dropdown > a:after {
        right: 20px
    }

    #menu .dropdown-menu > .dropdown-inner > ul > li {
        width: 45%;
        margin-left: 4%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 10px
    }

    .dropdown-menu.mega .menu-group ul.list-unstyled {
        min-height: 20px;
        display: block
    }

    .dropdown-menu.mega .menu-group:hover ul.list-unstyled, .dropdown-menu.mega .menu-group ul.list-unstyled li:hover .popup-menu {
        position: relative;
        left: 0;
        top: 0;
        background: transparent;
        z-index: 1;
        box-shadow: none;
        border: 0;
        padding: 0
    }

    #menu .dropdown-menu .dropdown-inner .menu-group > a, #menu .dropdown-menu > .dropdown-inner > ul > li > a {
        font-size: 18px;
        margin-top: 5px;
        margin-bottom: 8px
    }

    #menu .dropdown-menu.mega .dropdown-inner .menu-group > a:after, #menu .dropdown-menu.mega .menu-group a.has-popup-menu:after {
        display: none
    }

    #menu .popup-menu {
        border: 0;
        display: block;
        opacity: .85;
        padding-left: 15px
    }

    #menu li.dropdown.mega:hover > a:before {
        border-bottom: 6px solid transparent
    }

    #menu ul .dropdown-menu {
        top: 1px
    }

    #menu #category {
        color: #fbbf81
    }

    .dropdown .dropdown-menu:before, #menu .dropdown-inner a:before {
        display: none
    }
}

@media (max-width: 699px) {
    #menu .dropdown-menu > .dropdown-inner > ul > li {
        width: 91%;
        margin-left: 5%;
        margin-bottom: 10px
    }
}

@media (min-width: 768px) {
    li.dropdown.vertical-menu {
        position: static
    }

    li.vertical-menu {
        position: relative
    }

    #menu li.dropdown.vertical-menu .dropdown-menu {
        min-width: 100px;
        max-width: 100%
    }

    li.dropdown.vertical-menu .menu-group {
        display: inline-block;
        margin: 0 10px 15px;
        vertical-align: top
    }

    #menu li.dropdown.vertical-menu .menu-group > a, #menu li.dropdown.vertical-menu .menu-alone > a {
        font-size: 16px
    }

    #menu li.dropdown.vertical-menu .menu-group > a:hover, #menu li.dropdown.vertical-menu .menu-alone > a:hover {
        color: #fbbf81;
        background: #fff
    }

    #menu .dropdown-menu .vertical-menu.menu-alone {
        display: inline-block;
        vertical-align: top
    }

    #menu .vertical-menu.popup-wraper {
        display: inline-block
    }

    #menu .popup-wraper:hover > .popup-menu {
        position: absolute;
        top: 0;
        left: 100%;
        background: #fff;
        display: block;
        z-index: 5
    }

    #menu .vertical-menu.popup-wraper > a.has-popup-menu:after {
        content: "\f105";
        font-family: FontAwesome, serif;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        font-size: 14px;
        position: absolute;
        right: 2px;
        top: 3px
    }

    #menu .dropdown .dropdown-menu:before {
        display: none
    }

    #menu .dropdown-inner a:before {
        display: none
    }

    #menu li.dropdown:hover > a:before {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 50%;
        margin-left: -6px;
        border: 6px solid transparent;
        border-bottom: 6px solid #fff
    }

    #menu .gorizontal-menu .dropdown-menu .vertical-menu.menu-alone {
        display: block;
        margin-left: 0
    }

    body #menu .icons-pos-top .dropdown-menu, body #menu .icons-pos-left .dropdown-menu, body #menu .icons-pos-bottom .dropdown-menu, body #menu .icons-pos-right .dropdown-menu {
        top: 52px
    }

    body #menu li.dropdown.icons-pos-top:hover > a:before, body #menu li.dropdown.icons-pos-left:hover > a:before, body #menu li.dropdown.icons-pos-bottom:hover > a:before, body #menu li.dropdown.icons-pos-right:hover > a:before {
        bottom: -1px
    }
}

.icons-pos-top span.ico-nav > img {
    margin-left: 5px
}

#menu .icons-pos-top a.menu-image-link {
    padding: 0 20px 1px
}

.icons-pos-left > a span.ico-nav {
    position: relative;
    top: 1px
}

.icons-pos-left > a span.ico-nav + span {
    vertical-align: middle
}

#menu .icons-pos-left a.menu-image-link {
    padding: 5px 20px
}

.icons-pos-left span.ico-nav > img {
    margin-right: 6px
}

.icons-pos-right > a span.ico-nav {
    position: relative;
    top: 1px
}

.icons-pos-right > a span.ico-nav + span {
    vertical-align: middle
}

.icons-pos-right span.ico-nav > img {
    margin-left: 5px
}

#menu .icons-pos-right a.menu-image-link {
    padding: 5px 20px
}

#menu .icons-pos-bottom a.menu-image-link {
    padding: 5px 20px
}

.icons-pos-bottom span.ico-nav > img {
    width: auto;
    display: block;
    margin: 5px auto 0
}

span.ico-nav-child > img {
    margin-left: -18px;
    position: relative
}

span.ico-first-child > img, span.ico-second-child > img {
    margin-right: 0
}

@media (min-width: 768px) {
    #menu .nav > li.dropdown.icons-pos-left > a:after, #menu .nav > li.dropdown.icons-pos-top > a:after, #menu .nav > li.dropdown.icons-pos-right > a:after {
        position: relative;
        right: -6px;
        top: 1px
    }

    #menu .nav > li.dropdown.icons-pos-bottom > a:after {
        top: 40%
    }
}

@media (max-width: 767px) {
    #menu .nav > li > a {
        line-height: 42px;
        height: 52px
    }
}

.menu_container_width .main-menu {
    background: 0
}

.menu_container_width .main-menu .container {
    background: #351f12
}

.menu_full_width .main-menu {
    background: #351f12
}

#menu .see-all:hover, #menu .see-all:focus, .btn-primary, .btn-warning, .product-thumb:hover .button-group button, header .btn-default:hover, .panel-body .trackbar-scale div, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #351f12
}

#menu .nav > li > a {
    color: #fbbf81
}

#menu .nav > li > a:hover {
    color: #fbbf81;
}

.menu_full_width .main-menu {
    border-bottom: 0
}

#menu .dropdown-menu {
    top: 53px
}

#menu .btn-navbar {
    background-color: transparent
}

#menu .nav > li > a {
    font-weight: 700
}

.dropdown-menu.mega .menu-group ul.list-unstyled li {
    margin: 10px 0 0 0
}

.side-brands {
    margin-left: 24.8%
}

.side-slideshow {
    margin-left: 340px
}

.main-vertical-menu {
    position: relative;
    margin-top: 45px;
    z-index: 60
}

.main-vertical-menu .main-menu-top {
    display: flex;
    height: 42px
}

.main-vertical-menu .main-menu-top .main-menu-title {
    cursor: pointer
}

.main-vertical-menu .main-menu-top .main-menu-title h4 {
    border: 1px solid #eee;
    border-bottom: 0;
    background: #351f12;
    color: #fbbf81;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    text-transform: uppercase
}

.main-vertical-menu .main-menu-top .main-menu-title i {
    margin: 2px 15px 0 0
}

.main-vertical-menu .main-menu-category {
    margin-bottom: 20px
}

.main-vertical-menu .main-menu-category_list {
    border: 1px solid #eee;
    border-top: 0;
    padding-top: 15px;
    height: 516px;
    width: 310px;
    position: absolute;
    display: none;
    background: #fff;
    z-index: 10
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 10px
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .item-line {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    border-bottom: 1px solid #c37b50
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .item-line i {
    float: right;
    color: #351f12;
    opacity: 1
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .item-line > a {
    padding: 10px 5px;
    color: #351f12;
    display: flex;
    align-items: center;
    width: 100%
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .item-line > a .item-name {
    width: auto
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .item-line > a .ico-nav {
    order: 2
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .item-line > a.right {
    justify-content: space-between
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .item-line > a.right .item-name {
    order: 1
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .item-line > a.left .item-name {
    order: 3
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .item-line > a.left .ico-nav {
    margin-right: 25px
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .item-line > a.top {
    flex-direction: column
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .item-line > a.top .item-name {
    order: 3
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .item-line > a.bottom {
    flex-direction: column
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item:hover .sub-menu-list {
    display: flex;
    margin-right: 5px;
    flex-wrap: wrap
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item:hover {
    color: #fbbf81;
    background: #fff
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item:hover a, .main-vertical-menu .main-menu-category_list .main-menu-category_item:hover i {
    color: #fbbf81
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .sub-menu-list {
    display: none;
    background: #fff;
    top: 0;
    left: 100%;
    position: absolute;
    width: 1019px;
    padding: 25px;
    min-height: 516px
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .sub-menu-list > .sub-child-menu-item {
    width: 25%
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .sub-menu-list > .sub-child-menu-item > a {
    color: #351f12;
    width: 100%;
    margin-bottom: 10px;
    padding-right: 10px
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .sub-menu-list > .sub-child-menu-item > a:hover {
    color: #fbbf81;
    background: #fff
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .sub-menu-list > .sub-child-menu-item .show-more-link {
    cursor: pointer;
    font-size: 13px;
    white-space: nowrap;
    border-bottom: 1px dotted;
    display: inline-flex;
    margin-bottom: 20px
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .sub-menu-list > .sub-child-menu-item .show-more-link:hover {
    font-weight: bold;
    color: #351f12;
    background: 0
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .sub-menu-list .sub-child-menu-item {
    margin-bottom: 20px
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .sub-menu-list .sub-child-menu-item > a {
    width: 100%;
    align-items: center;
    padding: 5px;
    font-weight: bold
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .sub-menu-list .sub-child2-menu-item {
    display: block
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .sub-menu-list .sub-child2-menu-item > a {
    display: flex;
    align-items: center;
    padding: 5px;
    margin: -10px 0 10px;
    color: #351f12
}

.main-vertical-menu .main-menu-category_list .main-menu-category_item > .sub-menu-list .sub-child2-menu-item > a:hover {
    color: #fbbf81;
    background: #fff
}

.main-vertical-menu .main-menu-category .open {
    display: block
}

.main-vertical-menu .main-menu-search {
    position: relative
}

.main-vertical-menu .main-menu-search .col-lg-12 {
    padding: 0
}

.main-vertical-menu .main-menu-search #top-search {
    top: -24px !important
}

.main-vertical-menu .main-menu-search .input-lg {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: none;
    border-width: 2px;
    height: 50px;
    line-height: 1.2;
    padding: 5px 10px;
    font-size: 14px;
    width: 90%
}

.main-vertical-menu .main-menu-search .input-lg:focus {
    border-color: #a33d16
}

.main-vertical-menu .main-menu-search .btn-lg {
    width: 60px;
    height: 50px;
    border: 0;
    padding: 0;
    text-shadow: 0 1px 0 #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: #a33d16;
    box-shadow: none
}

.main-vertical-menu .main-menu-search .btn-lg:hover {
    background: #341e12
}

@media (max-width: 1399px) {
    .main-menu-title {
        padding-right: 0
    }

    .side-slideshow {
        position: relative;
        margin-left: 292px
    }

    .main-vertical-menu .main-menu-category_list {
        width: 277px;
        height: 445px
    }

    .main-vertical-menu .main-menu-category_list .main-menu-category_item .sub-menu-list {
        min-height: 445px;
        width: 863px
    }

    .main-vertical-menu .main-menu-category_list .main-menu-category_item > a {
        width: 258px
    }
}

@media (max-width: 1199px) {
    .main-vertical-menu .main-menu-category_list {
        width: 227px;
        height: 442px
    }

    .main-vertical-menu .main-menu-category_list .main-menu-category_item .sub-menu-list {
        min-height: 370px;
        width: 713px
    }

    .main-vertical-menu .main-menu-category_list .main-menu-category_item .sub-menu-list > div {
        width: 33.33333%
    }

    .main-vertical-menu .main-menu-category_list .main-menu-category_item > a {
        width: 207px
    }

    .side-slideshow .owl-wrapper {
        height: 323px
    }

    .side-slideshow .slideshow-container {
        width: 100%
    }

    .side-slideshow .slideshow-container .owl-wrapper-outer {
        height: 324px
    }

    .side-slideshow .col-xs-12.col-md-4 {
        display: none
    }
}

@media (max-width: 991px) {
    #menu .nav > li > a {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        height: auto;
        padding: 5px 20px !important
    }

    .side-slideshow .owl-wrapper {
        height: auto
    }

    .side-slideshow .slideshow-container {
        width: 100%
    }

    .side-slideshow .slideshow-container .owl-wrapper-outer {
        height: auto
    }
}

.navbar-nav .menu-image-link .ico-nav {
    display: flex;
    align-items: center;
    width: 35px;
    height: 34px;
    margin: 5px
}

.navbar-nav .menu-image-link .ico-nav > img {
    max-width: 100%;
    height: auto
}

.item-line .ico-nav {
    display: flex;
    align-items: center;
    width: 35px;
    height: 34px;
    margin: 5px
}

.item-line .ico-nav > img {
    max-width: 100%;
    height: auto
}

.main-vertical-menu-mobile {
    margin-bottom: 20px;
    height: 52px;
    background: #a33d16;
    z-index: 100
}

.main-vertical-menu-mobile .container {
    width: 100%;
    padding: 0
}

.main-vertical-menu-mobile .navbar-header-vertical {
    height: 52px;
    background: #351f12;
    color: #fbbf81
}

.main-vertical-menu-mobile .navbar-header-vertical .menu-button {
    width: 150px;
    display: flex;
    align-items: center;
    border: 0;
    height: 52px;
    color: #fbbf81;
    font-size: 24px;
    padding: 0 30px
}

.main-vertical-menu-mobile .navbar-header-vertical .menu-button > i {
    margin-right: 10px
}

.main-vertical-menu-mobile .navbar-header-vertical .menu-button:hover, .main-vertical-menu-mobile .navbar-header-vertical .menu-button:focus {
    color: #fbbf81;
    box-shadow: none;
    border: 0
}

.main-vertical-menu-mobile .mobile-menu-category {
    padding: 0;
    position: relative;
    z-index: 80;
    background: #351f12;
    border-bottom: 1px solid #351f12
}

.main-vertical-menu-mobile .mobile-menu-category .menu-image-link {
    cursor: pointer;
    font-size: 18px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fbbf81;
    padding: 5px 30px
}

.main-vertical-menu-mobile .mobile-menu-category .menu-image-link .item-line {
    padding: 5px 0;
    display: flex;
    width: 100%;
    align-items: center
}

.main-vertical-menu-mobile .mobile-menu-category .menu-image-link .item-line > a {
    color: #fbbf81
}

.main-vertical-menu-mobile .mobile-menu-category .menu-image-link .item-line.right span, .main-vertical-menu-mobile .mobile-menu-category .menu-image-link .item-line.right a {
    order: 1
}

.main-vertical-menu-mobile .mobile-menu-category .menu-image-link .item-line.right .ico-nav {
    order: 2
}

.main-vertical-menu-mobile .mobile-menu-category .menu-image-link .item-line.left span, .main-vertical-menu-mobile .mobile-menu-category .menu-image-link .item-line.left a {
    margin-right: 25px;
    order: 2
}

.main-vertical-menu-mobile .mobile-menu-category .menu-image-link .item-line.left .ico-nav {
    order: 1
}

.main-vertical-menu-mobile .mobile-menu-category .menu-image-link .item-line.top {
    align-items: flex-start;
    flex-direction: column
}

.main-vertical-menu-mobile .mobile-menu-category .menu-image-link .item-line.top span, .main-vertical-menu-mobile .mobile-menu-category .menu-image-link .item-line.top a {
    order: 2
}

.main-vertical-menu-mobile .mobile-menu-category .menu-image-link .item-line.top .ico-nav {
    order: 1
}

.main-vertical-menu-mobile .mobile-menu-category .menu-image-link .item-line.bottom {
    align-items: flex-start;
    flex-direction: column
}

.main-vertical-menu-mobile .mobile-menu-category .menu-image-link .item-line.bottom span, .main-vertical-menu-mobile .mobile-menu-category .menu-image-link .item-line.bottom a {
    order: 1
}

.main-vertical-menu-mobile .mobile-menu-category .menu-image-link .item-line.bottom .ico-nav {
    order: 2
}

.main-vertical-menu-mobile .mobile-menu-category .menu-image-link:hover {
    color: #fbbf81;
    background: #4d2d1a
}

.main-vertical-menu-mobile .mobile-menu-category .menu-image-link:hover a {
    color: #fbbf81;
    background: #4d2d1a
}

.main-vertical-menu-mobile .mobile-menu-category .mobile-menu-child-category {
    cursor: pointer;
    font-size: 16px;
    flex-direction: column;
    line-height: 1.5;
    background: #fff
}

.main-vertical-menu-mobile .mobile-menu-category .mobile-menu-child-category > a {
    cursor: pointer;
    font-size: 18px;
    color: #351f12;
    width: 100%;
    display: inline-block;
    padding: 10px 10px 10px 65px
}

.main-vertical-menu-mobile .mobile-menu-category .mobile-menu-child-category > a:hover {
    color: #fbbf81;
    background: #fff
}

.main-vertical-menu-mobile .mobile-menu-category .menu-image-sub-link {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 30px 10px 25px;
    font-size: 18px;
    color: #351f12
}

.main-vertical-menu-mobile .mobile-menu-category .menu-image-sub-link:hover {
    color: #fbbf81;
    background: #fff
}

.main-vertical-menu-mobile .mobile-menu-category .menu-image-sub-link:hover > a:hover {
    color: #fbbf81;
    background: #fff
}

.main-vertical-menu-mobile .mobile-menu-category .menu-image-sub-link > span {
    padding-left: 20px
}

.main-vertical-menu-mobile .mobile-menu-category .menu-image-sub-link > a {
    cursor: pointer;
    font-size: 18px;
    color: #351f12;
    width: 100%;
    display: inline-block;
    padding: 0 10px 0 20px
}

@media (max-width: 991px) {
    .main-vertical-menu-mobile {
        height: auto !important
    }
}

@media (max-width: 480px) {
    .main-vertical-menu-mobile .navbar-header-vertical .menu-button {
        font-size: 21px
    }

    .main-vertical-menu-mobile .mobile-menu-category .menu-image-link {
        font-size: 18px
    }

    .main-vertical-menu-mobile .mobile-menu-category .mobile-menu-child-category > .list-unstyled > .menu-group > a {
        font-size: 16px
    }
}

.alert {
    padding: 8px 14px 8px 14px
}

.alert {
    box-shadow: none;
    border-radius: 0
}

.breadcrumb {
    padding: 10px 10px 19px;
    margin-bottom: 40px;
    border: 1px solid #eee;
    border-left: 0;
    border-right: 0;
    font-style: normal;
    font-size: 13px;
    background: #fff;
    color: #474849
}

.breadcrumb a {
    padding-right: 15px;
    color: #a33d16;
    text-decoration: underline
}

.breadcrumb a:hover {
    text-decoration: none
}

.breadcrumb i {
    font-size: 15px
}

.breadcrumb i.fa-home {
    position: relative;
    top: 5px
}

.breadcrumb i.fa-home:before {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background: url(../image/design/icon-home.png) no-repeat center
}

.breadcrumb > li {
    text-shadow: none;
    padding: 0;
    position: relative
}

.breadcrumb > li + li {
    padding-left: 25px
}

.breadcrumb > li + li:before {
    position: absolute;
    content: '';
    left: 0;
    top: 5px;
    width: 6px;
    height: 6px;
    padding: 0;
    border: 1px solid #666;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg)
}

.pagination {
    margin: 0
}

.pagination.active span, .pagination li span, .pagination li a {
    margin-right: 5px;
    border-radius: 5px !important;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.29) !important
}

.buttons {
    margin: 1em 0
}

.btn {
    padding: 5px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.btn-xs {
    font-size: 9px
}

.btn-sm {
    font-size: 10.2px
}

.btn-lg {
    padding: 10px 16px;
    font-size: 15px
}

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: 12px
}

.btn-group > .btn-xs {
    font-size: 9px
}

.btn-group > .btn-sm {
    font-size: 10.2px
}

.btn-group > .btn-lg {
    font-size: 15px
}

.testimonial-users-container {
    margin-bottom: 10px;
    padding: 10px 10px 40px 10px;
    border: 1px solid #eee;
    background: #fff;
    line-height: 1.5
}

.cart-container {
    margin-bottom: 20px;
    padding: 0 10px 45px;
    background: #fff
}

.cart-container h1, .cart-container h2, .cart-container h3 {
    margin-top: 10px
}

.cart-container .panel-body {
    padding: 10px
}

.checkout-cart .error-container h1 {
    display: none
}

.checkout-cart .error-container p {
    margin: 20px 0;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 900;
    color: #d8d8d8;
    text-transform: uppercase;
    text-align: center
}

.checkout-cart .error-container p span {
    display: block;
    color: #333;
    font-size: 14px;
    text-transform: none;
    margin-top: 20px
}

.checkout-cart .error-container p i {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #d8d8d8;
    font-size: 20px;
    display: inline-block;
    padding: 4px;
    vertical-align: middle;
    margin-right: 10px
}

.cart-container {
    margin-bottom: 20px;
    padding: 40px 35px 45px;
    background: #fff;
    font-family: 'Roboto', sans-serif
}

.cart-container .alert {
    margin-left: -35px;
    margin-right: -35px
}

.cart-container h1 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 900;
    color: #333;
    text-transform: uppercase;
    text-align: center
}

.cart-container h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 24px
}

.cart-container p {
    font-family: 'Roboto', sans-serif
}

.cart-container .panel-body {
    padding: 10px
}

.cart-container .panel-group {
    width: 60%
}

@media screen and (max-width: 767px) {
    .cart-container .panel-group {
        width: 100%
    }
}

.cart-container .panel-group .panel {
    margin-bottom: 10px;
    border-radius: 0;
    box-shadow: none
}

.cart-container .panel-title {
    padding: 10px
}

.cart-container .panel-title a {
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
    font-weight: 400
}

.cart-container .panel-title a:hover, .cart-container .panel-title a:focus {
    text-decoration: none !important;
    color: #a33d16 !important
}

.cart-container .panel-title a:hover i, .cart-container .panel-title a:focus i {
    color: #a33d16
}

.cart-container .price-total-row {
    display: flex;
    justify-content: space-between;
    padding: 10px 0
}

.cart-container .price-total-row span {
    display: block;
    white-space: nowrap;
    font-weight: 400
}

.cart-container .price-total-row span.basket-total-price {
    font-weight: 900
}

.cart-container .price-total-row:last-child {
    border-top: 1px solid #e2e2e2
}

.cart-container .price-total-row:last-child span {
    font-weight: 900
}

.cart-container .buttons {
    margin-bottom: 0
}

.cart-container .buttons .btn {
    padding: 10px;
    font-weight: 900;
    font-size: 14px
}

.cart-container .buttons .btn-default {
    font-weight: 900;
    font-size: 14px;
    color: #2a77b9;
    text-decoration: underline;
    background: transparent
}

.cart-container .buttons .btn-default i {
    display: inline-block;
    margin-right: 10px
}

.cart-container .table-responsive {
    font-size: 14px;
    margin-left: -35px;
    margin-right: -35px;
    margin-bottom: 40px
}

@media screen and (max-width: 767px) {
    .cart-container .table-responsive {
        margin: 0
    }
}

.cart-container .table-responsive tr:nth-child(2n) {
    background: #f6f6f6;
    border-top: 1px solid #e2e2e2
}

.cart-container .table-responsive td {
    text-align: center !important;
    vertical-align: middle;
    border: 0;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #333;
    text-align: center
}

.cart-container .table-responsive td:nth-child(1), .cart-container .table-responsive td:nth-child(2) {
    padding-left: 30px;
    padding-right: 10px;
    text-align: left
}

@media screen and (max-width: 767px) {
    .cart-container .table-responsive td:nth-child(1):nth-child(1), .cart-container .table-responsive td:nth-child(2):nth-child(1), .cart-container .table-responsive td:nth-child(1):nth-child(2), .cart-container .table-responsive td:nth-child(2):nth-child(2) {
        padding-left: 10px
    }
}

.cart-container .table-responsive td:nth-child(1):hover, .cart-container .table-responsive td:nth-child(2):hover {
    text-decoration: none
}

.cart-container .table-responsive td:nth-child(1) a, .cart-container .table-responsive td:nth-child(2) a {
    line-height: 24px;
    font-weight: 500;
    color: #347dbc
}

.cart-container .table-responsive td:nth-child(1) a:hover, .cart-container .table-responsive td:nth-child(2) a:hover {
    text-decoration: underline
}

.cart-container .table-responsive td:nth-child(1) img {
    min-width: 134px;
    height: 105px;
    padding: 10px;
    border: 1px solid #c4c4c4
}

.cart-container .table-responsive td:nth-child(3) input {
    border: 1px solid #c4c4c4;
    border-radius: 0;
    box-shadow: none
}

.cart-container .table-responsive td:nth-child(3) .btn {
    padding: 0 10px;
    font-size: 20px
}

.cart-container .table-responsive td.basket-delete i {
    font-size: 21px
}

.cart-container .table-responsive td .btn {
    background: 0;
    color: #a8a8a8;
    box-shadow: none;
    text-shadow: none;
    border: 1px solid transparent
}

.cart-container .table-responsive td .btn:hover {
    box-shadow: none !important;
    border: 1px solid #c4c4c4
}

.cart-container .table-responsive thead {
    background: #a33d16
}

.cart-container .table-responsive thead td {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #fff
}

.category-container {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 4px;
    background: #fff
}

.category-container h1, .category-container h2, .category-container h3 {
    margin-top: 10px
}

.compare-container {
    margin: 0 5px 20px 0;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 4px;
    background: #fff
}

.compare-container h1, .compare-container h2, .compare-container h3 {
    margin-top: 10px
}

.title-category-three {
    margin-top: 10px;
    font-size: 22px
}

.category-block {
    padding: 4px;
    margin-bottom: 10px !important
}

.category-block .category-block-container {
    padding: 10px;
    border: 1px solid #eee;
    background: #fff;
    margin: 0 1px
}

.category-block .category-block-container .list-box {
    margin-top: 10px;
    min-height: 205px
}

.category-block .category-block-container .list-box > a {
    text-decoration: underline;
    color: #000
}

.category-block .category-block-container .list-box > ul > li {
    display: flex;
    align-items: center
}

.category-block .category-block-container .list-box > ul > li > i {
    margin-right: 10px
}

.category-block .category-block-container .list-box a {
    margin-left: 5px
}

.category-block .category-block-container .list-box a img {
    max-width: 399px
}

@media (max-width: 767px) and (min-width: 481px) {
    .category-block .category-block-container {
        width: 99.6%;
        height: 100% !important;
        display: flex
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .category-block-container {
        height: 530px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .category-block-container {
        height: 500px
    }
}

.box-content #nav-one a:hover {
    text-decoration: underline
}

.box-content #nav-one > li > a {
    padding: 10px 27px 10px 10px
}

.box-content #nav-one .level0 .icon {
    right: -7px
}

.box-content #nav-one .level1 > li {
    left: -18px
}

.box-content #nav-one .level1 .icon {
    right: -24px
}

@media (max-width: 992px) {
    .box-content #nav-one .level0 .icon {
        background-size: 30%
    }

    .box-content #nav-one .level1 > li {
        left: 7px
    }

    .box-content #nav-one .level1 .icon {
        background-size: 30%;
        right: 0
    }
}

.information-container {
    margin: 0;
    padding: 40px 30px;
    background: #fff;
    border: 0
}

.information-container .panel {
    background: transparent
}

.information-container a:hover {
    text-decoration: underline
}

.information-container .address h3 {
    padding: 20px 25px;
    margin-bottom: 0;
    background: #a33d16;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    text-transform: uppercase;
    border: 1px solid #a33d16
}

.information-container .address h3.collapsed, .information-container .address h3.head {
    background: transparent;
    border: 1px solid #cfcfcf;
    color: #333
}

.information-container .description {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 300
}

.information-container .description strong {
    font-weight: 900
}

.information-container .description .contact-block {
    position: relative;
    padding: 15px 0
}

.information-container .description .contact-block:not(:last-child):after {
    position: absolute;
    display: block;
    content: "";
    width: 50%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #dadada
}

.information-container .description .contact-block.mail a {
    color: #a33d16;
    text-decoration: underline
}

.information-container .description .contact-block.mail a:hover {
    text-decoration: none
}

.information-container .description .contact-block.time span {
    display: inline-block;
    padding-right: 15px
}

.information-container .description .contact-block.skype a {
    color: #2a77b9;
    text-decoration: underline
}

.information-container .description .contact-block.skype a:hover {
    text-decoration: none
}

.information-container .description .contact-block.phones a {
    color: #333
}

.information-container .description .contact-block.phones a:hover {
    color: #a33d16
}

.side-module {
    margin-bottom: 20px;
    background: #fff
}

.side-module h1, .side-module h2, .side-module h3 {
    display: block;
    margin-top: 10px
}

.module {
    margin: 25px 10px
}

.module > h1, .module h2, .module .header-header-h3 {
    text-align: center;
    display: block;
    color: #000;
    margin: 10px 0 20px;
    font-weight: bold;
    text-transform: uppercase
}

.module .carousel-title {
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0 20px;
    text-align: left
}

.module > .header-header-h3 {
    font-size: 23px
}

.module div > h1, .module div h2, .module div .header-header-h3 {
    color: #000
}

.module .carousel-title {
    margin-left: -15px
}

.module .show_more {
    position: relative;
    right: -30px
}

.manufacturer-container {
    margin-right: 5px;
    padding: 10px 10px 40px 10px;
    border: 1px solid #eee;
    border-radius: 4px;
    background: #fff
}

.manufacturer-container h1 {
    margin-top: 10px
}

.search-box, .brands-box {
    padding: 10px;
    border: 1px solid #eee;
    background: #fff
}

.search-box {
    margin-bottom: 20px
}

.empty-box {
    padding: 0 10px;
    border: 1px solid #eee;
    background: #fff
}

.about_us_main {
    margin: 0 -10px;
    padding: 10px;
    border: 1px solid #eee;
    background: #fff
}

@media (max-width: 1199px) and (min-width: 713px) {
    .about_us_main .readmore-js-section {
        height: 290px !important
    }
}

.carousel-caption {
    color: #fff;
    text-shadow: 0 1px 0 #000
}

.carousel-control .icon-prev:before {
    content: '\f053';
    font-family: FontAwesome, serif
}

.carousel-control .icon-next:before {
    content: '\f054';
    font-family: FontAwesome, serif
}

.carousel .owl-controls .owl-buttons a.btn:hover {
    color: #fff
}

.row-filters .control-label {
    position: relative;
    top: 8px
}

@media (max-width: 991px) {
    .row-filters .control-label {
        top: 4px
    }
}

.thumbnails {
    overflow: auto;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0 0 0 -20px
}

.thumbnails > li {
    margin-left: 20px
}

.thumbnails > img {
    width: 100%
}

.thumbnails .image-additional {
    float: left;
    margin-left: 10px;
    max-width: 50px
}

.image-additional {
    max-width: 78px
}

.image-additional a {
    margin-bottom: 20px;
    padding: 5px;
    display: block;
    border: 1px solid #ddd
}

@media (min-width: 1400px) {
    .container {
        width: 1358px
    }
}

@media (min-width: 1200px) {
    #content .col-lg-2:nth-child(6n+1), #content .col-lg-2:nth-child(6n+1), #content .col-lg-3:nth-child(4n+1), #content .col-lg-4:nth-child(3n+1), #content .col-lg-6:nth-child(2n+1) {
        clear: left
    }

    ul.phones a {
        color: #6f6f6f;
        font-size: 18px;
        line-height: 16px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #content .col-md-2:nth-child(6n+1), #content .col-md-2:nth-child(6n+1), #content .col-md-3:nth-child(4n+1), #content .col-md-4:nth-child(3n+1), #content .col-md-6:nth-child(2n+1) {
        clear: left
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #content .col-sm-2:nth-child(6n+1), #content .col-sm-2:nth-child(6n+1), #content .col-sm-3:nth-child(4n+1), #content .col-sm-4:nth-child(3n+1), #content .col-sm-6:nth-child(2n+1) {
        clear: left
    }

    .container {
        width: 95%
    }
}

.paginator {
    color: #000;
    margin-top: 10px;
    margin-bottom: 10px
}

.paginator .text-left {
    position: relative;
    top: -5px
}

.paginator li {
    color: #595959
}

.paginator li > a {
    color: #595959
}

.paginator li > span {
    color: #595959
}

@media (max-width: 991px) {
    .paginator > div {
        float: none;
        width: 100%;
        text-align: left
    }

    .paginator .text-left {
        position: relative;
        top: -6px
    }
}

#list-view .fa, #grid-view .fa, #table-view .fa {
    font-size: 16px;
    margin-top: 3px;
    background: transparent
}

#list-view, #grid-view, #table-view {
    background: #e2e2e2;
    color: #9b9b9b;
    border: 0;
    border-radius: 0;
    height: 33px;
    z-index: 1
}

#list-view.active, #grid-view.active, #table-view.active {
    background: 0;
    border: 1px solid #a33d16;
    box-shadow: none;
    color: #a33d16;
    height: 33px;
    z-index: 2
}

#list-view.active:hover, #grid-view.active:hover, #table-view.active:hover {
    z-index: 2
}

#list-view:hover, #grid-view:hover, #table-view:hover {
    box-shadow: none;
    z-index: 1
}

@media (min-width: 768px) {
    #column-left .product-layout .col-md-3 {
        width: 100%
    }

    #column-left + #content .product-layout .col-md-3 {
        width: 50%
    }

    #column-left + #content + #column-right .product-layout .col-md-3 {
        width: 100%
    }

    #content + #column-right .product-layout .col-md-3 {
        width: 100%
    }
}

#column-left .product-layout, #column-right .product-layout {
    width: 100%
}

.input-group .form-control[name^=quantity] {
    min-width: 50px
}

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-color: #df5c39
}

* {
    outline: 0
}

.form-control {
    display: block;
    width: 100%;
    height: 33px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    border: 1px solid #d2dae1;
    border-radius: 0;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #c6c8cc;
    box-shadow: inset 1px 1px 2px rgba(79, 98, 116, 0.18)
}

header .btn-default {
    color: #777;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-radius: 0
}

header .btn-default:hover {
    color: #fff
}

.form-control:focus {
    outline: 0
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0)
}

.modal {
    text-align: center;
    padding: 0 !important
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

@media (max-width: 767px) {
    .product-layout .image a.quickview.glyphicon {
        right: 40px;
        bottom: 60px;
        opacity: .7;
        visibility: visible
    }

    .product-layout .image a.quickview.glyphicon:hover {
        opacity: 1;
        right: 40px
    }

    .product-layout.product-table .image a.quickview.glyphicon {
        bottom: 17px;
        right: 17px;
        font-size: 18px
    }
}

#popup-quickview .thumbnails {
    margin-left: -30px
}

#popup-quickview .thumbnails .image-additional {
    position: relative;
    left: 30px
}

@media (max-width: 767px) {
    #content {
        padding-left: 15px;
        padding-right: 15px
    }

    #popup-quickview .thumbnails {
        margin-left: -20px
    }

    #popup-quickview .thumbnails .image-additional {
        left: 10px
    }
}

.modal {
    font-family: 'Roboto', sans-serif
}

.modal-header {
    position: relative;
    padding: 20px 35px;
    background: #a33d16
}

.modal-header .close {
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 35px;
    left: auto;
    width: 24px;
    height: 24px
}

.modal-header .close i {
    color: #fff
}

.modal-title {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 40px;
    font-weight: 900;
    text-transform: uppercase
}

.modal-title i {
    display: inline-block;
    padding: 10px;
    margin-right: 10px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .1);
    color: #fff;
    vertical-align: middle;
    font-size: 20px
}

.modal-body {
    padding: 30px 35px
}

.modal-body h4 {
    font-family: 'Roboto', sans-serif;
    margin-bottom: 10px
}

.modal-body .row {
    display: flex
}

@media screen and (max-width: 767px) {
    .modal-body .row {
        display: block
    }
}

.modal-body .row > div:not(:first-child) {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .modal-body .row > div:not(:first-child) {
        display: block
    }
}

.modal-body .row img {
    width: 100%;
    height: auto
}

.modal-footer {
    display: flex;
    justify-content: space-between;
    padding: 30px 35px;
    font-family: 'Roboto', sans-serif
}

.modal-footer:before, .modal-footer:after {
    display: none
}

.modal-footer .btn-primary {
    padding: 10px;
    font-weight: 900;
    font-size: 14px
}

.modal-footer .btn-default {
    font-weight: 900;
    font-size: 14px;
    color: #2a77b9;
    text-decoration: underline;
    background: transparent
}

.modal-footer .btn-default:hover {
    text-shadow: none;
    box-shadow: none;
    text-decoration: none
}

.modal-footer .btn-default i {
    display: inline-block;
    margin-right: 10px
}

.btn-default {
    color: #737373;
    background-color: #e4e4e4;
    text-shadow: 0 1px 0 #e8e8e8;
    box-shadow: none;
    border: 0;
    font-size: 13px
}

.btn-default:hover {
    color: #737373;
    background-color: #d0d0d0;
    text-shadow: 0 1px 0 #dadada;
    box-shadow: 0 2px 0 #b5b5b5
}

.btn-primary {
    color: #fff;
    border: 0;
    font-size: 13px
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .btn-primary.focus, .btn-primary:focus {
    color: #fff
}

.btn-warning {
    color: #fff;
    border: 0;
    font-size: 13px
}

.btn-warning:hover, .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover {
    color: #fff
}

.open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #fff
}

.btn-danger {
    color: #fff;
    background-color: rgba(245, 24, 24, 0.75);
    text-shadow: 0 1px 0 #c30505;
    box-shadow: 0 2px 0 #d20202;
    border: 0;
    font-size: 13px
}

.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    color: #fff;
    background-color: #ca4b48;
    border-color: #d51212;
    box-shadow: 0 2px 0 #bb0401 !important
}

.btn-success {
    color: #fff;
    border: 0;
    background: #c46662
}

.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    color: #fff;
    border: 0
}

.btn-info {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #df5c39;
    background: -moz-linear-gradient(top, #e06342 0, #dc512c 100%);
    background-image: -ms-linear-gradient(top, #e06342, #dc512c);
    background: -webkit-linear-gradient(top, #e06342, #dc512c);
    background: linear-gradient(to bottom, #e06342, #dc512c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e06342', endColorstr='#dc512c');
    border-color: #dc512c #dc512c #a2371a
}

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-color: #df5c39
}

.btn-link {
    color: #23a1d1;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
    cursor: pointer
}

.btn-link:active, .btn-link[disabled] {
    background: transparent
}

.btn-inverse {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    background: -moz-linear-gradient(top, #444 0, #222 100%);
    background-image: -ms-linear-gradient(top, #444, #222);
    background: -webkit-linear-gradient(top, #444, #222);
    background: linear-gradient(to bottom, #444, #222);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444', endColorstr='#222');
    border-color: #222 #222 #000
}

.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
    background-color: #222;
    background: -moz-linear-gradient(top, #333 0, #111 100%);
    background-image: -ms-linear-gradient(top, #333, #111);
    background: -webkit-linear-gradient(top, #333, #111);
    background: linear-gradient(to bottom, #333, #111);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#111')
}

@media (min-width: 1200px) {
    .account-wishlist #content table thead tr td:last-child {
        min-width: 92px
    }
}

@media (max-width: 1199px) {
    .account-wishlist #content .btn-primary {
        margin-bottom: 6px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .account-wishlist #content table td {
        font-size: 13px
    }
}

@media (max-width: 639px) {
    .account-wishlist #content table td {
        font-size: 13px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: #fff;
    border: 0;
    border-radius: 0
}

.subscribe {
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #fff;
    border: 1px solid #eee;
    position: relative;
    overflow: hidden;
    margin: 0 5px 20px
}

.subscribe .subscribe-group {
    display: flex;
    width: 43%
}

.subscribe .subscribe-title {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 26px;
    vertical-align: bottom;
    position: relative;
    z-index: 2
}

.subscribe input[type=submit] {
    transition: .3s ease-in-out;
    background: #a33d16;
    color: #fff;
    border-radius: 0 10px 10px 0;
    font-size: 16px;
    height: 42px;
    box-shadow: none;
    border: 0
}

.subscribe input[type=submit]:hover {
    transition: .3s ease-in-out;
    background: #341e12
}

.subscribe input[type=text] {
    transition: .3s ease-in-out;
    border-radius: 10px 0 0 10px;
    font-size: 16px;
    height: 42px;
    box-shadow: none;
    border: 2px solid #ececec
}

.subscribe input[type=text]:focus {
    transition: .3s ease-in-out;
    border-radius: 10px 0 0 10px;
    box-shadow: none;
    border: 2px solid #a33d16;
    outline: 0
}

@media (max-width: 1399px) {
    .subscribe .subscribe-group {
        width: 35%
    }
}

@media (max-width: 1199px) {
    .subscribe {
        flex-direction: column
    }

    .subscribe .subscribe-group {
        display: flex;
        width: 100%;
        position: relative;
        z-index: 3;
        margin-top: 10px
    }

    .subscribe:before {
        font-size: 195px;
        top: -13px
    }
}

.title {
    text-align: center;
    position: relative;
    margin-bottom: 10px
}

.title .title-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    position: relative;
    margin-bottom: 15px;
    z-index: 9
}

.title .title-inner > i {
    font-size: 30px;
    margin-right: 56px;
    padding-right: 10px;
    color: #d0d5d8;
    padding-left: 2px
}

.title .title-inner > span {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 22px;
    align-self: center;
    text-align: center;
    padding: 0 20px
}

.carousel .owl-controls .owl-buttons a.btn {
    color: #fff;
    background: #ccc;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 0 #a6a6a6;
    border: 0
}

.carousel .owl-controls .owl-buttons a.btn:hover {
    color: #fff;
    border: 0
}

.carousel .owl-controls .owl-buttons a.btn i {
    font-size: 14px
}

.carousel .owl-controls .owl-buttons .owl-next {
    right: 0;
    top: -33px;
    left: auto
}

.carousel .owl-controls .owl-buttons .owl-prev {
    top: -58px;
    right: 40px;
    left: auto
}

.carousel.owl-carousel {
    z-index: 10
}

.carousel.owl-carousel .owl-buttons div {
    opacity: 1
}

.carousel.owl-carousel:hover .owl-buttons div {
    opacity: 1
}

#carousel-tt .owl-wrapper-outer {
    border: 0
}

#carousel-tt .text-center {
    background: #f7f7f9;
    padding: 30px 20px
}

#carousel-tt .text-center .name {
    font-size: 16px;
    color: #e0928d
}

#carousel-tt .text-center .rating {
    text-align: center;
    padding: 8px 2px
}

.product-layout .news .image {
    position: relative;
    text-align: center
}

.product-layout .news .image img {
    display: inline-block
}

h1.product-titl {
    margin: 0 -15px;
    border-bottom: solid 1px #eceeef;
    padding: 15px 15px 15px 27px
}

@media (max-width: 991px) {
    h1.product-titl {
        font-size: 24px
    }
}

@media (max-width: 767px) {
    h1.product-titl {
        font-size: 26px;
        padding-left: 15px
    }
}

@media (max-width: 480px) {
    .alert .close {
        position: relative;
        top: -18px !important;
        left: 8px !important
    }

    h1.product-titl {
        font-size: 22px
    }
}

.bord-pr .product-pic {
    padding-top: 20px
}

.prewnext {
    height: 40px;
    margin: 0 1px
}

.prewnext a {
    padding: 6px 16px;
    border: 1px solid #eceeef;
    float: left;
    text-align: right;
    width: 49%;
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    color: #74748c;
    text-decoration: none;
    background: #f7f7f7;
    line-height: 28px
}

.prewnext a:hover {
    color: #e0928d
}

.prewnext a:before {
    content: "\f104";
    font-family: FontAwesome, serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    float: left;
    font-size: 22px
}

.prewnext a + a {
    float: right;
    text-align: left
}

.prewnext a + a:before {
    content: "\f105";
    font-family: FontAwesome, serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    float: right;
    font-size: 22px
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .prewnext a {
        font-size: 13px
    }

    .prewnext a:before, .prewnext a + a:before {
        font-size: 18px
    }
}

.panel-body .trackbar .trackbar-handler {
    border: 4px solid #351f12;
    background-color: #e0928d;
    box-shadow: none
}

.flixer {
    border-left: 1px solid #eceeef
}

.flixer .panel-body {
    border: 1px solid #eceeef
}

.border-right {
    padding: 20px 0 10px 0
}

@media (max-width: 767px) {
    .border-right > .col-sm-12 {
        padding-left: 0;
        padding-right: 0
    }
}

.fules button {
    width: 100%
}

.pluso-more {
    display: none !important
}

.bot-prod {
    border-top: 1px solid #eceeef;
    padding: 0 15px;
    margin: 0 -15px 0 -15px;
    clear: both
}

a.more {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    font-size: 12px;
    text-decoration: none
}

a.more i {
    padding-left: 5px
}

a.wis-com-post {
    padding: 10px 0;
    display: block;
    align-items: center;
    text-decoration: none;
    color: #a7b0b5;
    transition: .1s ease-in-out;
    margin-left: 25px;
    margin-right: 25px;
    float: left;
    width: auto;
    cursor: pointer;
    white-space: nowrap;
    font-size: 13px
}

a.wis-com-post i {
    display: inline-block;
    font-size: 20px;
    margin-right: 10px;
    float: left
}

a.wis-com-post:hover {
    text-decoration: none;
    color: #e0928d
}

.input-group-btn .btn {
    box-shadow: none !important
}

.checkout-bl {
    padding: 0 15px
}

.wrapps {
    padding: 15px;
    border: 1px solid #eceeef
}

.wrapps15 {
    padding: 15px;
    border: 1px solid #eceeef
}

.pagination > .active span {
    border: 0;
    box-shadow: inset 1px 1px 8px rgba(0, 0, 0, 0.12);
    background: #351f12;
    color: #fff
}

.pagination .active span:hover {
    background: #351f12
}

.pagination .active a, .pagination .active a:focus, .pagination .active a:hover, .pagination .active span, .pagination .active span:focus, .pagination .active span:hover {
    z-index: 2;
    color: #fff;
    cursor: default
}

.pagination li a, .pagination li span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857;
    text-decoration: none;
    background-color: #fff;
    color: #ef532b;
    border: 0
}

.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover {
    z-index: 1;
    background-color: #a43e16;
    color: #fff;
    border: 0
}

.top0 {
    margin-top: 0
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    background: #fff
}

.forgot-container {
    margin: 0 5px 20px 5px;
    min-height: 20px;
    padding: 19px;
    border: 1px solid #eee;
    border-radius: 4px;
    background: #fff
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    transition: all .2s ease-in-out
}

@media (max-width: 480px) {
    .title .title-inner > i {
        font-size: 22px;
        margin-right: 22px;
        padding-right: 10px;
        color: #d0d5d8;
        padding-left: 2px
    }

    .title .title-inner > span {
        text-transform: uppercase;
        font-size: 16px;
        line-height: 22px;
        align-self: center;
        text-align: center;
        padding: 0 9px
    }

    .owl-controls {
        display: none !important
    }

    .customNavigation {
        width: 50px !important;
        height: 25px;
        background: 0
    }

    .subscribe {
        flex-direction: column;
        text-align: center;
        padding: 5px
    }

    .subscribe > div {
        margin-bottom: 10px
    }

    .subscribe .subscribe-title {
        text-transform: uppercase;
        font-size: 16px;
        line-height: 19px;
        vertical-align: bottom
    }

    .tab-content > .tab-pane {
        padding: 0 15px
    }

    header .row .col-sm-3:first-child {
        padding-right: 0;
        padding-left: 0
    }

    ul.phones.list-inline > li {
        padding-bottom: 3px
    }
}

@media (max-width: 991px) {
    .subscribe {
        padding: 10px;
        text-align: center
    }

    .subscribe > div {
        margin-bottom: 10px
    }
}

.phone-life, .phone-vodafone, .phone-kyivstar {
    display: inline-block;
    height: 19px;
    width: 19px;
    float: left
}

.phone-life {
    height: 18px;
    width: 18px;
    margin-right: -4px
}

.phone-vodafone {
    margin-top: -2px
}

.phone-kyivstar {
    margin-top: -2px;
    margin-right: 3px
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(249, 249, 249, 0.3)
}

.actik img {
    float: left;
    padding-right: 10px;
    max-width: 50%;
    padding-bottom: 12px
}

a.moreLink {
    display: block;
    padding: 40px 0 0 0;
    z-index: 2;
    margin-top: -38px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    color: #a33d16;
    font-size: 15px;
    text-align: center;
    background: linear-gradient(to top, #fff 46%, rgba(125, 185, 232, 0) 100%);
    width: 100%
}

.moreLink span {
    position: relative;
    border-bottom: 1px dashed
}

.article-description {
    font-size: 14px !important
}

body iframe[name="google_conversion_frame"] {
    display: none
}

a.nonvisib {
    visibility: hidden
}

.item img.img-responsive {
    width: 100%
}

@media (min-width: 1300px) {
    .owl-wrapper-outer.respons-banner {
        height: 137px
    }
}

@media (min-width: 1200px) {
    .respons-banner {
        height: auto
    }
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none !important;
    outline-offset: inherit !important
}

header #search_main #search_close {
    top: 2px
}

header #search_main .search-item .image {
    margin-right: 16px
}

.flixer p[itemprop='model'] {
    text-align: left
}

.flixer #product .radio, .flixer #product .checkbox {
    margin-top: 2px;
    margin-bottom: 3px
}

.flixer .panel-default ul {
    padding-left: 20px
}

.flixer .panel-default ol {
    padding-left: 17px
}

.popup-gallery .img-thumbnail {
    margin: 0 12px 15px 0
}

.ocfilter-option .option-values.scrolled {
    height: 160px
}

.ocfilter-option .container {
    padding-right: 0
}

body .option-values.scrolled {
    position: relative;
    overflow: hidden
}

.ocfilter .ocfilter-option .option-values {
    padding-left: 0;
    padding-right: 0
}

.option-values.scrolled .customScrollBox {
    position: relative;
    height: 100%;
    overflow: hidden
}

.option-values.scrolled .customScrollBox .container {
    position: relative;
    width: 100%;
    top: 0;
    float: left
}

.option-values.scrolled .customScrollBox .content {
    clear: both
}

.ocfilter-option .option-values.scrolled, .ocfilter-option .option-name {
    opacity: .25;
    transition: opacity ease .2s
}

.option-values.scrolled .dragger_container {
    display: none;
    -moz-transition: all ease .2s;
    transition: all ease .2s;
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 99%;
    margin: 0;
    padding: 1px 0 0;
    background: #ddd;
    border-radius: 6px;
    cursor: default;
    opacity: .75;
    filter: alpha(opacity=75);
    border: 1px solid #d4d4d4;
    border-right-color: #dadada;
    border-bottom-color: #dadada;
    border-top-width: 2px
}

.option-values.scrolled:hover .dragger_container {
    opacity: 1;
    filter: alpha(opacity=100);
    right: 0
}

.option-values.scrolled .dragger {
    opacity: .75;
    filter: alpha(opacity=80);
    position: absolute;
    left: 1px;
    width: 6px;
    height: 10px;
    background: #999;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px
}

.option-values.scrolled .dragger:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.option-values.scrolled .dragger_pressed {
    background: #888;
    overflow: hidden
}

.scrolled .scrollUpBtn, .scrolled .scrollDownBtn {
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 0;
    text-decoration: none;
    right: -12px;
    filter: alpha(opacity=0);
    opacity: 0
}

.option-values.scrolled .scrollUpBtn {
    top: 0
}

.option-values.scrolled .scrollDownBtn {
    bottom: 0
}

.scrolled .scrollUpBtn:hover, .scrolled .scrollDownBtn:hover {
    filter: alpha(opacity=0);
    opacity: 0
}

@media (max-width: 991px) {
    .ocfilter-option .option-name b {
        display: none !important
    }
}

@media (max-width: 767px) {
    .ocfilter-option .option-values.scrolled {
        height: 140px
    }

    body .panel-body .ocfilter-option label a {
        font-size: 14px
    }

    #ocfilter div.checkbox, #ocfilter div.radio {
        margin: 8px 0
    }

    .option-values.scrolled .dragger_container, .option-values.scrolled:hover .dragger_container {
        right: 6px;
        width: 4px;
        border-top-width: 0;
        border-bottom-width: 0;
        padding-top: 0;
        height: 100%
    }

    .option-values.scrolled .dragger {
        width: 14px;
        border-radius: 8px;
        opacity: 1;
        filter: alpha(opacity=100);
        left: -6px;
        background: #999 url(../image/drag-bgd.png) center center no-repeat
    }

    .option-values.scrolled .dragger:active, .option-values.scrolled .dragger:visited {
        background-color: #888
    }

    .trackbar-scale {
        height: 21px !important
    }

    .trackbar-scale a span, .trackbar-scale div span {
        font-size: 12px
    }

    body .panel-body .ocfilter-option .option-name {
        font-size: 16px
    }
}

.navigation {
    text-align: center;
    margin: -10px 0 20px
}

.navigation ul {
    list-style: none;
    padding-left: 20px
}

.navigation li {
    color: #762c10;
    display: inline-block;
    vertical-align: middle;
    padding: 8px 10px;
    margin: 0 15px;
    text-transform: lowercase;
    font-weight: bolder;
    border-bottom: 2px dotted #762c10;
    cursor: pointer;
    font-size: 18px
}

.navigation li:hover {
    background-color: #f57b5d;
    color: #fff;
    border: 0
}

.navigation li.active, .navigation li.active:hover {
    cursor: default;
    color: #fff;
    background-color: #ef532b;
    border: 0
}

.ft-rows-wrap .row {
    display: none
}

.not-found .buttons {
    display: none
}

.error-not_found ul.breadcrumb {
    display: none
}

.error-container img {
    display: none
}

.error-not_found .error-container {
    padding-top: 30px;
    text-align: center
}

.error-not_found .error-container h1, .error-not_found .error-container p {
    display: none
}

.error-not_found .error-container img {
    display: inline-block;
    max-width: 100%
}

#error-wrap .text {
    color: #414448
}

#error-wrap .text p.text-error {
    max-width: 220px;
    font-size: 13px !important;
    color: #666769;
    margin-top: 20px
}

#error-wrap .p-404 {
    font-size: 115px !important;
    font-weight: bold;
    color: #cacbcc;
    height: 100px;
    padding-top: 45px;
    letter-spacing: 6px
}

#error-wrap .titele {
    font-size: 18px !important;
    font-weight: bolder;
    padding-top: 4px
}

#error-wrap .gifer {
    min-height: 465px
}

.error-not_found #content {
    min-height: 460px
}

@media (max-width: 991px) {
    #error-wrap .gifer {
        background-position: 50px bottom
    }

    #error-wrap .text p.text-error, #error-wrap .text p {
        max-width: 220px;
        width: 205px
    }

    #error-wrap .p-404 {
        font-size: 100px !important
    }

    #error-wrap .titele {
        font-size: 15px !important
    }
}

@media (max-width: 900px) {
    #error-wrap .gifer {
        background-position: 0 bottom
    }
}

@media (max-width: 767px) {
    #error-wrap .gifer {
        background-position: 150px bottom;
        margin-top: -200px
    }

    #error-wrap .p-404 {
        font-size: 115px !important
    }

    #error-wrap .titele {
        font-size: 17px !important
    }
}

@media (max-width: 700px) {
    #error-wrap .gifer {
        background-position: 50px bottom
    }
}

@media (max-width: 600px) {
    #error-wrap .gifer {
        background-position: 0 bottom;
        margin-top: 0
    }
}

@media (max-width: 500px) {
    #error-wrap .gifer {
        background-position: -50px bottom
    }
}

.zoomContainer {
    z-index: 999
}

label.zrate-label {
    display: none
}

.z_stars {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 240px;
    height: 45px;
    margin-left: 1px;
    margin-top: -3px
}

.z_stars span {
    width: 20px;
    height: 32px;
    display: inline-block;
    margin-right: 0;
    margin-left: 0;
    color: grey;
    font-size: 30px;
    opacity: .3;
    transition: all ease .15s;
    -moz-transition: all ease .1s;
    font-family: icomoon, serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

.z_stars span:hover {
    cursor: pointer;
    color: orange;
    opacity: .85
}

.z_stars span.active, .z_stars span.active:hover {
    color: #4484f4;
    opacity: 1
}

#form-review #button-review {
    min-width: 164px
}

#search .form-control:focus, #input-phone:focus, #input-quantity:focus {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2)
}

#input-quantity {
    transition: .1s
}

#input-quantity.invalid {
    background-color: rgba(220, 0, 0, 0.25)
}

.product-search .row .checkbox, .product-search .row .radio {
    top: 9px
}

.go-top {
    transition: opacity .2s
}

.go-top:hover {
    opacity: 1 !important
}

#product .input-group-btn .btn {
    height: 33px
}

.input-group .input-group-btn .btn {
    height: 33px
}

#product #button-cart {
    height: 33px;
    font-size: 14px;
    text-transform: uppercase
}

#product #button-cart .fa {
    font-size: 17px;
    position: relative;
    left: -2px
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #product #button-cart {
        font-size: 12px
    }
}

.checkout-cart .table .input-group-btn .btn {
    height: 33px
}

.checkout-cart .table .img-thumbnail {
    padding: 0
}

.alert button.close {
    position: relative;
    top: -2px;
    left: 3px
}

.account-register .login-register .button-holder {
    margin: 20px 0
}

.information-information #content ul {
    padding-left: 20px
}

.information-information #content ol {
    padding-left: 17px
}

.category-share {
    margin: 20px 0 15px
}

#soforp_search {
    margin: 20px 0
}

#soforp_search > input, #soforp_search button {
    height: 35px
}

.account-order-info #content {
    line-height: 1.4
}

.row-filters .btn-group > button:hover {
    color: #222
}

.row-filters .btn-group > button.active {
    color: #351f12
}

.row-filters .btn-group > button.active:hover {
    cursor: default
}

.stock-status-block-0, .stock-status-block-7 {
    background-color: #dff0d8;
    border: 1px solid #d6e9c6
}

.stock-status-text-0, .stock-status-text-7 {
    text-transform: lowercase;
    height: 13px;
    color: #a94442
}

.stock-status-block-5 {
    background-color: #f2dede;
    border: 1px solid #ebccd1
}

.stock-status-text-5 {
    height: 14px;
    color: #a94442
}

.stock-status-block-6, .stock-status-block-8 {
    background-color: #fcf8e3;
    border: 1px solid #faebcc
}

.stock-status-text-6, .stock-status-text-8 {
    color: #8a6d3b
}

.stock-status-block-9 {
    background-color: #f7f7f7;
    border: 1px solid #eceeef
}

.stock-status-text-9 {
    color: #777
}

.popup-menu {
    border: 1px solid #351f12
}

.row-filters .btn-group > button.active {
    box-shadow: 0 2px 0 #d6d6d6, inset 0 2px 5px rgba(0, 0, 0, .12)
}

.btn-primary, .btn-warning, .btn-warning:hover, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .btn-primary.focus, .btn-primary:focus {
    text-shadow: none;
    background: #a33d16;
    color: #fff
}

.product-thumb:hover .button-group button:hover {
    background-color: #341e12
}

.btn-warning:hover, .btn-primary:hover {
    background-color: #341e12;
    text-shadow: none;
    box-shadow: rgba(0, 0, 0, 0.29) 0 2px 1px
}

.btn-success {
    box-shadow: rgba(0, 0, 0, 0.29) 0 2px 1px;
    text-shadow: none;
    border: 0
}

.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    background: #341e12;
    text-shadow: none;
    box-shadow: rgba(0, 0, 0, 0.29) 0 2px 1px
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
    background: #341e12
}

.btn-success.focus, .btn-success:focus {
    background: #a33d16;
    border-color: #eee;
    color: #fff
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover, .btn-success:active {
    background: #341e12
}

.btn-success.focus, .btn-success:focus {
    background: #341e12
}

.carousel .owl-controls .owl-buttons a.btn:hover {
    background: #a33d16;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    box-shadow: rgba(0, 0, 0, 0.29) 0 2px 1px;
    border: 0
}

.carousel .owl-controls .owl-buttons a.btn {
    color: #fff;
    background: #ccc;
    text-shadow: none;
    box-shadow: none
}

.carousel .owl-controls .owl-buttons a.btn:hover {
    background: #351f12
}

.go-top {
    position: fixed;
    right: 30px;
    z-index: 99;
    bottom: 60px;
    width: 50px;
    height: 50px;
    background-color: #a33d16;
    opacity: .3;
    border-radius: 6px;
    box-shadow: 0 0 3px #fff
}

.go-top:before {
    content: '\f077';
    font-family: fontawesome, serif;
    position: absolute;
    font-size: 24px;
    top: 37%;
    left: 50%;
    margin-left: -12px;
    margin-top: -11px;
    color: #fff
}

.go-top :hover {
    opacity: .9
}

.latest-description {
    height: 40px
}

.blog-content .products-content {
    padding: 0 5px
}

.share-top {
    display: inherit;
    text-align: right
}

@media (max-width: 414px) {
    .share-category {
        margin-top: 50px
    }
}

.title-padding {
    padding: 5px 10px
}

#top-search .input-group {
    top: 7px
}

.panel-title a i {
    margin-left: 5px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    border: 1px solid #5e8ee4
}

.panel-title a:hover {
    color: #fff;
    text-decoration: underline
}

.dropdown-price {
    min-width: 75px !important
}

.selectpicker {
    text-indent: 5px;
    width: 100%;
    height: 32px;
    color: #a33d16;
    border: 1px solid #e4dada
}

.star-rating {
    transition: .5s;
    color: #ec0404;
    line-height: 32px;
    font-size: 1.25em
}

.star-staring .fa-star-o {
    transition: .5s
}

.star-rating .fa-star {
    transition: .5s;
    color: #ec0404
}

.confirm-order-list {
    color: #444
}

.confirm-order-list .confirm-order-title {
    padding: 10px
}

.confirm-order-list .confirm-order-title > a:hover {
    color: #444;
    text-decoration: underline
}

.compare-container {
    margin: 0 5px 20px 0;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 4px;
    background: #fff
}

.compare-container h1, .compare-container h2, .compare-container h3 {
    margin-top: 10px
}

.dropdown-menu-right {
    right: auto;
    left: 108px
}

button {
    background: #a33d16
}

@media (max-width: 768px) {
    .compare-container {
        margin: 0 5px 20px -3px
    }

    .compare-container .description {
        white-space: unset !important
    }
}

@media (max-width: 440px) {
    .readmore-js-section {
        height: 160px !important
    }
}

.table-bordered {
    background: #fff
}

.basket-name {
    white-space: pre-wrap !important
}

.basket-price, .basket-total {
    width: 11%
}

.basket-total-price {
    width: auto
}

@media (max-width: 1399px) {
    .basket-price, .basket-total {
        width: 14%
    }
}

@media (max-width: 1199px) {
    .basket-total-price {
        width: 100%
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    .basket-price, .basket-total {
        width: 16%
    }
}

@media (max-width: 480px) {
    .cart-button {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        height: 70px
    }

    .cart-button div a {
        width: 180px
    }
}

.radio, .checkbox {
    margin-top: 2px;
    margin-bottom: 2px
}

.checkbox {
    padding-left: 20px
}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 17px;
    left: 0;
    top: 0;
    margin-left: -20px;
    border: 1px solid #cdcdcd;
    border-radius: 0;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
    -o-transition: border .15s ease-in-out, color .15s ease-in-out;
    transition: border .15s ease-in-out, color .15s ease-in-out
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 9px;
    left: 0;
    top: 4px;
    margin-left: -16px;
    padding-left: 2px;
    padding-top: 0;
    font-size: 14px;
    color: transparent;
    background: #a33d16;
    border-radius: 0
}

.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before {
    outline: 0
}

.checkbox input[type="checkbox"]:checked + label::after {
    font-family: FontAwesome, serif;
    content: "\f00c"
}

.checkbox input[type="checkbox"]:indeterminate + label::after, .checkbox input[type="radio"]:indeterminate + label::after {
    display: block;
    content: "";
    width: 10px;
    height: 3px;
    background-color: #a33d16;
    border-radius: 2px;
    margin-left: -16.5px;
    margin-top: 7px
}

.checkbox input[type="checkbox"]:disabled, .checkbox input[type="radio"]:disabled {
    cursor: not-allowed
}

.checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label {
    opacity: .6;
    cursor: default
}

.checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before {
    background-color: #eee;
    cursor: not-allowed
}

.checkbox:hover label::before {
    border-color: #341e12
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%
}

.checkbox.checkbox-inline {
    margin-top: 0;
    padding-top: 3px
}

.checkbox:checked + label:before {
    border: 2px solid #a33d16
}

.checkbox[checked="checked"]:checked + label > a {
    font-weight: bold
}

.radio {
    padding-left: 20px
}

.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 1px;
    margin-left: -20px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out;
    -o-transition: border .15s ease-in-out;
    transition: border .15s ease-in-out
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 4px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #a33d16;
    -webkit-transition: .1s all ease;
    -moz-transition: .1s all ease;
    transition: .1s all ease;
    opacity: 0;
    filter: alpha(opacity=0)
}

.radio:hover label::before {
    border-color: #341e12
}

.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

.radio input[type="radio"]:focus + label::before {
    outline: 0
}

.radio input[type="radio"]:checked + label::after {
    opacity: 1;
    filter: alpha(opacity=100)
}

.radio input[type="radio"]:disabled {
    cursor: not-allowed
}

.radio input[type="radio"]:disabled + label {
    opacity: .6;
    cursor: default
}

.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed
}

.radio.radio-inline {
    margin-top: 0
}

#payment-address .quickcheckout-content > .field {
    display: inline-block;
    margin: 10px 15px 20px 0
}

#payment-address .quickcheckout-content > .field input {
    opacity: 0
}

#payment-address .quickcheckout-content > .field input:checked + label:before {
    border: 1px solid #a33d16
}

#payment-address .quickcheckout-content > .field input[checked="checked"]:checked + label > a {
    font-weight: bold
}

#payment-address .quickcheckout-content > .field label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px
}

#payment-address .quickcheckout-content > .field label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 1px;
    margin-left: -20px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out;
    -o-transition: border .15s ease-in-out;
    transition: border .15s ease-in-out
}

#payment-address .quickcheckout-content > .field label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 4px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #a33d16;
    -webkit-transition: .1s all ease;
    -moz-transition: .1s all ease;
    transition: .1s all ease;
    opacity: 0;
    filter: alpha(opacity=0)
}

#payment-address .quickcheckout-content > .field:hover label::before {
    border-color: #341e12
}

#payment-address .quickcheckout-content > .field input[type="radio"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

#payment-address .quickcheckout-content > .field input[type="radio"]:focus + label::before {
    outline: 0
}

#payment-address .quickcheckout-content > .field input[type="radio"]:checked + label::after {
    opacity: 1;
    filter: alpha(opacity=100)
}

#payment-address .quickcheckout-content > .field input[type="radio"]:disabled {
    cursor: not-allowed
}

#payment-address .quickcheckout-content > .field input[type="radio"]:disabled + label {
    opacity: .6;
    cursor: default
}

#payment-address .quickcheckout-content > .field input[type="radio"]:disabled + label::before {
    cursor: not-allowed
}

@media (max-width: 550px) {
    #payment-address .quickcheckout-content > .field {
        display: block;
        margin: 5px 0
    }
}

.radio.radio-square {
    display: inline-flex;
    padding: 0;
    margin: 0 0 6px 0 !important
}

.radio.radio-square label {
    padding-left: 3px
}

.radio.radio-square label .square {
    padding: 6px 13px;
    border-radius: 0;
    color: #ee532a;
    border: 1px solid #ee532a
}

.radio.radio-square label .square.color {
    padding: 0;
    border: 0;
    background: none !important
}

.radio.radio-square label .square.color .color-box {
    outline: 1px solid #aeaeae !important;
    border-width: 3px;
    width: 35px !important;
    height: 35px !important
}

.radio.radio-square label::before {
    display: none
}

.radio.radio-square label::after {
    display: none
}

.radio.radio-square input[type="radio"]:checked + .square {
    border: 1px solid #a33d16;
    background: #a33d16;
    color: #fff
}

.radio.radio-square input[type="radio"]:checked + .square.color {
    padding: 0;
    border: 0;
    background: none !important
}

.radio.radio-square input[type="radio"]:checked + .square.color .color-box {
    outline: 1px solid #a33d16 !important;
    border: 1px solid #a33d16 !important
}

.radio.radio-square input[type="radio"]:disabled + .square {
    position: relative;
    opacity: .4
}

.radio.radio-square input[type="radio"]:disabled + .square.color:before, .radio.radio-square input[type="radio"]:disabled + .square.color:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #000;
    top: 50%;
    left: 0;
    transform: rotate(45deg)
}

.radio.radio-square input[type="radio"]:disabled + .square.color:after {
    transform: rotate(-45deg)
}

.radio.radio-square input[type="radio"]:disabled + .square .color-box {
    outline: none !important
}

.radio-primary input[type="radio"] + label::after, .radio-primary input[type="radio"]:checked + label::after {
    background-color: #a33d16
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #a33d16
}

.checkbox:hover input[disabled] + label::before, .radio:hover input[disabled] + label::before {
    border-color: #ccc
}

.radio-image label {
    display: flex;
    align-items: center
}

.radio-image label::before {
    top: 20px
}

.radio-image label:after {
    top: 23px
}

.radio-image label img {
    margin-right: 10px
}

.radio-image input[type="radio"] {
    top: 20px;
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

.radio-quickview, .checkbox-quickview {
    margin-bottom: 10px
}

[name^="option"]:checked:disabled + .square {
    opacity: .5;
    cursor: no-drop;
    user-select: none
}

.required .radio, .newsletter .radio {
    display: inline-flex;
    margin-right: 10px
}

.options-button-reset {
    cursor: pointer;
    display: block;
    margin-bottom: 15px
}

#popup-quickview .radio-square {
    margin: 0 0 6px 0 !important
}

#popup-quickview .caption + a {
    cursor: pointer;
    display: block;
    margin-bottom: 15px
}

#popup-quickview .modal-title {
    margin-bottom: 0 !important;
    color: #fff !important
}

#top-search .btn-lg i {
    display: none
}

.stiky-list {
    display: none
}

#stiky_box {
    top: -100%;
    position: fixed;
    display: flex;
    align-items: center;
    left: 0;
    width: 100%;
    height: auto;
    transition: .25s ease;
    background-color: #fff;
    background-image: url('');
    border-bottom: 1px solid #d3d5d8;
    z-index: 1009;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    color: #000
}

#stiky_box .button-search-title {
    display: none
}

#stiky_box .button-search-icon {
    display: block
}

#stiky_box.active {
    top: 0;
    height: 90px
}

#stiky_box #top-logo {
    top: 9px
}

#stiky_box #logo {
    top: 0;
    left: 1px
}

#stiky_box #top-links {
    padding-top: 0;
    padding-bottom: 5px;
    top: 2px
}

#stiky_box #top-links.open > ul {
    top: 114%;
    left: -4px
}

#stiky_box #top-links a {
    color: #000
}

#stiky_box .list-inline {
    margin: 0
}

#stiky_box .stiky-logo {
    min-height: 90px;
    display: flex;
    align-items: center
}

#stiky_box .stiky-catalog {
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #a33d16;
    cursor: pointer
}

#stiky_box .stiky-catalog > i {
    margin-right: 10px;
    color: #fff;
    font-size: 21px
}

#stiky_box .stiky-catalog span {
    color: #fff;
    font-size: 21px
}

#stiky_box .stiky-catalog .stiky-menu-category {
    display: none;
    top: 100%;
    left: 0;
    width: 275px;
    position: absolute;
    background: #fff;
    border: 1px solid #ef532b;
    padding: 5px 0
}

#stiky_box .stiky-catalog .stiky-menu-category_list {
    width: 100%
}

#stiky_box .stiky-catalog .stiky-menu-category_list .stiky-menu-category_item > a {
    justify-content: space-between;
    display: flex;
    padding: 2px 10px;
    font-size: 16px;
    color: #3e3e3e
}

#stiky_box .stiky-catalog .stiky-menu-category_list .stiky-menu-category_item > a:hover {
    color: #a33d16
}

#stiky_box .stiky-catalog .stiky-menu-category_list .stiky-menu-category_item > a i {
    color: #3e3e3e
}

#stiky_box .stiky-catalog .stiky-menu-category_list .stiky-menu-category_item .sub-menu-list {
    display: none;
    flex-direction: column;
    width: 500px;
    position: absolute;
    left: 100%;
    right: 0;
    background: #fff;
    top: -1px;
    border: 1px solid #ef532b
}

#stiky_box .stiky-catalog .stiky-menu-category_list .stiky-menu-category_item .sub-child-menu-item {
    display: flex;
    padding: 5px 10px;
    word-break: break-word;
    flex-direction: column
}

#stiky_box .stiky-catalog .stiky-menu-category_list .stiky-menu-category_item .sub-child-menu-item > div > a {
    display: flex;
    font-weight: bold;
    color: #3e3e3e;
    font-size: 16px;
    padding: 5px 0
}

#stiky_box .stiky-catalog .stiky-menu-category_list .stiky-menu-category_item .sub-child-menu-item > div > a:hover {
    color: #3e3e3e
}

#stiky_box .stiky-catalog .stiky-menu-category_list .stiky-menu-category_item .sub-child-menu-item .sub-child2-menu-item > div > a {
    display: flex;
    padding: 5px 0;
    color: #3e3e3e;
    font-size: 16px
}

#stiky_box .stiky-catalog .stiky-menu-category_list .stiky-menu-category_item .sub-child-menu-item .sub-child2-menu-item > div > a:hover {
    text-decoration: underline
}

#stiky_box .stiky-catalog .stiky-menu-category_list .stiky-menu-category_item:hover .sub-menu-list {
    display: flex
}

#stiky_box .stiky-catalog:hover .stiky-menu-category {
    display: flex
}

#stiky_box .stiky-menu {
    padding-top: 10px;
    min-height: 90px;
    display: flex;
    align-items: center
}

#stiky_box .stiky-menu #top-links .list-inline > li {
    align-items: center;
    text-align: center;
    display: inline-flex;
    justify-content: center
}

#stiky_box .stiky-menu #top-links .list-inline > li a {
    font-size: 14px;
    color: #626262;
    padding: 0 5px 10px 0;
    display: flex
}

#stiky_box .stiky-menu #top-links .list-inline > li a > i {
    margin-left: 5px
}

#stiky_box .stiky-phones {
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

#stiky_box .stiky-phones > ul {
    margin: 0;
    text-align: right
}

#stiky_box .stiky-phones > ul > li {
    line-height: 1.7;
    font-weight: 600;
    color: #000;
    font-size: 16px
}

#stiky_box .stiky-phones > ul > li > a {
    color: #000;
    line-height: 20px
}

#stiky_box .stiky-search {
    min-height: 90px;
    display: flex;
    align-items: center
}

#stiky_box .stiky-search .category-button {
    z-index: 10;
    font-weight: bold;
    font-size: 14px;
    height: 46px;
    text-shadow: none;
    border-radius: 0;
    border: 1px solid #a33d16;
    color: #a33d16;
    background: 0;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center
}

#stiky_box .stiky-search .category-button span {
    margin-left: 10px
}

#stiky_box .stiky-search .dropdown-menu {
    min-width: 211px;
    border-radius: 0;
    border: 1px solid #ef532b;
    position: absolute;
    top: 96%
}

#stiky_box .stiky-search .form-control {
    height: 46px;
    box-shadow: none;
    position: relative;
    z-index: 8
}

#stiky_box .stiky-search .form-control:focus {
    border: 1px solid #a33d16
}

#stiky_box .stiky-search .button-search {
    font-size: 21px;
    width: 54px;
    height: 46px;
    border: 0;
    padding: 0;
    text-shadow: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: #a33d16;
    color: #fff;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center
}

#stiky_box .stiky-search .button-search h6 {
    color: #fff
}

#stiky_box .stiky-icon-box {
    min-height: 90px;
    display: flex;
    align-items: center
}

#stiky_box .stiky-icon-box #top_icons_box a {
    color: #bcbcbc
}

#stiky_box .stiky-icon-box #top_icons_box a i {
    font-size: 25px
}

#stiky_box .stiky-icon-box #top_icons_box a i > span {
    top: 17px
}

#stiky_box .stiky-cart {
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

#stiky_box #search {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    margin-bottom: 6px;
    padding-top: 10px
}

#stiky_box #cart {
    position: relative;
    top: auto;
    left: -10px;
    right: 0;
    width: 200px
}

#stiky_box #cart #cart-total b {
    left: 25px;
    top: -3px
}

#stiky_box #cart #cart-total .cb1 {
    color: #a33d16
}

#stiky_box #cart #cart-total span {
    font-weight: bolder
}

#stiky_box #cart #cart-total span.csp2 {
    color: #a33d16;
    font-size: 16px;
    position: relative;
    top: -11px
}

#stiky_box #cart #cart-total a {
    color: #a33d16;
    border-bottom: 1px dashed #a33d16
}

#stiky_box #cart #cart-total small {
    position: absolute;
    top: 1px;
    left: auto;
    border-radius: 51%;
    width: 22px;
    height: 22px;
    background-color: #a33d16;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding-top: 2px;
    color: white
}

#stiky_box #currency-box {
    margin-right: 20px;
    margin-top: 0
}

#stiky_box #currency-box .header {
    display: block
}

#stiky_box #currency-box .header .carets {
    top: 0;
    left: -1px
}

#stiky_box #currency-box .dropdown-menu {
    display: none;
    min-width: 60px;
    width: 65px
}

#stiky_box #currency-box.open .dropdown-menu {
    display: block;
    position: absolute;
    top: 130%;
    left: 0;
    padding: 8px 4px 8px 8px;
    margin: 3px 0 0 0;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0;
    border: 1px solid #e7e7e7;
    cursor: default;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15)
}

#stiky_box #currency-box.open .dropdown-menu:before {
    content: '';
    display: block;
    top: -16px;
    left: 7px;
    position: absolute;
    border: 8px solid transparent;
    border-bottom: 8px solid #e7e7e7
}

#stiky_box #currency-box.open .dropdown-menu:after {
    content: '';
    display: block;
    top: -14px;
    left: 7px;
    position: absolute;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff
}

#stiky_box #currency-box.open .dropdown-menu form {
    margin-bottom: 0
}

#stiky_box #currency-box.open .dropdown-menu li {
    border-radius: 0;
    background: transparent;
    height: auto;
    width: auto;
    text-align: center;
    opacity: 1
}

#stiky_box #currency-box.open .dropdown-menu li .btn {
    padding: 0;
    background: transparent;
    color: #000
}

#stiky_box #currency-box.open .dropdown-menu li .btn:hover {
    text-decoration: none;
    color: #36f
}

#stiky_box #currency-box.open .dropdown-menu li:hover {
    text-decoration: none
}

#stiky_box #currency-box.open .dropdown-menu li.active {
    box-shadow: none;
    opacity: .5
}

#stiky_box #currency-box #currency .list-inline > li {
    padding: 0 2px
}

#stiky_box .language {
    position: relative;
    top: -1px
}

#stiky_box .language .header {
    margin-right: 0;
    display: block !important
}

#stiky_box .language .header .carets {
    top: 1px
}

#stiky_box .language > ul {
    display: none;
    padding: 6px 5px 6px 10px;
    border-radius: 1px;
    width: 50px;
    height: auto;
    z-index: 1009;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
    position: absolute;
    left: -16px;
    top: 150%;
    background: #fff;
    border: 1px solid #e7e7e7
}

#stiky_box .language > ul:before, #stiky_box .language > ul:after {
    position: absolute;
    left: 17px;
    border: 8px solid transparent
}

#stiky_box .language > ul:before {
    content: '';
    top: -16px;
    border-bottom: 8px solid #e7e7e7
}

#stiky_box .language > ul:after {
    content: '';
    top: -14px;
    border-bottom: 8px solid #fff
}

#stiky_box .language > ul li {
    padding: 6px 5px
}

#stiky_box .language > ul li > a {
    color: #000;
    text-transform: uppercase
}

#stiky_box .language > ul li > a span {
    color: #000;
    text-transform: uppercase
}

#stiky_box .language > ul li a b {
    padding-right: 5px
}

#stiky_box .language > ul li.active {
    display: none;
    cursor: default
}

#stiky_box .language > ul li.active a {
    cursor: default;
    color: #36f
}

#stiky_box .language.open > ul {
    display: block
}

#stiky_box #top-links2 {
    margin-top: 0
}

#stiky_box #top-links2.is-logged {
    margin-top: 4px
}

#stiky_box #logged-box .dropdown > ul {
    top: 120%
}

#stiky_box #top_phones .dropdown-menu {
    top: 107%;
    left: 0;
    right: auto
}

#stiky_box #top_phones .dropdown-menu:before, #stiky_box #top_phones .dropdown-menu:after {
    left: 15px;
    right: auto
}

@media (min-width: 1400px) {
    #stiky_box #top_icons_box {
        top: 0
    }

    #stiky_box #top-phones {
        padding: 0
    }

    #stiky_box .st-left {
        padding-top: 2px;
        width: 32%;
        display: inline-block;
        float: left
    }

    #stiky_box .st-center {
        width: 53%;
        display: inline-block;
        float: left
    }

    #stiky_box .st-right {
        display: inline-block;
        width: 13%
    }
}

@media (max-width: 1399px) {
    #stiky_box {
        margin: 0 auto
    }

    #stiky_box .stiky-catalog i {
        font-size: 15px
    }

    #stiky_box .stiky-catalog span {
        color: #fff;
        font-size: 17px
    }

    #stiky_box .stiky-icon-box {
        justify-content: flex-start;
        padding-left: 0
    }

    #stiky_box .stiky-icon-box #top_icons_box a i {
        font-size: 18px
    }

    #stiky_box .stiky-icon-box #top_icons_box a i > span {
        top: 15px
    }

    #stiky_box .stiky-cart #cart .btn {
        padding: 0;
        overflow: visible;
        left: -5px
    }
}

@media (max-width: 1199px) {
    #stiky_box {
        margin: 0 auto
    }

    #stiky_box .stiky-catalog {
        width: 14%
    }

    #stiky_box .stiky-catalog i {
        font-size: 15px
    }

    #stiky_box .stiky-catalog span {
        color: #fff;
        font-size: 17px
    }

    #stiky_box .stiky-list {
        display: inline-block
    }

    #stiky_box .category-list-title {
        display: none
    }

    #stiky_box .stiky-cart {
        min-height: 90px;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }

    #stiky_box .stiky-cart #cart {
        top: 11px
    }

    #stiky_box .stiky-cart #cart > .btn > i {
        width: 56px;
        height: 54px;
        font-size: 21px
    }

    #stiky_box .stiky-cart #cart #cart-total {
        top: -12px;
        left: -8px
    }

    #stiky_box .stiky-cart #cart #cart-total small {
        top: 1px;
        left: 4px;
        width: 18px;
        height: 18px;
        font-size: 10px
    }

    #stiky_box .stiky-cart #cart #cart-total .cb1 {
        font-size: 14px;
        top: -5px
    }

    #stiky_box .stiky-cart #cart #cart-total .csp2 {
        font-size: 14px;
        width: 95px
    }

    #stiky_box .stiky-phones > ul > li {
        font-size: 13px
    }

    #stiky_box .sticky-search .category-button {
        font-size: 12px
    }

    #stiky_box .sticky-search .form-control {
        height: 46px;
        box-shadow: none;
        position: relative;
        z-index: 8
    }

    #stiky_box .sticky-search .form-control:focus {
        border: 1px solid #a33d16
    }

    #stiky_box .sticky-search .button-search {
        width: 70px
    }

    #stiky_box .sticky-search .button-search h6 {
        font-size: 12px;
        color: #fff
    }

    #stiky_box #top-logo {
        top: 0
    }

    #stiky_box #currency-box {
        margin-right: 4px
    }

    #stiky_box #top-phones {
        left: 0
    }

    #stiky_box .stiky-icon-box {
        width: 11%
    }
}

@media (max-width: 992px) {
    #stiky_box {
        display: none;
        top: -999px
    }

    #stiky_box.active {
        top: -999px
    }
}

@media (min-width: 1400px) {
    #stiky_box #top_icons_box {
        top: 0
    }
}

.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc
}

.flip-clock-wrapper a:hover {
    color: #fff
}

.flip-clock-wrapper ul {
    list-style: none
}

.flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after {
    content: " ";
    display: table
}

.flip-clock-wrapper.clearfix:after {
    clear: both
}

.flip-clock-wrapper.clearfix {
    *zoom: 1
}

.flip-clock-wrapper {
    font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
    -webkit-user-select: none
}

.flip-clock-meridium {
    background: none !important;
    box-shadow: 0 0 0 !important;
    font-size: 36px !important
}

.flip-clock-meridium a {
    color: #313333
}

.flip-clock-wrapper {
    text-align: center;
    position: relative;
    width: 100%;
    margin: 1em
}

.flip-clock-wrapper:before, .flip-clock-wrapper:after {
    content: " ";
    display: table
}

.flip-clock-wrapper:after {
    clear: both
}

.flip-clock-wrapper ul {
    position: relative;
    float: left;
    margin: 5px;
    width: 60px;
    height: 90px;
    font-size: 80px;
    font-weight: bold;
    line-height: 87px;
    border-radius: 6px;
    background: #000
}

.flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 87px;
    text-decoration: none !important
}

.flip-clock-wrapper ul li:first-child {
    z-index: 2
}

.flip-clock-wrapper ul li a {
    display: block;
    height: 100%;
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    perspective: 200px;
    margin: 0 !important;
    overflow: visible !important;
    cursor: default !important
}

.flip-clock-wrapper ul li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    font-size: 80px;
    overflow: hidden;
    outline: 1px solid transparent
}

.flip-clock-wrapper ul li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

.flip-clock-wrapper ul li a div.up {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0
}

.flip-clock-wrapper ul li a div.up:after {
    content: "";
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 3px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4)
}

.flip-clock-wrapper ul li a div.down {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #ccc;
    text-shadow: 0 1px 2px #000;
    text-align: center;
    background-color: #333;
    border-radius: 6px;
    font-size: 70px
}

.flip-clock-wrapper ul li a div.up div.inn {
    top: 0
}

.flip-clock-wrapper ul li a div.down div.inn {
    bottom: 0
}

.flip-clock-wrapper ul.play li.flip-clock-before {
    z-index: 3
}

.flip-clock-wrapper .flip {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7)
}

.flip-clock-wrapper ul.play li.flip-clock-active {
    -webkit-animation: asd .5s .5s linear both;
    -moz-animation: asd .5s .5s linear both;
    animation: asd .5s .5s linear both;
    z-index: 5
}

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 100px
}

.flip-clock-divider:first-child {
    width: 0
}

.flip-clock-dot {
    display: block;
    background: #323434;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    left: 5px
}

.flip-clock-divider .flip-clock-label {
    position: absolute;
    top: -1.5em;
    right: -86px;
    color: black;
    text-shadow: none
}

.flip-clock-divider.minutes .flip-clock-label {
    right: -88px
}

.flip-clock-divider.seconds .flip-clock-label {
    right: -91px
}

.flip-clock-dot.top {
    top: 30px
}

.flip-clock-dot.bottom {
    bottom: 30px
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn .5s .5s linear both;
    -moz-animation: turn .5s .5s linear both;
    animation: turn .5s .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 .5s linear both;
    -moz-animation: turn2 .5s linear both;
    animation: turn2 .5s linear both
}

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3
}

.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, black 100%);
    -webkit-animation: show .5s linear both;
    -moz-animation: show .5s linear both;
    animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, black 100%);
    -webkit-animation: hide .5s .3s linear both;
    -moz-animation: hide .5s .3s linear both;
    animation: hide .5s .3s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top, black 0, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: -o-linear-gradient(top, black 0, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0, rgba(0, 0, 0, 0.1) 100%);
    -webkit-animation: show .5s linear both;
    -moz-animation: show .5s linear both;
    animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -moz-linear-gradient(top, black 0, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: hide .5s .3s linear both;
    -moz-animation: hide .5s .3s linear both;
    animation: hide .5s .2s linear both
}

.jq-checkbox {
    top: -1px;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0;
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    background: #f5f5f5;
    background: -webkit-linear-gradient(#fff, #e6e6e6);
    background: linear-gradient(#fff, #e6e6e6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05), inset -1px -1px #fff, inset 1px -1px #fff;
    cursor: pointer
}

.jq-checkbox.checked .jq-checkbox__div {
    width: 12px;
    height: 12px;
    margin: 2px 0 0 2px;
    border-radius: 2px;
    background: #666;
    box-shadow: inset 0 -3px 6px #aaa
}

.jq-checkbox.focused {
    border: 1px solid #08c
}

.jq-checkbox.disabled {
    opacity: .55
}

.jq-radio {
    top: -1px;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0;
    border: 1px solid #c3c3c3;
    border-radius: 50%;
    background: #f5f5f5;
    background: -webkit-linear-gradient(#fff, #e6e6e6);
    background: linear-gradient(#fff, #e6e6e6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05), inset -1px -1px #fff, inset 1px -1px #fff;
    cursor: pointer
}

.jq-radio.checked .jq-radio__div {
    width: 10px;
    height: 10px;
    margin: 3px 0 0 3px;
    border-radius: 50%;
    background: #777;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .7)
}

.jq-radio.focused {
    border: 1px solid #08c
}

.jq-radio.disabled {
    opacity: .55
}

.jq-file {
    width: 270px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.jq-file input {
    height: auto;
    line-height: 1em;
    cursor: pointer
}

.jq-file__name {
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    padding: 0 80px 0 10px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    background: #fff;
    box-shadow: inset 1px 1px #f1f1f1;
    font: 14px/32px Arial, sans-serif;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-file__browse {
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 0 10px;
    border-left: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
    background: #f5f5f5;
    background: -webkit-linear-gradient(#fff, #e6e6e6);
    background: linear-gradient(#fff, #e6e6e6);
    box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px/32px Arial, sans-serif;
    color: #333;
    text-shadow: 1px 1px #fff
}

.jq-file:hover .jq-file__browse {
    background: #e6e6e6;
    background: -webkit-linear-gradient(#f6f6f6, #e6e6e6);
    background: linear-gradient(#f6f6f6, #e6e6e6)
}

.jq-file:active .jq-file__browse {
    background: #f5f5f5;
    box-shadow: inset 1px 1px 3px #ddd
}

.jq-file.focused .jq-file__name {
    border: 1px solid #5794bf
}

.jq-file.disabled, .jq-file.disabled .jq-file__name, .jq-file.disabled .jq-file__browse {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.jq-number {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 36px 0 0
}

.jq-number__field {
    width: 100px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1)
}

.jq-number__field:hover {
    border-color: #b3b3b3
}

.jq-number__field input {
    box-sizing: border-box;
    width: 100%;
    padding: 8px 9px;
    border: 0;
    outline: 0;
    background: 0;
    font: 14px Arial, sans-serif;
    color: #333;
    text-align: left;
    -moz-appearance: textfield
}

.jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.jq-number__spin {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 14px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    background: #f5f5f5;
    background: -webkit-linear-gradient(#fff, #e6e6e6);
    background: linear-gradient(#fff, #e6e6e6);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: 1px 1px #fff;
    cursor: pointer
}

.jq-number__spin.minus {
    top: auto;
    bottom: 0
}

.jq-number__spin:hover {
    background: #e6e6e6;
    background: -webkit-linear-gradient(#f6f6f6, #e6e6e6);
    background: linear-gradient(#f6f6f6, #e6e6e6)
}

.jq-number__spin:active {
    background: #f5f5f5;
    box-shadow: inset 1px 1px 3px #ddd
}

.jq-number__spin:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 11px;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #999;
    border-left: 5px solid transparent
}

.jq-number__spin.minus:after {
    top: 5px;
    border-top: 5px solid #999;
    border-right: 5px solid transparent;
    border-bottom: 0;
    border-left: 5px solid transparent
}

.jq-number__spin.minus:hover:after {
    border-top-color: #000
}

.jq-number__spin.plus:hover:after {
    border-bottom-color: #000
}

.jq-number.focused .jq-number__field {
    border: 1px solid #5794bf
}

.jq-number.disabled .jq-number__field, .jq-number.disabled .jq-number__spin {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.jq-number.disabled .jq-number__spin:after {
    border-bottom-color: #aaa
}

.jq-number.disabled .jq-number__spin.minus:after {
    border-top-color: #aaa
}

.jq-selectbox {
    vertical-align: middle;
    cursor: pointer
}

.jq-selectbox__select {
    height: 32px;
    padding: 0 45px 0 10px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    background: #f5f5f5;
    background: -webkit-linear-gradient(#fff, #e6e6e6);
    background: linear-gradient(#fff, #e6e6e6);
    box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px/32px Arial, sans-serif;
    color: #333;
    text-shadow: 1px 1px #fff
}

.jq-selectbox__select:hover {
    background: #e6e6e6;
    background: -webkit-linear-gradient(#f6f6f6, #e6e6e6);
    background: linear-gradient(#f6f6f6, #e6e6e6)
}

.jq-selectbox__select:active {
    background: #f5f5f5;
    box-shadow: inset 1px 1px 3px #ddd
}

.jq-selectbox.focused .jq-selectbox__select {
    border: 1px solid #5794bf
}

.jq-selectbox.disabled .jq-selectbox__select {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.jq-selectbox__select-text {
    display: block;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-selectbox .placeholder {
    color: #888
}

.jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 100%;
    border-left: 1px solid #ccc
}

.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 14px;
    right: 12px;
    width: 0;
    height: 0;
    border-top: 5px solid #999;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
    border-top-color: #000
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
    border-top-color: #aaa
}

.jq-selectbox__dropdown {
    box-sizing: border-box;
    width: 100%;
    margin: 2px 0 0;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    font: 14px/18px Arial, sans-serif
}

.jq-selectbox__search {
    margin: 5px;
    display: flex
}

.jq-selectbox__search input {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 5px 27px 6px 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    outline: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
    box-shadow: inset 1px 1px #f1f1f1;
    color: #333;
    -webkit-appearance: textfield
}

.jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none
}

.jq-selectbox__not-found {
    margin: 5px;
    padding: 5px 8px 6px;
    background: #f0f0f0;
    font-size: 13px
}

.jq-selectbox ul {
    margin: 0;
    padding: 0
}

.jq-selectbox li {
    min-height: 18px;
    padding: 5px 10px 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    color: #231f20
}

.jq-selectbox li.selected {
    background-color: #a3abb1;
    color: #fff
}

.jq-selectbox li:hover {
    background-color: #08c;
    color: #fff
}

.jq-selectbox li.disabled {
    color: #aaa
}

.jq-selectbox li.disabled:hover {
    background: 0
}

.jq-selectbox li.optgroup {
    font-weight: bold
}

.jq-selectbox li.optgroup:hover {
    background: 0;
    color: #231f20;
    cursor: default
}

.jq-selectbox li.option {
    padding-left: 25px
}

.jq-select-multiple {
    box-sizing: border-box;
    padding: 1px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    background: #fff;
    box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px/18px Arial, sans-serif;
    color: #333;
    cursor: default
}

.jq-select-multiple.focused {
    border: 1px solid #5794bf
}

.jq-select-multiple.disabled {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.jq-select-multiple ul {
    margin: 0;
    padding: 0
}

.jq-select-multiple li {
    padding: 3px 9px 4px;
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.jq-select-multiple li:first-child {
    border-radius: 3px 3px 0 0
}

.jq-select-multiple li:last-child {
    border-radius: 0 0 3px 3px
}

.jq-select-multiple li.selected {
    background: #08c;
    color: #fff
}

.jq-select-multiple li.disabled {
    color: #aaa
}

.jq-select-multiple.disabled li.selected, .jq-select-multiple li.selected.disabled {
    background: #ccc;
    color: #fff
}

.jq-select-multiple li.optgroup {
    font-weight: bold
}

.jq-select-multiple li.option {
    padding-left: 25px
}

input[type='email'].styler, input[type='password'].styler, input[type='search'].styler, input[type='tel'].styler, input[type='text'].styler, input[type='url'].styler, textarea.styler {
    padding: 8px 9px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px Arial, sans-serif;
    color: #333
}

input[type='search'].styler {
    -webkit-appearance: none
}

textarea.styler {
    overflow: auto
}

input[type='email'].styler:hover, input[type='password'].styler:hover, input[type='search'].styler:hover, input[type='tel'].styler:hover, input[type='text'].styler:hover, input[type='url'].styler:hover, textarea.styler:hover {
    border-color: #b3b3b3
}

input[type='email'].styler:focus, input[type='password'].styler:focus, input[type='search'].styler:focus, input[type='tel'].styler:focus, input[type='text'].styler:focus, input[type='url'].styler:focus, textarea.styler:focus {
    border-color: #ccc;
    border-top-color: #b3b3b3;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

button.styler, input[type='button'].styler, input[type='submit'].styler, input[type='reset'].styler {
    overflow: visible;
    padding: 8px 11px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    outline: 0;
    background: #f5f5f5;
    background: -webkit-linear-gradient(#fff, #e6e6e6);
    background: linear-gradient(#fff, #e6e6e6);
    box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px Arial, sans-serif;
    color: #333;
    text-shadow: 1px 1px #fff;
    cursor: pointer
}

button.styler::-moz-focus-inner, input[type='button'].styler::-moz-focus-inner, input[type='submit'].styler::-moz-focus-inner, input[type='reset'].styler::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.styler:not([disabled]):hover, input[type='button'].styler:not([disabled]):hover, input[type='submit'].styler:not([disabled]):hover, input[type='reset'].styler:hover {
    background: #e6e6e6;
    background: -webkit-linear-gradient(#f6f6f6, #e6e6e6);
    background: linear-gradient(#f6f6f6, #e6e6e6)
}

button.styler:not([disabled]):active, input[type='button'].styler:not([disabled]):active, input[type='submit'].styler:not([disabled]):active, input[type='reset'].styler:active {
    background: #f5f5f5;
    box-shadow: inset 1px 1px 3px #ddd
}

button.styler[disabled], input[type='button'].styler[disabled], input[type='submit'].styler[disabled] {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 0
}

.panel-default > .panel-heading.order-list {
    position: relative;
    font-family: 'Roboto', sans-serif;
    padding: 5px 0;
    color: #333;
    background-color: #f5f5f5;
    border-radius: 0 !important;
    border: none !important
}

.panel-default > .panel-heading.order-list:before {
    position: absolute;
    display: block;
    content: "";
    width: 30px;
    height: 30px;
    right: 24px;
    top: 5px;
    background: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 50%
}

.panel-default > .panel-heading.order-list:after {
    position: absolute;
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    right: 33px;
    top: 17px;
    background: #fff;
    border-left: 1px solid #919191;
    border-bottom: 1px solid #919191;
    transform: rotate(135deg);
    transition: all .3s
}

.panel-default > .panel-heading.order-list.collapsed:after, .panel-default > .panel-heading.order-list.order-start-collapse:after {
    position: absolute;
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    right: 33px;
    top: 12px;
    background: #fff;
    border-left: 1px solid #919191;
    border-bottom: 1px solid #919191;
    transform: rotate(-45deg)
}

.panel-default > .panel-heading.order-list .order-list-basket {
    display: none
}

.panel-default > .panel-heading.order-list .order-list-status {
    width: auto;
    text-align: center
}

.panel-default > .panel-heading.order-list .order-list-number {
    outline: 0;
    color: #2a77b9
}

.panel-default > .panel-heading.order-list .order-list-number:focus, .panel-default > .panel-heading.order-list .order-list-number:hover {
    text-decoration: none
}

.panel-default > .panel-heading.order-list .order-list-date {
    font-size: 12px;
    font-weight: 500;
    color: #333
}

.panel-default > .panel-heading.order-list .order-list-total-prise {
    font-weight: 900;
    font-size: 12px;
    color: #333
}

.panel-default > .panel-heading.order-list .order-list-print {
    border: none !important;
    display: none
}

.panel-default > .panel-heading.order-list .order-list-right {
    border: none !important
}

.panel-default > .panel-heading.order-list .order-list-status {
    min-width: 110px;
    height: 28px;
    margin-top: 6px;
    background: #2fa423;
    color: #fff
}

.panel-default > .panel-heading.order-list .order-list-status span {
    padding: 0;
    line-height: 28px
}

.panel-collapse .order-product-list_left {
    border: none !important
}

.panel-collapse .product-list-info {
    padding: 30px 0;
    border-bottom: 1px dashed #dedede
}

.panel-collapse .product-list-info .column-product .product-list-caption a {
    color: #2a77b9
}

.panel-collapse .product-list-info .column-product .product-list-caption .product-caption-article {
    margin: 0;
    padding: 0;
    font-weight: 300
}

.panel-collapse .product-list-info .column-product .producr-list-price {
    justify-content: space-between
}

.panel-collapse .product-list-info .column-product .producr-list-price .product-caption-price {
    width: 30%;
    font-size: 14px;
    font-weight: 300
}

.panel-collapse .product-list-info .column-product .producr-list-price p {
    padding: 0;
    width: 70px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ddd
}

.panel-collapse .product-list-info .product-list-buy {
    align-items: flex-end
}

.panel-collapse .product-list-info .product-list-buy .cart-add-button {
    width: 100%;
    padding: 10px
}

.panel-collapse .product-list-info .product-list-buy .buy-one-click {
    display: block;
    white-space: nowrap;
    padding-left: 20px;
    width: auto;
    height: auto;
    margin-top: 30px;
    border: 0;
    font-size: 14px;
    font-weight: 300;
    left: 25px;
    color: #333;
    text-decoration: underline;
    background: transparent url(../image/img/icon-mouse.png) no-repeat left center
}

.panel-collapse .product-list-info .product-list-buy .buy-one-click:hover {
    text-decoration: none;
    background-color: transparent
}

.panel-collapse .order-product-list_right {
    border-left: 1px solid #dedede;
    padding-top: 30px;
    padding-bottom: 30px
}

.panel-collapse .order-product-list_right ul {
    margin: 0;
    padding: 0
}

.panel-collapse .order-product-list_right .option-name {
    display: inline-block;
    font-size: 14px;
    font-weight: 900;
    width: 45%
}

.panel-collapse .order-product-list_right .option-value {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-left: 5px;
    font-size: 14px;
    font-weight: 300;
    color: #666
}

.panel-collapse .order-product-list_right .option-value.status {
    display: inline-block;
    width: 110px;
    height: 28px;
    background: #2fa423;
    color: #fff;
    line-height: 28px;
    text-align: center
}

.panel-group .panel {
    margin-bottom: 0;
    border: none !important
}

.block-flex {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.login-block {
    padding: 20px 0;
    background: #fff
}

.login-block .login-title {
    justify-content: space-between;
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .login-block .login-title {
        flex-direction: column;
        justify-content: center
    }
}

.login-block h1 {
    margin: 0;
    padding: 0;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}

@media screen and (max-width: 767px) {
    .login-block h1 {
        margin-bottom: 15px;
        text-align: center
    }
}

.login-block .row-login {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px
}

.login-block input {
    padding: 10px 0;
    border: 0;
    border-bottom: 1px solid #c7c7c7;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 300
}

.login-block input[type="submit"] {
    padding: 10px
}

.login-block .form-group {
    margin-bottom: 30px
}

.login-block .login-content {
    padding: 20px 35px 0
}

.login-block .login-content .col-mail, .login-block .login-content .col-psw {
    padding-left: 44px;
    background-image: url(../image/img/reg-mail.png);
    background-repeat: no-repeat;
    background-position: 10px center
}

.login-block .login-content .col-psw {
    background-image: url(../image/img/reg-key.png)
}

.login-block .login-forgot {
    color: #a33d16;
    padding: 10px 0 0;
    white-space: nowrap;
    text-align: left
}

.login-block .login-forgot:hover {
    text-decoration: underline
}

.login-block .login-forgot i {
    color: #a33d16
}

.login-block .login-btns {
    padding-top: 0;
    padding-left: 0;
    margin: 0 auto
}

.login-block .login-btns .remember {
    color: #999;
    font-size: 12px
}

.login-block .login-btns .block-flex-col {
    align-items: flex-start
}

.login-block .login-btns .socialLogin {
    display: none
}

.login-block .login-btns .btn-reg {
    padding: 0;
    border-radius: 0;
    color: #2a77b9;
    border-bottom: 1px dashed #2a77b9;
    background: 0;
    box-shadow: none
}

.login-block .login-btns .btn-reg:hover {
    border-bottom-color: transparent;
    border-bottom: 1px dashed transparent;
    box-shadow: none
}

.login-block .login-btns .btn-login {
    min-width: 115px;
    background: #444
}

.login-block .login-btns .btn-login:hover {
    background: #666
}

.row-colored {
    padding: 16px 35px;
    background: #a33d16
}

.account-container .socialLogin, .login-block .socialLogin {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    margin: 10px auto
}

@media screen and (max-width: 767px) {
    .account-container .socialLogin, .login-block .socialLogin {
        text-align: center;
        flex-direction: column;
        width: 100%
    }
}

.account-container .socialLogin span, .login-block .socialLogin span {
    position: relative;
    display: block;
    width: 50%;
    text-align: right;
    right: 0;
    line-height: 22px;
    color: #999
}

@media screen and (max-width: 767px) {
    .account-container .socialLogin span, .login-block .socialLogin span {
        text-align: center;
        width: 100%
    }
}

.account-container .socialLogin #uLogin, .login-block .socialLogin #uLogin {
    width: 50%;
    position: relative;
    right: 0
}

@media screen and (max-width: 767px) {
    .account-container .socialLogin #uLogin, .login-block .socialLogin #uLogin {
        text-align: center;
        width: 100%
    }
}

.account-container .socialLogin .ulogin-buttons-container, .login-block .socialLogin .ulogin-buttons-container {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 20px !important
}

@media screen and (max-width: 767px) {
    .account-container .socialLogin .ulogin-buttons-container, .login-block .socialLogin .ulogin-buttons-container {
        text-align: center;
        justify-content: center;
        padding-left: 0 !important
    }
}

.account-container .socialLogin [class*='ulogin-button-'], .login-block .socialLogin [class*='ulogin-button-'] {
    border-radius: 50% !important;
    display: none !important;
    zoom: .8
}

.account-container .socialLogin .ulogin-button-facebook, .login-block .socialLogin .ulogin-button-facebook {
    display: inline-block !important
}

.account-container .socialLogin .ulogin-button-vkontakte, .login-block .socialLogin .ulogin-button-vkontakte {
    display: inline-block !important
}

.account-container .socialLogin .ulogin-button-odnoklassniki, .login-block .socialLogin .ulogin-button-odnoklassniki {
    display: inline-block !important
}

.account-container .socialLogin .ulogin-button-googleplus, .login-block .socialLogin .ulogin-button-googleplus {
    display: inline-block !important
}

.account-container .socialLogin .ulogin-button-twitter, .login-block .socialLogin .ulogin-button-twitter {
    display: inline-block !important;
    border: 1px solid #4fc2fb !important
}

.account-container .socialLogin .ulogin-button-yandex, .login-block .socialLogin .ulogin-button-yandex {
    display: none !important
}

.account-container .socialLogin .ulogin-button-mailru, .login-block .socialLogin .ulogin-button-mailru {
    display: none !important
}

.account-container .socialLogin .ulogin-button-livejournal, .login-block .socialLogin .ulogin-button-livejournal {
    display: none !important
}

.account-container .socialLogin .ulogin-button-liveid, .login-block .socialLogin .ulogin-button-liveid {
    display: none !important
}

.account-container .socialLogin .ulogin-button-uid, .login-block .socialLogin .ulogin-button-uid {
    display: none !important
}

.account-container .socialLogin .ulogin-button-webmoney, .login-block .socialLogin .ulogin-button-webmoney {
    display: none !important
}

.account-container .socialLogin .ulogin-button-wargaming, .login-block .socialLogin .ulogin-button-wargaming {
    display: none !important
}

.account-container .socialLogin ul, .login-block .socialLogin ul {
    margin: 0
}

.account-container .socialLogin a, .login-block .socialLogin a {
    display: block;
    padding: 6px;
    text-align: center;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%
}

.account-container .socialLogin a i, .login-block .socialLogin a i {
    color: #a33d16;
    font-size: 18px
}

.account-container + .empty-box {
    padding-left: 35px;
    padding-right: 35px
}

.account-container:not(.checkout-container) {
    margin: 0 0 20px 0;
    padding: 20px 0 1px;
    background: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #666
}

.account-container:not(.checkout-container) .btn-primary {
    font-family: 'Roboto', sans-serif;
    font-weight: 900
}

.account-container:not(.checkout-container) h1 {
    padding-left: 35px;
    padding-right: 35px;
    margin: 0;
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 800;
    line-height: 36px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase
}

.account-container:not(.checkout-container) h1.reg-title {
    background: #f0f0f0;
    color: #353535;
    line-height: 65px;
    text-align: center
}

.account-container:not(.checkout-container) h1.reg-title i {
    width: 36px;
    height: 36px;
    margin-right: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #353535;
    border-image: initial;
    border-radius: 50%
}

.account-container:not(.checkout-container).forgotten {
    text-align: center
}

.account-container:not(.checkout-container).forgotten h1 {
    color: #fff;
    text-align: center;
    line-height: 65px;
    background: #a33d16
}

.account-container:not(.checkout-container).forgotten h1 i {
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-right: 10px
}

.account-container:not(.checkout-container).forgotten p {
    max-width: 50%;
    text-align: center;
    display: inline-block
}

.account-container:not(.checkout-container).forgotten legend {
    display: none
}

.account-container:not(.checkout-container).forgotten label {
    font-size: 0;
    width: 42px;
    height: 33px;
    background: url(../image/img/reg-mail.png) no-repeat center
}

.account-container:not(.checkout-container).forgotten .form-group {
    display: flex;
    justify-content: center
}

.account-container:not(.checkout-container).forgotten form {
    padding: 0 35px 35px
}

.account-container:not(.checkout-container) .btn {
    min-width: 100px;
    padding: 10px
}

.account-container:not(.checkout-container) p {
    padding: 0 35px
}

.account-container:not(.checkout-container) p.reward-sum b {
    font-weight: 700;
    color: #a33d16
}

.account-container:not(.checkout-container) p:last-child {
    padding-bottom: 15px
}

.account-container:not(.checkout-container) .table .description {
    white-space: pre-wrap
}

.account-container:not(.checkout-container) .ac-block {
    padding-bottom: 25px;
    border-bottom: 1px solid #eee
}

@media screen and (max-width: 767px) {
    .account-container:not(.checkout-container) .ac-block {
        flex-direction: column
    }
}

.account-container:not(.checkout-container) .ac-block .btn {
    padding-left: 10px;
    margin-right: 35px;
    margin-left: 35px;
    font-size: 14px;
    font-weight: 900;
    color: #666;
    background: #ebebeb;
    box-shadow: none
}

.account-container:not(.checkout-container) .ac-block .btn:hover {
    box-shadow: none;
    background: #ccc
}

.account-container:not(.checkout-container) ul {
    margin: 0;
    margin-top: 20px;
    padding: 5px 35px 25px;
    list-style: none
}

.account-container:not(.checkout-container) ul li {
    padding: 8px 0;
    font-size: 14px;
    font-weight: 300;
    color: #666
}

.account-container:not(.checkout-container) ul .ac-option {
    display: inline-block;
    width: 175px;
    font-size: 14px;
    font-weight: 300;
    color: #333
}

@media screen and (max-width: 767px) {
    .account-container:not(.checkout-container) ul .ac-option {
        width: auto;
        padding-right: 20px;
        font-weight: 500
    }
}

.account-container:not(.checkout-container) ul a {
    display: block;
    margin: 10px auto 5px;
    color: #a33d16
}

.account-container:not(.checkout-container) .table-responsive {
    font-size: 14px
}

.account-container:not(.checkout-container) .table-responsive thead {
    background: #a33d16;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #fff
}

.account-container:not(.checkout-container) .table-responsive thead td {
    color: #fff
}

.account-container:not(.checkout-container) .table-responsive td {
    text-align: center !important;
    border: 0;
    padding: 15px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #333
}

.account-container:not(.checkout-container) .table-responsive td.bonus-0 {
    padding-left: 30px 35px 76px;
    font-size: 30px;
    line-height: 60px;
    font-weight: 300;
    color: #cacaca
}

.account-container:not(.checkout-container) .row-results {
    margin: 0;
    padding: 15px 20px
}

.account-container:not(.checkout-container) .buttons {
    margin: 0
}

.account-container:not(.checkout-container) .buttons a {
    position: relative;
    top: -5px
}

.account-container:not(.checkout-container) label {
    font-weight: 300
}

.account-container:not(.checkout-container) .login-register .form-group {
    display: flex;
    justify-content: center
}

.account-container:not(.checkout-container) .login-register .form-group .field-main {
    padding-left: 35px
}

.account-container:not(.checkout-container) .login-register .form-group .field-main label {
    position: absolute;
    height: 100%;
    width: 44px;
    left: 0;
    flex-grow: 0;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: left center
}

.account-container:not(.checkout-container) .login-register .form-group .field-main label:before {
    position: relative;
    left: -10px
}

.account-container:not(.checkout-container) .login-register .form-group:nth-child(1) .field-main label {
    background-image: url(../image/img/reg-user.png)
}

.account-container:not(.checkout-container) .login-register .form-group:nth-child(2) .field-main label {
    background-image: url(../image/img/reg-user.png)
}

.account-container:not(.checkout-container) .login-register .form-group:nth-child(3) .field-main label {
    background-image: url(../image/img/reg-phone.png)
}

.account-container:not(.checkout-container) .login-register .form-group:nth-child(4) .field-main label {
    background-image: url(../image/img/reg-mail.png)
}

.account-container:not(.checkout-container) .login-register .form-group:nth-child(5) .field-main label {
    background-image: url(../image/img/reg-key.png)
}

.account-container:not(.checkout-container) .login-register .form-group:nth-child(6) .field-main {
    margin-bottom: 10px
}

.account-container:not(.checkout-container) .login-register .form-group:nth-child(6) .field-main label {
    background-image: url(../image/img/reg-key2.png)
}

.account-container:not(.checkout-container) .checkbox label {
    font-size: 12px;
    font-weight: 300
}

.account-container:not(.checkout-container) input {
    padding: 10px 0;
    max-width: 300px;
    border: 0;
    border-bottom: 1px solid #c7c7c7;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 300
}

.account-container:not(.checkout-container) input[type="submit"] {
    padding: 10px
}

.account-container:not(.checkout-container) select {
    max-width: 300px
}

.account-container:not(.checkout-container) ::-webkit-input-placeholder, .account-container:not(.checkout-container) ::-moz-placeholder, .account-container:not(.checkout-container) :-ms-input-placeholder, .account-container:not(.checkout-container) :-moz-placeholder {
    color: #999993
}

.account-container:not(.checkout-container) .button-holder {
    text-align: center;
    padding-bottom: 40px
}

.account-container:not(.checkout-container) .changepsw, .account-container:not(.checkout-container) .changeadr {
    padding: 0 35px 35px
}

.account-container:not(.checkout-container) .changepsw .btn, .account-container:not(.checkout-container) .changeadr .btn {
    top: 0
}

.account-container:not(.checkout-container) .changepsw legend, .account-container:not(.checkout-container) .changeadr legend {
    display: none
}

.empty-title {
    margin-top: 9px
}

.error-container {
    margin: 0 0 20px 0;
    padding: 5px 10px 40px 10px;
    border: 1px solid #eee;
    background: #fff
}

@media (max-width: 991px) {
    .account-icons .account-icon {
        justify-content: center;
        display: flex;
        margin: 5px 0
    }
}

.account-icons {
    padding: 20px 35px;
    background: #fff
}

.account-icons-list {
    margin-bottom: 0;
    flex-wrap: wrap;
    display: flex;
    justify-content: flex-start
}

.account-icons-list a, .account-icons-list h6 {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none
}

.account-icons-list:hover {
    text-decoration: none
}

.account-item {
    transition: .2s ease;
    margin-right: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background: #a33d16;
    width: 114px;
    height: 84px;
    text-align: center;
    border: 1px solid #eee;
    padding: 7px 20px;
    transition: all .5s
}

.account-item i {
    position: relative;
    display: block;
    padding: 8px;
    margin-bottom: 8px;
    font-size: 20px;
    color: #a33d16
}

.account-item i:before {
    position: relative;
    z-index: 1
}

.account-item i:after {
    position: absolute;
    display: block;
    content: "";
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0
}

.account-item:hover {
    background: #fff;
    border-color: #a33d16
}

.account-item:hover h6 {
    color: #a33d16
}

.account-item:hover i {
    color: #fff
}

.account-item:hover i:after {
    background: #a33d16
}

.border-status {
    font-size: 19px;
    border: 4px dotted #57d17a;
    padding: 5px;
    border-radius: 4px;
    transform: rotate(-5deg);
    position: absolute
}

.order-list {
    padding: 6px 0;
    background: #f5f5f5;
    border: 0;
    justify-content: flex-start;
    display: flex
}

.order-list .order-list-left, .order-list .order-list-right {
    padding: 0;
    height: 40px;
    display: flex
}

.order-list .order-list-print {
    border-left: 1px solid #ccc
}

.order-list .order-list-print i {
    font-size: 32px;
    top: -5px;
    position: relative
}

.order-list div {
    height: 40px;
    font-weight: 400;
    color: #444;
    font-size: 14px
}

.order-list div span {
    display: inline-block;
    padding: 10px 0
}

.order-list div a {
    color: #5e8ee4
}

.order-list div a:hover {
    color: #5e8ee4
}

.order-list .order-list-number a {
    border-bottom: 1px dotted
}

.order-list .order-list-total-prise {
    padding-left: 0
}

@media (max-width: 1199px) and (min-width: 992px) {
    .order-list .order-list-print i {
        left: -6px
    }
}

@media (max-width: 1199px) {
    .order-list div {
        font-size: 13px
    }
}

.order-list-info {
    width: 190px
}

.order-list-number i, .order-list-info i {
    color: #5e8ee4
}

.order-list-number i:hover, .order-list-info i:hover {
    color: #5e8ee4
}

.order-product-list {
    display: flex;
    padding: 0
}

.order-product-list_left {
    border-top: 1px solid #ccc;
    padding: 10px 0
}

.order-product-list_right {
    border-left: 1px solid #ccc;
    padding: 10px 0
}

@media (max-width: 992px) {
    .order-product-list_right {
        border-left: 0
    }
}

.order-list-product {
    width: 380px
}

.order-list-product a {
    text-align: center
}

.order-list-done {
    color: #57d17a;
    font-weight: bold
}

.order-list-right {
    border-left: 1px solid #ccc
}

.order-list-right .order-list-status {
    position: relative
}

.order-list-history {
    position: absolute;
    right: 14px;
    border: 0
}

.order-list-basket {
    display: flex;
    overflow: hidden;
    align-items: center
}

.order-list-basket a {
    border-bottom: none !important
}

.product-list-info {
    padding: 0 8px;
    display: flex;
    border-bottom: 1px dotted #ccc
}

.product-list-info .product-list-caption, .product-list-info .button-group-cart, .product-list-info .product-list-buy {
    padding: 10px;
    display: flex;
    flex-direction: column
}

.producr-list-price {
    padding-left: 10px;
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

.producr-list-price p {
    font-weight: bold;
    padding-right: 32px
}

#button-coupon, #button-voucher, #button-reward {
    padding: 7px 20px 8px
}

.product-grid .price-container {
    width: 50%
}

.column-product a {
    color: #000;
    font-weight: bold
}

.column-product a:hover {
    color: #000;
    text-decoration: underline
}

.column-status {
    display: flex;
    width: 100%;
    flex-direction: column
}

.product-list-buy {
    justify-content: flex-end
}

.product-list-buy .cart-add-button {
    padding: 10px 0
}

.product-caption-article {
    padding: 10px 0;
    font-weight: bold
}

.panel-body {
    padding: 0
}

#accordion-shipping-payment {
    margin-top: 10px
}

.order-title {
    width: 30%
}

@media (max-width: 991px) {
    .account-icons-list {
        flex-wrap: wrap
    }

    .column-portable {
        display: flex;
        flex-direction: column
    }
}

@media (max-width: 768px) {
    .product-list-buy, .product-list-image {
        margin: 0 auto
    }

    .product-list-buy img, .product-list-image img {
        margin: 0 auto
    }

    .column-product {
        text-align: center
    }

    .product-list-info {
        flex-direction: column;
        align-items: center
    }
}

@media (max-width: 515px) {
    .account-icon {
        width: 24%;
        margin: 0 1% 5px 0 !important
    }

    .account-icon .account-item {
        width: 100%;
        height: 69px
    }

    .account-icon .account-item h6 {
        display: none
    }

    .account-icon .account-item i {
        font-size: 24px
    }
}

.radio-box {
    text-align: center;
    margin: 20px 0 10px
}

#blog-soforp_search {
    margin-top: 5px
}

#blog-soforp_search input.form-control {
    height: 33px
}

#blog-search {
    border: 1px solid #ccc;
    top: 0
}

#blog-search > .form-control {
    border: 0;
    border-right: 1px solid #ccc
}

#blog-search > .input-group-btn, #blog-search #button-search {
    height: 100%;
    background: #ececec;
    padding: 2px 9px 2px;
    color: #747474
}

.blog-soforp_category .product-thumb .caption h4, .blog-soforp_search .product-thumb .caption h4, .blog-soforp_author .product-thumb .caption h4 {
    margin-top: 0
}

.blog-soforp_category .product-thumb .caption h4 a, .blog-soforp_search .product-thumb .caption h4 a, .blog-soforp_author .product-thumb .caption h4 a {
    font-size: 18px
}

.blog-soforp_article .product-layout .product-thumb {
    outline: 1px solid rgba(0, 0, 0, 0.085);
    border-bottom: solid 1px #fff;
    border-right: solid 1px #fff
}

.blog-soforp_article .product-layout .product-thumb:hover {
    outline: 1px solid rgba(0, 0, 0, 0.02)
}

.related-products-container {
    display: flex;
    flex-wrap: wrap;
    padding: 0 9px
}

.related-products-container .related-products-grid {
    margin-bottom: 15px
}

.related-products-container .related-products-grid .product-thumb {
    background: #fff;
    border: 1px solid #eee;
    margin: 5px -10px;
    padding: 10px
}

.related-products-container .related-products-grid .product-thumb h4 {
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    height: 37px;
    overflow: hidden
}

.related-products-container .related-products-grid .product-thumb h4 > a {
    color: #000
}

.related-products-container .related-products-grid .product-thumb .price {
    font-size: 18px;
    text-align: center;
    min-height: 20px
}

#related_articles {
    padding: 0 5px
}

.related-products-column .product-thumb {
    padding: 0 5px;
    display: flex;
    border: none !important
}

.related-products-column .product-thumb .image {
    margin-right: 10px;
    width: 40%
}

.related-products-column .product-thumb .quickview {
    display: none
}

.related-products-column .product-thumb .quickview > * {
    display: none
}

.related-products-column .product-thumb .caption {
    width: 60%
}

.related-products-column .product-thumb h4 {
    font-weight: 400;
    font-size: 16px;
    height: 39px;
    overflow: hidden;
    margin-right: 7px
}

.related-products-column .product-thumb h4 > a {
    color: #595959
}

.related-products-column .product-thumb h4 > a:hover {
    color: #595959
}

.related-products-column .product-thumb h4 .price {
    color: #595959;
    font-size: 16px;
    text-align: center;
    min-height: 20px
}

.related-products-column .product-thumb:hover {
    padding: 0 5px
}

@media (max-width: 1199px) {
    .related-products-container .related-products-grid .product-thumb .price {
        font-size: 16px;
        text-align: center;
        min-height: 20px
    }

    .related-products-column .product-thumb {
        align-items: center;
        flex-direction: column
    }

    .related-products-column .product-thumb .caption {
        width: 100%;
        text-align: center
    }
}

#button-comment:hover {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    opacity: .94
}

@media (min-width: 768px) {
    .blog-soforp_article .product-layout .product-thumb .caption h4 a {
        height: 40px
    }

    .blog-soforp_article .product-layout .product-thumb .caption h4 + p {
        height: 40px
    }
}

@media (max-width: 767px) {
    .article-thumb {
        display: flex;
        flex-direction: column !important
    }

    .product-layout .news .image img {
        width: 100%
    }

    .blog-soforp_article .product-layout .product-thumb .caption h4 a {
        text-align: center;
        height: auto
    }

    .blog-soforp_article .product-layout .product-thumb .caption h4 + p {
        height: auto;
        min-height: 26px
    }

    #form-comment.with-captcha #button-comment {
        bottom: -5px
    }

    .blog-soforp_category .product-thumb .caption h4, .blog-soforp_search .product-thumb .caption h4, .blog-soforp_author .product-thumb .caption h4 {
        text-align: left
    }

    .blog-soforp_category .product-thumb .caption a, .blog-soforp_search .product-thumb .caption a, .blog-soforp_author .product-thumb .caption a {
        font-size: 18px
    }

    .blog-soforp_category .product-thumb .caption .entry-meta, .blog-soforp_search .product-thumb .caption .entry-meta, .blog-soforp_author .product-thumb .caption .entry-meta {
        text-align: left
    }

    .blog-soforp_category .product-thumb .caption .entry-meta a, .blog-soforp_search .product-thumb .caption .entry-meta a, .blog-soforp_author .product-thumb .caption .entry-meta a {
        font-size: 13px
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .blog-soforp_category .product-thumb .caption h4 a, .blog-soforp_search .product-thumb .caption h4 a, .blog-soforp_author .product-thumb .caption h4 a {
        font-size: 16px
    }
}

@media (max-width: 480px) {
    .blog-blog .product-thumb .images img, .blog-soforp_category .product-thumb .images img, .blog-soforp_search .product-thumb .images img, .blog-soforp_author .product-thumb .images img {
        width: 100%
    }

    .blog-blog .blog-content .product-list .product-thumb .caption, .blog-soforp_category .blog-content .product-list .product-thumb .caption, .blog-soforp_search .blog-content .product-list .product-thumb .caption, .blog-soforp_author .blog-content .product-list .product-thumb .caption {
        padding-left: 0;
        padding-right: 0
    }
}

.blog-soforp_search .product-layout .product-thumb, .blog-soforp_author .product-layout .product-thumb, .blog-soforp_category .product-layout .product-thumb {
    border: 0;
    box-shadow: none
}

.blog-soforp_search .products-content, .blog-soforp_author .products-content, .blog-soforp_category .products-content {
    border: 0
}

.product-thumb:hover .button-group button + button:hover {
    border-left: 1px solid rgba(0, 0, 0, 0.07)
}

@media (max-width: 767px) {
    .product-thumb:hover .button-group button {
        border: 1px solid transparent
    }
}

@media (min-width: 768px) {
    .blog-soforp_search .product-layout .product-thumb, .blog-soforp_category .product-layout .product-thumb, .blog-soforp_author .product-layout .product-thumb {
        padding-left: 3px
    }
}

@media (max-width: 767px) {
    .blog-soforp_search .products-content .product-layout .product-thumb, .blog-soforp_author .products-content .product-layout .product-thumb, .blog-soforp_category .products-content .product-layout .product-thumb {
        border: 0;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .blog-blog .product-thumb .images, .blog-soforp_category .product-thumb .images, .blog-soforp_search .product-thumb .images, .blog-soforp_author .product-thumb .images {
        margin-right: 15px
    }
}

.comment-reply-link {
    background: #a33d16;
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    text-shadow: none;
    border: 0;
    box-shadow: none;
    padding: 5px 16px
}

.comment-reply-link:hover {
    background: #341e12;
    color: #fff;
    border: 0;
    text-decoration: none;
    text-shadow: none;
    box-shadow: none
}

.entry-meta {
    padding: 0 0 6px;
    margin-top: 0;
    display: flex
}

.entry-meta a {
    font-size: 13px;
    color: #6b6b6b
}

.entry-meta a:hover {
    text-decoration: underline
}

.entry-meta .fa {
    font-size: 14px;
    margin-right: 2px
}

.entry-meta span {
    font-size: 13px;
    display: inline-block;
    margin-bottom: 5px;
    color: #595959
}

@media (max-width: 1199px) and (min-width: 768px) {
    .entry-meta span {
        font-size: 12px
    }
}

.row.article-block {
    margin-bottom: 30px
}

.common-home .row.article-block .product-layout {
    padding-left: 0;
    padding-right: 0
}

.product-grid {
    text-align: center
}

.blog-content .product-grid .caption, .article-block .product-thumb .caption, .article-block .article-thumb .caption {
    height: 180px;
    overflow: hidden;
    margin-top: 0
}

.article-block .product-layout .product-thumb, .article-block .product-layout .product-thumb:hover, .article-block .product-layout .article-thumb, .article-block .product-layout .article-thumb:hover {
    padding: 10px;
    margin: 0;
    border: 1px solid #eee
}

.product-block .product-thumb .caption {
    min-height: 140px;
    position: relative
}

.blog-soforp_article .product-block .product-thumb .caption {
    height: auto;
    min-height: 40px
}

.blog-soforp_article .product-block .product-thumb .caption:before {
    display: none
}

.comment-body {
    background-color: #fff;
    margin: 0;
    overflow: hidden;
    padding: 20px 10px;
    position: relative;
    border-bottom: 1px solid #eee;
    border-radius: 0
}

.comment-body .comment-content {
    padding: 0 0 15px;
    font-size: 13px;
    line-height: 1.25;
    word-wrap: break-word
}

.comment-body .comment-top {
    display: flex
}

.comment-body .comment-top .comment-meta {
    padding-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 50%
}

.comment-body .comment-top .comment-meta .comment-author {
    padding-right: 15px;
    width: 50%
}

.comment-body .comment-top .comment-meta .comment-author::after {
    content: '';
    width: 2px;
    height: 25px;
    display: block;
    background: white;
    position: absolute;
    left: 25%;
    top: 18px;
    border-radius: 3px;
    box-shadow: 0 0 1px 1px #bbbaba
}

.comment-body .comment-top .comment-meta .comment-date {
    width: 50%;
    padding-left: 10px;
    position: relative;
    top: -2px
}

.comment-body .comment-top .comment-rating {
    display: flex;
    width: 50%;
    justify-content: flex-end
}

.comment-body .comment-top .comment-rating span {
    position: relative;
    margin-right: 5px;
    font-size: 16px
}

.comment-body .comment-middle {
    display: flex
}

.comment-body .comment-middle .comment-quot {
    display: flex;
    width: 10%;
    font-size: 108px;
    color: #a33d16
}

.comment-body .comment-middle .comment-content {
    padding: 21px 15px 15px 0;
    display: flex;
    width: 90%;
    color: #595959
}

.comment-body .comment-bottom {
    display: flex;
    justify-content: flex-end
}

.comment-rating .fa-stack {
    width: .9em;
    height: 1em
}

.comment-rating .fa-stack-2x {
    color: #ec0404;
    font-size: 1em
}

@media (max-width: 991px) {
    .comment-body .comment-left {
        width: 26%
    }

    .comment-body .comment-right {
        width: 73%
    }
}

@media (max-width: 767px) {
    .comment-body .comment-left {
        width: 25%
    }

    .comment-body .comment-right {
        width: 74%
    }
}

@media (max-width: 480px) {
    .comment-body .comment-left {
        width: 100%;
        margin-bottom: 15px
    }

    .comment-body .comment-right {
        width: 100%
    }
}

.comment-author {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px
}

.comment-date {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 5px;
    margin-top: 5px;
    opacity: .8
}

.comment-children {
    margin-left: 0;
    padding-left: 40px;
    border-left: 1px solid #fff
}

@media (min-width: 768px) and (max-width: 1199px) {
    .comment-author {
        font-size: 12px
    }

    .comment-date {
        font-size: 10px
    }
}

#form-comment #input-captcha {
    margin-right: 20px;
    width: 50%;
    float: left
}

#form-comment .buttons {
    display: inline-block;
    margin: 0;
    margin-bottom: 4px
}

#form-comment .comment-captcha label {
    width: 100%;
    text-align: left
}

#form-comment .comment-captcha .col-sm-10 {
    clear: left
}

#form-comment.with-captcha #button-comment {
    position: relative;
    bottom: -30px
}

#reply-remove {
    white-space: nowrap
}

.blog-blog h1, .blog-soforp_category h1, .blog-soforp_search h1, .blog-soforp_author h1 {
    margin: 5px 0
}

.blog-blog .product-thumb .images, .blog-soforp_category .product-thumb .images, .blog-soforp_search .product-thumb .images, .blog-soforp_author .product-thumb .images {
    text-align: left;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px
}

.blog-blog .blog-content .product-list .product-thumb .caption, .blog-soforp_category .blog-content .product-list .product-thumb .caption, .blog-soforp_search .blog-content .product-list .product-thumb .caption, .blog-soforp_author .blog-content .product-list .product-thumb .caption {
    margin-left: 0;
    margin-right: 5px;
    padding-left: 0
}

.blog-blog .product-layout.product-list .product-thumb, .blog-soforp_category .product-layout.product-list .product-thumb, .blog-soforp_search .product-layout.product-list .product-thumb, .blog-soforp_author .product-layout.product-list .product-thumb {
    height: auto
}

.blog-blog .btn.btn-default.read-more, .blog-soforp_category .btn.btn-default.read-more, .blog-soforp_search .btn.btn-default.read-more, .blog-soforp_author .btn.btn-default.read-more {
    margin-bottom: 6px
}

@media (max-width: 991px) and (min-width: 768px) {
    .blog-blog .product-thumb .images, .blog-soforp_category .product-thumb .images, .blog-soforp_search .product-thumb .images, .blog-soforp_author .product-thumb .images {
        margin-right: 15px
    }

    .blog-blog .blog-content .product-list .product-thumb .caption p, .blog-soforp_category .blog-content .product-list .product-thumb .caption p, .blog-soforp_search .blog-content .product-list .product-thumb .caption p, .blog-soforp_author .blog-content .product-list .product-thumb .caption p {
        font-size: 13px
    }
}

.blog-blog .row.actik a, .blog-soforp_article .row.actik a, .blog-soforp_category .row.actik a, .blog-soforp_search .row.actik a, .blog-soforp_author .row.actik a {
    position: relative;
    top: 0;
    color: #595959
}

.article-block.arbs .product-thumb .entry-meta span {
    font-size: 11px
}

.article-block.arbs .product-thumb .entry-meta span .fa {
    font-size: 12px;
    margin-right: 1px
}

@media (max-width: 1199px) {
    .paginator > div {
        float: none;
        width: 100%;
        text-align: left
    }

    .paginator .text-left {
        position: relative;
        top: -5px
    }
}

@media (max-width: 925px) and (min-width: 768px) {
    .blog-blog .product-layout.product-list .product-thumb, .blog-soforp_category .product-layout.product-list .product-thumb, .blog-soforp_search .product-layout.product-list .product-thumb, .blog-soforp_author .product-layout.product-list .product-thumb {
        padding-bottom: 10px
    }

    .article-block.arbs .product-thumb h4 {
        font-size: 16px
    }

    .article-block.arbs .product-thumb p.descripts {
        font-size: 13px
    }
}

@media (max-width: 767px) {
    .blog-soforp_search .search-line > div {
        margin-bottom: 10px
    }

    .blog-blog .blog-content .product-list .product-thumb .caption p, .blog-soforp_category .blog-content .product-list .product-thumb .caption p, .blog-soforp_search .blog-content .product-list .product-thumb .caption p, .blog-soforp_author .blog-content .product-list .product-thumb .caption p {
        text-align: left
    }

    .blog-blog h1, .blog-soforp_category h1, .blog-soforp_search h1, .blog-soforp_author h1 {
        margin-top: 2px;
        margin-bottom: 5px
    }

    .blog-soforp_article h1 {
        padding-bottom: 0
    }

    .blog-soforp_search .form-control {
        margin-bottom: 10px
    }

    .blog-blog .product-thumb .images, .blog-soforp_category .product-thumb .images, .blog-soforp_search .product-thumb .images, .blog-soforp_author .product-thumb .images {
        margin-right: 15px
    }
}

@media (max-width: 480px) {
    .blog-blog .blog-content .product-list .product-thumb .caption, .blog-soforp_category .blog-content .product-list .product-thumb .caption, .blog-soforp_search .blog-content .product-list .product-thumb .caption, .blog-soforp_author .blog-content .product-list .product-thumb .caption {
        margin-left: 0;
        margin-right: 0
    }

    .blog-blog .blog-content .product-list .product-thumb .caption h4, .blog-soforp_search .blog-content .product-list .product-thumb .caption h4, .blog-soforp_category .blog-content .product-list .product-thumb .caption h4, .blog-soforp_author .blog-content .product-list .product-thumb .caption h4 {
        text-align: left
    }

    .blog-blog .blog-content .product-list .product-thumb .caption .entry-meta, .blog-soforp_search .blog-content .product-list .product-thumb .caption .entry-meta, .blog-soforp_category .blog-content .product-list .product-thumb .caption .entry-meta, .blog-soforp_author .blog-content .product-list .product-thumb .caption .entry-meta {
        text-align: left
    }

    .blog-blog .product-thumb .images, .blog-soforp_category .product-thumb .images, .blog-soforp_search .product-thumb .images, .blog-soforp_author .product-thumb .images {
        text-align: center;
        float: none;
        margin-right: 0
    }

    .blog-soforp_search #search .btn-lg {
        top: -5px
    }
}

.row.actik {
    padding-top: 5px
}

@media (max-width: 1199px) {
    .row.actik {
        font-size: 13px;
        line-height: 1.25
    }
}

@media (max-width: 991px) {
    .row.actik {
        line-height: 1.2
    }

    .row.actik img {
        float: none;
        width: auto;
        max-width: 100%;
        display: block
    }
}

.blog-soforp_category #content h1 + h3, .blog-soforp_category #content h1 + h3 + .row, .blog-soforp_search #content h1 + h3, .blog-soforp_search #content h1 + h3 + .row, .blog-soforp_author #content h1 + h3, .blog-soforp_author #content h1 + h3 + .row {
    display: none
}

.wrapps.asb-wrap {
    padding-top: 0
}

.aticle-body {
    color: #595959
}

.aticle-body ul, .aticle-body ol {
    padding-left: 0;
    margin-top: 15px;
    margin-bottom: 15px
}

.aticle-body li {
    margin-left: 30px;
    margin-bottom: 5px;
    margin-top: 5px
}

.aticle-body img {
    max-width: 100%;
    margin-bottom: 8px;
    margin-top: 8px
}

.blog-soforp_article .row.article-block, .blog-soforp_article .row.product-block {
    margin-left: -10px;
    margin-right: -10px;
    border: none !important
}

.blog-soforp_article .entry-meta {
    margin-bottom: 10px;
    padding-left: 3px
}

.blog-soforp_article .ya-share2 {
    margin-bottom: 10px;
    margin-top: -5px
}

.blog-soforp_article .row.article-block, .blog-soforp_article .row.product-block {
    border-left: 1px solid #eceeef;
    border-top: 1px solid #eceeef
}

.blog-soforp_article .article-block .product-layout {
    padding-left: 0;
    padding-right: 0
}

.blog-soforp_article .article-block .product-layout .product-thumb, .blog-soforp_article .article-block .product-layout .product-thumb:hover {
    padding: 10px;
    margin: 0
}

.blog-soforp_article .product-block .product-layout {
    padding-left: 10px;
    padding-right: 10px
}

.blog-soforp_article .product-block .product-layout .product-thumb {
    margin-top: 0;
    margin-bottom: 0
}

.blog-soforp_article .product-layout .product-thumb {
    outline: 0
}

.blog-soforp_article .article-block .entry-meta {
    padding-top: 5px;
    padding-bottom: 0
}

#form-comment #input-review + .help-block {
    font-size: 12px;
    margin-bottom: 14px
}

.articles-top {
    margin-bottom: 20px;
    padding: 25px 20px;
    background: #fff;
    border: 1px solid #eee
}

.articles-top h2 {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px
}

.articles-top p {
    color: #595959
}

.articles-top a.moreLink {
    text-transform: uppercase;
    color: #a33d16;
    font-size: 15px;
    text-align: center;
    background: linear-gradient(to top, #fff 46%, rgba(125, 185, 232, 0) 100%);
    width: 100%
}

.articles-bottom {
    padding: 10px;
    background: #fff;
    border: 1px solid #eee
}

.article-block .article-layout .news {
    overflow: hidden;
    margin: 0 -10px 10px;
    background: #fff;
    border: 1px solid #eee
}

.article-block .article-layout .news > a {
    color: #0c0c0c
}

.article-block .article-layout .news .image > a > img {
    width: 100%;
    margin: 0 auto
}

.article-block .article-layout .news .caption {
    height: auto;
    padding: 10px;
    overflow: hidden
}

.article-block .article-layout .news .caption h4 a {
    color: #000;
    text-transform: uppercase
}

.article-block .article-layout .news .caption .entry-meta {
    height: 24px
}

.article-block .article-layout .news .caption .entry-meta .entry-date {
    width: 50%
}

.article-block .article-layout .news .caption .entry-meta .rating-container {
    position: relative;
    top: -3px;
    width: 50%;
    display: flex;
    justify-content: flex-end
}

.article-block .article-layout .news .caption .entry-meta .rating-container .rating {
    margin-right: 0
}

.article-block .article-layout .news .caption h4 {
    height: 36px;
    text-transform: uppercase;
    overflow: hidden;
    font-weight: bold
}

.article-block .article-layout .news .caption p {
    opacity: .8;
    color: #595959;
    overflow: hidden;
    padding: 10px 0;
    height: 170px
}

.article-block .article-layout .news .caption .post-info {
    padding: 10px 0 0 10px;
    width: 130px;
    display: flex;
    border-top: 1px solid #e1e1e1
}

.article-block .article-layout .news .caption .post-info .entry-views {
    margin-right: 15px
}

.article-block .article-layout .news .caption .post-info .entry-views i {
    margin-right: 10px
}

.article-block .article-layout .news .caption .post-info .entry-comments-link i {
    margin-right: 10px
}

.article-block .article-layout .news:hover {
    outline: 2px solid #a33d16
}

.article-block .article-layout .news:hover .caption > h4 > a {
    color: #a33d16
}

@media (max-width: 1199px) {
    .article-block .article-layout .news .caption .entry-meta {
        height: 44px;
        flex-direction: column
    }

    .article-block .article-layout .news .caption .entry-meta .entry-date {
        width: 100%;
        text-align: center
    }

    .article-block .article-layout .news .caption .entry-meta .rating-container {
        width: 100%;
        justify-content: center
    }
}

@media (max-width: 991px) {
    .article-block .article-layout .news .caption .entry-meta {
        height: auto;
        flex-direction: row
    }

    .article-block .article-layout .news .caption .entry-meta .entry-date {
        width: 50%;
        text-align: left
    }

    .article-block .article-layout .news .caption .entry-meta .rating-container {
        width: 50%;
        justify-content: flex-end
    }
}

@media (max-width: 400px) {
    .article-block .article-layout .news .caption .entry-meta {
        flex-direction: column
    }

    .article-block .article-layout .news .caption .entry-meta .entry-date {
        width: 100%;
        text-align: center
    }

    .article-block .article-layout .news .caption .entry-meta .rating-container {
        width: 100%;
        justify-content: center
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .article-block .article-layout .news .caption {
        height: auto
    }
}

@media (max-width: 767px) {
    .article-layout-posts .news {
        margin: 0 -11px 10px
    }

    .article-layout-posts .news > a {
        color: #595959
    }

    .article-layout-posts .news .image > a > img {
        margin: 0 auto
    }

    .article-layout-posts .news .caption {
        padding: 10px;
        overflow: hidden
    }

    .article-layout-posts .news .caption a {
        color: #595959
    }

    .article-layout-posts .news .caption p {
        overflow: hidden;
        height: 139px;
        padding: 10px 0
    }

    .article-layout-posts .news .caption h4 {
        margin-top: 5px;
        height: 40px;
        overflow: hidden
    }
}

@media (max-width: 480px) and (min-width: 391px) {
    .article-block .article-layout .news {
        font-size: 12px
    }

    .article-block .article-layout .news .h4 {
        font-size: 14px
    }

    .article-block .article-layout .news .caption {
        height: auto
    }
}

@media (max-width: 390px) {
    .article-block .article-layout .news {
        font-size: 12px
    }

    .article-block .article-layout .news .h4 {
        font-size: 14px
    }

    .article-block .article-layout .news .caption {
        height: auto
    }
}

.item > div {
    padding-left: 15px
}

.testimonial-container {
    transition: .5s;
    text-align: center;
    padding: 40px 10px 10px 10px;
    height: 170px;
    line-height: 2
}

.testimonial-container hr {
    margin-top: 0
}

@media (max-width: 400px) {
    .testimonial-container {
        padding: 10px 10px 10px 10px
    }
}

.testimonial-header {
    display: inline-block
}

.show_more i {
    margin-right: 5px
}

.show_more a {
    border-radius: 5px;
    background: #a33d16;
    padding: 5px 10px;
    color: #fff
}

.show_more a:hover {
    background: #341e12
}

.testimonial-users--top {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    align-items: baseline
}

.testimonial-users--top h1 {
    margin-top: 10px
}

.testimonial-users--top .testimonial-users--top, .testimonial-users--top .testimonial-users--write-post {
    width: 50%
}

.testimonial-users--top .testimonial-users--top .testimonial-users--write-post.buttons, .testimonial-users--top .testimonial-users--write-post .testimonial-users--write-post.buttons {
    margin: 0;
    display: inline-flex;
    float: right
}

@media (max-width: 767px) {
    .testimonial-users--top {
        flex-direction: column
    }

    .testimonial-users--top .testimonial-users--top, .testimonial-users--top .testimonial-users--write-post {
        width: 100% !important
    }

    .testimonial-users--top .testimonial-users--top .pull-right, .testimonial-users--top .testimonial-users--write-post .pull-right {
        float: left !important
    }

    .testimonial-users--top .testimonial-users--top .pull-right .btn-post, .testimonial-users--top .testimonial-users--write-post .pull-right .btn-post {
        width: 175px;
        display: block;
        margin: 5px
    }
}

.btn-post {
    transition: .5s;
    border-radius: 5px;
    background: #a33d16;
    padding: 5px 10px;
    color: #fff;
    border: 0
}

.btn-post:hover {
    background: #341e12
}

.reviewer-name {
    color: #595959;
    font-weight: bold;
    margin-right: 5px
}

.reviewer-name:hover {
    color: #595959;
    text-decoration: underline
}

.admin-block {
    text-indent: 10px
}

.admin-block .admin-name {
    color: #595959;
    font-weight: bold;
    margin-right: 5px
}

.admin-block .admin-name:hover {
    color: #595959;
    text-decoration: underline
}

.admin-block .admin-name i {
    margin-right: 5px
}

.admin-block .admin-description {
    text-indent: 48px
}

.entry-category-link {
    display: flex;
    height: auto;
    overflow: hidden
}

.entry-category-link i {
    margin-right: 5px
}

.article-thumb .images > a > img {
    display: block;
    max-width: 200px;
    width: auto;
    height: auto;
    margin: 0 10px 10px 0
}

@media (max-width: 992px) {
    .article-thumb .images > a > img {
        display: block;
        max-width: 200px;
        width: auto;
        height: auto;
        margin-right: auto;
        margin-left: auto
    }
}

.article-thumb {
    align-items: center;
    transition: .1s ease-in-out;
    display: flex;
    flex-direction: row;
    padding: 17px 15px 5px;
    background: #fff;
    opacity: .95;
    border: 1px solid #eee
}

.article-thumb:hover {
    padding: 17px 15px 5px
}

.article-search-container {
    transition: .1s ease-in-out;
    display: flex;
    flex-direction: column;
    padding: 10px 10px 5px 10px;
    background: #fff;
    opacity: .95;
    border: 1px solid #eee;
    margin: 0 0 10px;
    color: #000
}

.article-search-container .buttons.clearfix {
    width: 96%;
    margin: 0 auto !important
}

.article-search-container .entry-meta span, .article-search-container .entry-meta i {
    color: #0c0c0c
}

.blog-content .module {
    margin: 0
}

.article-post {
    transition: .1s ease-in-out;
    display: flex;
    flex-direction: column;
    background: #fff;
    opacity: .95;
    border: 1px solid #eee;
    margin: 0 0 10px;
    color: #000;
    padding: 20px
}

.article-post h2 {
    font-weight: bold
}

.article-post .entry-meta {
    display: flex;
    flex-direction: column
}

.article-post .entry-meta_top {
    margin-bottom: 5px
}

.article-post .entry-meta_top .entry-date {
    border-right: 1px solid #595959;
    padding-right: 10px;
    margin-right: 10px;
    color: #595959
}

.article-post .entry-meta_top .entry-author {
    color: #595959
}

.article-post .entry-meta_top .entry-author a {
    color: #36f
}

.article-post .entry-meta_top .entry-author a:hover {
    color: #36f
}

.article-post .entry-meta_bottom {
    font-weight: bold
}

.article-post .entry-meta_bottom i {
    font-weight: bold
}

.costumer-comments {
    background: #fff;
    padding: 15px 15px 0 15px
}

.costumer-comments .form-horizontal .costumer-form {
    background: #ececec;
    margin: 0 -15px;
    padding: 10px 30px
}

.costumer-comments .form-horizontal .costumer-form #comment_write {
    font-weight: bold;
    margin: 20px 0 40px;
    text-transform: uppercase
}

.costumer-comments .form-horizontal .costumer-form .customer-info {
    display: flex
}

.costumer-comments .form-horizontal .costumer-form .customer-info .control-label {
    width: 20%;
    text-align: left
}

.costumer-comments .form-horizontal .costumer-form .customer-info .form-control {
    width: 80%
}

.costumer-comments .form-horizontal .costumer-form .customer-comment {
    display: flex
}

.costumer-comments .form-horizontal .costumer-form .customer-comment .control-label {
    display: flex;
    width: 20%;
    text-align: left
}

.costumer-comments .form-horizontal .costumer-form .customer-comment .form-control {
    width: 80%
}

.costumer-comments .form-horizontal .costumer-form .costumer-form-submit {
    display: flex;
    flex-direction: column;
    padding-left: 21%
}

.articles-layout {
    padding: 5px 5px 5px 9px
}

.articles-layout .article-thumb .images {
    margin-right: 20px
}

.articles-layout .article-thumb .entry-meta {
    color: #595959
}

.articles-layout .article-thumb .entry-meta .entry-date {
    border-right: 1px solid #595959;
    padding-right: 10px;
    margin-right: 10px
}

.articles-layout .article-thumb .entry-meta .entry-author a {
    color: #36f
}

.articles-layout .article-thumb .entry-meta .entry-author a:hover {
    color: #36f
}

.articles-layout .article-thumb .caption p {
    color: #595959
}

.articles-layout .article-thumb .caption .caption-bottom {
    display: flex;
    align-items: center;
    margin: 20px 0;
    justify-content: space-between
}

.articles-layout .article-thumb .caption .caption-bottom ._left {
    display: flex
}

.articles-layout .article-thumb .caption .caption-bottom ._left .button_more {
    background: #a33d16;
    color: #fff;
    padding: 10px 15px
}

.articles-layout .article-thumb .caption .caption-bottom ._left .button_more:hover {
    background: #341e12
}

.articles-layout .article-thumb .caption .caption-bottom ._right {
    display: flex;
    width: 280px;
    justify-content: space-between;
    padding-right: 20px
}

.articles-layout .article-thumb .caption .caption-bottom ._right .rating-container {
    top: -4px;
    position: relative
}

.articles-layout .article-thumb .caption .caption-bottom ._right .entry-views, .articles-layout .article-thumb .caption .caption-bottom ._right .entry-comments-link {
    color: #000
}

.articles-layout .article-thumb .caption .caption-bottom ._right .entry-views i, .articles-layout .article-thumb .caption .caption-bottom ._right .entry-comments-link i {
    margin-right: 5px
}

@media (max-width: 767px) {
    .comment-top {
        flex-direction: column
    }

    .comment-top .comment-meta {
        width: 100% !important
    }

    .comment-top .comment-meta .comment-author::after {
        left: 50% !important
    }

    .comment-top .comment-rating {
        margin-top: 10px;
        width: 100% !important;
        justify-content: flex-start !important
    }

    .costumer-comments .form-horizontal .customer-info {
        display: flex;
        flex-direction: column
    }

    .costumer-comments .form-horizontal .customer-info .control-label {
        width: 100% !important;
        text-align: left;
        margin-bottom: 20px
    }

    .costumer-comments .form-horizontal .customer-info .form-control {
        width: 100% !important
    }

    .costumer-comments .form-horizontal .customer-comment {
        display: flex;
        flex-direction: column
    }

    .costumer-comments .form-horizontal .customer-comment .control-label {
        width: 100% !important;
        text-align: left;
        margin-bottom: 20px
    }

    .costumer-comments .form-horizontal .customer-comment .form-control {
        width: 100% !important
    }

    .costumer-comments .form-horizontal .costumer-form-submit {
        display: flex;
        flex-direction: column;
        padding-left: 0 !important
    }
}

@media (max-width: 550px) {
    .comment-quot {
        display: none !important
    }

    .articles-layout .article-thumb .caption .caption-bottom {
        flex-direction: column
    }

    .articles-layout .article-thumb .caption .caption-bottom ._left {
        width: 100%;
        justify-content: center;
        order: 2
    }

    .articles-layout .article-thumb .caption .caption-bottom ._right {
        width: 100%;
        justify-content: space-between;
        padding: 10px 20px 20px;
        order: 1
    }
}

.side-module .blog-category {
    padding-top: 15px
}

.side-module .blog-category .blog-category-button {
    display: flex;
    justify-content: space-between;
    padding: 5px 30px 5px 10px;
    align-items: center;
    height: 46px
}

.side-module .blog-category .blog-category-button h3 {
    margin: 0;
    font-weight: bold;
    text-transform: uppercase
}

.side-module .blog-category .blog-category-button i {
    font-size: 30px
}

.side-module .blog-category > h3 {
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 15px 15px
}

.side-module .blog-category .list-group .list-group-item {
    cursor: pointer;
    border-left: 0;
    border-top: 1px solid #ddd;
    border-right: 0;
    border-bottom: 0
}

.side-module .blog-category .list-group a {
    color: #595959;
    padding: 12px 12px 12px 20px;
    border-radius: 0 !important;
    display: flex;
    align-items: center
}

.side-module .blog-category .list-group a:hover {
    color: #a33d16
}

.side-module .blog-category .list-group a.active, .side-module .blog-category .list-group a.active:hover {
    background: transparent;
    color: #a33d16;
    border: 0
}

.side-module .blog-category .list-group a i {
    color: #a33d16;
    margin-right: 7px
}

.side-module .blog-category .list-group .item-category {
    font-weight: bold;
    color: #000
}

.side-module .blog-category .list-group .item-category.active, .side-module .blog-category .list-group .item-category.active:hover {
    color: #fff;
    background: #a33d16;
    border-radius: 0 !important;
    border: 0
}

.side-module .blog-category .list-group .item-category:hover {
    color: #fff;
    background: #a33d16;
    border-radius: 0 !important;
    border-top: 1px solid #a33d16
}

.side-module .blog-article-short {
    padding: 5px 15px
}

.side-module .blog-article-short > h3 {
    font-weight: bold;
    text-transform: uppercase
}

.side-module .blog-article-short .actik {
    display: flex;
    align-items: center;
    height: 90px;
    border-bottom: 1px solid #ececec
}

.side-module .blog-article-short .actik img {
    padding: 0;
    margin-right: 15px;
    max-width: 100%
}

.side-module .blog-article-short .actik a {
    font-weight: bold
}

.side-module .blog-article-short .actik:hover img {
    outline: 2px solid #a33d16
}

.side-module .blog-article-short .actik:hover a {
    color: #a33d16
}

.related-product-container {
    padding: 10px 12px
}

.related-product-container h3 {
    font-weight: bold;
    text-transform: uppercase
}

@media (max-width: 1199px) {
    .side-module .blog-article-short .actik {
        display: flex;
        padding: 15px 0;
        height: auto
    }
}

@media (max-width: 991px) {
    .related-product-container {
        display: none
    }

    .side-module .blog-category {
        padding: 0
    }

    .blog-article-short {
        display: none
    }
}

#neoseo-brands-abc {
    position: relative;
    border-radius: 4px;
    margin-bottom: 12px;
    z-index: 10
}

#neoseo-brands-abc .heading {
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
    color: #fff;
    float: left;
    font-weight: 500;
    height: 22px;
    line-height: 19px;
    margin: 0 18px 0 0;
    padding: 0 10px;
    overflow: visible;
    position: relative
}

#neoseo-brands-abc ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#neoseo-brands-abc ul li {
    position: relative;
    float: left;
    margin: -1px 6px 7px 0
}

#neoseo-brands-abc a {
    cursor: pointer
}

#neoseo-brands-abc ul li > a {
    height: 24px;
    line-height: 22px;
    padding: 0 8px;
    text-decoration: none;
    border: solid 1px #ddd;
    border-radius: 3px;
    color: #666;
    display: block;
    text-align: center;
    background: #fff
}

#neoseo-brands-abc ul > li:hover > a {
    color: red;
    border: solid 1px #bbb;
    background: #f8f8f8
}

#neoseo-brands-abc .wrapper > ul > li:hover:before {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: -5px;
    height: 9px;
    content: '';
    border-left: solid 1px #bbb;
    border-right: solid 1px #bbb;
    background: #f8f8f8
}

#neoseo-brands-abc ul li > div {
    display: none;
    background: #f8f8f8;
    position: absolute;
    top: 115%;
    border-top: 0;
    border-radius: 0 3px 3px 3px
}

#neoseo-brands-abc ul > li:hover > div {
    display: block;
    padding: 4px 10px 4px 0;
    z-index: 1;
    text-align: left;
    border: solid 1px #bbb
}

#neoseo-brands-abc ul ul li {
    border: none !important;
    padding: 0;
    margin: 0;
    min-width: 100px
}

#neoseo-brands-abc ul ul a {
    text-align: left;
    color: #666;
    border: none !important;
    white-space: nowrap;
    margin: 0;
    text-decoration: underline;
    background: #f8f8f8
}

#neoseo-brands-abc ul ul a:hover {
    border: 0;
    text-decoration: none;
    box-shadow: none !important
}

@media (max-width: 767px) {
    #neoseo-brands-abc .col-xs-12 > ul li:hover:before {
        display: none
    }
}

.category-main-container #column-left .side-module {
    padding: 0
}

.sidebar-category {
    margin-bottom: 5px;
    position: relative;
    z-index: 90
}

.sidebar-category.is-collapsed .category-header {
    cursor: pointer
}

.sidebar-category.is-collapsed .category-header:hover {
    color: #629e2c
}

.sidebar-category.is-collapsed .category-header:after {
    font-family: FontAwesome, serif;
    content: "\f106";
    transition: .2s;
    font-size: 20px;
    position: relative;
    left: 4px;
    top: 0
}

.sidebar-category.is-collapsed.collaps {
    margin-bottom: 0
}

.sidebar-category.is-collapsed.collaps .category-header:after {
    content: "\f107"
}

.sidebar-category.is-collapsed.collaps .dropmenu {
    display: none
}

.sidebar-category .category-header {
    background: #a33d16;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px -12px;
    height: 40px
}

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

.sidebar-category ul li {
    padding: 0;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #e4e4e4;
    position: relative
}

.sidebar-category ul li:first-child {
    border-top: 0
}

.sidebar-category ul li:hover {
    background-color: rgba(0, 0, 0, 0.025)
}

.sidebar-category ul li a {
    padding: 8px 25px 8px 15px;
    display: block;
    font-size: 14px;
    color: #444
}

.sidebar-category ul li a.active {
    font-weight: normal;
    color: #629e2c;
    background-color: rgba(0, 0, 0, 0.024)
}

.sidebar-category ul li:hover > a {
    color: #629e2c
}

.sidebar-category a.activSub {
    position: relative
}

.sidebar-category a.activSub:after {
    font-family: FontAwesome, serif;
    content: "\f105";
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -11px
}

.sidebar-category ul.dropmenu {
    position: relative;
    background-color: #f0f0f0
}

.sidebar-category ul.dropmenu ul li:hover a {
    background-color: rgba(0, 0, 0, 0.025)
}

.sidebar-category ul.dropmenu > li > a {
    font-size: 15px
}

.sidebar-category ul.dropmenu ul, .sidebar-category ul.dropmenu div {
    background: #fff;
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.17);
    display: none;
    width: 260px;
    position: absolute;
    left: 100%;
    top: -1px
}

.sidebar-category ul.dropmenu ul.level1 {
    top: 0
}

.sidebar-category ul.dropmenu li:hover > ul, .sidebar-category ul.dropmenu li:hover > div {
    display: block;
    border-bottom: 1px solid #dfdfdf
}

.sidebar-category .level2 {
    z-index: -1
}

.sidebar-category .level3 {
    z-index: -2
}

.sidebar-category .level3 a {
    font-size: 15px -2px
}

.category-header {
    background: #a33d16;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    height: 42px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300
}

.category-header i {
    margin-right: 15px
}

@media (min-width: 768px) and (max-width: 1199px) {
    .sidebar-category ul.dropmenu > li > a {
        font-size: 14px
    }

    .sidebar-category ul.dropmenu ul, .sidebar-category ul.dropmenu div {
        width: 235px
    }

    .sidebar-category ul.dropmenu ul.level3 {
        width: 210px
    }

    .sidebar-category ul li a {
        padding-left: 10px;
        padding-right: 20px
    }

    .sidebar-category a.activSub:after {
        right: 8px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .sidebar-category ul.dropmenu > li > a {
        font-size: 14px
    }

    .sidebar-category ul.dropmenu ul, .sidebar-category ul.dropmenu div {
        width: 210px
    }

    .sidebar-category ul.dropmenu ul.level3 {
        width: 170px
    }

    .sidebar-category ul li a {
        font-size: 13px;
        padding-right: 15px
    }

    .sidebar-category .level3 a {
        font-size: 12.5px
    }

    .sidebar-category a.activSub:after {
        margin-top: -12px;
        right: 6px;
        font-size: 17px
    }
}

.sidebar-category.full-height .dropmenu li:hover > ul, .sidebar-category.full-height .dropmenu li:hover > div {
    min-height: 100%
}

.sidebar-category.full-height ul li {
    position: static
}

.dropmenu {
    background: #fff;
    list-style: none;
    padding: 0
}

.dropmenu span {
    display: flex;
    width: 100%;
    cursor: pointer
}

.dropmenu a {
    color: #888;
    display: inline-block;
    font-size: 11pt;
    padding: 10px 0;
    word-break: break-word
}

.dropmenu a.active {
    font-weight: 400;
    color: #a33d16
}

.dropmenu li {
    position: relative
}

.dropmenu .child-item {
    padding: 0 10px 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.dropmenu .child-item span {
    color: #888;
    display: inline-block;
    font-size: 11pt;
    padding: 10px 0 10px 19px;
    word-break: break-word
}

.dropmenu .child-item i {
    cursor: pointer;
    position: absolute;
    color: #a33d16
}

.dropmenu .child-item i + a {
    text-decoration: underline
}

.dropmenu .child-item:hover {
    font-weight: bold
}

.dropmenu .child-item .child-item-category {
    cursor: pointer;
    color: #888;
    display: inline-block;
    font-size: 11pt;
    padding: 10px 0;
    word-break: break-word;
    padding-left: 19px
}

.dropmenu .child-sub-item {
    cursor: pointer;
    background: #efefef;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 25px
}

.dropmenu .child-sub-item:hover {
    font-weight: bold
}

.dropmenu .child-sub-item i {
    cursor: pointer;
    position: absolute;
    color: #a33d16
}

.dropmenu .child-sub-item i + a {
    font-weight: bold
}

.dropmenu .level0 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 5px;
    border-bottom: 1px solid #eee;
    position: relative;
    margin: 0 10px;
    cursor: pointer
}

.dropmenu .level0.with-child .icon {
    color: #888;
    display: block;
    padding-right: 0;
    background-size: 35%;
    cursor: pointer;
    position: absolute;
    right: 0;
    text-align: center;
    top: 15px;
    width: 49px
}

.dropmenu .level0.with-child .icon i {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.dropmenu .level0 i {
    font-size: 15px;
    color: #000
}

.dropmenu .level0 > a {
    padding: 0
}

.dropmenu .level0:last-child {
    border-bottom: 0
}

.dropmenu .level0 .level2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 0 20px;
    background: #f1f1f1;
    border-top: 1px solid #eee;
    list-style: none;
    padding-left: 20px;
    margin: 0 10px
}

.dropmenu .level0 .level2 > div {
    padding-left: 30px
}

.dropmenu .level0 .level2 .child-item {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.dropmenu .level0 .level2 .child-item span {
    color: #888;
    display: inline-block;
    font-size: 11pt;
    padding: 10px 0 10px 19px;
    word-break: break-word
}

.dropmenu .level0 .level2 .child-sub-item {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.dropmenu .level0.active .level2 {
    display: block;
    font-weight: 600
}

.dropmenu .level0 .level3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 0 25px;
    background: #f1f1f1;
    border-top: 1px solid #eee;
    list-style: none;
    padding-left: 20px;
    margin: 0 10px
}

.dropmenu .level0.active .level3 {
    display: block;
    font-weight: 600
}

.dropmenu .level0 .level4 {
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 0 30px;
    background: #f1f1f1;
    border-top: 1px solid #eee;
    list-style: none;
    padding-left: 20px;
    margin: 0 10px
}

.dropmenu .level0.active .level4 {
    display: block;
    font-weight: 600
}

.dropmenu .level0 .level5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 0 35px;
    background: #f1f1f1;
    border-top: 1px solid #eee;
    list-style: none;
    padding-left: 20px;
    margin: 0 10px
}

.dropmenu .level0.active .level5 {
    display: block;
    font-weight: 600
}

.dropmenu .level1 {
    background: #efefef;
    list-style: none;
    margin-top: -1px
}

.dropmenu .level1 a {
    padding-left: 20px
}

.dropmenu.active .level1 {
    display: block
}

.checkout-success.user-logged h1 {
    text-align: center;
    background: #2fa423;
    position: relative;
    padding-left: 40px;
    color: #fff;
    padding: 10px
}

.checkout-success.user-logged h1:before {
    content: "\f00c";
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #fff;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 15px
}

.checkout-success.user-logged p {
    text-align: center
}

#quickcheckoutconfirm #payment {
    height: 60px
}

@media screen and (max-width: 991px) {
    #quickcheckoutconfirm {
        display: flex;
        flex-direction: column
    }

    #quickcheckoutconfirm .order-values-block {
        order: 2
    }
}

#quickcheckoutconfirm legend {
    margin-left: 33px;
    width: 96%;
    height: 36px
}

#quickcheckoutconfirm legend > span {
    display: inline-block;
    margin-left: -33px;
    background-color: transparent;
    border: 1px solid #351f12;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    line-height: 27px;
    text-align: center;
    padding-left: 1px
}

#quickcheckoutconfirm div.collapse.in + legend {
    color: #909193
}

#quickcheckoutconfirm div.collapse.in + legend > span {
    background-color: #e4e4e4;
    border-color: #e4e4e4
}

#quickcheckoutconfirm #legend1.complete {
    color: #351f12
}

#quickcheckoutconfirm #legend1.complete > span {
    background-color: #351f12;
    border-color: #351f12;
    color: #fff;
    width: 29px
}

#quickcheckoutconfirm #toggle1 {
    margin-left: 20px;
    font-size: 13px;
    cursor: pointer;
    color: #351f12;
    border-bottom: 1px dashed #351f12;
    position: relative;
    top: -1px
}

#quickcheckoutconfirm #toggle1:hover {
    border-bottom-color: transparent
}

#quickcheckoutconfirm #section1 #customer ul {
    text-align: left;
    padding-left: 5px
}

#quickcheckoutconfirm #section1 #customer ul a {
    padding: 5px 10px
}

#quickcheckoutconfirm #customer ul .btn.btn-default {
    padding: 0;
    background: 0;
    color: #351f12;
    border-radius: 0;
    border: 0;
    border-bottom: 1px dashed #351f12;
    text-shadow: none;
    box-shadow: none;
    position: relative;
    top: 1px
}

#quickcheckoutconfirm #customer ul .btn.btn-default:hover {
    border-bottom-color: transparent
}

#quickcheckoutconfirm .form-group .control-label {
    position: relative;
    top: 10px
}

#quickcheckoutconfirm textarea.form-control {
    min-height: 70px
}

#quickcheckoutconfirm .radio, #quickcheckoutconfirm .checkbox {
    margin-top: 2px;
    margin-bottom: 3px
}

.chekout-container {
    margin: 0 5px 20px 0;
    padding: 0 10px;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.29);
    background: #fff
}

.chekout-container h1, .chekout-container h2, .chekout-container h3 {
    margin-top: 10px
}

#checkout-cart {
    border: 1px solid #eee
}

#checkout-cart hr {
    border-color: white
}

#checkout-cart h3 {
    margin-top: 15px;
    margin-bottom: 15px
}

#checkout-cart .description {
    font-size: 12px;
    opacity: .8;
    margin: 5px 0
}

#checkout-cart .name-link {
    font-size: 16px
}

#checkout-cart .btn-group {
    margin-top: 8px;
    margin-bottom: 4px
}

#checkout-cart .quickcheckout-content > .row > .col-sm-3 {
    padding-right: 0
}

#checkout-cart .quickcheckout-content img {
    max-width: 100%
}

#checkout-cart .quickcheckout-content .panel-body {
    padding: 10px
}

#checkout-cart .totals {
    width: 90%;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 4px
}

#checkout-cart .totals > div:first-child {
    padding-right: 5px
}

#checkout-cart .totals > div:last-child {
    padding-left: 5px;
    font-weight: 900
}

#checkout-cart .totals:nth-last-child(3) > div:first-child {
    font-weight: 900
}

.checkout-container {
    background: #fff
}

.checkout-container h1 {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 900;
    font-family: 'Open Sans', sans-serif;
    color: #333;
    text-transform: uppercase
}

.checkout-container .order-values-block {
    padding: 35px 35px 30px;
    padding-right: 30px;
    border-right: 1px solid #ebebeb
}

.checkout-container .order-values-block label {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #333
}

.checkout-container .order-values-block input, .checkout-container .order-values-block textarea, .checkout-container .order-values-block select {
    box-shadow: none;
    border-radius: 0;
    border-color: #cdcdcd
}

.checkout-container h3 {
    padding-bottom: 10px;
    padding-top: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase
}

.checkout-container .order-cart-block {
    position: relative;
    padding-top: 20px;
    left: -1px;
    border-left: 1px solid #ebebeb
}

.checkout-container .order-cart-block .panel-title a:hover {
    text-decoration: none;
    color: #a33d16
}

.checkout-container .order-cart-block .panel-title i {
    color: #a33d16
}

.checkout-container .order-cart-block .quickcheckout-content > div:not(.totals):not(.form-group) {
    padding: 15px 0;
    border-bottom: 1px dashed #ebebeb
}

.checkout-container .order-cart-block .quickcheckout-content > div:not(.totals):not(.form-group) .name-link {
    font-size: 14px
}

.checkout-container .order-cart-block .totals {
    padding: 10px 0;
    border-bottom: 1px solid #d2d2d2
}

.checkout-container .order-cart-block .totals + .totals {
    border: 0
}

.checkout-container .order-cart-block .btn-group a {
    color: #666;
    font-size: 12px
}

.checkout-container .checkbox label::after {
    left: -3px;
    top: 1px
}

.checkout-container .btn {
    padding: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 900
}

.checkout-container .btn#button-payment-method {
    margin-top: 20px;
    font-size: 14px
}

@media (max-width: 1339px) {
    #quickcheckoutconfirm legend {
        width: 95.5%
    }
}

@media (max-width: 1199px) {
    #quickcheckoutconfirm legend {
        width: 94.5%
    }
}

@media (max-width: 991px) {
    #quickcheckoutconfirm legend {
        width: 94.5%
    }
}

@media (max-width: 767px) {
    #quickcheckoutconfirm legend {
        width: 95.3%
    }

    #quickcheckoutconfirm .form-group .control-label {
        top: 5px
    }
}

@media (max-width: 550px) {
    #quickcheckoutconfirm legend {
        width: 94%
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    #checkout-cart .name-link {
        font-size: 15px
    }

    #checkout-cart .quickcheckout-content > .row > .col-sm-9 {
        padding-left: 10px
    }

    #checkout-cart .totals {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    #checkout-cart .quickcheckout-content > .row > .col-sm-3 {
        float: left;
        margin-right: 20px
    }

    #checkout-cart .quickcheckout-content > .row > .col-sm-9 {
        width: auto
    }

    #checkout-cart .name-link {
        font-size: 18px
    }

    #checkout-cart .totals {
        margin-bottom: 5px
    }

    #checkout-cart .totals > div:first-child {
        float: left;
        width: 60%
    }

    #checkout-cart .totals > div:last-child {
        float: left;
        width: 40%
    }
}

@media (max-width: 480px) {
    #checkout-cart .quickcheckout-content > .row > .col-sm-3 {
        margin-right: 15px
    }

    #checkout-cart .name-link {
        font-size: 16px
    }
}

.option-radio a {
    color: #6b5555;
    font-weight: 300
}

.option-counter {
    float: right;
    position: relative;
    background: #a33d16;
    color: #fff;
    padding: 1px 8px 1px 8px;
    text-align: right;
    border-radius: 9px;
    font-size: 12px
}

.option-checkbox {
    padding-bottom: 5px
}

.option-checkbox label {
    width: 95%
}

.option-checkbox a {
    opacity: .8;
    color: #595959;
    font-weight: 300
}

.option-color {
    width: 20px;
    height: 20px;
    display: block
}

.option-grid {
    display: inline-block;
    border: 2px solid transparent
}

.option-grid:hover {
    box-shadow: 0 0 1px #5e8ee4
}

.option-grid.option-selected {
    position: relative
}

.option-grid.option-selected:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 7px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    display: block
}

.neoseo-filter #option-price {
    border-bottom: 1px solid #e2e1e1
}

.neoseo-filter .option {
    border-bottom: 2px dotted #e2e1e1
}

.filter h3 {
    padding-top: 20px;
    text-transform: uppercase;
    font-size: 24px
}

#price-from {
    position: relative;
    top: 37px;
    left: 3px;
    color: #999
}

#price-to {
    position: relative;
    top: 37px;
    right: 9px;
    color: #999
}

#option-values-price {
    margin: 20px 0 20px;
    height: 40px
}

.option {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    cursor: pointer;
    outline: 0;
    color: #595959
}

.option .option-values {
    position: relative;
    height: auto;
    display: none;
    margin-top: 10px;
    font-weight: normal;
    transition: all .5s ease-in;
    list-style: none;
    padding-left: 15px
}

.option .option-name {
    display: flex;
    font-weight: bold;
    text-indent: 5px;
    padding: 0 15px 0 10px;
    font-size: 16px;
    align-items: center;
    justify-content: space-between
}

.option .option-name i {
    color: #a33d16;
    font-size: 21px
}

.option-active .option-values {
    display: block;
    transition: .3s
}

.option-active .option-name:before {
    transform: rotate(-45deg)
}

.selected-title {
    margin-top: 5px;
    font-size: 15px;
    text-indent: 12px
}

.selected-options {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 15px;
    border-top: 1px solid #e4e4e4
}

.reset-filter-button {
    color: #fff;
    background: #a33d16;
    width: 80%;
    display: block;
    padding: 11px 10px;
    text-align: center;
    font-weight: bold;
    border-radius: 3px;
    margin: 20px auto 0
}

.reset-filter-button:hover {
    background: #341e12;
    color: #fff
}

.reset-filter-button:visited, .reset-filter-button:focus {
    text-decoration: none
}

.button-choice-group {
    background: #fff;
    height: 3px;
    display: flex;
    justify-content: space-between;
    position: relative;
    top: -2px
}

.button-choice-group .pick-up-button {
    display: none;
    color: #fff;
    background: #a33d16;
    width: 45%;
    height: 50px;
    padding: 0;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    border-radius: 3px;
    margin: 20px auto 0
}

.button-choice-group .pick-up-button:hover {
    text-decoration: none;
    background: #341e12;
    color: #fff
}

.button-choice-group .reset-button {
    display: none;
    color: #5b5b5b;
    background: #e2e2e2;
    width: 45%;
    height: 50px;
    padding: 0;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    border-radius: 3px;
    margin: 20px auto 0
}

.button-choice-group .reset-button:hover {
    text-decoration: none;
    color: #5b5b5b;
    background: #e2e2e2
}

.selected-option {
    padding: 0 10px
}

.selected-option > span {
    font-size: 12px
}

.selected-option a {
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 4px;
    color: #a33d16;
    font-size: 12px
}

.selected-option a i {
    float: right;
    position: relative;
    font-size: 16px;
    top: -4px;
    color: #575757
}

.selected-option a span {
    position: absolute;
    font-size: 19px;
    color: #888;
    right: 2px;
    top: 2px;
    width: 20px;
    height: 20px;
    display: block;
    border: 1px solid #888;
    border-radius: 10px;
    line-height: 18px;
    text-align: center
}

.cancel-large {
    position: relative;
    display: block;
    padding: 7px 10px;
    font-weight: bold;
    background: #5e8ee4;
    color: #fff;
    border-radius: 5px;
    width: 80%;
    margin: 0 auto;
    text-align: center
}

.cancel-large span {
    display: none;
    position: absolute;
    font-size: 19px;
    color: #888;
    right: 2px;
    top: 5px;
    width: 20px;
    height: 20px;
    border: 1px solid #888;
    border-radius: 10px;
    line-height: 18px;
    text-align: center
}

.cancel-large a:hover {
    color: #fff
}

.option-slide {
    padding-top: 15px
}

.option-slide .option-values {
    margin: 10px 0
}

.ui-widget.ui-widget-content {
    width: 82%;
    margin: 10px
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0;
    background: #a33d16;
    font-weight: normal;
    color: #454545
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 1px solid #d4d4d4 !important;
    font-weight: normal;
    color: #2b2b2b
}

.ui-slider-horizontal .ui-slider-handle {
    top: -8px;
    height: 21px;
    width: 21px
}

.ui-widget.ui-widget-content {
    top: 4px;
    background: #ececec
}

.ui-slider-horizontal {
    height: 6px;
    border: 0
}

.ui-slider-horizontal .ui-slider-range {
    height: 6px;
    background: #d04e1c
}

@media (max-width: 1399px) {
    #column-left {
        padding-right: 0
    }
}

@media (max-width: 991px) {
    #column-left {
        width: 100%;
        padding-right: 15px
    }

    #column-left .sidebar-category-accordeon {
        display: none
    }

    #column-left .filter {
        background: 0;
        border: 0
    }

    #column-left .filter .filter-button {
        transition: .5s;
        width: 100%;
        background: #a33d16;
        color: #fff;
        padding: 10px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 24px
    }

    #column-left .filter .filter-button.open {
        transition: .5s;
        background: #fff;
        color: #000
    }

    #column-left .filter i {
        cursor: pointer
    }

    #column-left .filter #filter-list {
        background: #fff
    }

    #column-left .side-module .neoseo-filter .option-slide {
        padding: 15px
    }

    #column-left .side-module .neoseo-filter .option-slide .ui-widget.ui-widget-content {
        width: auto;
        margin: 10px 17px 10px 10px
    }

    #column-left .side-module .neoseo-filter .option-description {
        padding-left: 38px
    }

    #content {
        width: 100%
    }
}

.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc
}

.flip-clock-wrapper a:hover {
    color: #fff
}

.flip-clock-wrapper ul {
    list-style: none
}

.flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after {
    content: " ";
    display: table
}

.flip-clock-wrapper.clearfix:after {
    clear: both
}

.flip-clock-wrapper.clearfix {
    *zoom: 1
}

.flip-clock-wrapper {
    font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
    -webkit-user-select: none
}

.flip-clock-meridium {
    background: none !important;
    box-shadow: 0 0 0 !important;
    font-size: 36px !important
}

.flip-clock-meridium a {
    color: #313333
}

.flip-clock-wrapper {
    text-align: center;
    position: relative;
    width: 100%;
    margin: 1em
}

.flip-clock-wrapper:before, .flip-clock-wrapper:after {
    content: " ";
    display: table
}

.flip-clock-wrapper:after {
    clear: both
}

.flip-clock-wrapper ul {
    position: relative;
    float: left;
    margin: 5px;
    width: 60px;
    height: 90px;
    font-size: 80px;
    font-weight: bold;
    line-height: 87px;
    border-radius: 6px;
    background: #000
}

.flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 87px;
    text-decoration: none !important
}

.flip-clock-wrapper ul li:first-child {
    z-index: 2
}

.flip-clock-wrapper ul li a {
    display: block;
    height: 100%;
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    perspective: 200px;
    margin: 0 !important;
    overflow: visible !important;
    cursor: default !important
}

.flip-clock-wrapper ul li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    font-size: 80px;
    overflow: hidden;
    outline: 1px solid transparent
}

.flip-clock-wrapper ul li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

.flip-clock-wrapper ul li a div.up {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0
}

.flip-clock-wrapper ul li a div.up:after {
    content: "";
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 3px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4)
}

.flip-clock-wrapper ul li a div.down {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #ccc;
    text-shadow: 0 1px 2px #000;
    text-align: center;
    background-color: #333;
    border-radius: 6px;
    font-size: 70px
}

.flip-clock-wrapper ul li a div.up div.inn {
    top: 0
}

.flip-clock-wrapper ul li a div.down div.inn {
    bottom: 0
}

.flip-clock-wrapper ul.play li.flip-clock-before {
    z-index: 3
}

.flip-clock-wrapper .flip {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7)
}

.flip-clock-wrapper ul.play li.flip-clock-active {
    -webkit-animation: asd .5s .5s linear both;
    -moz-animation: asd .5s .5s linear both;
    animation: asd .5s .5s linear both;
    z-index: 5
}

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 100px
}

.flip-clock-divider:first-child {
    width: 0
}

.flip-clock-dot {
    display: block;
    background: #323434;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    left: 5px
}

.flip-clock-divider .flip-clock-label {
    position: absolute;
    top: -1.5em;
    right: -86px;
    color: black;
    text-shadow: none
}

.flip-clock-divider.minutes .flip-clock-label {
    right: -88px
}

.flip-clock-divider.seconds .flip-clock-label {
    right: -91px
}

.flip-clock-dot.top {
    top: 30px
}

.flip-clock-dot.bottom {
    bottom: 30px
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn .5s .5s linear both;
    -moz-animation: turn .5s .5s linear both;
    animation: turn .5s .5s linear both
}


.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 .5s linear both;
    -moz-animation: turn2 .5s linear both;
    animation: turn2 .5s linear both
}

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3
}

.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, black 100%);
    -webkit-animation: show .5s linear both;
    -moz-animation: show .5s linear both;
    animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, black 100%);
    -webkit-animation: hide .5s .3s linear both;
    -moz-animation: hide .5s .3s linear both;
    animation: hide .5s .3s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top, black 0, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: -o-linear-gradient(top, black 0, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0, rgba(0, 0, 0, 0.1) 100%);
    -webkit-animation: show .5s linear both;
    -moz-animation: show .5s linear both;
    animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -moz-linear-gradient(top, black 0, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: -o-linear-gradient(top, black 0, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0, rgba(0, 0, 0, 0.1) 100%);
    -webkit-animation: hide .5s .3s linear both;
    -moz-animation: hide .5s .3s linear both;
    animation: hide .5s .2s linear both
}

.modal h4 {
    font-family: 'Roboto', sans-serif;
    margin-bottom: 10px
}

.tag span.hit {
    background: #f12717
}

.tag span.sale {
    background: #6eca49
}

.module .product-layout .product-thumb .tag span {
    display: block;
    color: white;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    text-align: center;
    width: 150px;
    right: auto
}

.product-layout .product-thumb .tag span {
    display: block;
    color: white;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    text-align: center;
    width: 150px;
    right: auto
}

.thumbnail .tag.label-top-left.b-ribbon span:before, .thumbnail .tag.label-bottom-left.b-ribbon span:before {
    content: '';
    position: absolute;
    top: 4px;
    right: -9px;
    background: inherit;
    width: 28px;
    height: 30px;
    -webkit-transition: .3s;
    transition: .3s;
    transform: skew(-35deg)
}

.thumbnail .tag.label-top-left.b-ribbon span:after, .thumbnail .tag.label-bottom-left.b-ribbon span:after {
    content: '';
    position: absolute;
    top: 13px;
    right: -9px;
    background: inherit;
    width: 28px;
    height: 30px;
    -webkit-transition: .3s;
    transition: .3s;
    transform: skew(35deg)
}

.thumbnail .tag.label-top-right.b-ribbon span:before, .thumbnail .tag.label-bottom-right.b-ribbon span:before {
    content: '';
    position: absolute;
    top: 4px;
    left: -9px;
    background: inherit;
    width: 28px;
    height: 30px;
    -webkit-transition: .3s;
    transition: .3s;
    transform: skew(35deg)
}

.thumbnail .tag.label-top-right.b-ribbon span:after, .thumbnail .tag.label-bottom-right.b-ribbon span:after {
    content: '';
    position: absolute;
    top: 13px;
    left: -9px;
    background: inherit;
    width: 28px;
    height: 30px;
    -webkit-transition: .3s;
    transition: .3s;
    transform: skew(-35deg)
}

.thumbnail .tag {
    font-size: 11px;
    position: absolute;
    overflow: hidden;
    z-index: 10;
    transition: .1s ease-in-out
}

.thumbnail .tag.stripes {
    width: 85px;
    height: 85px
}

.thumbnail .tag.corner span {
    padding: 0 0 30px 0
}

.thumbnail .tag.label-top-left {
    left: 0;
    top: 0
}

.thumbnail .tag.label-top-left span {
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    text-align: center;
    right: auto
}

.thumbnail .tag.label-top-left.stripes {
    width: 115px !important;
    height: 115px !important;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 12
}

.thumbnail .tag.label-top-left.stripes span {
    font-size: 10px;
    left: -42px;
    top: 20px;
    padding: 6px;
    display: inline-block;
    width: 150px;
    transform: rotate(-45deg)
}

.thumbnail .tag.label-top-left.corner {
    left: 0;
    top: 0;
    width: 85px;
    height: 85px;
    overflow: hidden;
    z-index: 14
}

.thumbnail .tag.label-top-left.corner span {
    font-size: 10px;
    display: inline-block;
    padding: 57px 5px 10px;
    transform: rotate(-45deg);
    width: 150px;
    height: 76px;
    left: -59px;
    top: -24px
}

.thumbnail .tag.label-top-left.b-ribbon {
    left: 0;
    top: 55px;
    width: 130px;
    height: 70px;
    overflow: visible;
    z-index: 15
}

.thumbnail .tag.label-top-left.b-ribbon span {
    z-index: 14;
    display: inline-block;
    width: auto;
    padding: 13px 30px;
    transform: rotate(0);
    font-size: 10px
}

.thumbnail .tag.label-top-right span {
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    text-align: center;
    right: auto
}

.thumbnail .tag.label-top-right.stripes {
    width: 115px !important;
    height: 115px !important;
    left: auto;
    top: 0;
    right: 0;
    overflow: hidden;
    z-index: 12
}

.thumbnail .tag.label-top-right.stripes span {
    font-size: 10px;
    left: 9px;
    top: 18px;
    padding: 6px;
    display: inline-block;
    width: 150px;
    transform: rotate(45deg)
}

.thumbnail .tag.label-top-right.corner {
    left: auto;
    top: 0;
    right: 0;
    width: 85px;
    height: 85px;
    overflow: hidden;
    z-index: 14
}

.thumbnail .tag.label-top-right.corner span {
    left: auto;
    top: -25px;
    right: -60px;
    font-size: 10px;
    display: inline-block;
    padding: 57px 5px 10px;
    transform: rotate(45deg);
    width: 150px;
    height: 76px
}

.thumbnail .tag.label-top-right.b-ribbon {
    left: auto;
    top: 55px;
    right: 0;
    width: 130px;
    height: 70px;
    overflow: visible;
    z-index: 15
}

.thumbnail .tag.label-top-right.b-ribbon span {
    left: auto;
    top: 0;
    right: 0;
    z-index: 14;
    display: inline-block;
    width: auto;
    padding: 13px 30px;
    transform: rotate(0);
    font-size: 10px
}

.thumbnail .tag.label-bottom-left {
    left: 0;
    top: auto;
    right: auto;
    bottom: 85px
}

.thumbnail .tag.label-bottom-left span {
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    text-align: center;
    right: auto
}

.thumbnail .tag.label-bottom-left.stripes {
    z-index: 10
}

.thumbnail .tag.label-bottom-left.stripes span {
    font-size: 10px;
    left: -42px;
    top: 40px;
    padding: 6px;
    display: inline-block;
    width: 150px;
    transform: rotate(45deg)
}

.thumbnail .tag.label-bottom-left.corner {
    width: 85px;
    height: 85px;
    overflow: hidden;
    z-index: 14
}

.thumbnail .tag.label-bottom-left.corner span {
    top: 30px;
    left: -64px;
    font-size: 10px;
    display: inline-block;
    width: 150px;
    padding: 10px 0 65px;
    transform: rotate(45deg)
}

.thumbnail .tag.label-bottom-left.b-ribbon {
    width: 130px;
    height: 70px;
    overflow: visible;
    z-index: 15
}

.thumbnail .tag.label-bottom-left.b-ribbon span {
    z-index: 14;
    display: inline-block;
    width: auto;
    padding: 13px 30px;
    transform: rotate(0);
    font-size: 10px
}

.thumbnail .tag.label-bottom-right {
    left: auto;
    top: auto;
    right: 0;
    bottom: 85px
}

.thumbnail .tag.label-bottom-right span {
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    text-align: center
}

.thumbnail .tag.label-bottom-right.b-ribbon {
    width: 130px;
    height: 70px;
    overflow: visible;
    z-index: 15
}

.thumbnail .tag.label-bottom-right.b-ribbon span {
    left: auto;
    top: 0;
    right: 0;
    z-index: 14;
    display: inline-block;
    width: auto;
    padding: 13px 30px;
    transform: rotate(0);
    font-size: 10px
}

.thumbnail .tag.label-bottom-right.stripes {
    width: 85px;
    height: 85px;
    overflow: hidden;
    z-index: 14
}

.thumbnail .tag.label-bottom-right.stripes span {
    font-size: 10px;
    left: -22px;
    top: 38px;
    padding: 6px;
    display: inline-block;
    width: 150px;
    transform: rotate(-45deg)
}

.thumbnail .tag.label-bottom-right.corner {
    width: 85px;
    height: 85px;
    overflow: hidden;
    z-index: 14
}

.thumbnail .tag.label-bottom-right.corner span {
    left: auto;
    top: 35px;
    right: -54px;
    font-size: 10px;
    display: inline-block;
    width: 150px;
    padding: 10px 0 36px;
    transform: rotate(-45deg)
}

.product-list .product-thumb .tag.label-top-left.b-ribbon span:before, .product-list .product-thumb .tag.label-bottom-left.b-ribbon span:before {
    content: '';
    position: absolute;
    top: 4px;
    right: -9px;
    background: inherit;
    width: 28px;
    height: 30px;
    -webkit-transition: .3s;
    transition: .3s;
    transform: skew(-35deg)
}

.product-list .product-thumb .tag.label-top-left.b-ribbon span:after, .product-list .product-thumb .tag.label-bottom-left.b-ribbon span:after {
    content: '';
    position: absolute;
    top: 13px;
    right: -9px;
    background: inherit;
    width: 28px;
    height: 30px;
    -webkit-transition: .3s;
    transition: .3s;
    transform: skew(35deg)
}

.product-list .product-thumb .tag.label-top-right.b-ribbon span:before, .product-list .product-thumb .tag.label-bottom-right.b-ribbon span:before {
    content: '';
    position: absolute;
    top: 4px;
    left: -9px;
    background: inherit;
    width: 28px;
    height: 30px;
    -webkit-transition: .3s;
    transition: .3s;
    transform: skew(35deg)
}

.product-list .product-thumb .tag.label-top-right.b-ribbon span:after, .product-list .product-thumb .tag.label-bottom-right.b-ribbon span:after {
    content: '';
    position: absolute;
    top: 13px;
    left: -9px;
    background: inherit;
    width: 28px;
    height: 30px;
    -webkit-transition: .3s;
    transition: .3s;
    transform: skew(-35deg)
}

.product-list .product-thumb .tag {
    font-size: 11px;
    position: absolute;
    overflow: hidden;
    z-index: 10;
    transition: .1s ease-in-out
}

.product-list .product-thumb .tag.stripes {
    width: 85px;
    height: 85px
}

.product-list .product-thumb .tag.corner span {
    padding: 0 0 30px 0
}

.product-list .product-thumb .tag.label-top-left {
    left: 0;
    top: 0
}

.product-list .product-thumb .tag.label-top-left span {
    padding: 30px 0 1px 0;
    transform: rotate(-45deg)
}

.product-list .product-thumb .tag.label-top-left.stripes {
    width: 115px !important;
    height: 115px !important;
    left: -1px;
    top: -1px;
    overflow: hidden;
    z-index: 12
}

.product-list .product-thumb .tag.label-top-left.stripes span {
    font-size: 10px;
    left: -45px;
    top: 17px;
    padding: 6px;
    display: inline-block;
    width: 150px;
    transform: rotate(-45deg)
}

.product-list .product-thumb .tag.label-top-left.corner {
    left: -1px;
    top: -1px;
    width: 85px;
    height: 85px;
    overflow: hidden;
    z-index: 14
}

.product-list .product-thumb .tag.label-top-left.corner span {
    font-size: 10px;
    display: inline-block;
    padding: 57px 5px 10px;
    transform: rotate(-45deg);
    width: 150px;
    height: 76px;
    left: -62px;
    top: -27px
}

.product-list .product-thumb .tag.label-top-left.b-ribbon {
    left: 0;
    top: 55px;
    width: 130px;
    height: 70px;
    overflow: visible;
    z-index: 15
}

.product-list .product-thumb .tag.label-top-left.b-ribbon span {
    z-index: 14;
    display: inline-block;
    width: auto;
    padding: 13px 30px;
    transform: rotate(0);
    font-size: 10px
}

.product-list .product-thumb .tag.label-top-right {
    left: 118px;
    top: -1px;
    right: auto
}

.product-list .product-thumb .tag.label-top-right span {
    padding: 30px 0 1px 0;
    transform: rotate(45deg)
}

.product-list .product-thumb .tag.label-top-right.stripes {
    width: 115px !important;
    height: 115px !important;
    left: 87px;
    top: 1px;
    overflow: hidden;
    z-index: 12
}

.product-list .product-thumb .tag.label-top-right.stripes span {
    font-size: 10px;
    left: 9px;
    top: 18px;
    padding: 6px;
    display: inline-block;
    width: 150px;
    transform: rotate(45deg)
}

.product-list .product-thumb .tag.label-top-right.corner {
    width: 85px;
    height: 85px;
    overflow: hidden;
    z-index: 14
}

.product-list .product-thumb .tag.label-top-right.corner span {
    left: auto;
    top: -26px;
    right: -64px;
    font-size: 10px;
    display: inline-block;
    padding: 57px 5px 10px;
    transform: rotate(45deg);
    width: 150px;
    height: 76px
}

.product-list .product-thumb .tag.label-top-right.b-ribbon {
    left: 73px;
    top: 36px;
    width: 130px;
    height: 70px;
    overflow: visible;
    z-index: 15
}

.product-list .product-thumb .tag.label-top-right.b-ribbon span {
    left: auto;
    top: 0;
    right: 0;
    z-index: 14;
    display: inline-block;
    width: auto;
    padding: 13px 30px;
    transform: rotate(0);
    font-size: 10px
}

.product-list .product-thumb .tag.label-bottom-left.stripes {
    top: auto;
    left: -1px;
    bottom: -1px;
    z-index: 10
}

.product-list .product-thumb .tag.label-bottom-left.stripes span {
    font-size: 10px;
    left: -42px;
    top: 40px;
    padding: 6px;
    display: inline-block;
    width: 150px;
    transform: rotate(45deg)
}

.product-list .product-thumb .tag.label-bottom-left.corner {
    top: auto;
    left: -1px;
    bottom: -1px;
    width: 85px;
    height: 85px;
    overflow: hidden;
    z-index: 14
}

.product-list .product-thumb .tag.label-bottom-left.corner span {
    top: 34px;
    left: -67px;
    font-size: 10px;
    display: inline-block;
    width: 150px;
    padding: 10px 0 65px;
    transform: rotate(45deg)
}

.product-list .product-thumb .tag.label-bottom-left.b-ribbon {
    top: auto;
    left: -1px;
    bottom: -6px;
    width: 130px;
    height: 70px;
    overflow: visible;
    z-index: 15
}

.product-list .product-thumb .tag.label-bottom-left.b-ribbon span {
    z-index: 14;
    display: inline-block;
    width: auto;
    padding: 13px 30px;
    transform: rotate(0);
    font-size: 10px
}

.product-list .product-thumb .tag.label-bottom-right span {
    bottom: auto;
    padding: 30px 0 1px 0
}

.product-list .product-thumb .tag.label-bottom-right.b-ribbon {
    left: 73px;
    top: auto;
    bottom: -6px;
    width: 130px;
    height: 70px;
    overflow: visible;
    z-index: 15
}

.product-list .product-thumb .tag.label-bottom-right.b-ribbon span {
    left: auto;
    right: 0;
    z-index: 14;
    display: inline-block;
    width: auto;
    padding: 13px 30px;
    transform: rotate(0);
    font-size: 10px
}

.product-list .product-thumb .tag.label-bottom-right.stripes {
    left: 118px;
    top: auto;
    right: auto;
    bottom: -1px;
    z-index: 10
}

.product-list .product-thumb .tag.label-bottom-right.stripes span {
    font-size: 10px;
    left: -22px;
    top: 42px;
    padding: 6px;
    display: inline-block;
    width: 150px;
    transform: rotate(-45deg)
}

.product-list .product-thumb .tag.label-bottom-right.corner {
    left: 118px;
    top: auto;
    right: auto;
    bottom: -1px;
    width: 85px;
    height: 85px;
    overflow: hidden;
    z-index: 14
}

.product-list .product-thumb .tag.label-bottom-right.corner span {
    left: auto;
    top: 39px;
    right: -56px;
    font-size: 10px;
    display: inline-block;
    width: 150px;
    padding: 10px 0 36px;
    transform: rotate(-45deg)
}

.product-grid .product-thumb .tag.label-top-left.b-ribbon span:before, .product-grid .product-thumb .tag.label-bottom-left.b-ribbon span:before {
    content: '';
    position: absolute;
    top: 4px;
    right: -9px;
    background: inherit;
    width: 28px;
    height: 30px;
    -webkit-transition: .3s;
    transition: .3s;
    transform: skew(-35deg)
}

.product-grid .product-thumb .tag.label-top-left.b-ribbon span:after, .product-grid .product-thumb .tag.label-bottom-left.b-ribbon span:after {
    content: '';
    position: absolute;
    top: 13px;
    right: -9px;
    background: inherit;
    width: 28px;
    height: 30px;
    -webkit-transition: .3s;
    transition: .3s;
    transform: skew(35deg)
}

.product-grid .product-thumb .tag.label-top-right.b-ribbon span:before, .product-grid .product-thumb .tag.label-bottom-right.b-ribbon span:before {
    content: '';
    position: absolute;
    top: 4px;
    left: -9px;
    background: inherit;
    width: 28px;
    height: 30px;
    -webkit-transition: .3s;
    transition: .3s;
    transform: skew(35deg)
}

.product-grid .product-thumb .tag.label-top-right.b-ribbon span:after, .product-grid .product-thumb .tag.label-bottom-right.b-ribbon span:after {
    content: '';
    position: absolute;
    top: 13px;
    left: -9px;
    background: inherit;
    width: 28px;
    height: 30px;
    -webkit-transition: .3s;
    transition: .3s;
    transform: skew(-35deg)
}

.product-grid .product-thumb .tag {
    font-size: 11px;
    position: absolute;
    overflow: hidden;
    z-index: 10;
    transition: .1s ease-in-out
}

.product-grid .product-thumb .tag.stripes {
    width: 85px;
    height: 85px
}

.product-grid .product-thumb .tag.corner span {
    padding: 0 0 30px 0
}

.product-grid .product-thumb .tag.label-top-left span {
    padding: 30px 0 1px 0;
    transform: rotate(-45deg)
}

.product-grid .product-thumb .tag.label-top-left.stripes {
    width: 115px !important;
    height: 115px !important;
    left: -1px;
    top: -1px;
    overflow: hidden;
    z-index: 12
}

.product-grid .product-thumb .tag.label-top-left.stripes span {
    font-size: 10px;
    left: -45px;
    top: 17px;
    padding: 6px;
    display: inline-block;
    width: 150px;
    transform: rotate(-45deg)
}

.product-grid .product-thumb .tag.label-top-left.corner {
    left: 0;
    top: 0;
    width: 85px;
    height: 85px;
    overflow: hidden;
    z-index: 14
}

.product-grid .product-thumb .tag.label-top-left.corner span {
    font-size: 10px;
    display: inline-block;
    padding: 57px 5px 10px;
    transform: rotate(-45deg);
    width: 150px;
    height: 76px;
    left: -62px;
    top: -27px
}

.product-grid .product-thumb .tag.label-top-left.b-ribbon {
    left: -1px;
    top: 55px;
    width: 130px;
    height: 70px;
    overflow: visible;
    z-index: 15
}

.product-grid .product-thumb .tag.label-top-left.b-ribbon span {
    left: 0;
    z-index: 14;
    display: inline-block;
    width: auto;
    padding: 13px 30px;
    transform: rotate(0);
    font-size: 10px
}

.product-grid .product-thumb .tag.label-top-right span {
    padding: 30px 0 1px 0;
    transform: rotate(45deg)
}

.product-grid .product-thumb .tag.label-top-right.stripes {
    width: 115px !important;
    height: 115px !important;
    left: auto;
    top: -1px;
    right: -1px;
    overflow: hidden;
    z-index: 12
}

.product-grid .product-thumb .tag.label-top-right.stripes span {
    font-size: 10px;
    left: 9px;
    top: 18px;
    padding: 6px;
    display: inline-block;
    width: 150px;
    transform: rotate(45deg)
}

.product-grid .product-thumb .tag.label-top-right.corner {
    left: auto;
    top: -1px;
    right: -1px;
    width: 85px;
    height: 85px;
    overflow: hidden;
    z-index: 14
}

.product-grid .product-thumb .tag.label-top-right.corner span {
    left: auto;
    top: -26px;
    right: -64px;
    font-size: 10px;
    display: inline-block;
    padding: 57px 5px 10px;
    transform: rotate(45deg);
    width: 150px;
    height: 76px
}

.product-grid .product-thumb .tag.label-top-right.b-ribbon {
    left: auto;
    top: 55px;
    right: -1px;
    width: 130px;
    height: 70px;
    overflow: visible;
    z-index: 15
}

.product-grid .product-thumb .tag.label-top-right.b-ribbon span {
    left: auto;
    top: 0;
    right: 0;
    z-index: 14;
    display: inline-block;
    width: auto;
    padding: 13px 30px;
    transform: rotate(0);
    font-size: 10px
}

.product-grid .product-thumb .tag.label-bottom-left.stripes {
    left: -1px;
    top: 225px;
    right: auto;
    bottom: 0;
    z-index: 10
}

.product-grid .product-thumb .tag.label-bottom-left.stripes span {
    font-size: 10px;
    left: -42px;
    top: 40px;
    padding: 6px;
    display: inline-block;
    width: 150px;
    transform: rotate(45deg)
}

.product-grid .product-thumb .tag.label-bottom-left.corner {
    left: -1px;
    top: 225px;
    right: auto;
    bottom: 0;
    width: 85px;
    height: 85px;
    overflow: hidden;
    z-index: 14
}

.product-grid .product-thumb .tag.label-bottom-left.corner span {
    top: 34px;
    left: -67px;
    font-size: 10px;
    display: inline-block;
    width: 150px;
    padding: 10px 0 65px;
    transform: rotate(45deg)
}

.product-grid .product-thumb .tag.label-bottom-left.b-ribbon {
    left: -1px;
    top: 150px;
    width: 130px;
    height: 70px;
    overflow: visible;
    z-index: 15
}

.product-grid .product-thumb .tag.label-bottom-left.b-ribbon span {
    left: 0;
    z-index: 14;
    display: inline-block;
    width: auto;
    padding: 13px 30px;
    transform: rotate(0);
    font-size: 10px
}

.product-grid .product-thumb .tag.label-bottom-right span {
    bottom: auto;
    padding: 30px 0 1px 0
}

.product-grid .product-thumb .tag.label-bottom-right.b-ribbon {
    right: -1px;
    top: 150px;
    width: 130px;
    height: 70px;
    overflow: visible;
    z-index: 15
}

.product-grid .product-thumb .tag.label-bottom-right.b-ribbon span {
    left: auto;
    top: 0;
    right: 0;
    z-index: 14;
    display: inline-block;
    width: auto;
    padding: 13px 30px;
    transform: rotate(0);
    font-size: 10px
}

.product-grid .product-thumb .tag.label-bottom-right.stripes {
    left: auto;
    top: 225px;
    right: -1px;
    bottom: 0;
    width: 85px;
    height: 85px;
    overflow: hidden;
    z-index: 14
}

.product-grid .product-thumb .tag.label-bottom-right.stripes span {
    font-size: 10px;
    left: -22px;
    top: 42px;
    padding: 6px;
    display: inline-block;
    width: 150px;
    transform: rotate(-45deg)
}

.product-grid .product-thumb .tag.label-bottom-right.corner {
    left: auto;
    top: 225px;
    right: -1px;
    bottom: 0;
    width: 85px;
    height: 85px;
    overflow: hidden;
    z-index: 14
}

.product-grid .product-thumb .tag.label-bottom-right.corner span {
    left: auto;
    top: 39px;
    right: -56px;
    font-size: 10px;
    display: inline-block;
    width: 150px;
    padding: 10px 0 36px;
    transform: rotate(-45deg)
}

.product-table .product-thumb .tag.label-top-left.corner span:before, .product-table .product-thumb .tag.label-bottom-left.corner span:before, .product-table .product-thumb .tag.label-top-right.corner span:before, .product-table .product-thumb .tag.label-bottom-right.corner span:before, .product-table .product-thumb .tag.label-top-left.stripes span:before, .product-table .product-thumb .tag.label-bottom-left.stripes span:before, .product-table .product-thumb .tag.label-top-right.stripes span:before, .product-table .product-thumb .tag.label-bottom-right.stripes span:before, .product-table .product-thumb .tag.label-top-left.b-ribbon span:before, .product-table .product-thumb .tag.label-bottom-left.b-ribbon span:before, .product-table .product-thumb .tag.label-top-right.b-ribbon span:before, .product-table .product-thumb .tag.label-bottom-right.b-ribbon span:before {
    content: '';
    position: absolute;
    top: 0;
    left: -9px;
    background: inherit;
    width: 16px;
    height: 20px;
    -webkit-transition: .3s;
    transition: .3s;
    transform: skew(-35deg)
}

.product-table .product-thumb .tag.label-top-left.corner span:after, .product-table .product-thumb .tag.label-bottom-left.corner span:after, .product-table .product-thumb .tag.label-top-right.corner span:after, .product-table .product-thumb .tag.label-bottom-right.corner span:after, .product-table .product-thumb .tag.label-top-left.stripes span:after, .product-table .product-thumb .tag.label-bottom-left.stripes span:after, .product-table .product-thumb .tag.label-top-right.stripes span:after, .product-table .product-thumb .tag.label-bottom-right.stripes span:after, .product-table .product-thumb .tag.label-top-left.b-ribbon span:after, .product-table .product-thumb .tag.label-bottom-left.b-ribbon span:after, .product-table .product-thumb .tag.label-top-right.b-ribbon span:after, .product-table .product-thumb .tag.label-bottom-right.b-ribbon span:after {
    content: '';
    position: absolute;
    top: 0;
    right: -9px;
    background: inherit;
    width: 16px;
    height: 20px;
    -webkit-transition: .3s;
    transition: .3s;
    transform: skew(35deg)
}

.product-table .product-thumb .tag {
    position: absolute;
    overflow: hidden;
    z-index: 10;
    transition: .1s ease-in-out
}

.product-table .product-thumb .tag.label-top-left {
    left: 70px;
    top: auto;
    bottom: -1px
}

.product-table .product-thumb .tag.label-top-left span {
    top: auto;
    bottom: 0;
    width: 83px
}

.product-table .product-thumb .tag.label-top-left.stripes {
    width: 80px;
    height: 27px;
    overflow: visible;
    z-index: 14
}

.product-table .product-thumb .tag.label-top-left.stripes span {
    font-size: 8px;
    display: inline-block;
    padding: 5px 6px 6px;
    transform: rotate(0)
}

.product-table .product-thumb .tag.label-top-left.corner {
    width: 80px;
    height: 27px;
    overflow: visible;
    z-index: 14
}

.product-table .product-thumb .tag.label-top-left.corner span {
    font-size: 8px;
    display: inline-block;
    padding: 5px 19px 6px;
    transform: rotate(0)
}

.product-table .product-thumb .tag.label-top-left.b-ribbon {
    width: 80px;
    height: 27px;
    overflow: visible;
    z-index: 14
}

.product-table .product-thumb .tag.label-top-left.b-ribbon span {
    font-size: 8px;
    display: inline-block;
    padding: 5px 25px;
    transform: rotate(0)
}

.product-table .product-thumb .tag.label-top-right {
    left: 185px;
    top: auto;
    bottom: -1px
}

.product-table .product-thumb .tag.label-top-right span {
    top: auto;
    bottom: 0;
    width: 83px
}

.product-table .product-thumb .tag.label-top-right.stripes {
    width: 80px;
    height: 27px;
    overflow: visible;
    z-index: 14
}

.product-table .product-thumb .tag.label-top-right.stripes span {
    font-size: 8px;
    display: inline-block;
    padding: 5px 6px 6px;
    transform: rotate(0)
}

.product-table .product-thumb .tag.label-top-right.corner {
    width: 80px;
    height: 27px;
    overflow: visible;
    z-index: 14
}

.product-table .product-thumb .tag.label-top-right.corner span {
    font-size: 8px;
    display: inline-block;
    padding: 5px 19px 6px;
    transform: rotate(0)
}

.product-table .product-thumb .tag.label-top-right.b-ribbon {
    width: 80px;
    height: 27px;
    overflow: visible;
    z-index: 14
}

.product-table .product-thumb .tag.label-top-right.b-ribbon span {
    font-size: 8px;
    display: inline-block;
    padding: 5px 25px;
    transform: rotate(0)
}

.product-table .product-thumb .tag.label-bottom-left {
    left: 414px;
    top: auto;
    bottom: -1px
}

.product-table .product-thumb .tag.label-bottom-left span {
    top: auto;
    bottom: 0;
    width: 83px
}

.product-table .product-thumb .tag.label-bottom-left.stripes {
    width: 80px;
    height: 27px;
    overflow: visible;
    z-index: 14
}

.product-table .product-thumb .tag.label-bottom-left.stripes span {
    font-size: 8px;
    display: inline-block;
    padding: 5px 6px 6px;
    transform: rotate(0)
}

.product-table .product-thumb .tag.label-bottom-left.corner {
    width: 80px;
    height: 27px;
    overflow: visible;
    z-index: 14
}

.product-table .product-thumb .tag.label-bottom-left.corner span {
    font-size: 8px;
    display: inline-block;
    padding: 5px 19px 6px;
    transform: rotate(0)
}

.product-table .product-thumb .tag.label-bottom-left.b-ribbon {
    width: 80px;
    height: 27px;
    overflow: visible;
    z-index: 14
}

.product-table .product-thumb .tag.label-bottom-left.b-ribbon span {
    font-size: 8px;
    display: inline-block;
    padding: 5px 25px;
    transform: rotate(0)
}

.product-table .product-thumb .tag.label-bottom-right {
    left: 299px;
    top: auto;
    bottom: -1px
}

.product-table .product-thumb .tag.label-bottom-right span {
    top: auto;
    bottom: 0;
    width: 83px
}

.product-table .product-thumb .tag.label-bottom-right.stripes {
    width: 80px;
    height: 27px;
    overflow: visible;
    z-index: 14
}

.product-table .product-thumb .tag.label-bottom-right.stripes span {
    font-size: 8px;
    display: inline-block;
    padding: 5px 6px 6px;
    transform: rotate(0)
}

.product-table .product-thumb .tag.label-bottom-right.corner {
    width: 80px;
    height: 27px;
    overflow: visible;
    z-index: 14
}

.product-table .product-thumb .tag.label-bottom-right.corner span {
    font-size: 8px;
    display: inline-block;
    padding: 5px 19px 6px;
    transform: rotate(0)
}

.product-table .product-thumb .tag.label-bottom-right.b-ribbon {
    width: 80px;
    height: 27px;
    overflow: visible;
    z-index: 14
}

.product-table .product-thumb .tag.label-bottom-right.b-ribbon span {
    font-size: 8px;
    display: inline-block;
    padding: 5px 25px;
    transform: rotate(0)
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .product-grid .product-thumb .tag {
        font-size: 11px;
        position: absolute;
        overflow: hidden;
        z-index: 10;
        transition: .1s ease-in-out
    }

    .product-grid .product-thumb .tag.stripes {
        width: 85px;
        height: 85px
    }

    .product-grid .product-thumb .tag.corner span {
        padding: 0 0 30px 0
    }

    .product-grid .product-thumb .tag.label-top-left span {
        padding: 30px 0 1px 0;
        transform: rotate(-45deg)
    }

    .product-grid .product-thumb .tag.label-top-left.stripes {
        width: 115px !important;
        height: 115px !important;
        left: -1px;
        top: -1px;
        overflow: hidden;
        z-index: 12
    }

    .product-grid .product-thumb .tag.label-top-left.stripes span {
        font-size: 10px;
        left: -45px;
        top: 17px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(-45deg)
    }

    .product-grid .product-thumb .tag.label-top-left.corner {
        left: 0;
        top: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-grid .product-thumb .tag.label-top-left.corner span {
        font-size: 10px;
        display: inline-block;
        padding: 57px 5px 10px;
        transform: rotate(-45deg);
        width: 150px;
        height: 76px;
        left: -62px;
        top: -27px
    }

    .product-grid .product-thumb .tag.label-top-left.b-ribbon {
        left: -1px;
        top: 55px;
        width: 130px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-grid .product-thumb .tag.label-top-left.b-ribbon span {
        left: 0;
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 13px 30px;
        transform: rotate(0);
        font-size: 10px
    }

    .product-grid .product-thumb .tag.label-top-right span {
        padding: 30px 0 1px 0;
        transform: rotate(45deg)
    }

    .product-grid .product-thumb .tag.label-top-right.stripes {
        width: 115px !important;
        height: 115px !important;
        left: auto;
        top: -1px;
        right: -1px;
        overflow: hidden;
        z-index: 12
    }

    .product-grid .product-thumb .tag.label-top-right.stripes span {
        font-size: 10px;
        left: 9px;
        top: 18px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(45deg)
    }

    .product-grid .product-thumb .tag.label-top-right.corner {
        left: auto;
        top: -1px;
        right: -1px;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-grid .product-thumb .tag.label-top-right.corner span {
        left: auto;
        top: -26px;
        right: -64px;
        font-size: 10px;
        display: inline-block;
        padding: 57px 5px 10px;
        transform: rotate(45deg);
        width: 150px;
        height: 76px
    }

    .product-grid .product-thumb .tag.label-top-right.b-ribbon {
        left: auto;
        top: 55px;
        right: -1px;
        width: 130px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-grid .product-thumb .tag.label-top-right.b-ribbon span {
        left: auto;
        top: 0;
        right: 0;
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 13px 30px;
        transform: rotate(0);
        font-size: 10px
    }

    .product-grid .product-thumb .tag.label-bottom-left.stripes {
        top: 178px !important;
        left: -1px;
        right: auto;
        bottom: 0;
        z-index: 10
    }

    .product-grid .product-thumb .tag.label-bottom-left.stripes span {
        font-size: 10px;
        left: -42px;
        top: 40px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(45deg)
    }

    .product-grid .product-thumb .tag.label-bottom-left.corner {
        top: 178px !important;
        left: -1px;
        right: auto;
        bottom: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-grid .product-thumb .tag.label-bottom-left.corner span {
        top: 34px;
        left: -67px;
        font-size: 10px;
        display: inline-block;
        width: 150px;
        padding: 10px 0 65px;
        transform: rotate(45deg)
    }

    .product-grid .product-thumb .tag.label-bottom-left.b-ribbon {
        left: -1px;
        top: 150px;
        width: 130px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-grid .product-thumb .tag.label-bottom-left.b-ribbon span {
        left: 0;
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 13px 30px;
        transform: rotate(0);
        font-size: 10px
    }

    .product-grid .product-thumb .tag.label-bottom-right span {
        bottom: auto;
        padding: 30px 0 1px 0
    }

    .product-grid .product-thumb .tag.label-bottom-right.b-ribbon {
        right: -1px;
        top: 150px;
        width: 130px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-grid .product-thumb .tag.label-bottom-right.b-ribbon span {
        left: auto;
        top: 0;
        right: 0;
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 13px 30px;
        transform: rotate(0);
        font-size: 10px
    }

    .product-grid .product-thumb .tag.label-bottom-right.stripes {
        left: auto;
        top: 178px !important;
        right: -1px;
        bottom: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-grid .product-thumb .tag.label-bottom-right.stripes span {
        font-size: 10px;
        left: -22px;
        top: 42px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(-45deg)
    }

    .product-grid .product-thumb .tag.label-bottom-right.corner {
        left: auto;
        top: 178px !important;
        right: -1px;
        bottom: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-grid .product-thumb .tag.label-bottom-right.corner span {
        left: auto;
        top: 39px;
        right: -56px;
        font-size: 10px;
        display: inline-block;
        width: 150px;
        padding: 10px 0 36px;
        transform: rotate(-45deg)
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .product-grid .product-thumb .tag.label-bottom-right.stripes, .product-grid .product-thumb .tag.label-bottom-left.stripes, .product-grid .product-thumb .tag.label-bottom-right.corner, .product-grid .product-thumb .tag.label-bottom-left.corner {
        top: 128px
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .product-list .product-thumb .tag.label-top-left.b-ribbon span:before, .product-list .product-thumb .tag.label-bottom-left.b-ribbon span:before {
        content: '';
        position: absolute;
        top: 4px;
        right: -8px;
        background: inherit;
        width: 22px;
        height: 19px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(-35deg)
    }

    .product-list .product-thumb .tag.label-top-left.b-ribbon span:after, .product-list .product-thumb .tag.label-bottom-left.b-ribbon span:after {
        content: '';
        position: absolute;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(35deg);
        top: 13px;
        right: -8px;
        background: inherit;
        width: 22px;
        height: 19px
    }

    .product-list .product-thumb .tag.label-top-right.b-ribbon span:before, .product-list .product-thumb .tag.label-bottom-right.b-ribbon span:before {
        content: '';
        position: absolute;
        top: 4px;
        left: -7px;
        background: inherit;
        width: 22px;
        height: 19px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(35deg)
    }

    .product-list .product-thumb .tag.label-top-right.b-ribbon span:after, .product-list .product-thumb .tag.label-bottom-right.b-ribbon span:after {
        content: '';
        position: absolute;
        top: 13px;
        left: -6px;
        background: inherit;
        width: 22px;
        height: 19px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(-35deg)
    }

    .product-list .product-thumb .tag {
        position: absolute;
        overflow: hidden;
        z-index: 10;
        transition: .1s ease-in-out
    }

    .product-list .product-thumb .tag.stripes {
        width: 85px;
        height: 85px
    }

    .product-list .product-thumb .tag.corner span {
        padding: 0 0 30px 0
    }

    .product-list .product-thumb .tag.label-top-left {
        left: 0;
        top: 0
    }

    .product-list .product-thumb .tag.label-top-left span {
        padding: 30px 0 1px 0;
        transform: rotate(-45deg)
    }

    .product-list .product-thumb .tag.label-top-left.stripes {
        width: 115px !important;
        height: 115px !important;
        left: 0;
        top: 0;
        overflow: hidden;
        z-index: 12
    }

    .product-list .product-thumb .tag.label-top-left.stripes span {
        font-size: 8px;
        left: -50px;
        top: 14px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(-45deg)
    }

    .product-list .product-thumb .tag.label-top-left.corner {
        left: 0;
        top: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-list .product-thumb .tag.label-top-left.corner span {
        font-size: 8px;
        display: inline-block;
        padding: 57px 5px 10px;
        transform: rotate(-45deg);
        width: 150px;
        height: 76px;
        left: -70px;
        top: -33px
    }

    .product-list .product-thumb .tag.label-top-left.b-ribbon {
        left: 0;
        top: 20px;
        width: 127px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-list .product-thumb .tag.label-top-left.b-ribbon span {
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 10px 20px;
        transform: rotate(0);
        font-size: 8px
    }

    .product-list .product-thumb .tag.label-top-right {
        left: 10%;
        top: 0;
        right: auto
    }

    .product-list .product-thumb .tag.label-top-right span {
        padding: 30px 0 1px 0;
        transform: rotate(45deg)
    }

    .product-list .product-thumb .tag.label-top-right.stripes {
        width: 115px !important;
        height: 115px !important;
        left: 86px;
        top: 0;
        overflow: hidden;
        z-index: 12
    }

    .product-list .product-thumb .tag.label-top-right.stripes span {
        font-size: 8px;
        left: 13px;
        top: 14px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(45deg)
    }

    .product-list .product-thumb .tag.label-top-right.corner {
        top: 0;
        left: 86px;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-list .product-thumb .tag.label-top-right.corner span {
        left: auto;
        top: -35px;
        right: -70px;
        font-size: 8px;
        display: inline-block;
        padding: 57px 5px 10px;
        transform: rotate(45deg);
        width: 150px;
        height: 76px
    }

    .product-list .product-thumb .tag.label-top-right.b-ribbon {
        left: 4%;
        top: 20px;
        width: 131px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-list .product-thumb .tag.label-top-right.b-ribbon span {
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 10px 20px;
        transform: rotate(0);
        font-size: 8px
    }

    .product-list .product-thumb .tag.label-bottom-left.stripes {
        left: -1px;
        z-index: 10
    }

    .product-list .product-thumb .tag.label-bottom-left.stripes span {
        font-size: 8px;
        left: -50px;
        top: 49px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(45deg)
    }

    .product-list .product-thumb .tag.label-bottom-left.corner {
        left: -1px;
        bottom: 25%;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-list .product-thumb .tag.label-bottom-left.corner span {
        top: 39px;
        left: -72px;
        font-size: 8px;
        display: inline-block;
        width: 150px;
        padding: 10px 0 65px;
        transform: rotate(45deg)
    }

    .product-list .product-thumb .tag.label-bottom-left.b-ribbon {
        left: -1px;
        bottom: 23%;
        width: 127px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-list .product-thumb .tag.label-bottom-left.b-ribbon span {
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 10px 20px;
        transform: rotate(0);
        font-size: 8px
    }

    .product-list .product-thumb .tag.label-bottom-right.b-ribbon {
        left: 4%;
        bottom: 23%;
        width: 131px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-list .product-thumb .tag.label-bottom-right.b-ribbon span {
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 10px 20px;
        transform: rotate(0);
        font-size: 8px
    }

    .product-list .product-thumb .tag.label-bottom-right.stripes {
        left: 116px;
        top: auto;
        right: auto;
        z-index: 10
    }

    .product-list .product-thumb .tag.label-bottom-right.stripes span {
        font-size: 8px;
        left: -16px;
        top: 49px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(-45deg)
    }

    .product-list .product-thumb .tag.label-bottom-right.corner {
        left: 116px;
        top: auto;
        right: auto;
        z-index: 10;
        width: 85px;
        height: 85px;
        overflow: hidden
    }

    .product-list .product-thumb .tag.label-bottom-right.corner span {
        left: auto;
        top: 44px;
        right: -61px;
        font-size: 8px;
        display: inline-block;
        width: 150px;
        padding: 10px 0 36px;
        transform: rotate(-45deg)
    }

    .product-grid .product-thumb .tag.label-top-left.b-ribbon span:before, .product-grid .product-thumb .tag.label-bottom-left.b-ribbon span:before {
        content: '';
        position: absolute;
        top: 4px;
        right: -9px;
        background: inherit;
        width: 28px;
        height: 30px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(-35deg)
    }

    .product-grid .product-thumb .tag.label-top-left.b-ribbon span:after, .product-grid .product-thumb .tag.label-bottom-left.b-ribbon span:after {
        content: '';
        position: absolute;
        top: 13px;
        right: -9px;
        background: inherit;
        width: 28px;
        height: 30px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(35deg)
    }

    .product-grid .product-thumb .tag.label-top-right.b-ribbon span:before, .product-grid .product-thumb .tag.label-bottom-right.b-ribbon span:before {
        content: '';
        position: absolute;
        top: 4px;
        left: -9px;
        background: inherit;
        width: 28px;
        height: 30px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(35deg)
    }

    .product-grid .product-thumb .tag.label-top-right.b-ribbon span:after, .product-grid .product-thumb .tag.label-bottom-right.b-ribbon span:after {
        content: '';
        position: absolute;
        top: 13px;
        left: -9px;
        background: inherit;
        width: 28px;
        height: 30px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(-35deg)
    }

    .product-grid .product-thumb .tag {
        font-size: 11px;
        position: absolute;
        overflow: hidden;
        z-index: 10;
        transition: .1s ease-in-out
    }

    .product-grid .product-thumb .tag.stripes {
        width: 85px;
        height: 85px
    }

    .product-grid .product-thumb .tag.corner span {
        padding: 0 0 30px 0
    }

    .product-grid .product-thumb .tag.label-top-left {
        left: 0;
        top: 0
    }

    .product-grid .product-thumb .tag.label-top-left span {
        padding: 30px 0 1px 0;
        transform: rotate(-45deg)
    }

    .product-grid .product-thumb .tag.label-top-left.stripes {
        width: 115px !important;
        height: 115px !important;
        left: 0;
        top: 0;
        overflow: hidden;
        z-index: 12
    }

    .product-grid .product-thumb .tag.label-top-left.stripes span {
        font-size: 10px;
        left: -45px;
        top: 17px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(-45deg)
    }

    .product-grid .product-thumb .tag.label-top-left.corner {
        left: 0;
        top: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-grid .product-thumb .tag.label-top-left.corner span {
        font-size: 10px;
        display: inline-block;
        padding: 57px 5px 10px;
        transform: rotate(-45deg);
        width: 150px;
        height: 76px;
        left: -62px;
        top: -27px
    }

    .product-grid .product-thumb .tag.label-top-left.b-ribbon {
        left: 0;
        top: 55px;
        width: 130px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-grid .product-thumb .tag.label-top-left.b-ribbon span {
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 13px 30px;
        transform: rotate(0);
        font-size: 10px
    }

    .product-grid .product-thumb .tag.label-top-right span {
        padding: 30px 0 1px 0;
        transform: rotate(45deg)
    }

    .product-grid .product-thumb .tag.label-top-right.stripes {
        width: 115px !important;
        height: 115px !important;
        left: auto;
        top: 0;
        right: 0;
        overflow: hidden;
        z-index: 12
    }

    .product-grid .product-thumb .tag.label-top-right.stripes span {
        font-size: 10px;
        left: 9px;
        top: 18px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(45deg)
    }

    .product-grid .product-thumb .tag.label-top-right.corner {
        left: auto;
        top: 0;
        right: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-grid .product-thumb .tag.label-top-right.corner span {
        left: auto;
        top: -26px;
        right: -64px;
        font-size: 10px;
        display: inline-block;
        padding: 57px 5px 10px;
        transform: rotate(45deg);
        width: 150px;
        height: 76px
    }

    .product-grid .product-thumb .tag.label-top-right.b-ribbon {
        left: auto;
        top: 55px;
        right: 0;
        width: 130px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-grid .product-thumb .tag.label-top-right.b-ribbon span {
        left: auto;
        top: 0;
        right: 0;
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 13px 30px;
        transform: rotate(0);
        font-size: 10px
    }

    .product-grid .product-thumb .tag.label-bottom-left.stripes {
        left: 0;
        top: auto;
        bottom: 167px;
        right: auto;
        z-index: 10
    }

    .product-grid .product-thumb .tag.label-bottom-left.stripes span {
        font-size: 10px;
        left: -42px;
        top: 40px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(45deg)
    }

    .product-grid .product-thumb .tag.label-bottom-left.corner {
        left: 0;
        top: auto;
        bottom: 167px;
        right: auto;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-grid .product-thumb .tag.label-bottom-left.corner span {
        top: 34px;
        left: -67px;
        font-size: 10px;
        display: inline-block;
        width: 150px;
        padding: 10px 0 65px;
        transform: rotate(45deg)
    }

    .product-grid .product-thumb .tag.label-bottom-left.b-ribbon {
        left: 0;
        top: 150px;
        width: 130px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-grid .product-thumb .tag.label-bottom-left.b-ribbon span {
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 13px 30px;
        transform: rotate(0);
        font-size: 10px
    }

    .product-grid .product-thumb .tag.label-bottom-right span {
        bottom: auto;
        padding: 30px 0 1px 0
    }

    .product-grid .product-thumb .tag.label-bottom-right.b-ribbon {
        right: 0;
        top: 150px;
        width: 130px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-grid .product-thumb .tag.label-bottom-right.b-ribbon span {
        left: auto;
        top: 0;
        right: 0;
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 13px 30px;
        transform: rotate(0);
        font-size: 10px
    }

    .product-grid .product-thumb .tag.label-bottom-right.stripes {
        left: auto;
        top: auto;
        right: 0;
        bottom: 167px;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-grid .product-thumb .tag.label-bottom-right.stripes span {
        font-size: 10px;
        left: -22px;
        top: 42px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(-45deg)
    }

    .product-grid .product-thumb .tag.label-bottom-right.corner {
        left: auto;
        top: auto;
        bottom: 167px;
        right: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-grid .product-thumb .tag.label-bottom-right.corner span {
        left: auto;
        top: 39px;
        right: -56px;
        font-size: 10px;
        display: inline-block;
        width: 150px;
        padding: 10px 0 36px;
        transform: rotate(-45deg)
    }

    .product-table .product-thumb .tag {
        position: absolute;
        overflow: hidden;
        z-index: 10;
        transition: .1s ease-in-out
    }

    .product-table .product-thumb .tag.label-top-left {
        left: 70px;
        top: auto;
        bottom: -1px
    }

    .product-table .product-thumb .tag.label-top-left span {
        top: auto;
        bottom: 0;
        width: 83px
    }

    .product-table .product-thumb .tag.label-top-left.stripes {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-top-left.stripes span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 6px 6px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-top-left.corner {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-top-left.corner span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 19px 6px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-top-left.b-ribbon {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-top-left.b-ribbon span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 25px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-top-right {
        left: 178px;
        top: auto;
        bottom: -1px
    }

    .product-table .product-thumb .tag.label-top-right span {
        top: auto;
        bottom: 0;
        width: 83px
    }

    .product-table .product-thumb .tag.label-top-right.stripes {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-top-right.stripes span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 6px 6px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-top-right.corner {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-top-right.corner span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 19px 6px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-top-right.b-ribbon {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-top-right.b-ribbon span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 25px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-bottom-left {
        left: 399px;
        top: auto;
        bottom: -1px
    }

    .product-table .product-thumb .tag.label-bottom-left span {
        top: auto;
        bottom: 0;
        width: 83px
    }

    .product-table .product-thumb .tag.label-bottom-left.stripes {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-bottom-left.stripes span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 6px 6px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-bottom-left.corner {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-bottom-left.corner span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 19px 6px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-bottom-left.b-ribbon {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-bottom-left.b-ribbon span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 25px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-bottom-right {
        left: 289px;
        top: auto;
        bottom: -1px
    }

    .product-table .product-thumb .tag.label-bottom-right span {
        top: auto;
        bottom: 0;
        width: 83px
    }

    .product-table .product-thumb .tag.label-bottom-right.stripes {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-bottom-right.stripes span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 6px 6px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-bottom-right.corner {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-bottom-right.corner span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 19px 6px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-bottom-right.b-ribbon {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-bottom-right.b-ribbon span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 25px;
        transform: rotate(0)
    }
}

@media screen and (max-width: 767px) and (min-width: 300px) {
    .product-layout.product-table .product-thumb {
        min-height: 90px !important;
        max-height: 150px !important;
        height: auto !important
    }

    .product-list .product-thumb .tag.label-top-left.b-ribbon span:before, .product-list .product-thumb .tag.label-bottom-left.b-ribbon span:before {
        content: '';
        position: absolute;
        top: 4px;
        right: -9px;
        background: inherit;
        width: 28px;
        height: 30px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(-35deg)
    }

    .product-list .product-thumb .tag.label-top-left.b-ribbon span:after, .product-list .product-thumb .tag.label-bottom-left.b-ribbon span:after {
        content: '';
        position: absolute;
        top: 13px;
        right: -9px;
        background: inherit;
        width: 28px;
        height: 30px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(35deg)
    }

    .product-list .product-thumb .tag.label-top-right.b-ribbon span:before, .product-list .product-thumb .tag.label-bottom-right.b-ribbon span:before {
        content: '';
        position: absolute;
        top: 4px;
        left: -9px;
        background: inherit;
        width: 28px;
        height: 30px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(35deg)
    }

    .product-list .product-thumb .tag.label-top-right.b-ribbon span:after, .product-list .product-thumb .tag.label-bottom-right.b-ribbon span:after {
        content: '';
        position: absolute;
        top: 13px;
        left: -9px;
        background: inherit;
        width: 28px;
        height: 30px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(-35deg)
    }

    .product-list .product-thumb .tag {
        font-size: 11px;
        position: absolute;
        overflow: hidden;
        z-index: 10;
        transition: .1s ease-in-out
    }

    .product-list .product-thumb .tag.stripes {
        width: 85px;
        height: 85px
    }

    .product-list .product-thumb .tag.corner span {
        padding: 0 0 30px 0
    }

    .product-list .product-thumb .tag.label-top-left {
        left: 0;
        top: 0
    }

    .product-list .product-thumb .tag.label-top-left span {
        padding: 30px 0 1px 0;
        transform: rotate(-45deg)
    }

    .product-list .product-thumb .tag.label-top-left.stripes {
        width: 115px !important;
        height: 115px !important;
        left: 0;
        top: 0;
        overflow: hidden;
        z-index: 12
    }

    .product-list .product-thumb .tag.label-top-left.stripes span {
        font-size: 10px;
        left: -45px;
        top: 17px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(-45deg)
    }

    .product-list .product-thumb .tag.label-top-left.corner {
        left: 0;
        top: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-list .product-thumb .tag.label-top-left.corner span {
        font-size: 10px;
        display: inline-block;
        padding: 57px 5px 10px;
        transform: rotate(-45deg);
        width: 150px;
        height: 76px;
        left: -62px;
        top: -27px
    }

    .product-list .product-thumb .tag.label-top-left.b-ribbon {
        left: 0;
        top: 55px;
        width: 130px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-list .product-thumb .tag.label-top-left.b-ribbon span {
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 13px 30px;
        transform: rotate(0);
        font-size: 10px
    }

    .product-list .product-thumb .tag.label-top-right span {
        padding: 30px 0 1px 0;
        transform: rotate(45deg)
    }

    .product-list .product-thumb .tag.label-top-right.stripes {
        width: 115px !important;
        height: 115px !important;
        left: auto;
        top: 0;
        right: 0;
        overflow: hidden;
        z-index: 12
    }

    .product-list .product-thumb .tag.label-top-right.stripes span {
        font-size: 10px;
        left: 9px;
        top: 18px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(45deg)
    }

    .product-list .product-thumb .tag.label-top-right.corner {
        left: auto;
        top: 0;
        right: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-list .product-thumb .tag.label-top-right.corner span {
        left: auto;
        top: -26px;
        right: -64px;
        font-size: 10px;
        display: inline-block;
        padding: 57px 5px 10px;
        transform: rotate(45deg);
        width: 150px;
        height: 76px
    }

    .product-list .product-thumb .tag.label-top-right.b-ribbon {
        left: auto;
        top: 55px;
        right: 0;
        width: 130px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-list .product-thumb .tag.label-top-right.b-ribbon span {
        left: auto;
        top: 0;
        right: 0;
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 13px 30px;
        transform: rotate(0);
        font-size: 10px
    }

    .product-list .product-thumb .tag.label-bottom-left.stripes {
        left: 0;
        top: 226px;
        right: auto;
        bottom: 0;
        z-index: 10
    }

    .product-list .product-thumb .tag.label-bottom-left.stripes span {
        font-size: 10px;
        left: -42px;
        top: 40px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(45deg)
    }

    .product-list .product-thumb .tag.label-bottom-left.corner {
        left: 0;
        top: 226px;
        right: auto;
        bottom: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-list .product-thumb .tag.label-bottom-left.corner span {
        top: 34px;
        left: -67px;
        font-size: 10px;
        display: inline-block;
        width: 150px;
        padding: 10px 0 65px;
        transform: rotate(45deg)
    }

    .product-list .product-thumb .tag.label-bottom-left.b-ribbon {
        left: 0;
        top: 150px;
        width: 130px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-list .product-thumb .tag.label-bottom-left.b-ribbon span {
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 13px 30px;
        transform: rotate(0);
        font-size: 10px
    }

    .product-list .product-thumb .tag.label-bottom-right span {
        bottom: auto;
        padding: 30px 0 1px 0
    }

    .product-list .product-thumb .tag.label-bottom-right.b-ribbon {
        left: auto;
        right: 0;
        top: 150px;
        width: 130px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-list .product-thumb .tag.label-bottom-right.b-ribbon span {
        left: auto;
        top: 0;
        right: 0;
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 13px 30px;
        transform: rotate(0);
        font-size: 10px
    }

    .product-list .product-thumb .tag.label-bottom-right.stripes {
        left: auto;
        top: 226px;
        right: 0;
        bottom: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-list .product-thumb .tag.label-bottom-right.stripes span {
        font-size: 10px;
        left: -22px;
        top: 42px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(-45deg)
    }

    .product-list .product-thumb .tag.label-bottom-right.corner {
        left: auto;
        top: 226px;
        right: 0;
        bottom: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-list .product-thumb .tag.label-bottom-right.corner span {
        left: auto;
        top: 39px;
        right: -56px;
        font-size: 10px;
        display: inline-block;
        width: 150px;
        padding: 10px 0 36px;
        transform: rotate(-45deg)
    }

    .product-grid .product-thumb .tag.label-top-left.b-ribbon span:before, .product-grid .product-thumb .tag.label-bottom-left.b-ribbon span:before {
        content: '';
        position: absolute;
        top: 4px;
        right: -9px;
        background: inherit;
        width: 28px;
        height: 30px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(-35deg)
    }

    .product-grid .product-thumb .tag.label-top-left.b-ribbon span:after, .product-grid .product-thumb .tag.label-bottom-left.b-ribbon span:after {
        content: '';
        position: absolute;
        top: 13px;
        right: -9px;
        background: inherit;
        width: 28px;
        height: 30px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(35deg)
    }

    .product-grid .product-thumb .tag.label-top-right.b-ribbon span:before, .product-grid .product-thumb .tag.label-bottom-right.b-ribbon span:before {
        content: '';
        position: absolute;
        top: 4px;
        left: -9px;
        background: inherit;
        width: 28px;
        height: 30px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(35deg)
    }

    .product-grid .product-thumb .tag.label-top-right.b-ribbon span:after, .product-grid .product-thumb .tag.label-bottom-right.b-ribbon span:after {
        content: '';
        position: absolute;
        top: 13px;
        left: -9px;
        background: inherit;
        width: 28px;
        height: 30px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(-35deg)
    }

    .product-grid .product-thumb .tag {
        font-size: 11px;
        position: absolute;
        overflow: hidden;
        z-index: 10;
        transition: .1s ease-in-out
    }

    .product-grid .product-thumb .tag.stripes {
        width: 85px;
        height: 85px
    }

    .product-grid .product-thumb .tag.corner span {
        padding: 0 0 30px 0
    }

    .product-grid .product-thumb .tag.label-top-left {
        left: 0;
        top: 0
    }

    .product-grid .product-thumb .tag.label-top-left span {
        padding: 30px 0 1px 0;
        transform: rotate(-45deg)
    }

    .product-grid .product-thumb .tag.label-top-left.stripes {
        width: 115px !important;
        height: 115px !important;
        left: 0;
        top: 0;
        overflow: hidden;
        z-index: 12
    }

    .product-grid .product-thumb .tag.label-top-left.stripes span {
        font-size: 10px;
        left: -45px;
        top: 17px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(-45deg)
    }

    .product-grid .product-thumb .tag.label-top-left.corner {
        left: 0;
        top: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-grid .product-thumb .tag.label-top-left.corner span {
        font-size: 10px;
        display: inline-block;
        padding: 57px 5px 10px;
        transform: rotate(-45deg);
        width: 150px;
        height: 76px;
        left: -62px;
        top: -27px
    }

    .product-grid .product-thumb .tag.label-top-left.b-ribbon {
        left: 0;
        top: 55px;
        width: 130px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-grid .product-thumb .tag.label-top-left.b-ribbon span {
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 13px 30px;
        transform: rotate(0);
        font-size: 10px
    }

    .product-grid .product-thumb .tag.label-top-right span {
        padding: 30px 0 1px 0;
        transform: rotate(45deg)
    }

    .product-grid .product-thumb .tag.label-top-right.stripes {
        width: 115px !important;
        height: 115px !important;
        left: auto;
        top: 0;
        right: 0;
        overflow: hidden;
        z-index: 12
    }

    .product-grid .product-thumb .tag.label-top-right.stripes span {
        font-size: 10px;
        left: 9px;
        top: 18px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(45deg)
    }

    .product-grid .product-thumb .tag.label-top-right.corner {
        left: auto;
        top: 0;
        right: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-grid .product-thumb .tag.label-top-right.corner span {
        left: auto;
        top: -26px;
        right: -64px;
        font-size: 10px;
        display: inline-block;
        padding: 57px 5px 10px;
        transform: rotate(45deg);
        width: 150px;
        height: 76px
    }

    .product-grid .product-thumb .tag.label-top-right.b-ribbon {
        left: auto;
        top: 55px;
        right: 0;
        width: 130px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-grid .product-thumb .tag.label-top-right.b-ribbon span {
        left: auto;
        top: 0;
        right: 0;
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 13px 30px;
        transform: rotate(0);
        font-size: 10px
    }

    .product-grid .product-thumb .tag.label-bottom-left.stripes {
        left: 0;
        top: 226px;
        right: auto;
        bottom: 0;
        z-index: 10
    }

    .product-grid .product-thumb .tag.label-bottom-left.stripes span {
        font-size: 10px;
        left: -42px;
        top: 40px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(45deg)
    }

    .product-grid .product-thumb .tag.label-bottom-left.corner {
        left: 0;
        top: 226px;
        right: auto;
        bottom: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-grid .product-thumb .tag.label-bottom-left.corner span {
        top: 34px;
        left: -67px;
        font-size: 10px;
        display: inline-block;
        width: 150px;
        padding: 10px 0 65px;
        transform: rotate(45deg)
    }

    .product-grid .product-thumb .tag.label-bottom-left.b-ribbon {
        left: 0;
        top: 150px;
        width: 130px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-grid .product-thumb .tag.label-bottom-left.b-ribbon span {
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 13px 30px;
        transform: rotate(0);
        font-size: 10px
    }

    .product-grid .product-thumb .tag.label-bottom-right span {
        bottom: auto;
        padding: 30px 0 1px 0
    }

    .product-grid .product-thumb .tag.label-bottom-right.b-ribbon {
        right: 0;
        top: 150px;
        width: 130px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-grid .product-thumb .tag.label-bottom-right.b-ribbon span {
        left: auto;
        top: 0;
        right: 0;
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 13px 30px;
        transform: rotate(0);
        font-size: 10px
    }

    .product-grid .product-thumb .tag.label-bottom-right.stripes {
        left: auto;
        top: 226px;
        right: 0;
        bottom: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-grid .product-thumb .tag.label-bottom-right.stripes span {
        font-size: 10px;
        left: -22px;
        top: 42px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(-45deg)
    }

    .product-grid .product-thumb .tag.label-bottom-right.corner {
        left: auto;
        top: 226px;
        right: 0;
        bottom: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-grid .product-thumb .tag.label-bottom-right.corner span {
        left: auto;
        top: 39px;
        right: -56px;
        font-size: 10px;
        display: inline-block;
        width: 150px;
        padding: 10px 0 36px;
        transform: rotate(-45deg)
    }

    .product-table .product-thumb .tag.label-top-left.b-ribbon span:before, .product-table .product-thumb .tag.label-bottom-left.b-ribbon span:before, .product-table .product-thumb .tag.label-top-right.b-ribbon span:before, .product-table .product-thumb .tag.label-bottom-right.b-ribbon span:before {
        content: '';
        position: absolute;
        top: 0;
        left: -9px;
        background: inherit;
        width: 18px;
        height: 20px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(-35deg)
    }

    .product-table .product-thumb .tag.label-top-left.b-ribbon span:after, .product-table .product-thumb .tag.label-bottom-left.b-ribbon span:after, .product-table .product-thumb .tag.label-top-right.b-ribbon span:after, .product-table .product-thumb .tag.label-bottom-right.b-ribbon span:after {
        content: '';
        position: absolute;
        top: 0;
        right: -9px;
        background: inherit;
        width: 18px;
        height: 20px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(35deg)
    }

    .product-table .product-thumb .tag.label-top-left.corner span:before, .product-table .product-thumb .tag.label-bottom-left.corner span:before, .product-table .product-thumb .tag.label-top-right.corner span:before, .product-table .product-thumb .tag.label-bottom-right.corner span:before {
        content: '';
        position: absolute;
        top: 0;
        left: -9px;
        background: inherit;
        width: 18px;
        height: 20px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(-35deg)
    }

    .product-table .product-thumb .tag.label-top-left.corner span:after, .product-table .product-thumb .tag.label-bottom-left.corner span:after, .product-table .product-thumb .tag.label-top-right.corner span:after, .product-table .product-thumb .tag.label-bottom-right.corner span:after {
        content: '';
        position: absolute;
        top: 0;
        right: -9px;
        background: inherit;
        width: 18px;
        height: 20px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(35deg)
    }

    .product-table .product-thumb .tag.label-top-left.stripes span:before, .product-table .product-thumb .tag.label-bottom-left.stripes span:before, .product-table .product-thumb .tag.label-top-right.stripes span:before, .product-table .product-thumb .tag.label-bottom-right.stripes span:before {
        content: '';
        position: absolute;
        top: 0;
        left: -9px;
        background: inherit;
        width: 18px;
        height: 20px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(-35deg)
    }

    .product-table .product-thumb .tag.label-top-left.stripes span:after, .product-table .product-thumb .tag.label-bottom-left.stripes span:after, .product-table .product-thumb .tag.label-top-right.stripes span:after, .product-table .product-thumb .tag.label-bottom-right.stripes span:after {
        content: '';
        position: absolute;
        top: 0;
        right: -9px;
        background: inherit;
        width: 18px;
        height: 20px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(35deg)
    }

    .product-table .product-thumb .tag {
        position: absolute;
        overflow: hidden;
        z-index: 10;
        transition: .1s ease-in-out
    }

    .product-table .product-thumb .tag.label-top-left {
        left: 70px;
        top: auto;
        bottom: -1px
    }

    .product-table .product-thumb .tag.label-top-left span {
        top: auto;
        bottom: 0;
        width: 83px
    }

    .product-table .product-thumb .tag.label-top-left.stripes {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-top-left.stripes span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 6px 6px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-top-left.corner {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-top-left.corner span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 19px 6px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-top-left.b-ribbon {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-top-left.b-ribbon span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 25px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-top-right {
        left: 178px;
        top: auto;
        bottom: -1px
    }

    .product-table .product-thumb .tag.label-top-right span {
        top: auto;
        bottom: 0;
        width: 83px
    }

    .product-table .product-thumb .tag.label-top-right.stripes {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-top-right.stripes span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 6px 6px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-top-right.corner {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-top-right.corner span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 19px 6px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-top-right.b-ribbon {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-top-right.b-ribbon span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 25px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-bottom-left {
        left: 399px;
        top: auto;
        bottom: -1px
    }

    .product-table .product-thumb .tag.label-bottom-left span {
        top: auto;
        bottom: 0;
        width: 83px
    }

    .product-table .product-thumb .tag.label-bottom-left.stripes {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-bottom-left.stripes span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 6px 6px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-bottom-left.corner {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-bottom-left.corner span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 19px 6px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-bottom-left.b-ribbon {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-bottom-left.b-ribbon span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 25px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-bottom-right {
        left: 289px;
        top: auto;
        bottom: -1px
    }

    .product-table .product-thumb .tag.label-bottom-right span {
        top: auto;
        bottom: 0;
        width: 83px
    }

    .product-table .product-thumb .tag.label-bottom-right.stripes {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-bottom-right.stripes span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 6px 6px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-bottom-right.corner {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-bottom-right.corner span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 19px 6px;
        transform: rotate(0)
    }

    .product-table .product-thumb .tag.label-bottom-right.b-ribbon {
        width: 80px;
        height: 27px;
        overflow: visible;
        z-index: 14
    }

    .product-table .product-thumb .tag.label-bottom-right.b-ribbon span {
        font-size: 8px;
        display: inline-block;
        padding: 5px 25px;
        transform: rotate(0)
    }
}

@media (max-width: 380px) {
    .product-grid .product-thumb .tag.label-top-left.b-ribbon span:before, .product-grid .product-thumb .tag.label-bottom-left.b-ribbon span:before {
        content: '';
        position: absolute;
        top: 4px;
        right: -9px;
        background: inherit;
        width: 28px;
        height: 30px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(-35deg)
    }

    .product-grid .product-thumb .tag.label-top-left.b-ribbon span:after, .product-grid .product-thumb .tag.label-bottom-left.b-ribbon span:after {
        content: '';
        position: absolute;
        top: 13px;
        right: -9px;
        background: inherit;
        width: 28px;
        height: 30px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(35deg)
    }

    .product-grid .product-thumb .tag.label-top-right.b-ribbon span:before, .product-grid .product-thumb .tag.label-bottom-right.b-ribbon span:before {
        content: '';
        position: absolute;
        top: 4px;
        left: -9px;
        background: inherit;
        width: 28px;
        height: 30px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(35deg)
    }

    .product-grid .product-thumb .tag.label-top-right.b-ribbon span:after, .product-grid .product-thumb .tag.label-bottom-right.b-ribbon span:after {
        content: '';
        position: absolute;
        top: 13px;
        left: -9px;
        background: inherit;
        width: 28px;
        height: 30px;
        -webkit-transition: .3s;
        transition: .3s;
        transform: skew(-35deg)
    }

    .product-grid .product-thumb .tag {
        font-size: 11px;
        position: absolute;
        overflow: hidden;
        z-index: 10;
        transition: .1s ease-in-out
    }

    .product-grid .product-thumb .tag.stripes {
        width: 85px;
        height: 85px
    }

    .product-grid .product-thumb .tag.corner span {
        padding: 0 0 30px 0
    }

    .product-grid .product-thumb .tag.label-top-left {
        left: 0;
        top: 0
    }

    .product-grid .product-thumb .tag.label-top-left span {
        padding: 30px 0 1px 0;
        transform: rotate(-45deg)
    }

    .product-grid .product-thumb .tag.label-top-left.stripes {
        width: 115px !important;
        height: 115px !important;
        left: 0;
        top: 0;
        overflow: hidden;
        z-index: 12
    }

    .product-grid .product-thumb .tag.label-top-left.stripes span {
        font-size: 10px;
        left: -45px;
        top: 17px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(-45deg)
    }

    .product-grid .product-thumb .tag.label-top-left.corner {
        left: 0;
        top: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-grid .product-thumb .tag.label-top-left.corner span {
        font-size: 10px;
        display: inline-block;
        padding: 57px 5px 10px;
        transform: rotate(-45deg);
        width: 150px;
        height: 76px;
        left: -62px;
        top: -27px
    }

    .product-grid .product-thumb .tag.label-top-left.b-ribbon {
        left: 0;
        top: 55px;
        width: 130px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-grid .product-thumb .tag.label-top-left.b-ribbon span {
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 13px 30px;
        transform: rotate(0);
        font-size: 10px
    }

    .product-grid .product-thumb .tag.label-top-right span {
        padding: 30px 0 1px 0;
        transform: rotate(45deg)
    }

    .product-grid .product-thumb .tag.label-top-right.stripes {
        width: 115px !important;
        height: 115px !important;
        left: auto;
        top: 0;
        right: 0;
        overflow: hidden;
        z-index: 12
    }

    .product-grid .product-thumb .tag.label-top-right.stripes span {
        font-size: 10px;
        left: 9px;
        top: 18px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(45deg)
    }

    .product-grid .product-thumb .tag.label-top-right.corner {
        left: auto;
        top: 0;
        right: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-grid .product-thumb .tag.label-top-right.corner span {
        left: auto;
        top: -26px;
        right: -64px;
        font-size: 10px;
        display: inline-block;
        padding: 57px 5px 10px;
        transform: rotate(45deg);
        width: 150px;
        height: 76px
    }

    .product-grid .product-thumb .tag.label-top-right.b-ribbon {
        left: auto;
        top: 55px;
        right: 0;
        width: 130px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-grid .product-thumb .tag.label-top-right.b-ribbon span {
        left: auto;
        top: 0;
        right: 0;
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 13px 30px;
        transform: rotate(0);
        font-size: 10px
    }

    .product-grid .product-thumb .tag.label-bottom-left.stripes {
        left: 0;
        top: auto;
        bottom: 160px;
        right: auto;
        z-index: 10
    }

    .product-grid .product-thumb .tag.label-bottom-left.stripes span {
        font-size: 10px;
        left: -42px;
        top: 40px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(45deg)
    }

    .product-grid .product-thumb .tag.label-bottom-left.corner {
        left: 0;
        top: auto;
        bottom: 160px;
        right: auto;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-grid .product-thumb .tag.label-bottom-left.corner span {
        top: 34px;
        left: -67px;
        font-size: 10px;
        display: inline-block;
        width: 150px;
        padding: 10px 0 65px;
        transform: rotate(45deg)
    }

    .product-grid .product-thumb .tag.label-bottom-left.b-ribbon {
        left: 0;
        top: 150px;
        width: 130px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-grid .product-thumb .tag.label-bottom-left.b-ribbon span {
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 13px 30px;
        transform: rotate(0);
        font-size: 10px
    }

    .product-grid .product-thumb .tag.label-bottom-right span {
        bottom: auto;
        padding: 30px 0 1px 0
    }

    .product-grid .product-thumb .tag.label-bottom-right.b-ribbon {
        right: 0;
        top: 150px;
        width: 130px;
        height: 70px;
        overflow: visible;
        z-index: 15
    }

    .product-grid .product-thumb .tag.label-bottom-right.b-ribbon span {
        left: auto;
        top: 0;
        right: 0;
        z-index: 14;
        display: inline-block;
        width: auto;
        padding: 13px 30px;
        transform: rotate(0);
        font-size: 10px
    }

    .product-grid .product-thumb .tag.label-bottom-right.stripes {
        left: auto;
        top: auto;
        bottom: 160px;
        right: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-grid .product-thumb .tag.label-bottom-right.stripes span {
        font-size: 10px;
        left: -22px;
        top: 42px;
        padding: 6px;
        display: inline-block;
        width: 150px;
        transform: rotate(-45deg)
    }

    .product-grid .product-thumb .tag.label-bottom-right.corner {
        left: auto;
        top: auto;
        bottom: 160px;
        right: 0;
        width: 85px;
        height: 85px;
        overflow: hidden;
        z-index: 14
    }

    .product-grid .product-thumb .tag.label-bottom-right.corner span {
        left: auto;
        top: 39px;
        right: -56px;
        font-size: 10px;
        display: inline-block;
        width: 150px;
        padding: 10px 0 36px;
        transform: rotate(-45deg)
    }
}

.product-table .product-thumb .tag.stripes, .product-table .product-thumb .tag.b-ribbon, .product-table .product-thumb .tag.corner {
    width: 105px;
    height: auto
}

.product-table .product-thumb .tag.stripes span, .product-table .product-thumb .tag.b-ribbon span, .product-table .product-thumb .tag.corner span {
    font-size: 11px
}

.product-table .product-thumb .tag.b-ribbon span {
    padding: 6px 10px;
    font-size: 10px
}

.product-table .product-thumb .tag.b-ribbon span:before, .product-table .product-thumb .tag.b-ribbon span:after {
    width: 10px;
    height: 13px;
    right: -5px
}

.product-table .product-thumb .tag.corner {
    width: 38px;
    height: 38px
}

.product-table .product-thumb .tag.corner span {
    font-size: 11px
}

@media (max-width: 1399px) and (min-width: 768px) {
    .product-thumb .tag.b-ribbon span, .thumbnail .tag.b-ribbon span, .product-thumb .tag.b-ribbon.label-top-right span, .thumbnail .tag.b-ribbon.label-top-right span {
        font-size: 10px
    }

    .product-thumb .tag.b-ribbon span:before, .thumbnail .tag.b-ribbon span:before, .product-thumb .tag.b-ribbon span:after, .thumbnail .tag.b-ribbon span:after {
        width: 13px;
        height: 18px
    }

    .tag.b-ribbon.label-top-left span:before, .tag.b-ribbon.label-top-left span:after, .tag.b-ribbon.label-bottom-left span:before, .tag.b-ribbon.label-bottom-left span:after {
        right: -6px
    }

    .thumbnail .tag.b-ribbon span {
        padding-left: 15px;
        padding-right: 15px
    }

    .thumbnail .tag.b-ribbon.label-bottom-right, .thumbnail .tag.b-ribbon.label-bottom-left {
        bottom: 105px
    }

    .thumbnails.no-img .tag.b-ribbon.label-bottom-right, .thumbnails.no-img .tag.b-ribbon.label-bottom-left {
        bottom: 50px
    }
}

.product-list .label-top-left-wrap + .b-ribbon-wrap.label-top-left-wrap .b-ribbon, .product-grid .label-top-left-wrap + .b-ribbon-wrap.label-top-left-wrap .b-ribbon, .product-grid .label-top-right-wrap + .b-ribbon-wrap.label-top-right-wrap .b-ribbon {
    top: 55px;
    display: block
}

.thumbnail .label-top-left-wrap + .b-ribbon-wrap.label-top-left-wrap .b-ribbon, .thumbnail .label-top-right-wrap + .b-ribbon-wrap.label-top-right-wrap .b-ribbon {
    top: 70px;
    display: block
}

@media (max-width: 767px) {
    .product-list .tag.b-ribbon.label-top-left, .product-list .tag.b-ribbon.label-top-right {
        top: 20px
    }

    .product-list .tag.b-ribbon.label-bottom-left, .product-list .tag.b-ribbon.label-bottom-right {
        bottom: inherit;
        top: 155px
    }
}

@media (min-width: 768px) {
    .product-table .product-thumb .stripes.label-top-right, .product-table .product-thumb .stripes.label_top-left, .product-table .product-thumb .stripes.label-bottom-left, .product-table .product-thumb .stripes.label-bottom-right {
        display: block
    }
}

@media screen and (max-width: 320px) and (min-width: 120px) {
    .product-table .product-thumb .stripes.label-top-right, .product-table .product-thumb .stripes.label_top-left, .product-table .product-thumb .stripes.label-bottom-left, .product-table .product-thumb .stripes.label-bottom-right {
        left: 108px !important
    }
}

.product-thumb .image a {
    display: block
}

.product-thumb .image a:hover {
    opacity: .8
}

.image .quickview {
    visibility: hidden;
    font-size: 24px;
    cursor: pointer
}

.image:hover .quickview {
    visibility: visible
}

.product-layout .image .quickview.glyphicon {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 7;
    transition: .3s ease-in-out;
    color: #a33d16;
    font-size: 32px;
    height: 1px
}

.image .quickview:before {
    content: "\f00e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute
}

.thumbnail-quickview {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: #fff;
    border: 0;
    border-radius: 0
}

.thumbnail-quickview > img, .thumbnail a > img {
    margin-right: auto;
    margin-left: auto
}

.thumbnail-quickview > img, .thumbnail-quickview a > img {
    display: block;
    max-width: 100%;
    height: auto
}

#popup-quickview .rating .fa-star-o {
    margin-top: 0
}

#popup-quickview #button-cart {
    height: 33px
}

@media (max-width: 767px) {
    .product-layout .image a.quickview.glyphicon {
        right: 40px;
        bottom: 60px;
        opacity: .7;
        visibility: visible
    }

    .product-layout .image a.quickview.glyphicon:hover {
        opacity: 1;
        right: 40px
    }

    .product-layout.product-table .image a.quickview.glyphicon {
        bottom: 17px;
        right: 17px;
        font-size: 18px
    }
}

#popup-quickview .thumbnails {
    margin-left: -30px
}

@media (max-width: 991px) {
    #popup-quickview .thumbnails .thumbnail-quickview img {
        width: auto
    }
}

#popup-quickview .thumbnails.hide-images {
    height: 386px;
    overflow: hidden;
    transition: .2s
}

@media (max-width: 991px) {
    #popup-quickview .thumbnails.hide-images {
        height: 350px
    }
}

#popup-quickview .thumbnails.hide-images + .popup-see-all-box .hide-all {
    display: none
}

#popup-quickview .thumbnails.show-images {
    height: auto;
    transition: .2s;
    overflow: hidden;
    margin-bottom: -10px
}

#popup-quickview .thumbnails.show-images + .popup-see-all-box .see-all {
    display: none
}

#popup-quickview .thumbnails + .popup-see-all-box {
    text-align: center;
    margin-bottom: 20px
}

#popup-quickview .thumbnails + .popup-see-all-box .popup-see-all {
    border-bottom: 1px dashed;
    text-decoration: none
}

#popup-quickview .thumbnails + .popup-see-all-box .popup-see-all i {
    margin-left: 5px
}

#popup-quickview .thumbnails + .popup-see-all-box .popup-see-all:hover, #popup-quickview .thumbnails + .popup-see-all-box .popup-see-all:focus {
    text-decoration: none;
    outline: 0
}

#popup-quickview .thumbnails .image-additional {
    position: relative;
    left: 30px
}

@media (max-width: 991px) {
    #popup-quickview .modal-dialog {
        width: 95%
    }
}

#popup-quickview .modal-close-button {
    position: absolute;
    right: 14px;
    top: 24px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    display: block;
    z-index: 10
}

#popup-quickview .modal-close-button span {
    opacity: .8
}

#popup-quickview .modal-close-button span:first-child {
    background: #595959;
    width: 25px;
    height: 3px;
    display: flex;
    transform: rotate(45deg)
}

#popup-quickview .modal-close-button span:last-child {
    width: 25px;
    height: 3px;
    display: flex;
    transform: rotate(-45deg);
    background: #595959;
    margin-top: -3px
}

#popup-quickview .modal-close-button:hover span {
    opacity: 1
}

#popup-quickview .modal-title {
    color: #000;
    line-height: 22px;
    margin-bottom: 15px;
    font-size: 18px
}

@media (min-width: 768px) {
    #popup-quickview .modal-dialog {
        min-width: 660px
    }
}

@media (min-width: 992px) {
    #popup-quickview .modal-dialog {
        min-width: 780px
    }
}

@media (min-width: 768px) {
    #popup-quickview .modal-dialog {
        min-width: 750px
    }
}

@media (max-width: 480px) {
    #popup-quickview .modal-dialog {
        margin: 5px 0;
        width: 100%
    }
}

#popup-quickview .modal-content {
    border-radius: 4px
}

#popup-quickview .body-right .model-block {
    font-size: 14px
}

#popup-quickview .body-right .action {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    color: #a33d16
}

@media (max-width: 767px) {
    #popup-quickview .body-right .action {
        text-align: center
    }
}

#popup-quickview .body-right #first_countdown {
    display: flex;
    padding-top: 30px;
    margin: 0 0 20px -16px
}

@media (max-width: 991px) {
    #popup-quickview .body-right #first_countdown {
        justify-content: center
    }
}

#popup-quickview .body-right #first_countdown.flip-clock-wrapper ul {
    height: 50px;
    width: 32px;
    padding: 0;
    flex-shrink: 0;
    margin: 5px 1px;
    background: #545454
}

#popup-quickview .body-right #first_countdown.flip-clock-wrapper ul li {
    line-height: 48px
}

#popup-quickview .body-right #first_countdown.flip-clock-wrapper ul li a div div.inn {
    font-size: 30px;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    color: #fff
}

#popup-quickview .body-right #first_countdown.flip-clock-wrapper .flip-clock-divider {
    height: 60px;
    width: 16px
}

#popup-quickview .body-right #first_countdown.flip-clock-wrapper .flip-clock-divider .flip-clock-label {
    right: -48px
}

#popup-quickview .body-right #first_countdown.flip-clock-wrapper .flip-clock-divider .flip-clock-dot {
    width: 4px;
    height: 4px;
    left: 6px;
    border-radius: 0
}

#popup-quickview .body-right #first_countdown.flip-clock-wrapper .flip-clock-divider .flip-clock-dot.top {
    top: 23px
}

#popup-quickview .body-right #first_countdown.flip-clock-wrapper .flip-clock-divider .flip-clock-dot.bottom {
    bottom: 23px
}

#popup-quickview .body-right .modal-options-block {
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin-bottom: -2px
}

#popup-quickview .body-right .price-area-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

#popup-quickview .body-right .price-area-box #price_clear {
    line-height: 25px;
    margin: 0
}

#popup-quickview .body-right .price-area-box .price-text {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 6px
}

#popup-quickview .body-right .price-area-box .price-old {
    color: #b7b7b7;
    font-weight: bold;
    font-size: 16px
}

#popup-quickview .body-right .price-area-box .price-area-quick {
    font-size: 24px;
    font-weight: bold
}

#popup-quickview .body-right .price-area-box .rating {
    padding-top: 6px;
    text-align: right
}

#popup-quickview .body-right .price-area-box .rating .total-reviews {
    font-weight: bold
}

#popup-quickview .body-right .price-area-box .rating .total-reviews i {
    margin-right: 5px
}

#popup-quickview .body-right .price-area-box .rating .total-reviews span {
    border-bottom: 1px solid
}

#popup-quickview .body-right .links-group {
    padding: 20px 0;
    margin-bottom: 5px
}

@media (max-width: 767px) {
    #popup-quickview .body-right .links-group {
        padding: 24px 0
    }
}

#popup-quickview .body-right .links-group a {
    display: inline-flex;
    align-items: center;
    color: #666
}

#popup-quickview .body-right .links-group a:hover {
    color: #a33d16
}

#popup-quickview .body-right .links-group a i {
    font-size: 16px;
    margin-right: 8px
}

#popup-quickview .body-right .links-group a span {
    font-size: 11px;
    border-bottom: 1px dashed
}

#popup-quickview .body-right .links-group__wishlist {
    margin-right: 40px
}

#popup-quickview .body-right .modal-pcs-box .input-group {
    max-width: 160px
}

#popup-quickview .body-right .modal-pcs-box .btn {
    padding-top: 3px;
    border-radius: 0;
    background: #a33d16;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

#popup-quickview .body-right .modal-pcs-box .btn .glyphicon-minus {
    left: -1px
}

#popup-quickview .body-right .modal-pcs-box .btn span {
    color: #fff;
    text-shadow: none
}

#popup-quickview .body-right .modal-pcs-box .btn:hover {
    background: #341e12
}

#popup-quickview .body-right .modal-pcs-box .btn:hover span {
    color: #fff;
    text-shadow: none
}

#popup-quickview .body-right .modal-pcs-box .quantity {
    height: 30px;
    text-align: center
}

#popup-quickview .body-right .modal-status {
    margin-bottom: 10px;
    display: block;
    font-size: 16px;
    text-transform: lowercase
}

#popup-quickview .body-right #button-cart {
    width: 160px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px
}

#popup-quickview .body-right #button-cart i {
    font-size: 21px;
    margin-right: 10px;
    position: relative;
    top: -2px
}

#popup-quickview .body-right .product-list_manufacturer {
    border-top: 1px solid #eee;
    padding: 10px 0;
    margin: 0
}

#popup-quickview .body-right .product-list_manufacturer .manufacturer-item {
    margin-bottom: 5px
}

#popup-quickview .thumbnails .image-additional {
    cursor: pointer
}

#popup-quickview .thumbnails .image-additional a.active {
    outline: 2px solid #a33d16
}

@media (max-width: 767px) {
    .button-pcs-box {
        max-width: 100% !important
    }

    #content {
        padding-left: 15px;
        padding-right: 15px
    }

    #popup-quickview .thumbnails {
        margin-left: -20px
    }

    #popup-quickview .thumbnails .image-additional {
        left: 10px
    }
}

@media (max-width: 460px) {
    .button-pcs-box {
        flex-direction: column
    }

    .button-pcs-box .modal-pcs-box {
        margin-bottom: 10px
    }
}

.modal-body .rating .fa {
    top: -1px
}

.product-reviews-container {
    margin: 0 -10px;
    padding: 10px;
    border: 1px solid #eee;
    background: #fff;
    margin-bottom: 15px
}

.product-reviews-container > h6 {
    font-size: 12px;
    margin-top: 10px;
    color: #5b5b5b;
    height: 27px;
    overflow: hidden
}

.product-reviews-container > h4 {
    height: 39px;
    overflow: hidden
}

.product-reviews-container img {
    margin: 0 auto
}

.product-reviews-container a {
    color: #000;
    font-weight: bold
}

.product-reviews-container .rating {
    margin: 10px 0 24px
}

.product-reviews-container .autor {
    cursor: pointer;
    border: 1px solid #a33d16;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    border-radius: 3px;
    padding: 15px
}

.product-reviews-container .autor h5 {
    color: #303030
}

.product-reviews-container .autor p {
    color: #303030;
    height: 50px;
    word-break: break-all;
    text-align: left
}

.product-reviews-container .autor::before {
    content: '';
    display: block;
    background: #fff;
    border-left: 1px solid #a33d16;
    border-top: 1px solid #a33d16;
    width: 15px;
    height: 15px;
    position: absolute;
    transform: rotate(45deg);
    bottom: 137px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.product-reviews-container:hover h6 a {
    color: #a33d16
}

.product-reviews-container:hover .autor {
    background: #a33d16
}

.product-reviews-container:hover .autor h5 {
    color: #fff
}

.product-reviews-container:hover .autor p {
    color: #fff;
    height: 50px;
    word-break: break-all;
    text-align: left
}

.product-reviews-container:hover .autor::before {
    background: #a33d16
}

#slideshow0 .owl-pagination {
    padding-left: 50px;
    text-align: left;
    top: 20px;
    left: 0;
    position: relative
}

#slideshow0 .owl-controls .owl-page {
    display: inline-block;
    margin: 0 6px
}

#slideshow0 .owl-controls .owl-page span {
    opacity: 1;
    display: block;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    box-shadow: none;
    outline: 0
}

#slideshow0 .owl-controls .owl-page.active span {
    top: 1px;
    position: relative;
    width: 15px;
    height: 15px;
    background: #e6e6e6
}

#slideshow0 .owl-wrapper-outer, #carousel0 .owl-wrapper-outer {
    border-radius: 0;
    box-shadow: none
}

#carousel0 {
    margin-top: 20px
}

#carousel-tt {
    overflow: hidden
}

#carousel0 > .owl-controls > .owl-buttons {
    top: -76px;
    position: relative
}

#carousel0 .owl-pagination {
    display: none
}

@media (max-width: 991px) {
    #slideshow0 {
        margin-bottom: 5px
    }
}

@media (min-width: 992px) {
    #banner0 .owl-wrapper-outer {
        padding-left: 0;
        padding-right: 0
    }
}

body .owl-wrapper-outer {
    box-shadow: none;
    border-radius: 0;
    border: 0;
    overflow: hidden
}

#banner0 .owl-wrapper-outer {
    height: auto
}

#banner0 .owl-wrapper-outer:nth-child(3) {
    display: none
}

#banner0 .owl-wrapper-outer:nth-child(1) {
    margin-bottom: 14px
}

#banner0 .owl-wrapper-outer:nth-child(2) {
    margin-bottom: 0
}

.owl-wrapper-outer.respons-banner:nth-child(3) {
    margin-bottom: 0
}

@media (min-width: 992px) and (max-width: 1199px) {
    #banner0 .owl-wrapper-outer:nth-child(1) {
        margin-bottom: 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #banner0 .owl-wrapper-outer {
        padding-left: 0;
        padding-right: 0
    }

    #banner0 .owl-wrapper-outer:nth-child(1) {
        margin-bottom: 20px
    }

    #banner0 .owl-wrapper-outer:nth-child(2) {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    #banner0 .owl-wrapper-outer:nth-child(1) {
        margin-bottom: 20px;
        padding-right: 5px
    }

    #banner0 .owl-wrapper-outer:nth-child(2) {
        margin-bottom: 20px;
        padding-left: 5px
    }
}

.owl-controls {
    top: 388px;
    width: 100%;
    position: absolute;
    bottom: 5px
}

@media (max-width: 992px) {
    #slideshow_wrap_0 {
        margin: 0 10px
    }

    #carousel0 {
        margin-top: 20px
    }

    #carousel0 .owl-buttons {
        display: none
    }

    #slideshow0 {
        margin: 0 0 10px 0;
        direction: ltr !important;
        z-index: 1;
        display: none;
        position: relative;
        width: 100%
    }

    #banner0 {
        display: flex;
        margin: 0 -11px 0 -13px
    }

    #banner0 .owl-wrapper-outer:nth-child(1) {
        margin-right: 5px !important
    }
}

#banner0 .owl-wrapper-outer {
    background: #fff;
    border: 1px solid #eee
}

#banner0 .owl-wrapper-outer {
    border-radius: 0;
    box-shadow: none
}

#slideshow0 > .owl-controls > .owl-buttons {
    top: -195px;
    position: relative
}

.owl-buttons {
    opacity: 1
}

.owl-buttons .owl-prev, .owl-buttons .owl-next {
    opacity: 1
}

.owl-buttons .owl-prev > i, .owl-buttons .owl-next > i {
    opacity: 1;
    color: #e6e6e6;
    font-size: 20px !important;
    margin: 0 !important;
    font-weight: 200;
    text-shadow: none;
    background: #fff;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center
}

.owl-buttons .owl-prev > i:hover, .owl-buttons .owl-next > i:hover {
    opacity: 1;
    color: #fff;
    background: #e6e6e6
}

.owl-buttons .owl-prev > i {
    padding: 2px 3px 0 0
}

.owl-buttons .owl-next > i {
    padding: 2px 0 0 3px
}

.owl-carousel:hover .owl-buttons div {
    opacity: 1 !important
}

.side-slideshow #slideshow0 > .owl-controls > .owl-buttons {
    top: -150px
}

.side-slideshow #slideshow0 .owl-pagination {
    padding: 0;
    text-align: center;
    top: 60px;
    left: 0;
    position: relative
}

.side-slideshow #slideshow0 .owl-controls .owl-page span {
    width: 10px;
    height: 10px;
    background: #000
}

.side-slideshow #slideshow0 .owl-controls .owl-page.active span {
    top: 2px;
    width: 15px;
    height: 15px;
    background: #e6e6e6
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .side-slideshow #slideshow0 > .owl-controls > .owl-buttons {
        top: -135px
    }

    .side-slideshow #slideshow0 .owl-pagination {
        padding: 0;
        text-align: center;
        top: 45px;
        left: 0;
        position: relative
    }

    #slideshow0 .owl-pagination {
        top: 10px;
        right: 30px;
        position: relative
    }

    #slideshow0 > .owl-controls > .owl-buttons {
        top: -170px;
        position: relative
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    #slideshow0 .owl-pagination {
        top: 10px;
        left: 0;
        position: relative;
        padding-left: 30px
    }

    #slideshow0 > .owl-controls > .owl-buttons {
        top: -150px;
        position: relative
    }
}

@media (max-width: 991px) {
    .owl-controls {
        top: 85%
    }

    .side-slideshow #slideshow0 .owl-pagination {
        top: 65px
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    #banner0 {
        margin-left: -4px
    }
}

@media (max-width: 992px) {
    #slideshow0 .owl-pagination {
        text-align: left;
        padding-left: 20px;
        left: 0;
        bottom: 30px;
        position: relative
    }

    .slideshow-container {
        padding: 0 2px
    }

    #slideshow0 {
        margin: 0 0 10px -1px !important;
        width: 100% !important
    }
}

@media (max-width: 768px) {
    #slideshow0 .owl-pagination {
        text-align: left;
        padding-left: 20px;
        left: 0;
        top: 10px;
        position: relative
    }

    .side-slideshow #slideshow0 .owl-pagination {
        display: none
    }

    .owl-controls {
        top: 83%
    }

    .slideshow-container {
        padding: 0 5px
    }

    #slideshow0 .owl-controls .owl-buttons {
        top: -155px;
        position: relative
    }

    #carousel0 {
        margin-top: 20px
    }
}

@media (max-width: 600px) {
    #slideshow0 .owl-controls .owl-buttons {
        top: -100px;
        position: relative
    }
}

.owl-controls {
    top: 85%
}

#testimonials-2 .owl-buttons {
    display: none
}

#search_main {
    background: #fff;
    -webkit-box-shadow: 0 0 4px rgba(34, 29, 22, 0.3);
    -moz-box-shadow: 0 0 4px rgba(34, 29, 22, 0.3);
    box-shadow: 0 0 4px rgba(34, 29, 22, 0.3);
    position: absolute;
    padding: 0;
    top: 41px;
    width: 100%;
    z-index: 110
}

#search_main input {
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 4px !important
}

#search_main #search_header {
    padding: 12px 25px;
    margin-bottom: 5px;
    border-bottom: 1px solid #dbdbdb
}

#search_main #search_header input[type='radio'] {
    position: absolute;
    left: -999999px
}

#search_main #search_header label {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
    font-weight: 400
}

#search_main #search_header label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6.5px;
    width: 11px;
    height: 11px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #dfdfdf
}

#search_main #search_header label.selected:before {
    background: #17a5e4;
    border: 1px solid #17a5e4
}

#search_main #search_header input[type='radio']:checked + label:before {
    background: #17a5e4;
    border: 1px solid #17a5e4
}

#search_main #search_header label {
    width: auto;
    margin-right: 10px;
    font-size: 12px;
    color: #444;
    line-height: 100%
}

#search_main .filter-text {
    font-size: 12px;
    color: #9a9a9a;
    vertical-align: middle;
    margin-right: 15px
}

#search_main .search_ajax_products-holder {
    padding: 0 25px 10px 25px
}

#search_main #search_radio {
    display: inline
}

#search_main #search_close {
    text-align: right;
    cursor: pointer;
    margin-right: 5px;
    position: absolute;
    right: 5px;
    top: 5px
}

#search_main .search-item {
    padding: 10px 25px;
    font-size: 14px;
    border-bottom: 1px solid #dbdbdb
}

#search_main .search-item .image {
    display: block;
    float: left;
    max-width: 50px;
    max-height: 50px;
    margin-right: 5px
}

#search_main .search-item .image img {
    max-width: 100%;
    max-height: 100%
}

#search_main .search-item .name {
    display: block;
    margin-bottom: 5px
}

#search_main .search-item .price {
    display: block;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 11px
}

#search_main .search-item .description {
    display: block;
    margin-bottom: 0;
    font-size: 11px
}

#search_main .search_ajax_cont span.price {
    color: #5bb300
}

#search_main .search_ajax_cont span.special {
    color: #5bb300
}

#search_main .search_ajax_cont span.price, #search_main .search_ajax_cont span.special {
    display: inline;
    font-weight: bold;
    font-size: 14px
}

#search_main #search_footer {
    width: 100%;
    padding: 10px 25px;
    text-align: right;
    line-height: 100%;
    color: #fff;
    box-sizing: border-box
}

#search_main #search_footer .pagination-text {
    font-size: 12px;
    color: #fff;
    margin-right: 5px
}

#search_main #search_footer .prevPage, #search_main #search_footer .curPage, #search_main #search_footer .nextPage {
    padding: 0 5px;
    cursor: pointer
}

#search_main #search_footer .curPage {
    color: #fff;
    border-radius: 50%
}

#search_main {
    right: 0;
    left: 0;
    border-radius: 0;
    background: #fff;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.29);
    position: absolute;
    padding: 0;
    top: 41px;
    width: auto;
    z-index: 110;
    border: 1px solid #a33d16;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.29)
}

#search_main input {
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 4px !important
}

#search_main #search_header {
    display: none;
    padding: 12px 25px;
    margin-bottom: 5px;
    border-bottom: 1px solid #dbdbdb
}

#search_main #search_header input[type='radio'] {
    position: absolute;
    left: -999999px
}

#search_main .filter-text {
    font-size: 12px;
    color: #9a9a9a;
    vertical-align: middle;
    margin-right: 15px
}

#search_main .search_ajax_products-holder {
    padding: 0 25px 10px 25px
}

#search_main #search_radio {
    display: inline
}

#search_main #search_close {
    font-size: 0 !important;
    text-align: right;
    cursor: pointer;
    margin-right: 5px;
    position: absolute;
    right: 4px;
    top: 2px;
    opacity: .3
}

#search_main #search_close:hover {
    opacity: .6
}

#search_main #search_close:before {
    content: '\f00d';
    font-family: fontawesome, serif;
    color: #333;
    font-size: 16px;
    opacity: 1
}

#search_main .search-item {
    padding: 12px 24px;
    font-size: 14px;
    border-bottom: 1px solid #e6e9eb
}

#search_main .search-item .name img {
    height: 100%;
    display: block;
    margin: auto 0
}

#search_main .search-item:hover {
    background-color: rgba(229, 240, 251, 0.25)
}

#search_main .search-item .image {
    position: relative;
    z-index: 1000;
    display: block;
    float: left;
    max-width: 70px;
    max-height: 70px
}

#search_main .search-item .image img {
    max-width: 100%;
    max-height: 100%
}

#search_main .search-item .image a {
    color: #444
}

#search_main .search-item .image .price {
    color: #444
}

#search_main .search-item .name {
    display: flex;
    margin: 0 5px 5px 0;
    font-size: 15px;
    font-weight: bolder
}

#search_main .search-item .name > img {
    margin-right: 5px
}

#search_main .search-item .price {
    position: relative;
    top: 3px;
    display: block;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 16px
}

#search_main .search-item .description {
    display: none;
    font-size: 12px;
    opacity: .85;
    margin: 3px 0
}

#search_main .search-column {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#search_main .search-column .product-title {
    text-align: left;
    opacity: .8;
    font-size: 16px;
    font-weight: 300;
    text-decoration: underline;
    margin-bottom: 20px
}

#search_main .search_ajax_cont span.price {
    color: #5bb300
}

#search_main .search_ajax_cont span.special {
    color: #5bb300
}

#search_main .search_ajax_cont span.price, #search_main .search_ajax_cont span.special {
    display: inline;
    font-weight: bold;
    font-size: 14px
}

#search_main #search_footer {
    width: 100%;
    padding: 15px 20px 17px;
    text-align: left;
    line-height: 100%;
    box-sizing: border-box;
    background: transparent
}

#search_main #search_footer a {
    color: #a33d16;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 16px;
    border-bottom: 1px dotted #a33d16
}

#search_main #search_footer a:hover {
    text-decoration: none
}

#search_main #search_footer .pagination-text {
    font-size: 12px;
    color: #222;
    margin-right: 5px
}

#search_main #search_footer .prevPage, #search_main #search_footer .curPage, #search_main #search_footer .nextPage {
    padding: 0 5px;
    cursor: pointer
}

#search_main #search_footer .curPage {
    color: #222;
    border-radius: 50%
}

#search .main-menu-category_item {
    line-height: 1.5
}

#search .main-menu-category_item > a {
    padding: 0 10px;
    color: #000;
    opacity: .8
}

#search .main-menu-category_item > a:hover {
    font-weight: bold;
    text-decoration: underline
}

#search_content a {
    color: #444
}

#search_content .price {
    color: #444;
    font-weight: bold
}

.search-title {
    color: #fff;
    margin: 10px 0
}

@media (max-width: 767px) {
    .category-button {
        display: none
    }

    #search {
        width: 100%
    }

    #search .search-panel .form-control {
        margin-left: -5px
    }

    #search .search-panel .form-control:focus {
        border-left: 1px solid #a33d16;
        border-top: 1px solid #a33d16;
        border-bottom: 1px solid #a33d16
    }

    #search .button-search {
        margin-left: -6px
    }
}

.product-grid .product-thumb .button-group button.quickorder {
    display: none
}

.product-list .product-thumb .button-group button.quickorder {
    width: 30%
}

.product-list .button-group button {
    width: 30%
}

.modal--subs .modal-body img {
    width: auto
}

.modal--subs .modal-footer {
    justify-content: center
}

#neoseo_testimonial {
    margin: 15px 0 20px
}

#neoseo_testimonial .owl-carousel {
    display: block
}

#neoseo_testimonial .owl-carousel .owl-buttons > div {
    top: 44%
}

#neoseo_testimonial .owl-carousel .owl-buttons .btn {
    border: 0;
    box-shadow: none;
    background-color: rgba(150, 150, 150, 0.35);
    padding: 20px 3px
}

#neoseo_testimonial .owl-carousel .owl-buttons .owl-prev {
    left: 5px
}

#neoseo_testimonial .owl-carousel .owl-buttons .owl-next {
    right: 5px
}

#neoseo_testimonial .item {
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ecedee
}

#neoseo_testimonial .item:last-child {
    margin-bottom: 0;
    padding-bottom: 2px;
    border-bottom: 0
}

#neoseo_testimonial .item .name {
    margin-bottom: 10px
}

#neoseo_testimonial .item .name a:hover {
    text-decoration: underline
}

#neoseo_testimonial .item .name .date-added {
    font-size: small;
    color: #aaa;
    position: relative;
    top: 1px
}

#neoseo_testimonial .item .rating {
    margin-bottom: 10px;
    margin-top: 5px;
    white-space: nowrap
}

#neoseo_testimonial .item .youtube {
    margin: 10px 0
}

#neoseo_testimonial .item .youtube iframe {
    max-width: 100%
}

#neoseo_testimonial .item .description {
    font-style: normal;
    font-size: small
}

#neoseo_testimonial .item .admin-block {
    margin: 10px 5px 10px 10px;
    font-style: italic;
    font-size: small;
    opacity: .8
}

#neoseo_testimonial .item .admin-block .name {
    display: none;
    font-style: normal;
    font-weight: 600
}

#neoseo_testimonial .item .admin-block .admin-answer {
    margin-bottom: 8px;
    display: block
}

#neoseo_testimonial .item .show_more {
    font-size: small;
    font-weight: normal;
    margin: 10px 0
}

#neoseo_testimonial .item .show_more a {
    text-decoration: underline
}

#neoseo_testimonial .item .show_more a:hover {
    text-decoration: none
}

@media (min-width: 1400px) {
    #neoseo_testimonial .item .youtube iframe {
        height: 168px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #neoseo_testimonial .item .youtube iframe {
        height: 118px
    }
}

@media (max-width: 1199px) {
    #neoseo_testimonial .item .name .date-added {
        float: none !important;
        display: block;
        margin-top: 5px;
        font-size: smaller
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #neoseo_testimonial .item {
        padding-bottom: 5px;
        margin-bottom: 10px
    }

    #neoseo_testimonial .item .admin-block {
        margin-left: 5px
    }

    #neoseo_testimonial .item .name {
        margin-bottom: 5px
    }

    #neoseo_testimonial .item .show_more {
        font-size: smaller
    }

    #neoseo_testimonial .item .youtube iframe {
        height: 110px
    }

    #neoseo_testimonial .owl-carousel .owl-buttons .btn {
        background-color: rgba(150, 150, 150, 0.25);
        padding: 15px 0
    }

    #neoseo_testimonial .owl-carousel .owl-buttons .owl-prev {
        left: 0
    }

    #neoseo_testimonial .owl-carousel .owl-buttons .owl-next {
        right: 0
    }
}

@media (min-width: 600px) {
    .show_more i {
        display: none
    }
}

@media (max-width: 600px) {
    .carousel-title {
        padding: 0 0 0 15px;
        width: 75%
    }

    .show_more {
        padding: 0 15px 0 0;
        width: 25%
    }

    .show_more a {
        display: inline-block
    }

    .show_more span {
        display: none
    }

    .show_more i {
        margin-right: 0
    }

    .show_more-button {
        display: none
    }
}

.neoseo_testimonial_content {
    margin-bottom: 15px
}

.neoseo_testimonial_content h1 {
    margin-top: 5px
}

.neoseo_testimonial_content .item {
    margin: 17px 0 25px
}

.neoseo_testimonial_content .item .line1 {
    margin-bottom: 5px
}

.neoseo_testimonial_content .item .line1 a {
    font-size: 16px
}

.neoseo_testimonial_content .item .line1 a:hover {
    text-decoration: underline
}

.neoseo_testimonial_content .item .date {
    color: #aaa;
    margin-left: 10px;
    font-size: small;
    position: relative;
    top: 0
}

.neoseo_testimonial_content .item .rating {
    margin: 5px 0 15px
}

.neoseo_testimonial_content .item .youtube {
    margin: 10px 0
}

.neoseo_testimonial_content .item .youtube iframe {
    max-width: 100%
}

.neoseo_testimonial_content .item .description {
    margin-right: 50px
}

.neoseo_testimonial_content .item .admin-block {
    margin: 20px 50px 10px 15px;
    padding: 15px 20px 20px;
    background-color: #f0f1f2;
    border-radius: 8px;
    opacity: .95;
    display: inline-block;
    max-width: 92%
}

.neoseo_testimonial_content .item .admin-block .line2 {
    margin: 0 0 15px
}

.neoseo_testimonial_content .item .admin-block .admin-description {
    font-style: italic
}

.owl-wrapper .owl-item .item a {
    color: #0c0c0c
}

.owl-wrapper .owl-item .item a:hover {
    color: #0c0c0c;
    text-decoration: underline
}

@media (max-width: 1199px) {
    .neoseo_testimonial_content .item {
        margin-bottom: 20px
    }

    .neoseo_testimonial_content .item .description {
        margin-right: 30px
    }

    .neoseo_testimonial_content .item .youtube.variable iframe {
        width: 400px;
        height: 224px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .neoseo_testimonial_content .item {
        margin-bottom: 15px
    }

    .neoseo_testimonial_content .item .description {
        margin-right: 10px
    }

    .neoseo_testimonial_content .item .admin-block {
        margin-left: 10px;
        margin-right: 20px;
        max-width: 95%
    }

    .neoseo_testimonial_content .item .youtube iframe {
        width: 400px;
        height: 224px
    }
}

@media (max-width: 767px) {
    .neoseo_testimonial_content h1 {
        margin-top: 8px;
        margin-bottom: 25px;
        font-size: 25px
    }

    .neoseo_testimonial_content .item .description {
        margin-right: 5px
    }

    .neoseo_testimonial_content .item .admin-block {
        margin-left: 10px;
        margin-right: 10px;
        max-width: 97%
    }
}

@media (max-width: 650px) {
    .neoseo_testimonial_content .item .youtube iframe {
        width: 300px;
        height: 170px
    }
}

@media (max-width: 479px) {
    .neoseo_testimonial_content {
        margin-bottom: 15px
    }

    .neoseo_testimonial_content h1 {
        font-size: 23px
    }

    .neoseo_testimonial_content .item .date {
        white-space: nowrap;
        margin-left: 0;
        display: block;
        margin-top: 5px
    }

    .neoseo_testimonial_content .item .admin-block {
        margin-left: 5px;
        margin-right: 5px;
        max-width: 100%
    }

    .neoseo_testimonial_content .item .admin-block .line2 {
        margin-bottom: 10px
    }

    .neoseo_testimonial_content .info-buttons {
        margin-bottom: 0;
        text-align: center
    }

    .neoseo_testimonial_content .info-buttons .btn {
        margin-bottom: 5px;
        margin-top: 8px
    }
}

.neoseo_testimonial_content.testimonial_form h1 {
    margin-bottom: 16px
}

.neoseo_testimonial_content.testimonial_form form {
    margin-top: 25px
}

@media (min-width: 768px) and (max-width: 991px) {
    .neoseo_testimonial_content.testimonial_form form {
        margin-top: 20px
    }

    .neoseo_testimonial_content.testimonial_form form .control-label {
        text-align: left;
        margin-bottom: 7px
    }
}

.testimonials-main {
    padding: 17px 5px 5px 5px;
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 20px
}

.testimonials-main > h3 {
    font-size: 23px
}

.testimonials-main .owl-carousel {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent
}

.testimonials-main .owl-controls {
    display: none !important
}

.testimonials-main .testimonials-item {
    padding: 10px 15px
}

.testimonials-main .testimonials-item .testimonials-item_top {
    display: flex
}

.testimonials-main .testimonials-item .testimonials-item_top ._left {
    display: flex;
    width: 40%
}

.testimonials-main .testimonials-item .testimonials-item_top ._left .name {
    display: flex;
    justify-content: flex-start;
    align-self: center;
    width: auto;
    border-right: 2px solid #ececec;
    padding-right: 20px
}

.testimonials-main .testimonials-item .testimonials-item_top ._left .name a {
    text-transform: uppercase;
    font-size: 18px;
    color: #191919;
    line-height: 1.3
}

.testimonials-main .testimonials-item .testimonials-item_top ._left .date {
    align-items: center;
    padding-left: 20px
}

.testimonials-main .testimonials-item .testimonials-item_top ._left .date span {
    color: #777;
    font-size: 15px
}

.testimonials-main .testimonials-item .testimonials-item_top ._right {
    display: flex;
    width: 60%;
    justify-content: flex-end;
    align-items: center
}

.testimonials-main .testimonials-item .testimonials-item_top ._right .rating {
    position: relative;
    top: -2px
}

.testimonials-main .testimonials-item .testimonials-item_bottom {
    padding-top: 20px;
    min-height: 120px;
    display: flex
}

.testimonials-main .testimonials-item .testimonials-item_bottom ._left {
    display: flex;
    width: 7%
}

.testimonials-main .testimonials-item .testimonials-item_bottom ._left i {
    font-size: 34px;
    color: #a33d16
}

.testimonials-main .testimonials-item .testimonials-item_bottom ._right {
    display: flex;
    width: 93%
}

.testimonials-main .testimonials-item .testimonials-item_bottom ._right span {
    text-align: left;
    color: #171717
}

@media (max-width: 400px) {
    .testimonial-container {
        padding: 10px 10px 10px 10px
    }
}

.testimonial-header {
    display: inline-block
}

.show_more i {
    margin-right: 5px
}

.show_more a {
    border-radius: 5px;
    background: #a33d16;
    padding: 5px 10px;
    color: #fff
}

.show_more a:hover {
    background: #341e12
}

.testimonial-users--top {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    align-items: baseline
}

.testimonial-users--top h1 {
    margin-top: 10px
}

.testimonial-users--top .testimonial-users--top, .testimonial-users--top .testimonial-users--write-post {
    width: 50%
}

.testimonial-users--top .testimonial-users--top .testimonial-users--write-post.buttons, .testimonial-users--top .testimonial-users--write-post .testimonial-users--write-post.buttons {
    margin: 0;
    display: inline-flex;
    float: right
}

@media (max-width: 1399px) {
    .testimonials-main .testimonials-item .testimonials-item_top ._left {
        width: 50%
    }

    .testimonials-main .testimonials-item .testimonials-item_top ._right {
        width: 50%
    }
}

@media (max-width: 991px) {
    .testimonials-main .testimonials-item {
        padding: 10px 15px
    }

    .testimonials-main .testimonials-item .testimonials-item_top {
        display: flex
    }

    .testimonials-main .testimonials-item .testimonials-item_top ._left {
        display: flex;
        width: 55%
    }

    .testimonials-main .testimonials-item .testimonials-item_top ._left .name::after {
        left: 26%
    }

    .testimonials-main .testimonials-item .testimonials-item_top ._right {
        width: 45%;
        justify-content: flex-end
    }
}

@media (max-width: 767px) {
    .testimonials-main .testimonials-item {
        padding: 10px 15px
    }

    .testimonials-main .testimonials-item .testimonials-item_top {
        display: flex;
        flex-direction: column
    }

    .testimonials-main .testimonials-item .testimonials-item_top ._left {
        width: 100%
    }

    .testimonials-main .testimonials-item .testimonials-item_top ._left .name::after {
        left: 50%
    }

    .testimonials-main .testimonials-item .testimonials-item_top ._left .date {
        width: auto;
        justify-content: flex-end
    }

    .testimonials-main .testimonials-item .testimonials-item_top ._right {
        width: 100%;
        justify-content: flex-start
    }

    .testimonials-main .testimonials-item .testimonials-item_bottom ._left {
        display: none
    }

    .testimonials-main .testimonials-item .testimonials-item_bottom ._right {
        width: 100%
    }

    .testimonial-users--top {
        flex-direction: column
    }

    .testimonial-users--top .testimonial-users--top, .testimonial-users--top .testimonial-users--write-post {
        width: 100% !important
    }

    .testimonial-users--top .testimonial-users--top .pull-right, .testimonial-users--top .testimonial-users--write-post .pull-right {
        float: left !important
    }

    .testimonial-users--top .testimonial-users--top .pull-right .btn-post, .testimonial-users--top .testimonial-users--write-post .pull-right .btn-post {
        width: 175px;
        display: block;
        margin: 5px
    }
}

@media (max-width: 480px) {
    .testimonials-main .testimonials-item {
        padding: 10px 15px
    }

    .testimonials-main .testimonials-item .testimonials-item_top {
        display: flex
    }

    .testimonials-main .testimonials-item .testimonials-item_top ._left {
        display: block;
        width: 100%
    }

    .testimonials-main .testimonials-item .testimonials-item_top ._left .name {
        border: 0;
        display: block;
        align-items: center;
        width: 100%
    }

    .testimonials-main .testimonials-item .testimonials-item_top ._left .date {
        padding: 0;
        display: block;
        align-items: center;
        width: 100%
    }

    .testimonials-main .testimonials-item .testimonials-item_top ._right {
        width: 100%;
        justify-content: center
    }

    .testimonials-main .testimonials-item .testimonials-item_bottom ._left {
        display: none
    }

    .testimonials-main .testimonials-item .testimonials-item_bottom ._right {
        width: 100%
    }
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
    background: #fff;
    border: 1px solid #eee
}

.owl-carousel {
    border-radius: 0;
    box-shadow: none
}

.owl-carousel .owl-wrapper-outer {
    border-radius: 0
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer
}

.owl-controls .owl-buttons div {
    position: absolute
}

.owl-controls .owl-buttons .owl-prev {
    left: 10px;
    top: 50%
}

.owl-controls .owl-buttons .owl-next {
    right: 10px;
    top: 50%
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel {
    margin: 0 0 20px;
    background: #fff;
    direction: ltr !important;
    z-index: 1
}

.owl-wrapper-outer {
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2)
}

.owl-carousel .owl-buttons div {
    opacity: 0;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    transition: all .3s ease
}

.owl-carousel:hover .owl-buttons div {
    opacity: .7
}

.owl-carousel .owl-buttons .owl-prev {
    left: 10px
}

.owl-carousel .owl-buttons .owl-next {
    right: 10px
}

.owl-carousel .owl-buttons div i {
    font-size: 40px;
    margin: -20px 0 0
}

.owl-pagination {
    text-align: center;
    top: 20px;
    position: relative
}

.owl-controls .owl-page {
    display: inline-block;
    margin: 0 6px
}

.owl-controls .owl-page span {
    display: block;
    width: 11px;
    height: 11px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
}

.owl-controls .owl-page.active span {
    background: rgba(0, 0, 0, 0.9)
}

.carousel-mode {
    display: inline-block;
    width: 100%
}

.carousel-container {
    padding-top: 30px;
    text-transform: uppercase;
    text-align: center;
    background: #fff
}

.carousel-container h3 {
    font-weight: bold;
    font-size: 24px
}

.carousel-container .owl-carousel {
    border: 0
}

.carousel-container .owl-carousel .owl-controls {
    position: absolute;
    top: -46px
}

.carousel-container .owl-carousel .owl-controls .owl-buttons .owl-prev > i, .carousel-container .owl-carousel .owl-controls .owl-buttons .owl-next > i {
    opacity: 1;
    color: #fff;
    font-size: 20px !important;
    margin: 0 !important;
    font-weight: 200;
    text-shadow: none;
    background: #b5b5b5;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center
}

.carousel-container .owl-carousel .owl-controls .owl-buttons .owl-prev > i:hover, .carousel-container .owl-carousel .owl-controls .owl-buttons .owl-next > i:hover {
    background: #a33d16
}

.carousel-container .owl-carousel .owl-controls .owl-pagination {
    display: none
}

@media (max-width: 480px) {
    .carousel-container h3 {
        font-weight: bold;
        font-size: 21px
    }
}

.payments {
    display: flex;
    margin-bottom: 5px;
    height: 40px;
    width: 100%
}

.payments .visa {
    background: url("../image/payment/payment-ico.png") no-repeat;
    background-position: 0 0;
    cursor: pointer;
    width: 50px;
    height: 40px;
    display: block
}

.payments .master {
    background: url("../image/payment/payment-ico.png") no-repeat;
    background-position: -57px 0;
    cursor: pointer;
    width: 50px;
    height: 40px;
    display: block
}

.payments .webmoney {
    background: url("../image/payment/payment-ico.png") no-repeat;
    background-position: -115px 0;
    cursor: pointer;
    width: 50px;
    height: 40px;
    display: block
}

.payments .cash {
    background: url(../image/payment/payment-ico.png) no-repeat;
    background-position: -172px 0;
    cursor: pointer;
    width: 50px;
    height: 40px;
    display: block
}

.payments .qiwi {
    background: url(../image/payment/payment-ico.png) no-repeat;
    background-position: -227px 0;
    cursor: pointer;
    width: 50px;
    height: 40px;
    display: block
}

.shipping {
    display: flex;
    margin-bottom: 5px;
    height: 40px;
    width: 100%
}

.shipping .ukr_np {
    background: url(../image/shipping/shipping-ico.png) no-repeat;
    background-position: 1px 0;
    cursor: pointer;
    width: 46px;
    height: 40px;
    display: block
}

.shipping .ukr_up {
    background: url(../image/shipping/shipping-ico.png) no-repeat;
    background-position: -43px 0;
    cursor: pointer;
    width: 46px;
    height: 40px;
    display: block
}

.shipping .ukr_ne {
    background: url(../image/shipping/shipping-ico.png) no-repeat;
    background-position: -86px 0;
    cursor: pointer;
    width: 46px;
    height: 40px;
    display: block
}

.shipping .currier {
    background: url(../image/shipping/shipping-ico.png) no-repeat;
    background-position: -131px 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: block
}

.shipping .pickpoint {
    background: url(../image/shipping/shipping-ico.png) no-repeat;
    background-position: -172px 0;
    cursor: pointer;
    width: 58px;
    height: 40px;
    display: block
}

.socials {
    margin-left: 2px;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 5px;
    height: 37px;
    width: 100%;
    font-size: 21px
}

.socials a {
    transition: .3s;
    color: #000
}

.socials a:hover {
    transition: .3s;
    transform: scale(1.05)
}

.socials .vk {
    background: #fff;
    color: #4b4b4b;
    border-radius: 50%;
    margin-right: 5px;
    width: 37px;
    cursor: pointer;
    height: 37px;
    display: block;
    text-align: center;
    padding: 5px 2px 0 0
}

.socials .fk {
    background: #fff;
    color: #4b4b4b;
    border-radius: 50%;
    margin-right: 5px;
    width: 37px;
    cursor: pointer;
    height: 37px;
    display: block;
    text-align: center;
    padding: 5px 1px 0 0
}

.socials .yt {
    background: #fff;
    color: #4b4b4b;
    border-radius: 50%;
    margin-right: 5px;
    width: 37px;
    cursor: pointer;
    height: 37px;
    display: block;
    text-align: center;
    padding: 5px 2px 0 0
}

.socials .tw {
    background: #fff;
    color: #4b4b4b;
    border-radius: 50%;
    margin-right: 5px;
    width: 37px;
    cursor: pointer;
    height: 37px;
    display: block;
    text-align: center;
    padding: 6px 0 0 0
}

@media (max-width: 767px) {
    .socials {
        justify-content: flex-start;
        margin-top: 20px
    }
}

.product-page-content {
    padding: 0 15px
}

.product-page-content .module h3 {
    margin-left: -10px;
    margin-bottom: 30px;
    font-size: 24px;
    text-transform: none;
    text-align: left
}

.product-page-content .fa-shopping-cart {
    vertical-align: middle;
    margin-right: 17px
}

.product-page-content .fa-shopping-cart:before {
    display: block;
    content: '';
    width: 26px;
    height: 24px;
    background: url(../image/design/icon-cart.png) no-repeat center
}

.category-link {
    display: none !important
}

.product-thumb {
    z-index: 3
}

.product-thumb a:link, .product-thumb a:visited, .product-thumb a:hover, .product-thumb a:focus, .product-thumb a:active, .product-thumb button:link, .product-thumb button:visited, .product-thumb button:hover, .product-thumb button:focus, .product-thumb button:active {
    border: none !important;
    outline: none !important
}

.product-thumb .image {
    text-align: center
}

.product-thumb .image a {
    display: block
}

.product-thumb .image img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

.category-layout {
    padding: 0 5px;
    height: auto
}

.category-layout .category-thumb {
    height: auto;
    background: #fff;
    border: 1px solid #eee;
    padding: 10px;
    margin-bottom: 10px
}

.category-layout .category-thumb .image img {
    height: 170px;
    margin: 0 auto
}

.category-layout .category-thumb .category-caption {
    display: flex;
    overflow: hidden;
    height: 50px;
    align-items: center;
    justify-content: center;
    text-align: center
}

.category-layout .category-thumb .category-caption > a {
    font-weight: bold;
    text-decoration: underline;
    font-size: 15px;
    color: #000
}

.category-layout .category-thumb .category-caption > a:hover {
    color: #000;
    text-decoration: underline
}

@media (max-width: 1399px) {
    .category-layout .category-thumb .image img {
        height: 155px
    }
}

@media (max-width: 1199px) {
    .category-layout .category-thumb .image img {
        height: 145px
    }
}

@media (max-width: 992px) {
    .category-layout .category-thumb .image img {
        height: auto
    }
}

@media (max-width: 767px) {
    .category-layout .category-thumb .image img {
        margin: 0 auto
    }
}

.product-grid .product-thumb .image {
    float: none
}

@media (min-width: 768px) {
    .product-list .product-thumb .image {
        float: left;
        width: 200px
    }
}

.product-thumb h4 {
    line-height: inherit
}

.product-grid .product-thumb .caption, .related-products-grid .product-thumb .caption {
    height: 80px;
    overflow: hidden
}

.product-grid .product-thumb .caption h4, .related-products-grid .product-thumb .caption h4 {
    margin-top: 5px;
    height: 40px;
    overflow: hidden;
    text-align: left
}

@media (max-width: 1199px) {
    .product-grid .product-thumb .caption {
        padding: 0 10px
    }
}

@media (max-width: 767px) {
    body .product-list .product-thumb .caption {
        min-height: 1px;
        margin-left: 0;
        margin-right: 0;
        padding: 0 10px;
        text-align: center
    }

    .product-grid .product-thumb .caption {
        min-height: 0
    }

    .product-thumb .caption h4 {
        text-align: center
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    body.common-home .product-layout.product-grid .button-group {
        font-size: 13px
    }
}

.rating .fa-stack, .star-rating .fa-stack {
    margin-right: 12px;
    font-size: 8px
}

.rating .fa-star-o, .star-rating .fa-star-o {
    margin-top: 0;
    color: #a33d16;
    font-size: 18px
}

.rating .fa-star, .star-rating .fa-star {
    margin-top: 0;
    color: #a33d16;
    font-size: 17px
}

.rating .fa-star + .fa-star-o, .star-rating .fa-star + .fa-star-o {
    color: #a33d16
}

h2.price {
    margin: 0
}

.product-thumb .price-container {
    width: 50%
}

.product-thumb .price-new {
    font-weight: 600;
    color: #444
}

.product-thumb .price-old {
    color: #999;
    text-decoration: line-through;
    margin-left: 10px
}

.product-thumb .price-tax {
    color: #999;
    font-size: 12px;
    display: block
}

.product-thumb .button-group-cart {
    display: flex;
    overflow: visible;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column;
    width: 62%
}

.product-thumb .button-group-cart a {
    padding-left: 25px;
    padding-right: 25px;
    border: 0;
    display: inline-block;
    float: none;
    line-height: 35px;
    font-weight: bold;
    text-align: center
}

.product-thumb .button-group-cart button + button {
    width: 20%;
    border-left: 1px solid #d6d6d6;
    margin-left: -3px
}

.product-thumb .button-group {
    position: relative;
    flex: 40px 1 1;
    display: flex;
    overflow: visible;
    bottom: -1px
}

.product-thumb .button-group button {
    padding-left: 10px;
    padding-right: 10px;
    border: 0;
    display: inline-block;
    float: none;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase
}

.product-thumb .button-group button + button {
    width: 20%;
    border-left: 1px solid #d6d6d6;
    margin-left: -3px
}

.product-layout .product-table .product-thumb .cart-add-button {
    height: 30px;
    line-height: 20px
}

.product-list .product-thumb .button-group {
    border-left: 1px solid #ddd
}

.product-list .product-thumb h5 {
    text-align: left !important
}

@media (max-width: 1199px) {
    body .product-layout.product-list .product-thumb .button-group {
        width: 135px
    }
}

@media (max-width: 767px) {
    .product-list .product-thumb .button-group {
        border-left: 0
    }

    .product-contents .product-layout.product-list .product-thumb {
        transition: .1s ease-in-out;
        display: block;
        position: relative;
        padding: 10px;
        background: #fff;
        border-bottom: 1px solid #eceeef;
        border-right: 1px solid #eceeef;
        height: auto
    }

    .product-contents .product-layout.product-list .product-thumb .button-group {
        border-left: 0;
        position: inherit;
        bottom: 18px;
        right: 10px;
        width: 100%;
        background: 0;
        float: none;
        text-align: center
    }

    .product-contents .product-layout.product-list .description {
        font-size: 13px;
        margin: 10px 160px 5px 0;
        overflow: hidden;
        width: 100%;
        padding: 10px
    }

    .product-contents .product-layout.product-list .product-thumb .price {
        padding-left: 30px;
        color: #444;
        font-weight: 600;
        font-size: 18px;
        min-height: 40px;
        display: flex;
        flex-direction: column
    }
}

@media (max-width: 1199px) {
    .product-list .product-thumb.button-group button, .product-thumb .button-group button + button {
        width: 33.33%
    }

    .product-grid .product-thumb.button-group button, .product-thumb .button-group button + button {
        width: 17.33%
    }

    .product-grid .product-thumb:hover .button-group button + button {
        width: 17.33%
    }
}

@media (max-width: 767px) {
    .product-list .product-thumb .button-group button, .product-thumb .button-group button + button {
        width: 33.33%
    }

    .product-list .product-thumb:hover .button-group button + button {
        width: 33.33%
    }

    .product-grid .product-thumb .button-group button, .product-thumb .button-group button + button {
        width: 11.33%
    }

    .product-grid .product-thumb:hover .button-group button + button {
        width: 11.33%
    }
}

@media (min-width: 481px) {
    .product-table .product-thumb .cart-add-button span {
        display: block
    }

    .product-table .product-thumb .cart-add-button i {
        display: none
    }

    .product-grid .product-thumb .cart-add-button i {
        display: none
    }
}

@media (max-width: 480px) {
    .product-table .product-thumb .cart-add-button {
        height: 40px
    }

    .product-table .product-thumb .cart-add-button span {
        display: none
    }

    .product-table .product-thumb .cart-add-button i {
        display: block
    }

    .product-grid .product-thumb .cart-add-button i {
        display: none
    }

    .product-grid .product-thumb .button-group button, .product-thumb .button-group button + button {
        width: 23.33%
    }

    .product-grid .product-thumb:hover .button-group button + button {
        width: 23.33%
    }

    .category-main-container .product-grid .product-thumb .button-group button, .category-main-container .product-thumb .button-group button + button {
        width: 23.33%
    }

    .category-main-container .product-grid .product-thumb:hover .button-group button + button {
        width: 23.33%
    }
}

.products-content {
    margin: 0 -5px 25px
}

.articles-content {
    margin: 0 -5px 25px -9px
}

.related-products-grid {
    z-index: 3
}

.related-products-grid .category-link {
    text-decoration: underline;
    position: relative;
    top: 5px;
    left: 5px;
    z-index: 1
}

.related-products-grid .product-thumb {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 10px 15px 5px 15px;
    background: #fff;
    border: 1px solid #eee
}

.related-products-grid .product-thumb .description {
    display: flex;
    flex-direction: column;
    word-break: break-all;
    transition: .4s ease-in-out;
    padding: 10px 0 0;
    background: #fff;
    min-height: 77px;
    margin-top: -7px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22)
}

.related-products-grid .product-thumb .description .description-top {
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px
}

.related-products-grid .product-thumb .description .description-top > span {
    margin-bottom: 5px
}

.related-products-grid .product-thumb .description .description-top > span > b {
    margin-right: 5px
}

.related-products-grid .product-thumb:hover {
    margin: 4px -11px;
    border: 2px solid #a33d16
}

.rating-container {
    height: 21px
}

.product-layout .category-link {
    text-decoration: underline;
    position: relative;
    top: 5px;
    left: 5px;
    z-index: 1
}

.product-layout.product-grid {
    margin: 0;
    padding: 0 5px 15px;
    border: 0
}

.product-layout.product-grid .description-list {
    display: none
}

.product-layout.product-grid .product-thumb {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 10px 15px 5px 15px;
    background: #fff;
    border: 1px solid #eee
}

.product-layout.product-grid .product-thumb .description {
    top: 10%;
    z-index: 100;
    opacity: 0;
    left: -2px;
    right: -2px;
    display: flex;
    position: absolute;
    flex-direction: column;
    word-break: break-all;
    transition: .2s ease-in-out;
    padding: 10px 0 0;
    background: #fff;
    min-height: 77px;
    margin-top: -7px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22);
    overflow: hidden;
    border: 2px solid transparent;
    border-top: 0
}

.product-layout.product-grid .product-thumb .description .description-top {
    padding: 0 10px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px
}

.product-layout.product-grid .product-thumb .description .description-top > span {
    margin-bottom: 5px
}

.product-layout.product-grid .product-thumb .description .description-top > span > b {
    margin-right: 5px
}

.product-layout.product-grid .product-thumb .description .description-bottom {
    margin: 0 -2px
}

.product-layout.product-grid .product-thumb_top {
    padding-bottom: 10px
}

.product-layout.product-grid .product-thumb_middle {
    display: flex;
    flex-direction: column
}

.product-layout.product-grid .product-thumb_middle .caption {
    order: 1
}

.product-layout.product-grid .product-thumb_middle .rating-container {
    position: relative;
    top: -25px;
    order: 2;
    text-align: left
}

.product-layout.product-grid .product-thumb_middle .price-and-cart-add {
    order: 3;
    justify-content: space-between
}

.product-layout.product-grid .product-thumb:hover {
    z-index: 5;
    margin: -1px -1px -1px -1px;
    padding: 10px 15px 5px 15px;
    border: 2px solid #a33d16;
    border-bottom: 0
}

.product-layout.product-grid .product-thumb:hover .description {
    opacity: 1;
    display: flex;
    top: 100%;
    transition: .4s ease-in-out;
    border: 2px solid #a33d16;
    border-top: 0
}

@media (max-width: 991px) {
    .product-layout .category-link {
        text-decoration: underline;
        position: relative;
        top: 5px;
        left: 5px;
        z-index: 1
    }

    .product-layout.product-grid {
        margin: 0;
        padding: 0 5px 15px;
        border: 0
    }

    .product-layout.product-grid .description-list {
        display: inline-block;
        position: relative;
        top: -1px;
        margin-top: 20px
    }

    .product-layout.product-grid .product-thumb {
        display: inline-block;
        flex-direction: row;
        position: relative;
        padding: 0;
        background: #fff;
        border: 1px solid #eee
    }

    .product-layout.product-grid .product-thumb_top {
        display: inline-flex;
        width: 30%;
        float: left;
        padding: 0 0 0 15px
    }

    .product-layout.product-grid .product-thumb_middle {
        margin-bottom: 0;
        display: inline-flex;
        width: 69%;
        flex-direction: column;
        padding: 10px
    }

    .product-layout.product-grid .product-thumb_middle .caption {
        order: 1
    }

    .product-layout.product-grid .product-thumb_middle .rating-container {
        order: 2;
        position: relative;
        top: -10px;
        display: flex;
        justify-content: flex-start;
        padding-left: 9px
    }

    .product-layout.product-grid .product-thumb_middle .price-and-cart-add {
        order: 3;
        display: inline-flex
    }

    .product-layout.product-grid .product-thumb_middle .price-and-cart-add .price-wrapper {
        padding-left: 10px;
        position: relative;
        bottom: -50px
    }

    .product-layout.product-grid .product-thumb_middle .price-and-cart-add .price-wrapper .price {
        font-size: 23px
    }

    .product-layout.product-grid .product-thumb_bottom .description-list .description-top {
        display: none
    }

    .product-layout.product-grid .product-thumb .description {
        display: none;
        flex-direction: column;
        margin: 0 2px;
        word-break: break-all;
        transition: .4s ease-in-out;
        opacity: 0;
        position: absolute;
        top: 64%;
        left: -2px;
        right: -2px;
        padding: 10px 0 0;
        background: #fff;
        min-height: 77px;
        margin-top: -7px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22)
    }

    .product-layout.product-grid .product-thumb .description .description-top {
        padding: 0 10px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 20px
    }

    .product-layout.product-grid .product-thumb .description .description-top > span {
        margin-bottom: 5px
    }

    .product-layout.product-grid .product-thumb .description .description-top > span > b {
        margin-right: 5px
    }

    .product-layout.product-grid .product-thumb:hover {
        margin: -1px -1px -1px -1px;
        padding: 0;
        border: 2px solid #595959
    }

    .product-layout.product-grid .product-thumb:hover .description {
        display: none
    }
}

@media (max-width: 767px) {
    .product-layout .category-link {
        text-decoration: underline;
        position: relative;
        top: 5px;
        left: 5px;
        z-index: 1
    }

    .product-layout.product-grid {
        margin: 0;
        padding: 0 5px 15px;
        border: 0
    }

    .product-layout.product-grid .product-thumb {
        display: flex;
        flex-direction: column;
        position: relative;
        padding: 0;
        background: #fff;
        border: 1px solid #eee
    }

    .product-layout.product-grid .product-thumb_top {
        padding: 15px 0 0 0;
        display: inline-flex;
        width: 100%;
        float: left;
        justify-content: center
    }

    .product-layout.product-grid .product-thumb_middle {
        display: inline-flex;
        width: 100%;
        flex-direction: column;
        padding: 10px
    }

    .product-layout.product-grid .product-thumb_middle .caption {
        width: 75%;
        display: flex;
        margin: 0 auto;
        order: 1;
        justify-content: center
    }

    .product-layout.product-grid .product-thumb_middle .rating-container {
        order: 2;
        position: relative;
        top: -10px;
        display: flex;
        justify-content: center
    }

    .product-layout.product-grid .product-thumb_middle .price-and-cart-add {
        order: 3;
        display: inline-flex
    }

    .product-layout.product-grid .product-thumb_middle .price-and-cart-add .button-group-cart {
        justify-content: center;
        align-items: center;
        margin-top: 10px
    }

    .product-layout.product-grid .product-thumb_middle .price-and-cart-add .button-group-cart h6 {
        display: flex
    }

    .product-layout.product-grid .product-thumb_middle .price-and-cart-add .button-group-cart .cart-add-button span {
        display: inline-flex !important
    }

    .product-layout.product-grid .product-thumb_middle .price-and-cart-add .price-wrapper {
        position: relative;
        bottom: 0;
        padding: 0;
        justify-content: center
    }

    .product-layout.product-grid .product-thumb_middle .price-and-cart-add .price-wrapper .price {
        font-size: 23px
    }

    .product-layout.product-grid .product-thumb_bottom .description-list {
        width: 100%;
        display: flex
    }

    .product-layout.product-grid .product-thumb_bottom .description-list .description-top {
        display: none;
        padding: 20px;
        text-align: left
    }

    .product-layout.product-grid .product-thumb_bottom .description-list .description-bottom {
        display: flex;
        width: 100%
    }

    .product-layout.product-grid .product-thumb .description {
        display: none;
        flex-direction: column;
        margin: 0 2px;
        word-break: break-all;
        transition: .4s ease-in-out;
        opacity: 0;
        position: absolute;
        top: 64%;
        left: -2px;
        right: -2px;
        padding: 10px 0 0;
        background: #fff;
        min-height: 77px;
        margin-top: -7px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22)
    }

    .product-layout.product-grid .product-thumb .description .description-top {
        padding: 0 10px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 20px
    }

    .product-layout.product-grid .product-thumb .description .description-top > span {
        margin-bottom: 5px
    }

    .product-layout.product-grid .product-thumb .description .description-top > span > b {
        margin-right: 5px
    }

    .product-layout.product-grid .product-thumb:hover {
        margin: -1px -1px -1px 0;
        padding: 0;
        border: 2px solid #a33d16
    }
}

.product-layout.product-grid .product-thumb .description {
    border-radius: 0
}

.product-layout.product-grid .product-thumb:hover {
    border-radius: 0
}

.product-layout.product-grid .product-thumb:hover .description {
    opacity: 1;
    top: calc(100% + 7px)
}

.related-products-grid.product-grid .product-thumb .description {
    border-radius: 0 0 4px 4px
}

.related-products-grid.product-grid .product-thumb:hover {
    border-radius: 4px 4px 0 0
}

.related-products-grid.product-grid .product-thumb:hover .description {
    opacity: 1;
    top: calc(100% + 7px)
}

.product-thumb:hover {
    padding: 10px 10px 5px 10px;
    margin: 0;
    z-index: 99;
    position: relative
}

.product-layout.product-list .product-thumb .image, .product-layout.product-grid .product-thumb .image, .product-layout.related-products-grid .product-thumb .image {
    position: relative
}

.product-layout.product-list .product-thumb .image a.quickview, .product-layout.product-grid .product-thumb .image a.quickview, .product-layout.related-products-grid .product-thumb .image a.quickview {
    position: absolute;
    cursor: pointer;
    z-index: 30 !important
}

.product-layout.product-list .product-thumb .image a.quickview.glyphicon, .product-layout.product-grid .product-thumb .image a.quickview.glyphicon, .product-layout.related-products-grid .product-thumb .image a.quickview.glyphicon {
    transition: .5s ease-in-out;
    top: 15px;
    right: 15px;
    font-size: 32px;
    opacity: 0;
    color: #a33d16;
    transition: .2s ease
}

.product-layout.product-list .product-thumb .image:hover a.quickview.glyphicon, .product-layout.product-grid .product-thumb .image:hover a.quickview.glyphicon, .product-layout.related-products-grid .product-thumb .image:hover a.quickview.glyphicon {
    right: 50px;
    opacity: .7;
    z-index: 10
}

.product-layout.product-list .product-thumb .image:hover a.quickview.glyphicon:hover, .product-layout.product-grid .product-thumb .image:hover a.quickview.glyphicon:hover, .product-layout.related-products-grid .product-thumb .image:hover a.quickview.glyphicon:hover {
    transition: .5s ease-in-out;
    opacity: 1;
    transform: scale(1.05)
}

.product-layout.product-table .product-thumb .image a.quickview {
    position: absolute
}

.product-layout.product-table .product-thumb .image a.quickview.glyphicon {
    display: none
}

.product-layout .news .caption {
    color: #000
}

.product-layout .news .caption h4 a {
    font-size: 17px;
    color: #000;
    font-weight: bold;
    height: 37px;
    overflow: hidden;
    display: block;
    text-transform: uppercase
}

.product-layout .news .caption .rating {
    text-align: center
}

.articles-layout .caption h4 a {
    font-size: 17px;
    color: #0c0c0c;
    font-weight: bold;
    overflow: hidden;
    display: block;
    text-transform: uppercase
}

.articles-layout .caption .rating {
    text-align: center
}

.product-list .caption h4, .product-grid .caption h4, .product-table .caption h4 {
    margin-top: 2px
}

.product-list .caption h4 a, .product-grid .caption h4 a, .product-table .caption h4 a {
    font-size: 18px;
    max-height: 80px
}

.product-grid .caption h4 a {
    margin: 10px 0
}

.product-list .caption h4 {
    height: 42px;
    margin-top: 1px;
    overflow: hidden
}

.product-list .caption h4 > a {
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: underline
}

.product-grid .caption h4 a, .product-table .caption h4 a {
    color: #000;
    height: 40px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: underline
}

@media (max-width: 1199px) and (min-width: 992px) {
    .product-list .caption h4 {
        margin-top: 1px
    }

    .product-list .caption h4 a {
        font-size: 17px
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .product-list .caption {
        text-align: left
    }

    .product-list .caption h4 {
        margin-top: 0
    }

    .product-list .caption h4 a {
        font-size: 16px;
        margin-right: 6%;
        height: 40px
    }

    .product-grid .caption h4 {
        text-align: left
    }

    .product-grid .caption h4 a {
        height: 36px;
        font-size: 15px
    }
}

@media (max-width: 767px) {
    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        display: none
    }

    body .product-table.product-layout .caption h4 a {
        max-height: 17px;
        height: auto
    }

    .product-list .caption h4 {
        margin-top: 10px
    }

    .product-table .product-thumb .price {
        right: 168px !important
    }
}

@media (max-width: 480px) {
    .product-table .product-thumb .price {
        right: 25px !important
    }

    .product-layout.product-table .product-thumb_middle .price-and-cart-add {
        margin-top: 32px !important
    }
}

.product-thumb .price {
    font-weight: 600;
    font-size: 14px;
    min-height: 40px
}

.product-thumb .price-old {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    display: block;
    text-decoration: line-through;
    margin-left: 0
}

.product-layout.product-list {
    padding: 0 5px 0 5px
}

.product-layout.product-list .product-thumb {
    margin-bottom: 10px;
    transition: .12s ease-in-out;
    display: flex;
    position: relative;
    padding: 0;
    background: #fff;
    height: auto;
    border: 1px solid #eee
}

.product-layout.product-list .product-thumb_top {
    display: flex;
    width: 30%;
    align-items: center;
    justify-content: center
}

.product-layout.product-list .product-thumb_middle {
    display: flex;
    flex-direction: column;
    width: 35%;
    padding: 10px
}

.product-layout.product-list .product-thumb_middle .rating-container {
    order: 2;
    margin-bottom: 30px
}

.product-layout.product-list .product-thumb_middle .rating-container .caption {
    display: none
}

.product-layout.product-list .product-thumb_middle .caption {
    order: 1
}

.product-layout.product-list .product-thumb_middle .price-and-cart-add {
    order: 3
}

.product-layout.product-list .product-thumb_bottom {
    display: flex;
    width: 35%
}

.product-layout.product-list .product-thumb_bottom .description-list {
    width: 100%;
    display: flex
}

.product-layout.product-list .product-thumb_bottom .description-list .description-top {
    width: 70%;
    display: flex;
    flex-direction: column;
    padding: 10px;
    line-height: 1.4
}

.product-layout.product-list .product-thumb_bottom .description-list .description-bottom {
    width: 30%;
    display: flex
}

.product-layout.product-list .product-thumb_bottom .description-list .description-bottom .button-group {
    display: flex;
    flex-direction: column
}

.product-layout.product-list .product-thumb_bottom .description-list .description-bottom .button-group .wishlist-button {
    width: 100%;
    border-top: 0;
    border-right: 0;
    height: 100%
}

.product-layout.product-list .product-thumb_bottom .description-list .description-bottom .button-group .compare-button {
    width: 100%;
    border-top: 1px solid #ececec;
    border-right: 0;
    height: 100%
}

.product-layout.product-list .product-thumb_bottom .description-list .description-bottom .button-group .buy-one-click {
    width: 100%;
    border-top: 1px solid #ececec;
    height: 100%
}

.product-layout.product-list .description {
    display: none
}

.product-layout.product-grid .product-thumb_middle .rating-container .caption {
    display: none
}

@media (max-width: 1199px) {
    .product-layout.product-grid .product-thumb_middle .price-and-cart-add {
        height: 110px;
        flex-direction: column
    }

    .product-layout.product-grid .product-thumb_middle .price-and-cart-add > div {
        width: 100%
    }

    .product-layout.product-list .product-thumb_top {
        width: 30%
    }

    .product-layout.product-list .product-thumb_middle {
        display: flex;
        flex-direction: column;
        width: 30%;
        padding: 10px
    }

    .product-layout.product-list .product-thumb_middle .rating-container {
        order: 2;
        margin-bottom: 30px
    }

    .product-layout.product-list .product-thumb_middle .caption {
        order: 1
    }

    .product-layout.product-list .product-thumb_middle .price-and-cart-add {
        height: 110px;
        flex-direction: column;
        order: 3
    }

    .product-layout.product-list .product-thumb_middle .price-and-cart-add > div {
        width: 100%
    }

    .product-layout.product-list .product-thumb_bottom {
        display: flex;
        width: 40%
    }

    .product-layout.product-list .product-thumb_bottom .description-list {
        width: 100%;
        display: flex
    }

    .product-layout.product-list .product-thumb_bottom .description-list .description-top {
        width: 70%;
        display: flex;
        flex-direction: column;
        padding: 10px;
        line-height: 1.4
    }

    .product-layout.product-list .product-thumb_bottom .description-list .description-bottom {
        width: 30%;
        display: flex
    }

    .product-layout.product-list .product-thumb_bottom .description-list .description-bottom .button-group {
        display: flex;
        flex-direction: column
    }

    .product-layout.product-list .product-thumb_bottom .description-list .description-bottom .button-group .wishlist-button {
        width: 100%;
        border-top: 0;
        border-right: 0;
        height: 100%
    }

    .product-layout.product-list .product-thumb_bottom .description-list .description-bottom .button-group .compare-button {
        width: 100%;
        border-top: 1px solid #ececec;
        border-right: 0;
        height: 100%
    }

    .product-layout.product-list .product-thumb_bottom .description-list .description-bottom .button-group .buy-one-click {
        width: 100%;
        border-top: 1px solid #ececec;
        height: 100%
    }

    .product-layout.product-list .description {
        display: none
    }
}

.fpa .owl-pagination {
    text-align: right;
    top: 388px;
    right: 30px;
    position: relative
}

.fpa .owl-controls .owl-page span {
    display: block;
    width: 28px;
    height: 6px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 0;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
}

@media (max-width: 767px) {
    .product-layout.product-grid .product-thumb .description {
        opacity: 1;
        position: relative;
        margin-top: 8px;
        padding: 6px 20px;
        min-height: inherit;
        display: none
    }

    .product-layout.product-grid .product-thumb .description:before {
        box-shadow: none
    }

    .price-and-cart-add {
        width: 90%;
        margin: 0 auto
    }

    .btn-group > button:nth-child(2) {
        border-radius: 0 !important
    }
}

@media (max-width: 1199px) {
    .product-layout.product-list .product-thumb .button-group {
        width: 135px
    }

    .product-layout.product-list .product-thumb .description {
        margin-right: 146px
    }
}

@media (max-width: 925px) and (min-width: 768px) {
    .product-layout.product-list .product-thumb {
        padding-bottom: 52px
    }

    body .products-content .product-layout.product-list .product-thumb .button-group, body .articles-content .article-layout.article-list .article-thumb .button-group {
        bottom: 10px;
        width: 97%;
        background: 0;
        float: none;
        text-align: center
    }

    .product-list .product-thumb .caption {
        margin-right: 118px
    }

    .product-layout.product-list .product-thumb .description {
        margin-right: 30%
    }
}

@media (min-width: 1200px) {
    .product-thumb .button-group button:first-child {
        width: auto
    }
}

.product-layout .input-quantity-group {
    display: none
}

.product-layout.product-table {
    padding: 0 5px
}

.product-layout.product-table .product-thumb {
    align-items: center;
    transition: .12s ease-in-out;
    display: flex;
    position: relative;
    padding: 10px 10px 10px 10px;
    background: #fff;
    height: 110px;
    border: 1px solid #eee;
    margin-bottom: 15px
}

.product-layout.product-table .product-thumb_top {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15%
}

.product-layout.product-table .product-thumb_middle {
    align-items: center;
    width: 82%;
    display: inline-flex;
    height: 100%;
    justify-content: space-between
}

.product-layout.product-table .product-thumb_middle .caption {
    display: none;
    height: 100%
}

.product-layout.product-table .product-thumb_middle .rating-container {
    width: 72%
}

.product-layout.product-table .product-thumb_middle .rating-container .caption {
    display: flex
}

.product-layout.product-table .product-thumb_middle .rating-container .caption h4 {
    margin-bottom: 2px
}

.product-layout.product-table .product-thumb_middle .rating-container .rating {
    display: flex
}

.product-layout.product-table .product-thumb_middle .price-and-cart-add {
    margin: 0;
    align-items: center;
    width: 40%;
    height: 100%
}

.product-layout.product-table .product-thumb_middle .price-and-cart-add h6 {
    display: flex
}

.product-layout.product-table .product-thumb_middle .price-and-cart-add div {
    width: 100%
}

.product-layout.product-table .product-thumb .product-columns_left {
    display: inline-flex;
    width: 10%;
    padding: 0;
    align-items: center;
    justify-content: center
}

.product-layout.product-table .product-thumb .product-columns_bottom {
    display: none
}

.product-layout.product-table .product-thumb .description-top {
    display: none
}

.product-layout.product-table .product-thumb .input-quantity-group {
    display: none
}

.product-layout.product-table .product-thumb_bottom {
    display: none
}

@media (max-width: 1199px) {
    .product-layout.product-table .product-thumb_middle {
        align-items: center;
        width: 88%;
        display: inline-flex;
        height: 100%;
        justify-content: space-between
    }

    .product-layout.product-table .product-thumb_middle .caption {
        display: none;
        height: 100%
    }

    .product-layout.product-table .product-thumb_middle .rating-container {
        width: 55%
    }

    .product-layout.product-table .product-thumb_middle .rating-container .caption {
        display: flex
    }

    .product-layout.product-table .product-thumb_middle .rating-container .caption h4 {
        margin-bottom: 2px
    }

    .product-layout.product-table .product-thumb_middle .rating-container .rating {
        display: flex
    }

    .product-layout.product-table .product-thumb_middle .price-and-cart-add {
        margin: 0;
        align-items: center;
        width: 45%;
        height: 100%
    }

    .product-layout.product-table .product-thumb_middle .price-and-cart-add div {
        width: 100%
    }

    .product-layout.product-table .product-thumb .product-columns_left {
        display: inline-flex;
        width: 10%;
        padding: 0;
        align-items: center;
        justify-content: center
    }

    .product-layout.product-table .product-thumb .product-columns_bottom {
        display: none
    }

    .product-layout.product-table .product-thumb .description-top {
        display: none
    }

    .product-layout.product-table .product-thumb .input-quantity-group {
        display: none
    }

    .product-layout.product-table .product-thumb_bottom {
        display: none
    }
}

.product-table .product-thumb .image {
    float: left;
    padding: 0;
    width: 100px;
    margin-right: 10px
}

.product-table .product-thumb h4 {
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    padding-right: 10px;
    overflow: hidden
}

.product-table .caption h4 a {
    max-height: 70px;
    font-size: 16px
}

.product-table .price {
    display: inline-block;
    vertical-align: top;
    width: 110px;
    margin-bottom: 0;
    font-size: 18px;
    padding-top: 2px;
    min-height: 25px;
    text-align: left;
    font-weight: normal
}

.product-table .product-thumb .button-group {
    text-align: left;
    display: block;
    position: absolute;
    top: 12px;
    right: 12px
}

.product-table .button-group button + button, .product-table:hover .button-group button + button {
    display: none
}

.product-table .button-group button:first-child {
    border-radius: 4px;
    height: 34px;
    line-height: 30px;
    position: relative;
    top: 4px
}

.product-table .input-quantity-group {
    display: table;
    width: 116px;
    height: 32px;
    position: absolute;
    bottom: 19px;
    right: 160px
}

.product-table .input-quantity-group .quantity {
    min-width: 10px;
    width: 45px;
    height: 33px;
    text-align: center;
    transition: .1s
}

.product-table .input-quantity-group .quantity.invalid {
    background-color: rgba(220, 0, 0, 0.25)
}

.product-table .input-quantity-group .btn {
    height: 33px
}

.product-table [class*=stock-status], .product-table .rating, .product-table .description {
    display: none
}

@media (max-width: 1199px) {
    .product-table .product-thumb .image {
        margin-bottom: 5px
    }

    .product-table .price {
        padding-top: 0;
        font-size: 18px
    }

    .product-table .product-thumb .button-group {
        top: 13px
    }

    .product-table .button-group button:first-child {
        padding-left: 12px;
        padding-right: 12px;
        line-height: 30px;
        height: 33px
    }

    .product-table .product-thumb .button-group button {
        width: 100%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .product-table .caption h4 a {
        font-size: 15px
    }

    .product-table .input-quantity-group {
        right: 135px;
        bottom: 16px
    }
}

@media (max-width: 767px) {
    .product-table .product-thumb .price {
        bottom: 16px
    }

    .product-table .input-quantity-group {
        right: 135px;
        bottom: 9px
    }

    .product-table .product-thumb .caption h4 {
        text-align: left
    }

    .product-table .product-thumb .caption h4 a {
        font-size: 15px
    }

    #list-view .fa, #grid-view .fa, #table-view .fa {
        font-size: 19px
    }
}

@media (max-width: 640px) {
    .product-table .product-thumb .caption h4 a {
        font-size: 14px
    }

    .product-table .price {
        padding-top: 3px;
        font-size: 18px
    }

    .product-layout.product-table .product-thumb {
        height: 107px
    }

    .product-table .product-thumb .caption h4 {
        width: 100%;
        height: 39px;
        overflow: hidden
    }
}

@media (max-width: 479px) {
    .product-table .price {
        padding-top: 3px;
        font-size: 18px
    }

    .product-layout.product-table .product-thumb {
        height: 130px
    }

    .product-table .input-quantity-group {
        display: none
    }

    .product-table .product-thumb .caption h4 {
        width: 100%;
        height: 39px;
        overflow: hidden
    }
}

.content-top {
    margin: 0 0 20px 0;
    padding: 10px 14px;
    background: #fff;
    border: 1px solid #eee
}

.content-top span {
    top: 40px
}

.content-bottom {
    margin-top: 20px;
    padding: 10px 14px;
    background: #fff;
    border: 1px solid #eee
}

.content-bottom span {
    margin-top: 15px;
    display: inline-block
}

.row-filters {
    padding: 10px 0 8px;
    margin: 0 0 20px 0;
    background: #fff;
    border: 1px solid #eee
}

.filters-box {
    position: relative;
    top: 0;
    display: flex;
    width: 100%
}

.filters-box .sort-list, .filters-box .show-list, .filters-box .style-list {
    padding: 0
}

@media (max-width: 991px) {
    .product-thumb {
        width: 100%
    }

    .product-thumb .description-list {
        width: 100%
    }

    .product-thumb .description-list .description-bottom {
        width: 100%
    }

    #list-view {
        display: none
    }

    .product-grid {
        width: 100%
    }

    .filters-box .sort-list, .filters-box .show-list, .filters-box .style-list {
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }

    .filters-box .sort-list > div, .filters-box .show-list > div, .filters-box .style-list > div {
        text-align: left !important
    }

    .filters-box .style-list {
        align-items: center
    }
}

@media (max-width: 767px) {
    .filters-box {
        flex-direction: column
    }

    .filters-box .sort-list {
        order: 2
    }

    .filters-box .show-list {
        order: 3
    }

    .filters-box .style-list {
        align-items: flex-start;
        padding-left: 10px;
        order: 1
    }
}

.btn-group, .btn-group-vertical {
    margin-top: 2px
}

.wishlist-button, .compare-button, .buy-one-click {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    text-transform: none;
    align-items: center;
    justify-content: center;
    line-height: 2;
    width: 33.33333%;
    height: 66px;
    transition: .5s;
    border-radius: 0;
    background: #fff;
    color: #565656
}

.wishlist-button i, .compare-button i, .buy-one-click i {
    font-size: 18px
}

.wishlist-button span, .compare-button span, .buy-one-click span {
    text-transform: lowercase;
    font-size: 10px
}

.wishlist-button:hover, .compare-button:hover, .buy-one-click:hover {
    background: #a33d16;
    color: #fff
}

.wishlist-button, .compare-button {
    border-top: 1px solid #ececec;
    border-right: 1px solid #ececec
}

.buy-one-click {
    border-top: 1px solid #ececec
}

.cart-add-button {
    transition: .5s;
    border: none !important;
    border-radius: 3px;
    background: #a33d16;
    color: #fff;
    display: block;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 10px
}

.price-and-cart-add {
    transition: .5s;
    display: flex;
    align-items: center;
    padding: 0;
    margin-bottom: 5px;
    height: 70px
}

.price-and-cart-add .price-wrapper {
    display: flex;
    justify-content: flex-start
}

.price-and-cart-add .price-wrapper .price {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 25px;
    margin-bottom: 0;
    color: #000
}

.cart-add-button:hover {
    color: #fff;
    background: #341e12
}

.rating-and-wishlist {
    display: flex;
    flex: 1 1 50%
}

.product-list .panel.panel-default .panel-body > ul > li {
    line-height: 1.8
}

.product-container {
    padding: 0 15px
}

.product-top {
    padding-top: 0;
    word-break: break-all;
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 25px
}

.product-top .panel-default .panel-body {
    padding: 10px
}

.product-middle {
    padding: 10px;
    word-break: break-all;
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 25px
}

.product-middle a {
    color: #595959
}

.product-bottom {
    margin: 0 -16px;
    padding: 10px 20px;
    word-break: break-all;
    margin-bottom: 25px
}

.product-top {
    border: 0
}

.product-block-inner {
    padding: 0 15px
}

.product-img-block {
    border: 1px solid #e8e8e8
}

.product-pic {
    padding: 0
}

.product-pic .image-thumb-wrapper .product-block-inner {
    padding-left: 0;
    padding-right: 20px
}

.product-pic .product-options-wrapper {
    padding-top: 15px
}

.product-pic .product-img-block {
    padding-bottom: 10px
}

.product-pic .product-img-block .thumbnails {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin: 0
}

.product-pic .product-img-block .thumbnails .image-additional {
    position: relative;
    top: 2px;
    float: none;
    display: flex;
    margin: 0 auto 10px;
    max-width: unset;
    width: 63px;
    height: 43px
}

.product-pic .product-img-block .thumbnails .image-additional a.thumbnail {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #d6d6d6
}

.product-pic .product-img-block .thumbnails .image-additional a.thumbnail img {
    max-height: 100%
}

.product-pic .product-img-block .thumbnails .image-additional a.thumbnail.active {
    border: 2px solid #ee532a
}

.product-pic .product-img-block .thumbnails #zgalery {
    display: flex;
    flex-direction: column;
    max-width: 95px;
    padding: 20px 0 5px;
    padding-left: 16px
}

.product-pic .product-img-block .thumbnails #zgalery .slick-list {
    flex-grow: 1
}

.product-pic .product-img-block .thumbnails #zgalery .slick-next-custom {
    margin-top: 30px;
    text-align: center
}

.product-pic .product-img-block .thumbnails #zgalery .slick-prev-custom {
    margin-bottom: 40px;
    text-align: center
}

.product-pic a.thumbnail {
    border-width: 2px
}

.product-pic a.thumbnail.active {
    border-color: #a33d16
}

.product-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 900;
    color: #333
}

.product-info-block {
    padding-top: 0
}

.product-info-block .rating {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px
}

.product-info-block .rating p {
    margin: 0
}

.product-info-block .rating #show_comments {
    color: #a33d16;
    font-weight: 700;
    display: none
}

.product-info-block .rating #show_comments span {
    text-decoration: underline
}

.product-info-block .rating #show_comments i {
    padding-right: 5px
}

.product-info-block .model-block {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 900
}

.product-info-block .model-block span {
    font-weight: 300
}

.product-info-block #first_countdown {
    display: flex;
    padding-top: 30px;
    margin-bottom: 45px !important
}

.product-info-block #first_countdown.flip-clock-wrapper ul {
    height: 50px;
    width: 32px;
    padding: 0;
    flex-shrink: 0;
    margin: 5px 1px;
    background: #545454
}

.product-info-block #first_countdown.flip-clock-wrapper ul li {
    line-height: 48px
}

.product-info-block #first_countdown.flip-clock-wrapper ul li a div div.inn {
    font-size: 30px;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    color: #fff
}

.product-info-block #first_countdown.flip-clock-wrapper .flip-clock-divider {
    height: 60px;
    width: 16px
}

.product-info-block #first_countdown.flip-clock-wrapper .flip-clock-divider .flip-clock-label {
    right: -48px
}

.product-info-block #first_countdown.flip-clock-wrapper .flip-clock-divider .flip-clock-dot {
    width: 4px;
    height: 4px;
    left: 6px;
    border-radius: 0
}

.product-info-block #first_countdown.flip-clock-wrapper .flip-clock-divider .flip-clock-dot.top {
    top: 23px
}

.product-info-block #first_countdown.flip-clock-wrapper .flip-clock-divider .flip-clock-dot.bottom {
    bottom: 23px
}

.product-info-block .status-block {
    margin-top: 10px;
    padding: 10px 0 0;
    font-family: 'Roboto', sans-serif;
    background: transparent;
    border: 0;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-radius: 0
}

.product-info-block .status-block .bot-prod {
    border: 0;
    margin: 0 -28px 20px
}

.product-info-block .status-block .bot-prod a {
    float: right;
    margin: 0 12px;
    max-width: 140px;
    font-size: 12px;
    font-weight: 300;
    color: #a33d16;
    text-transform: lowercase
}

.product-info-block .status-block .bot-prod a .fa-exchange:before {
    display: block;
    content: '';
    width: 24px;
    height: 20px;
    background: url(../image/design/icon-compare-b.png) no-repeat center
}

.product-info-block .status-block .bot-prod a.wis-com-post span {
    border-bottom: 1px dotted #a33d16
}

.product-info-block .status-block .bot-prod a.wis-com-post:hover span {
    border-bottom-color: transparent
}

.product-info-block .status-block .price-block .text-danger {
    color: #999;
    font-size: 18px;
    font-weight: 300;
    text-decoration: line-through
}

.product-info-block .status-block .price-block .product-price {
    color: #333;
    font-size: 30px;
    font-weight: 900
}

.product-info-block .status-block .buy-btn-block {
    text-align: right
}

.product-info-block .status-block .buy-btn-block #button-cart {
    padding: 10px 20px;
    display: inline-block;
    width: auto
}

.product-info-block .status-block .buy-btn-block .buy-one-click {
    display: block;
    white-space: nowrap;
    padding-left: 20px;
    width: auto;
    height: auto;
    margin-top: 30px;
    border: 0;
    font-size: 14px;
    font-weight: 300;
    left: 25px;
    color: #333;
    text-decoration: underline;
    background: transparent url(../image/img/icon-mouse.png) no-repeat left center
}

.product-info-block .status-block .buy-btn-block .buy-one-click:hover {
    text-decoration: none;
    color: #333;
    background: transparent url(../image/img/icon-mouse.png) no-repeat left center
}

.product-info-block .status-block .buy-btn-block .buy-one-click {
    margin-top: 0;
    display: inline-block
}

.product-options-block .control-label {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 10px
}

.product-options-block .options-block {
    padding-top: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dedede
}

.product-options-block .radio, .product-options-block .checkbox {
    margin-bottom: 10px
}

.product-options-block .checkbox label::before, .product-options-block .checkbox label::after, .product-options-block .radio label::before, .product-options-block .radio label::after {
    top: 50%;
    transform: translateY(-50%)
}

.product-options-block .form-control {
    border: 0;
    padding: 0
}

.product-options-block input[type="text"].form-control {
    border: 1px solid #c7c7c7;
    padding-left: 10px
}

.product-options-block .jq-selectbox__select {
    border: 1px solid #a33d16;
    border-bottom-color: #a33d16;
    border-radius: 0;
    background: transparent;
    box-shadow: none
}

.product-options-block .jq-selectbox__trigger {
    border-left: 0
}

.product-options-block .jq-selectbox__trigger-arrow {
    border-top: 5px solid #a33d16
}

.product-options-block .jq-selectbox__select-text {
    color: #a33d16
}

.product-options-block .jq-selectbox__dropdown {
    border-radius: 0;
    border: 1px solid #dedede;
    max-width: 100%;
    margin: 0;
    color: #666;
    box-shadow: none
}

.product-options-block .jq-selectbox li {
    white-space: normal
}

.product-options-block .jq-selectbox li:hover {
    background: #dedede;
    color: #666
}

.product-options-block .jq-selectbox.opened .jq-selectbox__select {
    border-bottom: 1px solid #dedede
}

.product-options-block .jq-selectbox.focused .jq-selectbox__select {
    border-color: #a33d16;
    border-bottom: 1px solid #dedede
}

.product-options-block .jssocials .jssocials-share-label {
    display: none
}

.product-options-block .jssocials .jssocials-share-link {
    width: 35px;
    height: 35px;
    padding: .5em;
    border-radius: 50%
}

.product-attrs li b {
    display: inline-block;
    margin-right: 10px
}

.product-middle {
    padding: 30px 50px;
    padding: 0;
    border: 0;
    font-family: 'Roboto', sans-serif
}

@media screen and (max-width: 767px) {
    .product-middle {
        padding: 10px
    }
}

.nav-tabs {
    border: 0;
    margin: 0 -10px;
    margin-bottom: 10px
}

.nav-tabs > li {
    margin-right: 20px
}

.nav-tabs > li > a {
    padding: 10px;
    background: transparent;
    border: 0
}

.nav-tabs > li > a span {
    padding-bottom: 3px;
    border-bottom: 1px dotted #351f12;
    color: #351f12;
    line-height: 14px;
    font-weight: 900;
    text-transform: uppercase
}

.nav-tabs > li > a:hover {
    background: transparent;
    border: 0
}

.nav-tabs > li > a:hover span {
    color: #a33d16;
    border-bottom-color: transparent
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: 0;
    border-radius: 0;
    background: transparent
}

.nav-tabs > li.active > a span, .nav-tabs > li.active > a:hover span, .nav-tabs > li.active > a:focus span {
    color: #a33d16;
    border-bottom-color: transparent
}

.tab-pane#tab-specification table {
    border: 0
}

.tab-pane#tab-specification table tr:nth-child(2n) {
    background: #f5f5f5
}

.tab-pane#tab-specification table tr td {
    border: 0
}

.tab-pane#tab-specification table tr td:first-child {
    font-weight: 900
}

.tab-pane#tab-review .show-review {
    display: inline-block;
    font-size: 12px;
    line-height: 24px;
    border-bottom: 1px dashed #ee532a;
    color: #ee532a;
    cursor: pointer
}

.tab-pane#tab-review #form-review #new-review-form {
    display: none
}

.tab-pane#tab-review #form-review.write-new #new-review-form {
    display: block
}

.tab-pane#tab-review .all-reviews {
    margin-bottom: 10px;
    padding: 10px 0 20px;
    border-bottom: 1px dashed #ddd;
    text-align: right
}

.tab-pane#tab-review .btn-write-review {
    display: inline-block;
    padding: 0 12px;
    font-size: 12px;
    line-height: 32px;
    color: #666;
    background: #ebebeb;
    border-radius: 3px;
    cursor: pointer
}

.tab-pane#tab-review table {
    border: 0;
    border-bottom: 1px dashed #dedede
}

.tab-pane#tab-review table tr {
    background: transparent
}

.tab-pane#tab-review table tr td {
    padding-left: 0;
    padding-right: 0;
    border: 0
}

.tab-pane#tab-review table tr td .rating {
    display: none
}

.tab-pane#tab-review table tr:first-child td:first-child strong {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 900;
    color: #351f12
}

.tab-pane#tab-review table tr:first-child td:last-child {
    font-size: 12px;
    font-weight: 300;
    color: #999
}

.tab-pane#tab-review table tr:first-child td:first-child {
    font-size: 12px;
    color: #666;
    font-weight: 300
}

.tab-pane#tab-review table tr:nth-child(2) td p {
    max-height: 65px;
    overflow: hidden
}

.tab-pane#tab-review table tr:nth-child(2) td.show-all p {
    max-height: unset
}

.tab-pane#tab-review table tr:nth-child(2) td.show-all .show-review {
    display: none
}

.filters-box .selectpicker {
    border: 0
}

.filters-box .jq-selectbox__select {
    border: 1px solid #dedede;
    border-bottom-color: #dedede;
    border-radius: 0;
    background: transparent;
    box-shadow: none
}

.filters-box .jq-selectbox__trigger {
    border-left: 0
}

.filters-box .jq-selectbox:hover .jq-selectbox__trigger-arrow {
    border-top-color: #a33d16
}

.filters-box .jq-selectbox__trigger-arrow {
    border-top: 5px solid #a33d16
}

.filters-box .jq-selectbox__select-text {
    color: #666
}

.filters-box .jq-selectbox__dropdown {
    border-radius: 0;
    border: 1px solid #dedede;
    max-width: 100%;
    margin: 0;
    color: #666;
    box-shadow: none
}

.filters-box .jq-selectbox li {
    white-space: normal
}

.filters-box .jq-selectbox li:hover {
    background: #dedede;
    color: #666
}

.filters-box .jq-selectbox.opened .jq-selectbox__select {
    border-bottom: 1px solid #dedede
}

.filters-box .jq-selectbox.focused .jq-selectbox__select {
    border-color: #a33d16;
    border-bottom: 1px solid #dedede
}

.flixer {
    border-left: 0;
    padding: 15px 0 0
}

.flixer .module {
    margin: 0;
    padding: 0;
    padding-left: 15px
}

.flixer .module .slick-slider .slick-list {
    padding: 2px 0
}

.flixer .module .slick-slider .slick-next-custom {
    padding-top: 15px;
    text-align: center
}

.flixer .module .slick-slider .slick-prev-custom {
    padding-bottom: 15px;
    text-align: center
}

.flixer .module.module-recommend .module__title {
    margin-top: 0;
    margin-bottom: 15px;
    word-break: normal;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    color: #a33d16;
    text-transform: none;
    text-align: center
}

.flixer .module .product-grid {
    padding-bottom: 10px;
    position: relative;
    top: 2px
}

.flixer .module .product-grid .caption {
    max-height: 40px
}

.flixer .module .product-grid .caption h4 {
    margin: 0 0 5px;
    max-height: 40px;
    text-align: center
}

.flixer .module .product-grid .caption h4 a {
    display: inline-block;
    margin: 0 auto;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #341e12;
    text-decoration: none;
    text-transform: none;
    word-break: normal;
    text-align: center
}

.flixer .module .product-grid .caption h4 a:hover {
    color: #a33d16
}

.flixer .module .product-grid .product-thumb:hover {
    border-bottom: 2px solid #a33d16
}

.flixer .module .product-grid .product-thumb .product-thumb_top {
    padding: 0
}

.flixer .module .product-grid .product-thumb .product-thumb_top .image img {
    max-height: 60px
}

.flixer .module .product-grid .product-thumb .price-and-cart-add {
    height: auto
}

.flixer .module .product-grid .product-thumb .buy-one-click {
    height: auto;
    width: auto;
    color: #a33d16;
    font-size: 12px;
    border: 0;
    border-bottom: 1px dotted #a33d16;
    white-space: nowrap
}

.flixer .module .product-grid .product-thumb .buy-one-click:hover {
    background: transparent;
    border-bottom-color: transparent
}

.flixer .module .product-grid .product-thumb .buy-one-click i {
    display: none
}

.flixer .module .product-grid .product-thumb .button-group-cart button.cart-add-button {
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 50%
}

.flixer .module .product-grid .product-thumb .button-group-cart button.cart-add-button i {
    display: block
}

.flixer .module .product-grid .product-thumb .button-group-cart button.cart-add-button i:before {
    background-size: 15px auto
}

.flixer .module .product-grid .product-thumb .button-group-cart button.cart-add-button span {
    display: none
}

.right-side-info {
    padding: 0;
    margin: 0 -5px
}

.right-side-info .panel-body {
    display: flex;
    border: 0;
    margin: 5px;
    padding: 17px 20px !important;
    padding-left: 60px !important
}

.right-side-info .panel-body.shipping_info {
    background: #ebebeb url(../image/design/icon-delivery.png) no-repeat 17px center
}

.right-side-info .panel-body.payment_info {
    background: #ebebeb url(../image/design/icon-pay.png) no-repeat 17px center
}

.right-side-info .panel-body.guarantee_info {
    background: #ebebeb url(../image/design/icon-garantee.png) no-repeat 17px center
}

.right-side-info .panel-body h4 {
    display: flex;
    margin: 0
}

.right-side-info .panel-body h4 a {
    display: block;
    color: #351f12;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

.right-side-info .panel-body h4 a span {
    border-bottom: 1px dotted #351f12
}

.right-side-info .panel-body h4 a:hover span {
    border-bottom-color: transparent
}

.product-table .product-thumb h4 {
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold
}

.product-columns {
    display: flex;
    flex-wrap: wrap
}

.product-columns_left {
    padding: 10px 20px;
    display: flex;
    width: 50%
}

.product-columns_right {
    padding: 10px 20px;
    display: flex;
    width: 50%;
    flex-direction: column;
    margin-bottom: 10px
}

.product-columns_right .caption {
    padding: 0 !important
}

.product-columns_right .description-top {
    display: flex;
    flex-direction: column;
    text-align: left;
    height: 100px
}

.product-columns_right .price-and-cart-add {
    display: flex;
    margin-top: 30px
}

.product-columns_right .price-and-cart-add_left {
    display: flex;
    width: 60%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.product-columns_right .price-and-cart-add_left .price-wrapper {
    margin-bottom: 10px
}

.product-columns_right .price-and-cart-add_left .price-wrapper .price {
    font-size: 23px
}

.product-columns_right .price-and-cart-add_right {
    display: flex;
    width: 40%;
    flex-direction: column
}

.product-columns_bottom {
    display: flex;
    width: 100%
}

.product-columns_bottom .description-bottom {
    width: 100%
}

.column {
    justify-content: center;
    width: 50%;
    flex-direction: column
}

.price-wrapper {
    width: 50%
}

@media (max-width: 767px) {
    .product-columns {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .product-columns_left {
        width: 100%
    }

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

    .product-columns_right {
        width: 60%;
        align-items: center;
        justify-content: center
    }

    .product-columns_right .price-and-cart-add {
        padding: 0;
        width: 100%;
        margin-top: 10px
    }

    .product-columns_right .price-and-cart-add_left, .product-columns_right .price-and-cart-add_right {
        width: 50%
    }

    .product-columns_right .description-top {
        display: none
    }

    .product-container .product-top, .product-container .product-middle {
        margin: auto -20px
    }
}

@media (max-width: 640px) {
    .product-layout.product-table .product-thumb_top {
        width: 25% !important
    }

    .product-layout.product-table .product-thumb_middle {
        width: 75% !important;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .product-layout.product-table .product-thumb_middle div {
        width: 100% !important
    }

    .product-layout.product-table .product-thumb_middle div .price {
        align-items: flex-start;
        margin-top: 20px
    }

    .product-layout.product-table .product-thumb_middle div .cart-add-button {
        margin-top: 12px
    }

    .product-columns {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .product-columns_left {
        width: 100%
    }

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

    .product-columns_left .image .category-link {
        position: absolute;
        top: 15px;
        left: 18px
    }

    .product-columns_right {
        width: 100%;
        align-items: center;
        justify-content: center
    }

    .product-columns_right .price-and-cart-add {
        display: flex;
        flex-direction: column;
        padding: 0;
        width: 100%;
        margin-top: 10px
    }

    .product-columns_right .price-and-cart-add_left {
        align-items: center;
        justify-content: center;
        width: 100%
    }

    .product-columns_right .price-and-cart-add_left .price-wrapper {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .product-columns_right .price-and-cart-add_right {
        align-items: center;
        justify-content: center;
        width: 100%
    }

    .product-columns_right .description-top {
        display: none
    }

    .product-container .product-top, .product-container .product-middle {
        margin: auto -20px
    }
}

.whim_button {
    padding: 5px 7px;
    display: flex;
    align-items: center;
    color: #a33d16;
    text-decoration: none;
    width: auto;
    max-width: 200px;
    height: 40px;
    border: 1px solid #a33d16;
    border-radius: 4px;
    margin: 0
}

.whim_button i {
    font-size: 24px;
    margin-right: 15px;
    font-weight: bold
}

.whim_button:hover, .whim_button:visited, .whim_button:focus {
    text-decoration: none
}

.whim_button span {
    word-break: break-word
}

.modal-body-fixed {
    overflow: hidden
}

.product-modal {
    background: rgba(136, 136, 136, 0.51)
}

.product-modal .modal-close-icon {
    cursor: pointer;
    display: inline-flex;
    position: absolute;
    top: 10px;
    z-index: 2000;
    right: 15px;
    font-size: 28px
}

.product-modal .modal-close-icon:hover {
    color: red
}

.product-modal .modal-product-img {
    padding-right: 0
}

.product-modal .modal-content {
    display: flex
}

.product-modal .modal-content .modal-product-description {
    display: flex;
    flex-direction: column;
    padding: 15px
}

.product-modal .modal-content .modal-product-description .modal-title-text {
    display: flex;
    align-items: center;
    color: #a33d16;
    height: 32px;
    margin-bottom: 15px
}

.product-modal .modal-content .modal-product-description .modal-title-text i {
    font-size: 32px;
    font-weight: bold;
    margin-right: 15px
}

.product-modal .modal-content .modal-product-description .modal-html {
    min-height: 245px;
    margin-bottom: 15px;
    max-height: 400px;
    overflow-y: scroll
}

.product-modal .modal-content .modal-product-description .modal-button {
    display: flex;
    justify-content: space-between;
    padding: 0 15px
}

.product-modal .modal-content .modal-product-description .modal-button .modal-more {
    transition: .5s;
    font-size: 18px;
    padding: 15px 25px;
    background: #a33d16;
    color: #fff
}

.product-modal .modal-content .modal-product-description .modal-button .modal-more:hover {
    transition: .5s;
    background: #341e12;
    color: #fff
}

.product-modal .modal-content .modal-product-description .modal-button .modal-close {
    cursor: pointer;
    transition: .5s;
    font-size: 18px;
    padding: 15px 25px;
    background: #b90000;
    color: #fff
}

.product-modal .modal-content .modal-product-description .modal-button .modal-close:hover {
    transition: .5s;
    background: red;
    color: #fff
}

@media (max-width: 991px) {
    .product-modal {
        overflow-y: scroll
    }

    .product-modal .modal-content {
        display: flex;
        flex-direction: column
    }

    .product-modal .modal-content .modal-product-img {
        display: flex;
        align-items: center
    }

    .product-modal .modal-content .modal-product-img .thumbnails {
        margin: 0 auto
    }

    .product-modal .modal-content .modal-product-img .thumbnails .big_image {
        margin: 0;
        padding: 15px
    }

    .product-modal .modal-content .modal-product-img .thumbnails .big_image img {
        max-width: 100%
    }

    .product-modal .modal-content .modal-product-description .modal-html {
        min-height: 15px;
        max-height: 250px;
        overflow-y: scroll
    }

    .dropmenu .level0 .level1 {
        padding-left: 0
    }

    .option .option-values {
        padding-left: 0;
        text-indent: 0
    }

    .dropmenu a {
        padding: 15px 48px 15px 7px
    }

    .dropmenu .level0.with-child .icon {
        top: 11px;
        width: 49px
    }
}

@media (max-width: 375px) {
    .product-modal .modal-content .modal-product-description .modal-button {
        flex-direction: column
    }

    .product-modal .modal-content .modal-product-description .modal-button .modal-more {
        text-align: center;
        margin-bottom: 10px
    }

    .product-modal .modal-content .modal-product-description .modal-button .modal-close {
        text-align: center;
        margin-bottom: 10px
    }
}

.text-price {
    align-items: center;
    display: flex;
    min-height: 55px;
    margin-bottom: 15px
}

@media (max-width: 575px) {
    .text-price {
        flex-direction: column
    }
}

.text-price .price-info {
    display: flex;
    flex-direction: column;
    font-size: 28px;
    color: #351f12
}

@media (max-width: 575px) {
    .text-price .price-info {
        align-items: center;
        margin-bottom: 15px
    }
}

.text-price small {
    position: relative;
    padding: 10px 0;
    font-size: 14px;
    color: #999;
    display: flex;
    margin: 5px 10px 0 0
}

.text-price small:after {
    position: absolute;
    content: '';
    display: block;
    width: 0;
    height: 0;
    left: 50%;
    bottom: 0;
    transform: translate(-50%);
    border: 5px solid #a0a0a0;
    border-bottom: 0;
    border-left-color: transparent;
    border-right-color: transparent
}

@media (min-width: 576px) {
    .text-price .price-block {
        margin-left: auto
    }
}

.text-price .price-block .status-text {
    font-size: 18px;
    height: auto;
    margin-bottom: 5px
}

.product-info-block #share {
    display: flex;
    justify-content: flex-end;
    display: none
}

.product-info-block .jssocials-share a {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    padding: 3px 0
}

.product-info-block .jssocials-share a i {
    font-size: 14px
}

.product-info-block .jssocials-share span {
    display: none !important
}

.product-info-block .buy-btn-block {
    display: flex;
    align-items: center;
    padding: 0;
    margin-bottom: 15px;
    justify-content: space-between;
    border-bottom: 1px solid #dedede
}

@media (max-width: 1199px) {
    .product-info-block .buy-btn-block {
        flex-wrap: wrap
    }
}

.product-info-block .buy-btn-block > div {
    margin-bottom: 20px
}

.product-info-block .buy-btn-block #quick_order_block {
    margin-right: 10px;
    margin-bottom: 20px
}

.product-info-block .buy-btn-block #button-cart {
    width: 132px;
    height: 44px;
    font-size: 18px;
    font-weight: 500
}

.product-info-block .buy-btn-block #button-cart .fa-shopping-cart {
    position: relative;
    top: -1px;
    vertical-align: middle;
    margin-right: 17px
}

.product-info-block .buy-btn-block #button-cart .fa-shopping-cart:before {
    display: block;
    content: '';
    width: 26px;
    height: 24px;
    background: url(../image/design/icon-cart.png) no-repeat center
}

.product-info-block .buy-btn-block #button-quickorder {
    height: 40px
}

.product-info-block .buy-btn-block #button-quickorder i.fa-shopping-cart {
    display: none
}

.product-info-block .buy-btn-block #input-phone {
    height: 40px !important;
    border-radius: 3px 0 0 3px
}

.product-info-block .buy-btn-block .help-block {
    position: absolute;
    font-weight: 300
}

.jssocials-shares {
    margin: .2em 0
}

.jssocials-shares * {
    box-sizing: border-box
}

.jssocials-share {
    display: inline-block;
    vertical-align: top;
    margin: .3em .6em .3em 0
}

.jssocials-share:last-child {
    margin-right: 0
}

.jssocials-share-logo {
    width: 1em;
    vertical-align: middle;
    font-size: 1.5em
}

img.jssocials-share-logo {
    width: auto;
    height: 1em
}

.jssocials-share-link {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 1
}

.jssocials-share-link.jssocials-share-link-count {
    padding-top: .2em
}

.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
    display: block;
    font-size: .6em;
    margin: 0 -0.5em -0.8em -0.5em
}

.jssocials-share-link.jssocials-share-no-count {
    padding-top: .5em
}

.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
    height: 1em
}

.jssocials-share-label {
    padding-left: .3em;
    vertical-align: middle
}

.jssocials-share-count-box {
    display: inline-block;
    height: 1.5em;
    padding: 0 .3em;
    line-height: 1;
    vertical-align: middle;
    cursor: default
}

.jssocials-share-count-box.jssocials-share-no-count {
    display: none
}

.jssocials-share-count {
    line-height: 1.5em;
    vertical-align: middle
}

.jssocials-share-twitter .jssocials-share-link {
    background: #00aced
}

.jssocials-share-twitter .jssocials-share-link:hover {
    background: #0087ba
}

.jssocials-share-facebook .jssocials-share-link {
    background: #3b5998
}

.jssocials-share-facebook .jssocials-share-link:hover {
    background: #2d4373
}

.jssocials-share-googleplus .jssocials-share-link {
    background: #dd4b39
}

.jssocials-share-googleplus .jssocials-share-link:hover {
    background: #c23321
}

.jssocials-share-linkedin .jssocials-share-link {
    background: #007bb6
}

.jssocials-share-linkedin .jssocials-share-link:hover {
    background: #005983
}

.jssocials-share-pinterest .jssocials-share-link {
    background: #cb2027
}

.jssocials-share-pinterest .jssocials-share-link:hover {
    background: #9f191f
}

.jssocials-share-email .jssocials-share-link {
    background: #3490f3
}

.jssocials-share-email .jssocials-share-link:hover {
    background: #0e76e6
}

.jssocials-share-stumbleupon .jssocials-share-link {
    background: #eb4823
}

.jssocials-share-stumbleupon .jssocials-share-link:hover {
    background: #c93412
}

.jssocials-share-whatsapp .jssocials-share-link {
    background: #29a628
}

.jssocials-share-whatsapp .jssocials-share-link:hover {
    background: #1f7d1e
}

.jssocials-share-telegram .jssocials-share-link {
    background: #2ca5e0
}

.jssocials-share-telegram .jssocials-share-link:hover {
    background: #1c88bd
}

.jssocials-share-line .jssocials-share-link {
    background: #25af00
}

.jssocials-share-line .jssocials-share-link:hover {
    background: #1a7c00
}

.jssocials-share-viber .jssocials-share-link {
    background: #7b519d
}

.jssocials-share-viber .jssocials-share-link:hover {
    background: #61407b
}

.jssocials-share-pocket .jssocials-share-link {
    background: #ef4056
}

.jssocials-share-pocket .jssocials-share-link:hover {
    background: #e9132e
}

.jssocials-share-messenger .jssocials-share-link {
    background: #0084ff
}

.jssocials-share-messenger .jssocials-share-link:hover {
    background: #006acc
}

.jssocials-share-vkontakte .jssocials-share-link {
    background: #45668e
}

.jssocials-share-vkontakte .jssocials-share-link:hover {
    background: #344d6c
}

.jssocials-share-link {
    padding: .5em .6em;
    color: #fff;
    -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
    transition: background 200ms ease-in-out, border-color 200ms ease-in-out
}

.jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active {
    color: #fff
}

.jssocials-share-count-box {
    position: relative;
    height: 2.5em;
    padding: 0 .3em;
    margin-left: .3em;
    background: #f5f5f5;
    -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
    transition: background 200ms ease-in-out, border-color 200ms ease-in-out
}

.jssocials-share-count-box:hover {
    background: gainsboro
}

.jssocials-share-count-box:hover:after {
    border-color: transparent gainsboro transparent transparent
}

.jssocials-share-count-box:after {
    content: "";
    display: block;
    position: absolute;
    top: .85em;
    left: -0.3em;
    width: 0;
    height: 0;
    border-width: .4em .4em .4em 0;
    border-style: solid;
    border-color: transparent #f5f5f5 transparent transparent;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
    transition: background 200ms ease-in-out, border-color 200ms ease-in-out
}

.jssocials-share-count-box .jssocials-share-count {
    line-height: 2.5em;
    color: #444
}

.checkout-container .checkbox label::after {
    left: 0;
    top: 4px
}

.address-block {
    cursor: pointer
}

.slick-slider .slick-next-custom {
    text-align: center
}

.slick-slider .slick-prev-custom {
    text-align: center
}
.label-product span {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 5px;
    font-size: 12px;
    color: white;
    text-align: center;
    display: block;
}
.red-col {
    background-color: #ec463f !important;
}