/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
* {
    outline: none;
}

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/** Remove default margin. */
body {
    margin: 0;
}

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

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

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template {
    display: none;
}

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a {
    background: transparent;
}

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

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] {
    border-bottom: 1px dotted;
}

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

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

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

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

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

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img {
    border: 0;
}

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

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure {
    margin: 1em 40px;
}

/** Address differences between Firefox and other browsers. */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/** Contain overflow in all browsers. */
pre {
    overflow: auto;
}

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button {
    overflow: visible;
}

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select {
    text-transform: none;
}

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

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

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

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

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

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

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

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

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea {
    overflow: auto;
}

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup {
    font-weight: bold;
}

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

td, th {
    padding: 0;
    border: 1px solid;
    padding-left: 5px;
}

img {
    display: block;
}

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

li {
    padding: 0;
}

p {
    margin: 0;
    padding: 0;
    line-height: 26px;
}

a {
    text-decoration: none;
    color: #e77709;
}

strong {
    font-weight: bold;
}

input:focus, textarea:focus {
    outline: none;
}

input[type="submit"] {
    border: 0;
}

*:after, *:before {
    display: block;
}

html {
    --color-red: #DE0202;
    --color-yellow: #FFB41D;
    --color-yellow-faded: #F6CE5F;
    --color-grey: #222222;
    --color-grey-dark: #292929;
    --color-grey-light: #E5E5E5;
    --color-green: #01AA1C;
    --color-wa: #01B901;
    --color-vi: #8C489D;
    --color-vk: #4a76a8;
    --speed-fast: 0.15s linear;
    --speed-medium: 0.3s linear;
}

html, body {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 1.25;
    font-size: 16px;
    color: #000;
}

