/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */


.clear-cross,
.filter-cross {
    position: relative;
    left: 0;
    top: 0;
    opacity: inherit;
    width: 100%;
    height: 100%;
}
.clear-cross:after,
.clear-cross:before,
.filter-cross:after,
.filter-cross:before {
    position: absolute;
    left: 45%;
    content: " ";
    height: 100%;
    width: 1px;
    background-color: #fff;
}
.clear-cross:before,
.filter-cross:before {
    transform: rotate(45deg);
}
.clear-cross:after,
.filter-cross:after {
    transform: rotate(-45deg);
}
.clear-cross:after,
.clear-cross:before {
    background-color: #00101e;
}
.checkbox {
    position: relative;
    display: block;
}
.checkbox-text-label {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    line-height: 17px;
    padding-left: 22px;
    width: calc(100% - 22px);
    color: #052341;
}
.checkbox-text-label:hover {
    cursor: pointer;
    color: #2270c0;
}
.checkbox input {
    position: absolute;
    opacity: 0;
}
.checkbox label {
    cursor: pointer;
    position: absolute;
    width: 13px;
    height: 13px;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #c3c3c3;
}
.checkbox label:after {
    opacity: 0;
    content: "";
    position: absolute;
    width: 10px;
    height: 5px;
    background: transparent;
    top: 1px;
    left: 1px;
    border: 2px solid #2270c0;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
}
.checkbox label:hover:after {
    opacity: 0.1;
}
.checkbox input[type="checkbox"]:checked + label:after {
    opacity: 1;
}
.ui-slider {
    position: relative !important;
    text-align: left !important;
    height: 8px !important;
    background-color: #747474 !important;
    margin-top: 10px !important;
}
.ui-slider-range {
    position: absolute !important;
    height: 100% !important;
    z-index: 1 !important;
    display: block !important;
    border: none !important;
    background-color: #bb3636 !important;
}
.ui-slider-handle {
    position: absolute !important;
    top: -4px !important;
    z-index: 2 !important;
    -ms-touch-action: none !important;
    touch-action: none !important;
    width: 12px !important;
    height: 12px !important;
    background: linear-gradient(0deg, #dedede, #fff) !important;
    box-shadow: 0 4px 3px rgba(0, 0, 0, 0.36) !important;
    border-radius: 50% !important;
    border: 1px solid #6b6b6b !important;
    margin-left: -10px !important;
}

/*! jQuery UI - v1.12.1 - 2018-04-20
* http://jqueryui.com
* Includes: core.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 0.7em;
    display: block;
    border: 0;
    background-position: 0 0;
}
.ui-slider-horizontal {
    height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
}
.ui-widget {
    font-size: 1em;
}
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}
.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
}
.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: 700;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: 400;
    color: #454545;
}
.ui-corner-all {
    border-top-left-radius: 3px;
}
.ui-corner-all {
    border-top-right-radius: 3px;
}
.ui-corner-all {
    border-bottom-left-radius: 3px;
}
.ui-corner-all {
    border-bottom-right-radius: 3px;
}
.catalog-products-sidebar-filters {
    width: 100%;
    min-height: 430px;
    border: 2px solid #989898;
    border-radius: 7px;
    margin-bottom: 5px;
    position: relative;
    padding: 20px 15px 70px;
}
@media (max-width: 768px) {
    .catalog-products-sidebar-filters {
        border-radius: 0;
        margin-bottom: 0;
        border-left: none;
        border-right: none;
        padding: 15px 16px 70px;
        min-height: auto;
    }
}
@media (min-width: 520px) and (max-width: 768px) {
    .catalog-products-sidebar-filters {
        padding-left: 15%;
        padding-right: 15%;
    }
}
.catalog-products-sidebar-filters__reset {
    position: absolute;
    font-size: 13px;
    color: #015bb7;
    line-height: 17px;
    right: 20px;
    bottom: 20px;
    box-sizing: border-box;
    padding: 7px 20px 7px 10px;
    border: 1px solid #015bb7;
    border-radius: 7px;
    transform: all 0.2s ease;
}
.catalog-products-sidebar-filters__reset:hover {
    color: #fff;
    background: #015bb7;
    border-color: #015bb7;
}
.filter-block {
    position: relative;
}
.filter-block__title {
    position: relative;
    display: block;
    font-size: 13px;
    line-height: 17px;
    color: #052341;
    padding: 7px 20px 7px 10px;
    border: 1px solid #c3c3c3;
    border-radius: 7px;
    z-index: 1;
    transition: all 0.4s ease;
}
.filter-block__title.animated {
    color: #fff;
    background: #1e5f30;
    border-color: #1e5f30;
	border-radius: 7px 7px 0 0;
}
.filter-block__title.animated .filter-block__title-symbol-arrow {
    opacity: 0;
}
.filter-block__title.animated .filter-block__title-symbol-cross {
    opacity: 1;
}
.filter-block a.js-filter-block-title[data-input-type="checkbox"][data-select="true"],
.filter-block a.js-filter-block-title[data-input-type="interval"][data-select="true"] {
    color: #fff;
    background: #1e5f30;
    border-color: #1e5f30;
}
.filter-block a.js-filter-block-title[data-input-type="checkbox"][data-select="true"] .filter-block__title-symbol-arrow,
.filter-block a.js-filter-block-title[data-input-type="interval"][data-select="true"] .filter-block__title-symbol-arrow {
    opacity: 0;
}
.filter-block a.js-filter-block-title[data-input-type="checkbox"][data-select="true"] .filter-block__title-symbol-cross,
.filter-block a.js-filter-block-title[data-input-type="interval"][data-select="true"] .filter-block__title-symbol-cross {
    opacity: 1;
}
.filter-block a.js-filter-block-title[data-input-type="checkbox"][data-select="true"].animated .filter-block__title-symbol-cross .filter-cross:after,
.filter-block a.js-filter-block-title[data-input-type="checkbox"][data-select="true"].animated .filter-block__title-symbol-cross .filter-cross:before,
.filter-block a.js-filter-block-title[data-input-type="checkbox"][data-select="true"] .filter-block__title-symbol-cross .filter-cross:after,
.filter-block a.js-filter-block-title[data-input-type="checkbox"][data-select="true"] .filter-block__title-symbol-cross .filter-cross:before,
.filter-block a.js-filter-block-title[data-input-type="interval"][data-select="true"].animated .filter-block__title-symbol-cross .filter-cross:after,
.filter-block a.js-filter-block-title[data-input-type="interval"][data-select="true"].animated .filter-block__title-symbol-cross .filter-cross:before,
.filter-block a.js-filter-block-title[data-input-type="interval"][data-select="true"] .filter-block__title-symbol-cross .filter-cross:after,
.filter-block a.js-filter-block-title[data-input-type="interval"][data-select="true"] .filter-block__title-symbol-cross .filter-cross:before {
    background-color: #fff;
}
.filter-block a.js-filter-block-title[data-input-type="radio"] {
    color: #fff;
    background: #1e5f30;
    border-color: #1e5f30;
}
.filter-block a.js-filter-block-title[data-input-type="radio"] .filter-block__title-symbol-arrow {
    opacity: 1;
    border-color: #fff transparent transparent;
}
.filter-block a.js-filter-block-title[data-input-type="radio"].animated .filter-block__title-symbol-cross,
.filter-block a.js-filter-block-title[data-input-type="radio"] .filter-block__title-symbol-cross {
    opacity: 0;
}
.filter-block a.js-filter-block-title[data-input-type="radio"].animated .filter-block__title-symbol-arrow {
    opacity: 1;
    border-color: #fff transparent transparent;
}
.filter-block__title-symbol-arrow {
    position: absolute;
    right: 5px;
    top: calc(50% - 2.5px);
    width: 5px;
    height: 5px;
    box-sizing: border-box;
    border: 5px solid #1e5f30;
    border-color: #1e5f30 transparent transparent;
    transition: all 0.4s ease;
    opacity: 1;
}
.filter-block__title-symbol-cross {
    opacity: 0;
    position: absolute;
    width: 10px;
    height: 10px;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.4s ease;
}
.filter-block__content {
    min-height: 0;
    height: 0;
    width: 100%;
    border: 1px solid transparent;
    border-top: none;
    border-radius: 0 0 7px 7px;
    transition: all 0.4s ease;
    margin-bottom: 5px;
    position: relative;
	z-index: 1100; 
   padding-left: 10px;
    padding-right: 10px;

}
@media (max-width: 768px) {
    .filter-block__content {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.filter-block__content:before {
    left: -1px;
}
.filter-block__content:after,
.filter-block__content:before {
    content: "";
    position: absolute;
    bottom: calc(100% + 30px);
    height: 0;
    width: 1px;
    background: #c3c3c3;
    transition: all 0.1s ease;
}
.filter-block__content:after {
    right: -1px;
}
.filter-block__element {
    display: none;
    margin-top: 15px;
    margin-bottom: 20px;
}
@media (max-width: 768px) {
    .filter-block__element {
        margin-bottom: 16px;
    }
}
.filter-block__content:before {
    left: -1px;
}
.filter-block__content:after,
.filter-block__content:before {
    content: "";
    position: absolute;
    bottom: calc(100% + 30px);
    height: 0;
    width: 1px;
    background: #c3c3c3;
    transition: all 0.1s ease;
}
.filter-block__content:after {
    right: -1px;
}
.filter-block__content.animated,
.filter-block__content.offscreen {
    margin-bottom: 15px;
    min-height: 60px;
    height: auto;
    border-color: #c3c3c3;

}
.filter-block__content.animated:after,
.filter-block__content.animated:before,
.filter-block__content.offscreen:after,
.filter-block__content.offscreen:before {
    height: 30px;
    bottom: 100%;
}
.filter-block__content.offscreen {
    position: fixed !important;
    left: -9999px !important;
    display: block !important;
}
.filter-block__element {
    display: none;
    margin-top: 15px;
    margin-bottom: 20px;
}
.filter-block__element.offscreen {
    display: block;
}
@media (max-width: 768px) {
    .filter-block__element {
        margin-bottom: 16px;
    }
}
.filter-block__link-container {
    margin-bottom: 8px;
    line-height: 13px;
}
.filter-block__search-input {
    margin-bottom: 6px;
}
@media (max-width: 768px) {
    .filter-block__search-input {
        width: 55%;
    }
}
.filter-block__link {
    display: inline-block;
    margin-right: 5px;
    color: #2270c0;
    text-decoration: underline;
    font-size: 13px;
    line-height: 13px;
}
.filter-block__link:hover {
    text-decoration: none;
    color: #2270c0;
}
.filter-block__btn {
    margin-top: 20px;
    display: block;
    margin-left: auto;
    max-width: 105px;
    padding-top: 12px;
    padding-bottom: 13px;
    box-sizing: border-box;
}
.filters-slider-input-container {
    text-align: center;
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 28px;
}
@media (max-width: 768px) {
    .filters-slider-input-container {
        text-align: left;
        margin-bottom: 13px;
    }
}
.filters-slider-input {
    height: 28px;
    width: 48px;
    font-size: 13px;
    line-height: 28px;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 4px;
    color: #052341;
    margin-right: 2px;
}
.filters-slider-input-text {
    font-size: 13px;
    line-height: 28px;
    color: #052341;
    padding-right: 4px;
    padding-right: 2px;
}

.mg-filter-head .value-name:hover {
    color: #000;
    font-weight: bold;
}
.mg-filter-head .filter-btn {
	border-radius: 5px !important;
}