textarea {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.header__nav, .searchblock {
    display: inline-block
}

/*
ul.subcat li.product{
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 21%;
    margin-left: 0;
}




*/

ul.subcat {
    display: flex;
    flex-wrap: wrap;
}

ul.subcat li {
    flex-basis: 22%;
    display: block;
    border: 1px solid #ddd;
    margin-right: 30px;
    margin-bottom: 30px;
}

ul.subcat li.product h2 {
    color: #000;
    font-size: 18px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}


ul.subcat li.product h2 mark {
    display: none;
}


.searchblock {
    position: relative;
}

.woof_term_4282 input[type="checkbox"] {
    float: left;
}

.woof_list_checkbox .woof_checkbox_label {
    width: 90%;
    margin-top: -3px;
    margin-left: 10px;
}

.searchblock input[type="search"] {
    border: 1px solid #e77709;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 20px;
    padding-left: 10px;
}

.searchblock button {
    border: none;
    position: absolute;
    background: #e77709;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 0px;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 10px;
}

.woocommerce-LoopProduct-link img {
    min-height: 250px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 60px
}

.itemsorder {
    display: inline;
    float: right;
}

.woocommerce-products-header__title {
    margin: 0 0 9px;
    font-weight: 600;
    color: #000;
    font-size: 24px;
}

.red {
    color: var(--color-red);
}

.green {
    color: var(--color-green);
}

.wrapper {
    overflow: hidden;
}

.wrap {
    width: 100%; /*max-width: 1170px;*/
    box-sizing: border-box;
    padding: 0 15px;
    margin: 0 auto;
}

.wrap_full {
    width: 100%; /*max-width: 1170px;*/
    box-sizing: border-box;
    padding: 0px;
    margin: 0 auto;
}

.wrap.wrap_long {
    max-width: 1390px;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.col-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-1-5, .col-4-5, .col-1-4s, .col-1-4b {
    box-sizing: border-box;
    padding: 0 10px;
}

.col-1 {
    flex: 0 0 100%;
    max-width: 100%;
}

.col-1-2 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-1-4 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-1-4s {
    flex: 0 0 15%;
    max-width: 15%;
}

.col-1-4b {
    flex: 0 0 35%;
    max-width: 35%;
}

.col-1-3 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.col-1-5 {
    flex: 0 0 20%;
    max-width: 20%;
}

.col-4-5 {
    flex: 0 0 75%;
    max-width: 75%;
    margin-left: 5%;
}

.col-2-3 {
    flex: 0 0 66.66%;
    max-width: 66.66%;
}

.title {
    margin: 0 0 9px;
    font-weight: 600;
    color: #000;
    font-size: 24px;
}


.topsection a, .footerbottom a {
    color: #000
}


.logo {
    display: inline-block;
    position: relative;
}

.logo:before {
    content: "";
    display: block;
    width: 37px;
    height: 40px;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

/* ==== Header ==== */

.header {
    width: 100%;
    position: fixed;
    z-index: 500;
    transition: all var(--speed-fast);
}

.header__top > .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    z-index: 500;
    background: #fff;
}

.header__logo, .header__logo:before {
    transition: all var(--speed-fast);
}

.header__right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.header__bottom {
    padding: 15px 0;
    background: rgba(255, 255, 255, 0.15);
    transition: all var(--speed-fast);
}

.header__nav {
    font-size: 15px;
    font-weight: 900;
}

.header__nav > ul {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.header__nav > ul > li {
    position: relative;
    z-index: 550;
}

.header__nav > ul > .menu-item-has-children {
    padding-right: 18px;
    padding-bottom: 15px;
    margin-bottom: -15px;
    position: relative;
}

.header__nav > ul > .menu-item-has-children:after {
    content: '';
    position: absolute;
    border-top: 8px solid #E57708;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: 12px;
    right: 0;
    transition: all var(--speed-fast);
}

.header__nav > ul > .menu-item-has-children:hover:before {
    border-top-color: var(--color-red);
}

.header__nav > ul > li + li {
    margin-left: 36px;
}

.header__nav > ul > li > a {
    color: #000;
    transition: color var(--speed-fast);
    font-size: 24px;
    font-weight: 400;
}

.header__nav > ul > li:hover > a, .header__nav > ul > li > a.active {
    color: var(--color-red);
}

.header__nav > ul > li > ul {
    list-style: none;
    display: none;
    max-width: 150px;
    padding: 12px 10px;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .15);
    position: absolute;
    top: 100%;
    left: -10px;
}

.header__nav > ul > li:hover > ul {
    display: block;
}

.header__nav > ul > li > ul li {
    width: 170px;
}

.header__nav > ul > li > ul li + li {
    margin-top: 6px;
}

.header__nav > ul > li > ul a {
    font-weight: 600;
    line-height: 1.25;
    font-size: 18px;
    color: #000;
    transition: all var(--speed-fast);
}

.header__nav > ul > li > ul a.active, .header__nav > ul > li > ul a:hover {
    font-weight: 600;
    color: var(--color-red) !important;
}

.header__nav__icon, .header__nav__mobil {
    display: none;
}

/* Header Scroll */

.header.header_scroll, .header.header_scrol_all {
    background: #fff;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
    margin-top: -25px;
}

.header.header_scroll > .wrap, .header.header_scroll_all > .wrap {
    padding-top: 9px;
    padding-bottom: 6px;
    background: #fff;
}

.header.header_scroll .header__logo, .header.header_scroll_all .header__logo {
    color: #000;
}

.header.header_scroll .header__logo:before, .header.header_scroll_all .header__logo:before {
}

.header.header_scroll .header__bottom, .header.header_scroll_all .header__bottom {
    background: var(--color-red);
}

.header.header_scroll .header__nav > ul > li:hover > a, .header.header_scroll .header__nav > ul > li > a.active,
.header.header_scroll_all .header__nav > ul > li:hover > a, .header.header_scroll_all .header__nav > ul > li > a.active {
    color: #000;
    opacity: .8;
}

.header.header_scroll .header__nav > ul > .menu-item-has-children:hover:before, .header.header_scroll_all .header__nav > ul > .menu-item-has-children:hover:before {
    border-top-color: #fff;
    opacity: .8;
}

.header.header_scroll .header__logo {
    padding: 0px;
    font-size: 16px;
}

.header.header_scroll .header__logo:before {
    width: 34px;
    height: 37px;
}

.header.header_scroll .header__bottom {
    padding: 10px 0;
}

.header.header_scroll .header__nav > ul > .menu-item-has-children {
    padding-bottom: 10px;
    margin-bottom: -10px;
}

#upbutton {
    background: url(/wp-content/themes/remont/assets/images/up.png) no-repeat top left;

    height: 60px;
    width: 60px;
    bottom: 50px;
    right: 30px;
    cursor: pointer;
    display: none;
    position: fixed;
    z-index: 999;
}


/* Footer */

/* Popups */

.popup {
    display: none;
    width: 100%;
    max-width: 480px;
    box-sizing: border-box;
    padding: 45px 55px;
    background: var(--color-grey);
    border-radius: 40px;
}

.popup .fancybox-close-small {
    top: 12px;
    right: 12px;
}

.popup .fancybox-close-small svg {
    filter: brightness(0) invert(1);
}

.popup .title {
    text-align: center;
    color: #fff;
}

.popup .form-box input {
    margin: 0 0 15px;
}

.popup .form-box input[type="submit"] {
    width: 100%;
    margin: 0;
}

.popup__head {
    margin: 0 0 25px;
}

/*ДЕСКТОП*/

.datepost {
    background: none !important;
    position: absolute;
    top: 0;
    left: 20px;
    z-index: 1;
    color: #fff;
}

.datepost {
    content: "";
    width: 0;
    height: 0;
    border-width: 60px 24px 10px;
    border-style: solid;
    border-color: #bf0808 #bf0808 transparent;
    position: absolute;
    top: 0;
    left: 20px;
    transition: all 0.3s;

}

.datetext {
    text-align: center;
    position: absolute;
    top: -58px;
    left: -18px;
}


.postlnk {
    font-weight: 600
}

.newssection .title {
    text-transform: uppercase;
    margin-top: 20px;
}

.newssection .title a {
    float: right;
}

.newssection .allpost {
    font-size: 18px;
    font-weight: 400;
    border: 1px solid #ff7800;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: initial;
}

.owl-nav {
    display: block !important;
}

.itemnews {
    text-align: center;
    position: relative;
}

.itemnews img {
    max-width: 100%;
    margin-bottom: 20px;
}

.topsection {
    background: #D7D7D7;
    font-size: 14px;
}

.topcontacts {
    display: flex;
    justify-content: space-between;
    padding-top: 3px;
    padding-bottom: 3px
}

.topcontacts img {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}

.topsection .callme {
    background: #B51E15;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;

}

.header__nav > ul > li:before {
    content: '/';
    position: absolute;
    top: 15px;
    right: -8px;
    width: 1px;
    font-size: 24px;
    margin-top: -14px;
    color: #A40C00;
}


.header__nav > ul > li:last-child:before {
    content: '';
}

.header__right span {
    background: #b51e15;
    color: #fff;
    border-radius: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -8px;
}

.sliders {
    margin-top: 80px;
}

.benefits_items {
    background: #D7D7D7;
    padding-top: 40px;

    font-size: 18px;

}

.newsrow {
    margin-bottom: 20px;
}

.benefits_items .col-2-3 img {
    float: left;
    margin-top: -3px;
    margin-right: 10px;
}

.benefits_items span {
    color: #B71F14;
    font-weight: 900;
}

.bitem1, .bitem2, .bitem3, .bitem4 {
    margin-bottom: 15px
}

.bitem1 {
    margin-left: 15px;
}

.bitem2 {
    margin-left: 15px;
}

.bitem3 {
    margin-left: 15px;
}

.bitem4 {
    margin-left: 15px;
}

.bitem5 {
    margin-left: 15px;
}

.bitem {
    text-align: center;
    margin-bottom: 40px;
}

.bitem img {
    margin: 0 auto;
    margin-bottom: 20px;
}

.benefits {
    margin-top: 20px;
}

.cat_item {
    background: rgb(0 0 0 / 30%);
    margin-bottom: 30px;
    margin-right: 5px;
    margin-left: 6px;
}

.cat_item .title {
}

.cat_item img {
    max-width: 100%;
    display: block;
}

.itemtitle {
    font-size: 18px;
    text-align: center;
    color: #fff;
    padding-top: 22px;
}

.cat_item:hover {
    background: rgb(0 0 0 / 0%)
}

.cat_item:hover .itemtitle {
    color: #000
}


.view_all {
    background: #E57708;
    height: 92%;
    margin-bottom: 30px;
    font-size: 18px;
    color: #fff;
    align-items: center;
    justify-content: center;
    display: flex;
    font-weight: 600;
}

.view_all img {
    float: left;
    margin-right: 10px;
}

.catalogs .title {
    margin-top: 55px;
    margin-bottom: 15px;
}

.about_content {
    background: #D7D7D7;
    padding-top: 50px;
    padding-bottom: 50px;
}

.about_content img {
    margin: 0 auto;
    margin-top: 20px;
}

.about_content p {
    padding-bottom: 5px;
    padding-top: 5px;
}

.partners_item img {
    margin: 0 auto;
    margin-bottom: 80px;
}

.partners .title {
    margin-top: 50px;
    margin-bottom: 50px;
}

.footerform {
    background: #E77709
}

.footerform .title {
    text-align: center;
    padding-top: 50px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}

.footerform .subtitle {
    text-align: center;
    color: #fff;
    margin-bottom: 35px;
}

.forminput {
    padding: 20px;
    margin-bottom: 20px;
    border: none;
    width: 91%;
}

.formbtn {
    width: 99%;
    background: #B51E15;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 20px;
    margin-bottom: 65px;

}

.footerbottom .header__nav > ul > li > a {
    font-size: 15px;
    font-weight: 600;
}

.footerbottom .header__nav > ul > li {
    margin-right: -5px;
}

.footerbottom .header__nav > ul > li:before {
    content: '/';
    position: absolute;
    top: 15px;
    right: -10px;
    width: 1px;
    font-size: 15px;
    margin-top: -15px;
    color: #A40C00;
}

.social {
    text-align: center;
}

.social a {
    display: inline-block;
}

.footerbottom .col-1-4b {
    padding-top: 20px
}

.footerbottom .col-1-4s {
    padding-top: 38px;
}

.footerbottom .col-1-2 {
    padding-top: 40px;
}

.footerbottom {
    padding-bottom: 10px;
}

.breadcrumb {
    margin-top: 115px;
    background: #D7D7D7;
    color: #919191;
    padding-top: 10px;
    padding-bottom: 10px;
}

.breadcrumb a {
    color: #919191;
}

.widget-title {
    color: #A71307;
    text-transform: uppercase;
}

.col-4-5 {
    margin-top: 15px;
}

.woocommerce-loop-product__title {
    color: #000;
    padding-left: 20px !important;
}

.woocommerce ul.products li.product a img {
    border: 1px solid #B7B7B7;
    padding-top: 40px;
    padding-bottom: 40px;
}

.woocommerce ul.products li.product .star-rating {
    margin-left: 20px;
}

.loop_atributes {
    font-size: 14px;
    color: #909090;
    padding-left: 20px;
}

.woocommerce ul.products li.product .price {
    color: #A10000;
    display: inline;
    font-weight: 600;
    margin-bottom: 0.5em;
    font-size: 21px;
}

.loop_price {
    color: #000;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px;
}

.woocommerce ul.products li.product .button {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
    background: #E77709;
    color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
}

.btncarticon {
    width: 21px !important;
    height: 18px !important;
    padding: 0 !important;
    border: none !important;
    display: inline-block !important;
    margin: 0 !important;
    vertical-align: middle;
}


.byu_one_click {
    width: 100%;
    background: #B7B7B7;
    display: block;
    margin-top: 10px;
    text-align: center;
    color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
}

.woocommerce a.button.added::after {
    display: inline-block;
    vertical-align: initial;
}

.added_to_cart {
    display: none !important
}

.woof_container_inner h4 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.woof_checkbox_label {
    margin-left: 2px;
}

.woof_open_hidden_li {
    font-size: 16px;
    font-style: italic;
    color: #E57708;
    text-align: left
}

.woof_open_hidden_li a {
    color: #E57708;
}

.woof_submit_search_form, .woof_reset_search_form {
    color: #fff;
    background: #A00000;
    border: none;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.woof_reset_search_form {
    margin-bottom: 20px;
}

.woof_submit_search_form_container {
    display: block
}

.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
    float: none;

    display: inline;
}

.sorting_block {
    float: right;
    margin-bottom: 20px;
}

.woocommerce .woocommerce-ordering select {
    border: none;
    margin-right: 20px;
}

.woocommerce-perpage {
    display: inline;
    float: right;
}

.woocommerce-perpage select {
    border: none;
}

.woocommerce nav.woocommerce-pagination {
    text-align: left;
}

.woocommerce nav.woocommerce-pagination ul {
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
    border-right: none;
    border-radius: 20px;
    margin-right: 10px;
    text-align: center;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    color: #323232;
}

.clickBuyButton {
    background: #B7B7B7 !important;
}

.woocommerce .star-rating {
    float: none;
    margin: 0;

}

.woocommerce div.product .product_title {
    text-align: center;
    font-size: 24px;
}

.woocommerce div.product .stock {
    color: #000000;
    margin-top: 10px;
}

.woocommerce div.product p.price {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-top: 10px;
    margin-bottom: 20px;
}

.woocommerce div.product p.price span {
    color: #b51e15;
    font-size: 24px;
}

.woocommerce div.product form.cart div.quantity {
    display: none
}

.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: none;
    display: block;
    margin: 0 auto;
    width: 250px;
    margin-bottom: 20px;
    background: #ff7800;
}

.woocommerce div.product div.images img {
    border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {


    background: #ff7800;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {

    background-color: #fff;
    border: none;

}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #000
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    box-shadow: none;
    border-bottom-right-radius: 0px;
    border-width: 0;
    left: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    left: 0;
    border-bottom-right-radius: 0px;
    border-width: 0;
    box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    box-shadow: none
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-bottom: 2px solid #ff7800;
}

.product_meta h3 {
    font-size: 18px
}

.product_meta {

}

.att_label p {
    display: inline;
}

.att_label {
    font-size: 14px;
    padding-bottom: 5px;
}

.woocommerce div.product div.summary {
    max-width: 40%
}

.woocommerce-message {
    border-top-color: #ff7800;
}

.alpostlnk a {
    border: 1px solid #e77709;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
}

.alpostlnk {
    margin-top: 35px;
}

/*.minicart {    position: absolute;
    right: 0px;
    top: 65px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
	    padding: 20px;
		
		opacity:1
	}

.header__right:hover + .minicart { opacity:1}
.minicart img {max-width:50px; height:auto; float:left}
.minicart a {display:block}
.minicart li {} 
.minicart:hover { opacity:1}*/
.woocommerce table.cart img {
    max-width: 100px;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #ff7800;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: auto;
    padding-top: 7px;
    padding-bottom: 7px;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    border: 1px solid #a5a2a2;
    border-radius: 5px;
    padding: 7px
}

.showcoupon {
    color: #ff7800;
}

.checkout-page {
    margin-top: 20px;
}

.single-post {
    margin-top: 20px;
    padding-bottom: 50px;
}

.fbc-page .fbc-wrap .fbc-items li {
    padding: 5px 2px;
}

.postimage img {
    display: block;
    max-width: 100%;
    height: auto;
}

.postlink {
    display: block;
    max-width: 200px;
    background: #ff7800;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 600;
    margin-top: 20px;
}

.posts {
    align-items: center;
}

.posts h2 {
    color: #000000;
    padding-top: 0px;
    margin-top: 0px;
}

.single-page {
    margin-top: 20px;
    margin-bottom: 20px;
}

.page_partners {
    margin-bottom: 50px;
}

.page_partners .title {
    margin-top: 20px;
}

.page_partners_item {
    text-align: center;
}

.page_partners_item img {
    margin: 0 auto;
}

.page_partners_item .name {
    font-size: 18px;
    font-weight: 600;
    margin-top: 50px;
}

.page_partners_item .link {
    background: #D7D7D7;
    width: 200px;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 7px;
    padding-bottom: 7px;
}

.single_partners {
    margin-bottom: 50px;
}

.single_partners .p_logo {
}

.single_partners .p_logo img {
    margin: 0 auto;
}

.single_partners .title {
    margin-top: 20px;
}

.single_partners .p_text {
    text-align: center;
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.p_sert {
    padding: 25px;
}

.p_sert img {
    max-width: 100%;
    box-shadow: -10px 10px 0px #595d5c;
}

.single_partners .all_products {
    color: #fff;
    text-align: center;
    background: #B51E15;
    max-width: 80%;
    margin: 0 auto;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 18px;
    font-weight: 600;
    margin-top: 50px;
}


@media (max-width: 1380px) {
}

@media (max-width: 1360px) {
}

@media (max-width: 1300px) {
}

@media (max-width: 1280px) {
}

@media (max-width: 1250px) {
}

@media (max-width: 1200px) {
}

@media (max-width: 1140px) {
}

@media (max-width: 1130px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 1020px) {
}

/*МОБИЛЬНЫЕ СТИЛИ*/
@media (max-width: 980px) {

    ul.subcat li {
        flex-basis: 100%;
        display: block;
        border: 1px solid #ddd;
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .header__left img {
        max-width: 90px;
    }

    .header__center {
        display: none
    }


    .topsection {
        display: none
    }

    .header.header_scroll {
        margin-top: 0px
    }

    .bitem1, .bitem2, .bitem3, .bitem4, .bitem5 {
        margin-left: 0px
    }

    .benefits_items .col-1-3 img {
        margin-top: 20px;
        display: block;
        max-width: 100%;
    }

    .title {
        margin-top: 20px;
    }

    .about_content img {
        margin-bottom: 20px;
    }

    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
        float: none;
        clear: both;
        margin: 0;
        margin-top: 20px;
    }

    .woocommerce-perpage {
        float: none
    }

    .sorting_block {
        float: none;
        margin-bottom: 20px;
    }

    .col-4-5 {
        margin-left: 0;
    }


    .shop-page .col-1-5, .product-page .col-1-5 {
        order: 2;
    }

    .shop-page .col-4-5, .product-page .col-4-5 {
        order: 1;
    }


    .breadcrumb {
        margin-top: 75px;

    }

    .woocommerce div.product div.summary {
        max-width: 100%;
    }

    .postlink {
        margin: 0 auto;
        margin-bottom: 20px;
    }


    .col-2-3, .col-1-2, .col-1-4s, .col-1-4b, .col-1-5, .col-4-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-1-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-1-5 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0px;

        margin-bottom: 0px
    }

    .row {
        margin: 0 -8px;
    }

    .col-1, .col-1-2, .col-2-3, .col-1-4s, .col-1-4b, .col-1-5, .col-4-5 {
        padding: 0 8px;
    }

    .logo, .header.header_scroll .header__logo {
        padding: 0;
        font-size: 15px;
    }

    .logo:before, .header.header_scroll .header__logo:before {
        width: 34px;
        height: 37px;
    }

    .header__bottom {
        display: none;
    }

    .header__nav__icon {
        display: block;
        width: 40px;
        height: 29px;
        background: transparent;
        border: 0;
        margin: 0 0 0 15px;
        position: relative;
        cursor: pointer;
    }

    .header__nav__icon:after, .header__nav__icon:before, .header__nav__icon span {
        border-radius: 0;
        display: block;
        width: 100%;
        height: 3px;
        background: #000;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
        margin: 0;
    }

    .header__nav__icon:after, .header__nav__icon:before {
        content: '';
        transition: margin 0.15s linear 0.15s, transform 0.15s linear;
    }

    .header__nav__icon:after {
        margin: 11px 0 0;
    }

    .header__nav__icon:before {
        margin: -11px 0 0;
    }

    .header__nav__icon.active:after, .header__nav__icon.active:before {
        margin: 0;
        transition: margin 0.15s linear, transform 0.15s linear 0.15s;
    }

    .header__nav__icon.active:after {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .header__nav__icon.active:before {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .header__nav__icon.active span {
        opacity: 0;
        transition: opacity 0 linear 0.15s;
    }

    .header.header_scroll .header__nav__icon:after, .header.header_scroll .header__nav__icon:before, .header.header_scroll .header__nav__icon span,
    .header.header_scroll_all .header__nav__icon:after, .header.header_scroll_all .header__nav__icon:before, .header.header_scroll_all .header__nav__icon span {
        background: #000;
    }

    .header__nav__mobil {
        display: block;
        width: 100%;
        height: 100vh;
        box-sizing: border-box;
        padding: 70px 0 20px;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
        overflow: auto;
        transform: translate(0, -100%);
        transition: transform var(--speed-medium);
    }

    .header.menu-open .header__nav__mobil {
        transform: translate(0);
    }

    .header__nav__mobil .wrap > ul {
        margin: 0 0 20px
    }

    .header__nav__mobil ul ul {
        display: none;
        padding: 0 0 0 20px;
        border-top: 1px solid rgba(0, 0, 0, .15);
        margin: 10px 0 0;
    }

    .header__nav__mobil li {
        padding: 10px 0;
    }

    .header__nav__mobil .menu-item-has-children {
        position: relative;
    }

    .header__nav__mobil .menu-item-has-children:before {
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        box-sizing: border-box;
        border: 2px solid var(--color-red);
        border-width: 0 2px 2px 0;
        position: absolute;
        top: 12px;
        right: 4px;
        transform: rotate(45deg);
    }

    .header__nav__mobil li + li {
        border-top: 1px solid rgba(0, 0, 0, .15);
    }

    .header__nav__mobil .menu-item-has-children > a {
        display: inline-block;
        max-width: calc(100% - 40px);
    }

    .header__nav__mobil .menu-item-has-children > a[href="#"]:focus, .header__nav__mobil .menu-item-has-children > a[href="#"]:active {
        outline: none;
    }

    .header__nav__mobil .menu-item-has-children > a[href="#"]:hover {
        color: #000 !important;
        cursor: default;
    }

    .header__nav__mobil ul a {
        font-size: 14px;
        font-weight: 600;
        color: #000;
    }

    .header__nav__mobil ul a:hover {
        color: var(--color-red);
    }

    .header__nav__mobil .header__phone {
        display: none;
    }

}

@media (max-width: 900px) {
}

@media (max-width: 880px) {
}

@media (max-width: 820px) {
}

@media (max-width: 780px) {
}

@media (max-width: 660px) {
}

@media (max-width: 640px) {
}

@media (max-width: 600px) {
}

@media (max-width: 580px) {
    .wrap {
        padding: 0 12px;
    }

    .logo {
    }

    .header > .wrap {
        padding-top: 18px;
        padding-bottom: 6px;
    }

    .header__nav__icon {
        margin: 0 0 0 12px;
    }
}

@media (max-width: 550px) {
}

@media (max-width: 666px) {
}

@media (max-width: 530px) {
    .logo, .header.header_scroll .header__logo {
        font-size: 13px;
    }

    .popup {
        padding: 35px;
    }

    .popup .fancybox-close-small {
        top: 8px;
        right: 8px;
    }
}

@media (max-width: 500px) {
}

@media (max-width: 480px) {
}

@media (max-width: 460px) {
}

@media (max-width: 450px) {
    .logo {
        font-size: 11px;
    }

    .logo:before {
        width: 30px;
        height: 34px;
    }
}

@media (max-width: 420px) {
    .popup {
        padding: 35px 20px;
        border-radius: 30px;
    }

    .popup .fancybox-close-small {
        top: 3px;
        right: 3px;
    }
}

@media (max-width: 390px) {
    .header__nav__icon {
        width: 34px;
    }

}

@media (max-width: 380px) {
}

@media (max-width: 375px) {
}

@media (max-width: 370px) {
}

@media (max-width: 350px) {
}