.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff
}

.select2-hidden-accessible {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    white-space: nowrap!important
}

.select2-container--default .select2-selection--single {
    background-color: #fff
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 26px;
    margin-right: 20px;
    padding-right: 0
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 1px;
    right: 1px
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: 700;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0 0 0 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    background-color: #f1f1f1;
    color: #333;
    outline: 0
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-radius: 0 4px 4px 0
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--group {
    padding: 0
}

.select2-container--default .select2-results__option--disabled {
    color: #999
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: -o-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: linear-gradient(to bottom,#fff 50%,#eee 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 26px;
    margin-right: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top,#eee 50%,#ccc 100%);
    background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%);
    background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#fff 0,#eee 50%);
    background-image: -o-linear-gradient(top,#fff 0,#eee 50%);
    background-image: linear-gradient(to bottom,#fff 0,#eee 50%);
    background-repeat: repeat-x
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: -o-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: linear-gradient(to bottom,#eee 50%,#fff 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: 0 4px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: 0
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-radius: 0 4px 4px 0
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
    padding: 0
}

.select2-container--classic .select2-results__option--disabled {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

/*! jQuery UI - v1.13.2 - 2022-07-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default!important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0
}

.ui-menu .ui-state-active,.ui-menu .ui-state-focus {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

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

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

.ui-controlgroup>.ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,.ui-controlgroup>.ui-controlgroup-item:focus {
    z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: 0 0;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
}

.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw,.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw {
    width: 7px;
    height: 7px
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
    height: 100%;
    -ms-filter: "alpha(opacity=25)";
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: pointer;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: 0 0;
    color: inherit;
    padding: .222em 0;
    margin: .2em 2em .2em .4em;
    vertical-align: middle
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0 0
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea {
    font-family: Arial,Helvetica,sans-serif;
    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-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: 700
}

.ui-widget-header a {
    color: #333
}

.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: 400;
    color: #454545
}

.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: 400;
    color: #2b2b2b
}

.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff
}

.ui-icon-background,.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)";
    font-weight: 400
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    -ms-filter: "alpha(opacity=35)";
    background-image: none
}

.ui-state-disabled .ui-icon {
    -ms-filter: "alpha(opacity=35)"
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,.ui-widget-content .ui-icon,.ui-widget-header .ui-icon {
    background-image: url(../../node_modules/jquery-ui/dist/themes/base/images/ui-icons_444444_256x240.png)
}

.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon {
    background-image: url(../../node_modules/jquery-ui/dist/themes/base/images/ui-icons_555555_256x240.png)
}

.ui-button:active .ui-icon,.ui-state-active .ui-icon {
    background-image: url(../../node_modules/jquery-ui/dist/themes/base/images/ui-icons_ffffff_256x240.png)
}

.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon {
    background-image: url(../../node_modules/jquery-ui/dist/themes/base/images/ui-icons_777620_256x240.png)
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url(../../node_modules/jquery-ui/dist/themes/base/images/ui-icons_cc0000_256x240.png)
}

.ui-button .ui-icon {
    background-image: url(../../node_modules/jquery-ui/dist/themes/base/images/ui-icons_777777_256x240.png)
}

.ui-icon-blank.ui-icon-blank.ui-icon-blank {
    background-image: none
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-first,.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top {
    border-top-left-radius: 3px
}

.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left {
    border-bottom-left-radius: 3px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    -ms-filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}

.easy-overlay {
    background-color: rgba(0,0,0,.5);
    opacity: 1;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999
}

.easy-content {
    display: flex;
    position: relative;
    min-width: 200px;
    min-height: 200px;
    max-width: 90%;
    max-height: 90%;
    overflow: hidden
}

.easy-close {
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    right: 15px;
    top: 10px;
    cursor: pointer;
    z-index: 99
}

.easy-close:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    margin: auto;
    background-color: currentColor;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.easy-close:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    margin: auto;
    background-color: currentColor;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s
}

.easy-close:hover {
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2)
}

.easy-inner {
    background: #fff;
    position: relative;
    max-width: 100%
}

.center-title {
    font-family: Caveat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    text-align: center;
    color: #219653;
    line-height: 1;
    margin: 20vh 0
}

.easy-scroll {
    overflow: auto;
    max-height: 100%;
    max-width: 100%
}

body.easy-blocked {
    overflow: hidden
}


a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,
canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,
figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,
iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,
ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,
tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

*,::after,::before {
    box-sizing: inherit
}

html {
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

[tabindex="-1"]:focus,[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0!important
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

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

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

caption {
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

code,kbd,pre,samp {
    font-family: monospace,monospace
}

pre {
    overflow: auto;
    -ms-overflow-style: scrollbar
}

abbr[title] {
    border-bottom: 0;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    font-style: normal;
    line-height: inherit
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

em {
    font-style: italic
}

img {
    border-style: none
}

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

button {
    border-radius: 0
}

button:focus {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 5px
}

button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
    -webkit-appearance: listbox
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=checkbox],[type=radio],input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

fieldset {
    min-width: 0
}

legend {
    max-width: 100%;
    white-space: normal;
    color: inherit;
    display: block
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto;
    resize: vertical
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

output {
    display: inline-block
}

[hidden],template {
    display: none
}

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

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

.slick-list:focus {
    outline: 0
}

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

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

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

.slick-arrow.slick-hidden {
    display: none
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: 0
}

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000a3;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pswp__container,.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-backface-visibility: hidden
}

.pswp__container,.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(.4,0,.22,1);
    transition: transform 333ms cubic-bezier(.4,0,.22,1),-webkit-transform 333ms cubic-bezier(.4,0,.22,1)
}

.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100%!important;
    height: auto!important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
    position: relative;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    box-shadow: none
}

.pswp__button:focus,.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: 0;
    opacity: .9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
    background: url(../img/default-skin.png) 0 0/264px 88px no-repeat;
    width: 44px;
    height: 44px
}

@media (-webkit-min-device-pixel-ratio: 1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx) {
    .pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before {
        background-image:url(../img/default-skin.svg)
    }

    .pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right {
        background: 0 0
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,.pswp__button--arrow--right {
    background: 0 0;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
    content: '';
    top: 35px;
    background-color: rgba(0,0,0,.3);
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter,.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s,-webkit-transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d
}

a.pswp__share--download:hover {
    background: #ddd
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #bbb
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(../img/preloader.gif) no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: .5s linear infinite clockwise;
    animation: .5s linear infinite clockwise
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: 1s cubic-bezier(.4,0,.22,1) infinite donut-rotate;
    animation: 1s cubic-bezier(.4,0,.22,1) infinite donut-rotate
}

.pswp--css_animation .pswp__preloader__icn {
    background: 0 0;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    margin: 0
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position:relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes donut-rotate {
    0%,100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
}

@keyframes donut-rotate {
    0%,100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__caption,.pswp__top-bar {
    background-color: rgba(0,0,0,.5)
}

.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0,0,0,.3)
}

.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right,.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none!important
}

.pswp--minimal--dark .pswp__top-bar {
    background: 0 0
}

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

.input-row {
    position: relative;
    margin-bottom: 20px
}

@media (min-width: 960px) {
    .input-row {
        margin-bottom:20px
    }
}

.input-row:last-child {
    margin: 0
}

.input-row__title {
    display: inline-block;
    vertical-align: middle;
    margin: 0 30px 0 0;
    font-size: 18px;
    line-height: 40px
}

@media (max-width: 767px) {
    .input-row__title {
        line-height:1.2;
        display: block;
        margin-bottom: 10px
    }
}

.input-row__input {
    width: 100%;
    font-size: 16px;
    font-family: inherit;
    color: #333;
    border: 1px solid var(--color-icons);
    outline: 0;
    line-height: 40px;
    padding: 7px 20px 5px 16px;
    background: 0 0;
    border-radius: 10px
}

.input-row__input::-webkit-input-placeholder {
    color: transparent;
    opacity: 0
}

.input-row__input::-moz-placeholder {
    color: transparent;
    opacity: 0
}

.input-row__input:-ms-input-placeholder {
    color: transparent;
    opacity: 0
}

.input-row__input::-ms-input-placeholder {
    color: transparent;
    opacity: 0
}

.input-row__input::placeholder {
    color: transparent;
    opacity: 0
}

.input-row__input[type=date] {
    padding: 7px 15px 7px 20px
}

.input-row__input[type=date]:placeholder {
    color: #727986
}

.input-row__input--error, .is-invalid {
    color: var(--color-error);
    border-color: var(--color-error);
    background-size: 21px
}

.input-row__textarea {
    width: 100%;
    font-size: 16px;
    font-family: inherit;
    color: var(--color-base);
    background: 0 0;
    border: 1px solid var(--color-icons);
    border-radius: 10px;
    outline: 0;
    min-height: 110px;
    height: 110px;
    padding: 20px 20px 5px;
    display: block
}

@media (min-width: 960px) {
    .input-row__textarea {
        font-size:17px;
        padding: 25px 15px 25px 30px
    }
}

.input-row__textarea::-webkit-input-placeholder {
    color: currentColor;
    font-style: italic
}

.input-row__textarea::-moz-placeholder {
    color: currentColor;
    font-style: italic
}

.input-row__textarea:-ms-input-placeholder {
    color: currentColor;
    font-style: italic
}

.input-row__textarea::-ms-input-placeholder {
    color: currentColor;
    font-style: italic
}

.input-row__textarea::placeholder {
    color: currentColor;
    font-style: italic
}

.input-row__textarea--error {
    color: red;
    border-color: red
}

.input-row__placeholder {
    position: absolute;
    left: 15px;
    top: 14px;
    font-weight: 300;
    font-size: 16px;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 0 0 0 5px;
    pointer-events: none;
    color: var(--color-secondary-text);
    background: #fff
}

.input-row__input--error~.input-row__placeholder,.input-row__textarea--error~.input-row__placeholder {
    color: var(--color-error)
}

.fill+.input-row__placeholder,.input-row__input:focus+.input-row__placeholder,.input-row__textarea:focus+.input-row__placeholder {
    top: -8px;
    font-weight: 600;
    font-size: 14px;
    color: var(--color-base)
}

@media (min-width: 960px) {
    .input-row__placeholder {
        font-size:18px
    }

    .fill+.input-row__placeholder,.input-row__input:focus+.input-row__placeholder,.input-row__textarea:focus+.input-row__placeholder {
        top: -9px
    }
}

.input-row__error-message {
    color: var(--color-error);
    font-size: 10px;
    text-align: right;
    display: none
}

.input-row__input--error~.input-row__error-message,.input-row__textarea--error~.input-row__error-message {
    display: block
}

.input-row__label {
    font-size: 18px;
    display: block;
    margin-bottom: 5px
}

.input-row__show-password {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 26px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='28' viewBox='0 0 27 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.7029 13.8313C25.6607 13.7469 24.7958 11.8379 22.8658 9.90781C20.9357 7.97773 18.0036 5.98438 13.5001 5.98438C8.99661 5.98438 5.91693 8.11484 4.1345 9.90781C2.35208 11.7008 1.33958 13.7469 1.29739 13.8313C1.25504 13.9398 1.25504 14.0602 1.29739 14.1688C1.33958 14.2531 2.20443 16.1621 4.1345 18.0922C6.06458 20.0223 8.99661 22.0156 13.5001 22.0156C18.0036 22.0156 21.0833 19.8852 22.8658 18.0922C24.6482 16.2992 25.6607 14.2531 25.7029 14.1688C25.7452 14.0602 25.7452 13.9398 25.7029 13.8313V13.8313ZM22.254 17.5227C19.8177 19.9379 16.8751 21.1719 13.5001 21.1719C10.1251 21.1719 7.18255 19.9379 4.74622 17.5227C3.70969 16.4851 2.83506 15.2976 2.15169 14C2.83244 12.7007 3.70734 11.5129 4.74622 10.4773C7.18255 8.05156 10.1251 6.82812 13.5001 6.82812C16.8751 6.82812 19.8177 8.05156 22.254 10.4773C23.2929 11.5129 24.1678 12.7007 24.8486 14C24.1678 15.2993 23.2929 16.4871 22.254 17.5227V17.5227ZM13.5001 9.35938C12.5823 9.35938 11.6851 9.63154 10.9219 10.1415C10.1588 10.6514 9.56399 11.3761 9.21275 12.2241C8.86151 13.0721 8.76961 14.0051 8.94867 14.9053C9.12773 15.8055 9.56971 16.6324 10.2187 17.2814C10.8677 17.9304 11.6946 18.3724 12.5948 18.5515C13.495 18.7305 14.4281 18.6386 15.276 18.2874C16.124 17.9361 16.8487 17.3413 17.3587 16.5782C17.8686 15.815 18.1408 14.9178 18.1408 14C18.1408 12.7692 17.6518 11.5889 16.7815 10.7186C15.9113 9.8483 14.7309 9.35938 13.5001 9.35938ZM13.5001 17.7969C12.7492 17.7969 12.0151 17.5742 11.3907 17.157C10.7663 16.7398 10.2796 16.1468 9.99227 15.453C9.7049 14.7592 9.62971 13.9958 9.77621 13.2593C9.92271 12.5227 10.2843 11.8462 10.8153 11.3152C11.3463 10.7842 12.0229 10.4226 12.7594 10.2761C13.4959 10.1296 14.2593 10.2048 14.9531 10.4921C15.6469 10.7795 16.2399 11.2662 16.6571 11.8906C17.0743 12.515 17.297 13.249 17.297 14C17.297 15.007 16.897 15.9727 16.1849 16.6848C15.4729 17.3968 14.5071 17.7969 13.5001 17.7969V17.7969Z' fill='%235B5B5B'/%3E%3C/svg%3E%0A")
}

.agree-info {
    color: #666;
    font-size: 14px
}

.button {
    -webkit-transition: .3s;
    transition: .3s;
    background: #e2223f;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    padding: 0 25px;
    text-align: center;
    max-width: 100%;
    white-space: nowrap;
    line-height: 44px;
    font-family: inherit;
    border: 2px solid #e2223f;
    position: relative;
    outline: 0;
    overflow: hidden;
    text-decoration: none;
    border-radius: 30px
}

@media (min-width: 960px) {
    .button {
        line-height:52px;
        font-size: 18px
    }
}

.button:hover {
    background: #fff;
    color: #e2223f
}

.button:hover svg {
    color: currentColor
}

.button:focus {
    outline: 0
}

.button__icon {
    display: block;
    max-width: 26px;
    max-height: 26px;
    color: currentColor
}

.button--transparent {
    background-color: transparent;
    border-color: #fff
}

.button--transparent:hover {
    background: #fff;
    color: var(--color-base)
}

.button--transparent:hover svg {
    color: currentColor
}

.button--transparent svg {
    color: #e2223f
}

.button--white {
    border-color: var(--color-base);
    background: 0 0;
    color: var(--color-base);
    font-size: 16px;
    font-weight: 400
}

.button--white:hover {
    background: var(--color-base);
    border-color: var(--color-base);
    color: #fff
}

.button--flex-center {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px
}
.button--filter{
 margin-bottom: 40px;
 min-width: 250px
}

@media (min-width: 960px) {
    .button--white {
        font-size:18px;
        padding: 0 20px
    }

    .button--flex-center {
        gap: 15px
    }
}

.button--regular-active {
    background: #727986;
    color: #fff;
    font-weight: 600;
    border-color: currentColor
}

.button--regular-active svg {
    color: currentcolor!important
}

.button--link {
    background: 0 0;
    border-color: transparent;
    color: #727986;
    padding: 0
}

.button--link span {
    border-bottom: 1px dashed;
    display: inline-block;
    line-height: 1.2
}

.button--link--link:hover {
    color: #e2223f
}

.button--link svg {
    color: currentcolor
}

.button--grey {
    background: #f7f7f7;
    color: var(--color-base);
    border-color: #f7f7f7;
    border-radius: 10px;
    white-space: normal;
    line-height: 1.2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    min-height: 50px;
    font-size: 16px
}

@media (min-width: 960px) {
    .button--grey {
        min-height:60px
    }
}

.button--grey:hover {
    color: #f7f7f7;
    background: var(--color-grey-hover)
}
.button--active {
    background:var(--color-base);
    color:#fff;
}
.button-search {
    background: 0 0;
    border: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--color-grafit);
    width: 34px;
    height: 34px;
    border-radius: 10px;
    padding: 5px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    outline: 0!important
}

.button-search__icon {
    width: 24px;
    height: 24px
}

.button-search:hover {
    color: #e2223f;
    background: #fff
}

.button-download {
    cursor: pointer;
    display: inline-block;
    line-height: 28px;
    padding: 5px 10px;
    min-height: 32px;
    background: 0 0/20px #e2223f;
    width: auto;
    text-decoration: none;
    color: #fff;
    border: 1px solid #e2223f;
    font-size: 16px
}

.button-download__icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle
}

.button-download:hover {
    color: #e2223f;
    background: #fff
}

.button-download--small {
    line-height: 30px
}
.button--in-dark-box: {
    
}
.button--in-dark-box:hover {
    background: #D01B36;
    border-color:#D01B36;
    color:#fff;
}

.submit-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px
}

.submit-row .button {
    width: 250px;
    max-width: 100%
}

.checkbox {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle
}

.checkbox input {
    display: none
}

.checkbox__text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding-left: 10px;
    vertical-align: middle;
    font-size: 14px
}

.checkbox__text:after {
    content: attr(data-count);
    margin-left: auto;
    color: #919293
}

.checkbox__text a {
    color: currentcolor;
    text-decoration: underline
}

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

.checkbox__indicator {
    position: relative;
    border: 1px solid var(--color-icons);
    display: inline-block;
    width: 26px;
    height: 26px;
    -webkit-transition: .3s;
    transition: .3s;
    background-size: 10px;
    border-radius: 5px
}

input:checked~.checkbox__indicator {
    background: var(--color-base);
    border-color: var(--color-base)
}

.checkbox__indicator::after {
    position: absolute;
    left: 9px;
    top: 6px;
    margin: auto;
    content: '';
    display: block;
    width: 6px;
    height: 10px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: 0 0;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0
}

input:checked~.checkbox__indicator::after {
    opacity: 1
}

input.is-invalid~.checkbox__indicator {
    border-color: var(--color-error)
}

.file {
    overflow: hidden;
    cursor: pointer
}

.file__input {
    max-width: initial;
    position: absolute;
    width: 200%;
    display: block;
    font-size: 30px;
    left: -100%;
    top: 0;
    opacity: 0;
    cursor: pointer
}

.file__placeholder {
    font-size: 18px;
    display: block;
    text-align: center;
    background: #ebebeb;
    border: 1px solid #ebebeb;
    line-height: 45px
}

.file-info__preview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 15px 0
}

.file-info__text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.file-info__delete {
    display: block;
    width: 15px;
    height: 15px;
    position: relative
}

.file-info__delete:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    margin: auto;
    background-color: currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.file-info__delete:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    margin: auto;
    background-color: currentColor;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.file-image {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(100px,1fr));
    gap: 6px
}

.file-image__preview {
    position: relative;
    min-height: 100px;
    margin: 10px 0
}

.file-image__preview img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.file-image__preview-remove {
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background: #fff;
    cursor: pointer
}

.file-image__preview-remove:after,.file-image__preview-remove:before {
    content: '';
    background: #f14040;
    width: 14px;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.file-image__preview-remove:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.popup {
    max-width: 1400px;
    padding: 50px;
    font-size: 18px
}

@media (max-width: 640px) {
    .popup {
        font-size:14px;
        padding: 30px 10px 20px
    }

    .popup .button {
        width: 100%
    }
}

.popup--object {
    width: 1400px;
    max-width: 100%
}

.popup__inner-text {
    padding: 0 40px
}

@media (max-width: 560px) {
    .popup__inner-text {
        padding:0 10px
    }
}

.popup__title {
    font-weight: 600;
    font-size: 26px;
    line-height: 1;
    margin-bottom: 20px;
    text-align: center
}

@media (min-width: 960px) {
    .popup__title {
        font-size:36px;
        margin-bottom: 50px
    }
}

.popup__title:has(+.popup__sub-title) {
    margin-bottom: 10px
}

.popup__sub-title {
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px
}

@media (min-width: 960px) {
    .popup__sub-title {
        font-size:18px;
        margin-bottom: 30px
    }
}

.popup__submit {
    padding-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 30px
}

.popup__submit .button {
    padding: 0 50px
}

.popup__cancel-button {
    cursor: pointer;
    color: #005721;
    font-size: 14px
}

.popup__cancel-button:hover {
    text-decoration: underline
}

.form-submit {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form-submit .button {
    margin: auto
}

.form-submit .agree-row~.button {
    margin: 0
}

@media (max-width: 768px) {
    .form-submit {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 30px
    }

    .form-submit .agree-row {
        margin-right: auto
    }
}

#call {
    max-width: 600px
}

#fast-order {
    max-width: 700px
}
#discount {
    max-width: 700px
}
#cookie-info {
    max-width: 700px
}

.popup-video {
    height: 75vh;
    width: 90vw;
    max-width: 800px;
    max-height: 600px
}

.popup-video iframe {
    display: block;
    width: 100%;
    height: 100%
}

#message {
    max-width: 450px
}

.radio {
    cursor: pointer;
    display: block;
    vertical-align: middle
}

.radio input {
    display: none
}

.radio__text {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    padding-left: 10px;
    vertical-align: middle;
    width: calc(100% - 15px - 1em);
    font-size: 18px;
    font-weight: 400;
    color: #333
}

.radio__text:after {
    content: attr(data-count);
    margin-left: auto;
    color: #989898
}

.radio__text a {
    color: #384d87;
    text-decoration: underline
}

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

.radio__indicator {
    position: relative;
    border: 1px solid #e9e9e9;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 50%;
    background: #fff
}

input:checked~.radio__indicator {
    border-color: #e2223f
}

.radio__indicator::after {
    position: absolute;
    left: 4px;
    top: 4px;
    margin: auto;
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: #e2223f;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0
}

input:checked~.radio__indicator::after {
    opacity: 1
}

.checkbox-row {
    margin-bottom: 20px
}

:root {
    --color-error: #d51b38;
    --color-base: #1D1D1B;
    --color-title: #1E2139;
    --color-grafit: #464646;
    --color-stiker: #F43658;
    --color-border: #D2D2D1;
    --color-inputs: #A5A5A4;
    --color-secondary-text: #61615F;
    --font-input: $font-family;
    --color-footer: #1D1D1B;
    --color-icons: #D2D2D1;
    --color-hover: #61615F;
    --color-accordion-bg: #F7F7F7;
    --color-grey-hover: #61615F;
    --color-dots: #D9D9D9;
    --color-dots-active: #464646;
    --color-product-bg: #F8F8F8;
    --color-bg-attributes: #EAE4DC;
    --color-bg-product-icon: #E5E5E5;
    --star-color: #F0F3F5;
    --star-background: #FFC107
}

body {
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    font-family: Montserrat;
    min-width: 320px;
    color: var(--color-base)
}

* {
    box-sizing: border-box
}

figcaption {
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
    padding-top: 20px;
    position: relative
}

figcaption:before {
    position: absolute;
    content: '';
    display: block;
    height: 2px;
    width: 55%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #e2223f;
    max-width: 200px
}

.no-margin {
    margin: 0!important
}

.container {
    margin: auto;
    padding: 0 10px;
    width: 100%;
    max-width: 1390px
}

.centered {
    text-align: center
}

p {
    margin-bottom: 15px
}

@media (min-width: 960px) {
    .radio__text,body {
        font-size:18px
    }

    figcaption {
        margin-bottom: 30px
    }

    .container {
        padding: 0 30px
    }

    p {
        margin-bottom: 25px
    }
}

.main {
    min-height: 80vh;
    padding-top: 100px;
    position: relative;
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 60px
}

@media (min-width: 960px) {
    .main {
        padding-top:160px;
        padding-bottom: 80px
    }

    .mobile-visible {
        display: none!important
    }
}

@media (max-width: 959px) {
    .mobile-hidden {
        display:none!important
    }
}

img[data-src] {
    object-fit: none!important
}

.page-container {
    max-width: 600px;
    margin: auto;
    padding-top: 30px
}

@media (max-width: 1024px) {
    .page-container {
        padding-top:10px
    }
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-transition: .3s;
    transition: .3s;
    text-decoration: none;
    color: currentColor
}

a:hover {
    color: var(--color-hover);
    text-decoration: none
}

hr {
    box-sizing: content-box;
    overflow: visible;
    background: #ebebeb;
    height: 5px;
    border-color: transparent
}

.hidden {
    display: none!important
}

b,strong {
    font-weight: 600
}

.h1,h1 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 25px;
    color: var(--color-base);
    text-transform: uppercase
}

@media (min-width: 768px) {
    .h1,h1 {
        font-size:30px
    }
}

@media (min-width: 960px) {
    .h1,h1 {
        font-size:36px;
        margin-bottom: 30px
    }
}

.h2,h2 {
    font-family: Montserrat;
    font-size: 20px;
    text-transform: uppercase;
    margin: 10px 0 15px;
    font-weight: 600;
    color: var(--color-base);
    line-height: 1.2
}

@media (min-width: 960px) {
    .h2,h2 {
        margin:50px 0 20px;
        font-size: 24px
    }
}

.h2:first-child,h2:first-child {
    margin-top: 0
}

.h3,h3 {
    font-family: Montserrat;
    color: var(--color-base);
    margin: 5px 0 20px;
    font-weight: 600;
    font-size: 20px
}

h4 {
    font-family: Montserrat;
    margin: 10px 0;
    font-weight: 600;
    font-size: 20px
}

@media (min-width: 960px) {
    h4 {
        font-size:16px;
        margin: 30px 0 25px
    }
}

@media (min-width: 1280px) {
    h4 {
        font-size:18px
    }
}

h5 {
    font-family: Montserrat;
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: 700;
    color: var(--color-base)
}

.block-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    margin: 0 0 20px;
    color: var(--color-base);
    gap: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-transform: uppercase
}

.block-title .button {
    text-transform: initial
}

.block-title .button__icon {
    width: 20px
}

.block-title svg {
    display: block
}

.block-title h2 {
    margin: 0;
    font-size: inherit
}

@media (min-width: 960px) {
    h5 {
        font-size:8px
    }

    .block-title .button {
        gap: 45px;
        padding: 0 20px 0 30px
    }

    .block-title {
        font-size: 36px;
        margin: 0 0 30px
    }
}

.block-sub-title {
    font-size: 16px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 300;
    color: #5b5b5b
}

blockquote {
    padding: 60px 20px 10px;
    position: relative;
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url("data:image/svg+xml,%3Csvg width='46' height='41' viewBox='0 0 46 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5464 0L21.0241 2.55253L10.7491 22.4942H18.0206V41H0V22.4942L17.5464 0ZM42.5223 0L46 2.55253L35.7251 22.4942H42.9966V41H24.9759V22.4942L42.5223 0Z' fill='%23E2223F'/%3E%3C/svg%3E%0A")
}

@media (min-width: 960px) {
    .block-sub-title {
        font-size:18px
    }

    blockquote {
        padding: 60px 20px 10px;
        font-size: 20px
    }
}

blockquote h2,blockquote h3,blockquote h4 {
    color: #439b56;
    font-size: 18px;
    margin: 0 0 5px
}

blockquote.blockquote-danger {
    background: rgba(255,179,0,.1)
}

blockquote.blockquote-danger h2,blockquote.blockquote-danger h3,blockquote.blockquote-danger h4 {
    color: #ffb300
}

blockquote.blockquote-danger ul li:before {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='2' viewBox='0 0 12 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='12' height='2' fill='%23FFB300'/%3E%3C/svg%3E%0A")
}

@media (min-width: 1200px) {
    .blockquote-cols {
        display:grid;
        grid-template-columns: 3fr 2fr;
        gap: 20px
    }
}

.link {
    color: currentColor;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    border: none;
    font-size: 16px
}

.link--bordered {
    text-decoration: underline
}

.link--bordered:hover {
    text-decoration: none
}

.link__icon {
    display: block;
    width: 24px;
    height: 24px;
    color: inherit
}

.link:hover {
    color: #e2223f
}

.text-block h2:first-child {
    margin-top: 0
}

.text-block a {
    text-decoration: underline;
    color: currentcolor
}

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

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

.text-block iframe {
    max-width: 100%;
    margin: 0 auto 30px;
    display: block
}

.text-block ul {
    display: block;
    padding: 5px 0 0
}

.text-block ul li {
    position: relative;
    padding: 10px 0 10px 34px
}

.text-block ul li:before {
    content: '';
    display: block;
    width: 12px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 1.4em;
    background: currentColor
}

.text-block ol {
    display: block;
    padding: 10px 0;
    counter-reset: counter
}

@media (min-width: 960px) {
    .text-block ul li {
        padding:10px 0 10px 42px
    }

    .text-block ul li:before {
        top: 1em
    }

    .text-block ol {
        padding: 0 0 10px
    }

    .text-block ol li {
        margin-bottom: 20px
    }
}

.text-block ol li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    counter-increment: counter
}

.text-block ol li:before {
    content: counter(counter) ".";
    display: block;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: .2em;
    font-style: normal;
    line-height: 1
}

.text-block table {
    width: 100%;
    font-size: 18px;
    line-height: 1.4
}

@media (max-width: 370px) {
    .text-block table {
        font-size:16px
    }
}

.text-block table td {
    border: 1px solid #e5e5e5;
    vertical-align: middle;
    padding: 15px
}

.text-image {
    float: right;
    margin: 0 0 20px 20px;
    height: auto;
    max-width: 100%
}

@media (max-width: 767px) {
    .text-image {
        width:100%;
        float: none;
        margin: 0
    }
}

.category-description {
    padding-top: 40px
}

.category-description__image {
    max-width: 100%;
    width: 340px
}

.category-description__image img {
    max-width: 100%
}

.category-description__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.category-description__inner .text-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.breadcrumbs {
    padding: 20px 0 25px
}

@media (min-width: 960px) {
    .text-block ol li:before {
        top:.2em;
        font-size: 18px
    }

    .category-description__inner .text-block {
        min-width: 340px
    }

    .breadcrumbs {
        padding: 0px 0 25px
    }
}

.breadcrumbs__list {
    font-size: 14px;
    font-style: normal;
    padding: 0;
    margin: 0;
    color: var(--color-base);
    white-space: nowrap;
    overflow: auto
}

.breadcrumbs__list::-webkit-scrollbar {
    opacity: 0;
    display: none
}

.breadcrumbs__list::-webkit-scrollbar:hover {
    opacity: 1
}

.breadcrumbs__item {
    display: inline;
    vertical-align: middle;
    line-height: 1
}

.breadcrumbs__item-link {
    color: #d2d2d1;
    position: relative;
    text-decoration: none
}

.breadcrumbs__item-link:after {
    content: '/';
    display: inline-block;
    color: var(--color-base);
    padding: 0 3px
}

.breadcrumbs__item-name {
    vertical-align: middle;
    text-decoration: underline
}

.breadcrumbs__item-name:hover {
    text-decoration: none
}

.accordion {
    --color-border: #D2D2D1;
    margin-bottom: 20px
}

.accordion--mini {
    --color-border: var(--color-accordion-bg)
}

@media (min-width: 960px) {
    .breadcrumbs__list {
        font-size:16px
    }

    .accordion {
        padding: 20px 0 30px
    }
}

.accordion input {
    display: none
}

.accordion__item {
    border-top: 1px solid var(--color-border)
}

.accordion__item:last-child {
    border-bottom: 1px solid var(--color-border)
}

.accordion__item--bacground:has(input:checked) {
    background-color: var(--color-accordion-bg);
    border-color: var(--color-accordion-bg);
    border-radius: 10px
}

.accordion__item--bacground:has(input:checked)+.accordion__item {
    border-top-color: var(--color-accordion-bg)
}

.accordion__title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    display: block;
    position: relative;
    cursor: pointer;
    padding: 20px 40px 20px 10px;
    -webkit-transition: background .3s;
    transition: background .3s
}

.accordion__title:has(svg) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.accordion--mini .accordion__title {
    font-size: 16px;
    font-weight: 400;
    padding: 15px 40px 15px 10px
}

.accordion input:checked~.accordion__title {
    padding-bottom: 10px
}

.accordion__title::before {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    border-right: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
    position: absolute;
    right: 22px;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .3s;
    transition: .3s
}

.accordion--mini .accordion__title::before {
    border-color: var(--color-base);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media (min-width: 960px) {
    .accordion--mini .accordion__title {
        padding:20px 40px 20px 20px
    }

    .accordion__title {
        padding: 20px 60px 20px 30px;
        font-size: 20px
    }

    .accordion__title::before {
        right: 40px
    }

    .accordion--mini .accordion__title::before {
        right: 20px
    }
}

input:checked~.accordion__title::before {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.accordion--mini input:checked~.accordion__title::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.accordion__title svg {
    width: 24px;
    height: 24px
}

.accordion__content {
    display: none;
    padding: 0 10px;
    font-size: 18px;
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s
}

@media (min-width: 960px) {
    .accordion__content {
        padding:20px 30px 10px
    }
}

.accordion__content .checkbox-row:last-child {
    margin: 0
}

input:checked~.accordion__content {
    display: block
}

.date {
    font-size: 14px;
    background-repeat: no-repeat;
    color: var(--color-secondary-text)
}

.time-read {
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2C4.6875 2 2 4.6875 2 8C2 11.3125 4.6875 14 8 14C11.3125 14 14 11.3125 14 8C14 4.6875 11.3125 2 8 2Z' stroke='white' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M8 4V8.5H11' stroke='white' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 5px center no-repeat #145e6f;
    border-radius: 5px;
    color: #fff;
    padding: 0 10px 0 25px;
    font-weight: 300;
    line-height: 22px;
    font-size: 14px
}

.rating-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    gap: 10px
}

.rating-control__title {
    font-weight: 300;
    font-size: 14px
}

.rating-control__controll {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 5px
}

.rating-control__input {
    display: none
}

.rating-control__icon {
    display: block;
    width: 22px;
    height: 22px;
    background: url(../img/star-fill.svg) center/contain no-repeat;
    cursor: pointer
}

.rating-control__input:checked~.rating-control__icon {
    background-image: url(../img/star.svg)
}

.rating-control__controll:hover .rating-control__icon {
    background-image: url(../img/star-fill.svg)!important
}

.rating-control__icon:hover~.rating-control__icon {
    background-image: url(../img/star.svg)!important
}

.header {
    border-bottom: 1px solid var(--color-border);
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50
}

.header__top {
    padding: 10px 0;
    background-color: #f7f7f7
}

.header__top-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 960px) {
    .rating-control {
        margin-bottom:20px
    }

    .rating-control__title {
        font-size: 18px;
        line-height: 30px
    }

    .rating-control__controll {
        gap: 15px
    }

    .header__top-inner {
        position: relative;
        gap: 20px
    }
}

.header__bottom-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
    position: relative
}

@media (min-width: 960px) {
    .header__bottom-inner {
        -webkit-box-pack:end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 20px 0
    }
}

.header__logo {
    width: 107px;
    height: 17px
}

@media (min-width: 1240px) {
    .header__top-inner {
        gap:40px
    }

    .header__logo {
        width: 124px;
        height: 25px
    }
}

.header__logo img,.header__logo svg {
    display: block;
    width: 100%;
    height: 100%
}

.header__controlls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px
}

@media (max-width: 959px) {
    .header__search {
        width:100%;
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 40px;
        margin: auto;
        background: #fff;
        z-index: 5;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 40px 0 0
    }
}

.header--open-search .header__search {
    display: block
}

.header__search-close {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 30px;
    width: 30px;
    z-index: 9;
    cursor: pointer;
    color: var(--color-grafit)
}

.header__search-close::after,.header__search-close::before {
    content: '';
    width: 80%;
    height: 2px;
    background-color: currentColor;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.header__search-close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.header__button-menu {
    color: var(--color-grafit);
    position: relative;
    width: 20px;
    height: 15px;
    border-top: 1px solid currentColor
}

@media (min-width: 960px) {
    .header__button-menu,.header__controlls,.header__search-close {
        display:none
    }
}

.header__button-menu::after,.header__button-menu::before {
    content: '';
    width: 80%;
    height: 1px;
    background: currentColor;
    position: absolute;
    top: 0;
    bottom: 2px;
    right: 0;
    margin: auto
}

.header__button-menu::after {
    top: auto;
    width: 60%
}

.search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    width: 100%;
    padding: 0 0 0 10px;
    overflow: hidden
}

@media (min-width: 960px) {
    .search {
        width:310px
    }
}

.search__input {
    border: none;
    line-height: 38px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    outline: 0;
    width: 100%;
    padding: 0 5px;
    font-style: normal;
    font-family: var(--font-input);
    font-size: 14px
}

.search__input::-webkit-input-placeholder {
    color: var(--color-secondary-text)
}

.search__input::-moz-placeholder {
    color: var(--color-secondary-text)
}

.search__input:-ms-input-placeholder {
    color: var(--color-secondary-text)
}

.search__input::-ms-input-placeholder {
    color: var(--color-secondary-text)
}

.search__input::placeholder {
    color: var(--color-secondary-text)
}

.search .button-search {
    color: var(--color-inputs);
    padding: 7px
}

.menu-container {
    position: fixed;
    background: #fff;
    right: -300px;
    top: 0;
    bottom: 0;
    width: 300px;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 3
}

@media (min-width: 960px) {
    .menu-container {
        position:static;
        right: 0;
        width: auto;
        background: 0 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media (min-width: 1240px) {
    .menu-container {
        gap:90px
    }
}

.menu-container__contact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 00px;
    background: #fff;
    padding-bottom: 20px
}

@media (min-width: 960px) {
    .menu-container__contact {
        position:static;
        background: 0 0;
        padding: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        gap: 10px
    }
}

@media (min-width: 960px) and (max-width:1240px) {
    .menu-container__contact .phone {
        position:absolute;
        right: 350px;
        bottom: -63px
    }
}

@media (min-width: 1240px) {
    .menu-container__contact {
        gap:25px
    }

    .menu-container__contact .phone {
        font-size: 20px
    }
}

.menu-container__inner {
    position: relative;
    background: #fff;
    padding: 40px 20px 60px;
    overflow: auto;
    height: 100%
}

.menu-container::after {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    z-index: -1;
    -webkit-transition: .3s;
    transition: .3s;
    visibility: hidden
}

.header--open-menu .menu-container::after {
    visibility: initial;
    background: rgba(27,27,34,.5);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}

@media (min-width: 960px) {
    .menu-container__inner {
        padding:0;
        overflow: initial;
        position: static;
        display: block;
        background: 0 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .header--open-menu .menu-container::after,.menu-container::after {
        display: none
    }
}

.header--open-menu .menu-container {
    right: 0
}

.menu-container__links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.menu-container__close {
    position: absolute;
    right: 20px;
    top: 20px;
    height: 30px;
    width: 30px;
    z-index: 9;
    cursor: pointer;
    color: var(--color-grafit)
}

.menu-container__close::after,.menu-container__close::before {
    content: '';
    width: 80%;
    height: 2px;
    background-color: currentColor;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menu-container__close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.menu-container__title {
    font-weight: 600;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
    font-size: 24px;
    color: var(--color-title)
}

.menu {
    margin-bottom: 50px
}

@media (min-width: 960px) {
    .menu-container__links {
        grid-column:4/-1;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .menu-container__close,.menu-container__title {
        display: none
    }

    .menu-container .social {
        grid-row: 1/2;
        grid-column: 1/2;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .menu-container .button-download {
        grid-row: 2/3;
        grid-column: -2/-1
    }

    .menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        margin: 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.menu__sub {
    padding: 10px 0 10px 20px;
    display: none
}

@media (min-width: 960px) {
    .menu__sub {
        position:absolute;
        top: 100%;
        left: 0;
        z-index: 2;
        background: #fff;
        width: 300px;
        border: 1px solid #e9e9e9;
        padding: 10px 0 10px 10px
    }

    .menu__item:hover .menu__sub {
        display: block
    }
}

.menu__sub .menu__link--active {
    color: #e2223f
}

.menu__item {
    margin-bottom: 15px;
    position: relative
}

.menu__sub>.menu__item {
    margin-bottom: 10px
}

@media (min-width: 960px) {
    .menu__item {
        margin:0
    }

    .menu__sub>.menu__item {
        padding: 0 20px
    }
}

.menu__link {
    display: block;
    text-decoration: none;
    font-size: 18px
}

.menu__link--active,.menu__link:hover {
    color: #333
}

.menu__link:has(+.menu__drop-btn) {
    padding-right: 25px
}

.menu__drop-btn {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding-top: 1px;
    margin-left: 3px;
    position: absolute;
    right: 0;
    top: .35em
}

.menu__drop-btn::before {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    border-right: 1px solid var(--color-base);
    border-bottom: 1px solid var(--color-base);
    position: relative;
    margin: auto;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .3s;
    transition: .3s
}

@media (max-width: 959px) {
    .menu__item--open .menu__sub {
        display:block
    }

    .menu__item--open .menu__drop-btn::before {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        top: 3px
    }
}

.header-catalog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px
}

.header-catalog__link {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase
}

@media (min-width: 960px) {
    .header-catalog {
        position:absolute;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        bottom: -63px;
        left: 0;
        gap: 40px
    }

    .header-catalog__link {
        font-size: 18px
    }
}

.phone {
    font-weight: 600;
    font-size: 16px;
    white-space: nowrap
}

.social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px
}

.social__link {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 25px;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    color: var(--color-icon);
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 50%
}

.social__link:hover {
    background: var(--color-text);
    color: var(--color-hover)
}

.social__link img,.social__link svg {
    width: 60%
}

@media (min-width: 1240px) {
    .menu__link:has(+.menu__drop-btn) {
        padding-right:30px
    }

    .social {
        gap: 10px
    }

    .social__link img,.social__link svg {
        width: 80%
    }
}

.collapse-text {
    font-size: 16px;
    line-height: 1.6;
    color: var(--color-secondary-text)
}

.collapse-text__summary {
    /* color: var(--color-secondary-text); */
}

.collapse-text--initialized:not(.collapse-text--open)>:not(.collapse-text__button) {
    display: none;
    color: inherit
}

.collapse-text--initialized:not(.collapse-text--open) .collapse-text__summary {
    display: inline-block
}

.collapse-text__button {
    position: relative;
    padding: 10px 20px 10px 0;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    white-space: nowrap;
}

@media (min-width: 960px) {
    .collapse-text__button {
        font-size:16px;
        padding-right: 20px
    }
}

.collapse-text__button:before {
    content: attr(data-title)
}

.collapse-text--open .collapse-text__button:before {
    content: attr(data-title-hide)
}

.collapse-text__button:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    position: absolute;
    margin: auto;
    right: 2px;
    top: 0;
    bottom: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .3s;
    transition: .3s
}

.collapse-text--open .collapse-text__button:after {
    top: 5px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    position: absolute;
    border: 2px solid #1b1b22;
    top: 0;
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 12px 40px 12px 20px;
    font-size: 18px
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: currentColor;
    border-width: 1px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    bottom: 0
}

.select2-dropdown {
    border: 1px solid #e9e9e9;
    outline: 0
}

.select2-container * {
    outline: 0
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    width: 58px
}

.select2-search--dropdown {
    display: none
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: 0;
    right: 0;
    margin: auto;
    border-bottom: 2px solid #727986;
    border-right: 2px solid #727986;
    bottom: 3px;
    -webkit-transition: .3s;
    transition: .3s;
    width: 12px;
    height: 12px
}

.select2-container--default .select2-selection--single {
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    height: auto
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #f4f4f4;
    color: #78909c
}

.slick-next,.slick-prev {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    padding: 0;
    border: none;
    outline: 0;
    color: #fff;
    z-index: 9
}

.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover {
    outline: 0
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next::after,.slick-prev::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    border-bottom: 1px solid #1d1d1b;
    border-left: 1px solid #1d1d1b;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

@media (min-width: 1400px) {
    .slick-next::after,.slick-prev::after {
        left:-25px
    }
}

.slick-prev {
    left: 10px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before,[dir=rtl] .slick-prev:before {
    content: ""
}

.slick-next {
    right: 10px;
    background-repeat: no-repeat;
    background-position: center
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next::after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    left: auto;
    right: 0
}

@media (min-width: 1400px) {
    .slick-next::after {
        right:-25px
    }
}

.slick-next:before,[dir=rtl] .slick-next:before {
    content: ""
}

.slick-dotted.slick-slider:not(.dots-inside) {
    margin-bottom: 40px
}

@media (min-width: 960px) {
    .slick-next::after,.slick-prev::after {
        width:15px;
        height: 15px
    }

    .slick-prev {
        left: 0
    }

    .slick-next::after {
        right: -25px;
        width: 15px;
        height: 15px
    }

    .slick-dotted.slick-slider:not(.dots-inside) {
        margin-bottom: 30px
    }
}

.slick-dots {
    list-style: none;
    display: block;
    text-align: center;
    padding: 20px 0 0;
    margin: 0;
    width: 100%
}

.dots-inside .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    padding: 0
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 4px;
    padding: 0;
    cursor: pointer
}

.dots-inside .slick-dots li {
    margin: 0 8px
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 8px;
    width: 8px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
    cursor: pointer;
    border: 1px solid var(--color-dots);
    background: var(--color-dots);
    border-radius: 50%
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li.slick-active button {
    border-color: var(--color-dots-active);
    background: var(--color-dots-active)
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.slick-button-prev {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: -22px;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    pointer-events: initial;
    background: #fff;
    border-radius: 50%;
    z-index: 2;
    -webkit-transition: .3s;
    transition: .3s
}

.slick-button-prev:hover {
    background: #1d1d1b;
    color: #fff
}
.slick-button-prev::before {
      content: '';
      display: block;
      width: 15px;
      height: 1px;
      position: absolute;
      top:0;
      bottom: 0px;
      background:currentColor;
      margin:auto;
      left: 3px;
      right:0;
}
.slick-button-prev::after {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    border-bottom: 1px solid currentColor;
    border-left: 1px solid currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

@media (min-width: 960px) {
    .slick-button-prev {
        width: 65px;
        height: 65px;
    }

    .slick-button-prev::after {
        width: 11px;
        height: 11px;
    }
}

.slick-button-next {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: -22px;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    pointer-events: initial;
    background: #fff;
    border-radius: 50%;
    color: #1d1d1b;
    -webkit-transition: .3s;
    transition: .3s
}

.slick-button-next:hover {
    background: #1d1d1b;
    color: #fff
}

.slick-button-next::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}
.slick-button-next::before {
    content: '';
    display: block;
    width: 15px;
    height: 1px;
    position: absolute;
    top: 0;
    bottom: 0px;
    background: currentColor;
    margin: auto;
    left: 3px;
    right: 0;
}

@media (min-width: 960px) {
    .slick-button-next {
        width: 65px;
        height: 65px;
    }

    .slick-button-next::after {
        width: 11px;
        height: 11px;
    }
}

.ui-slider-horizontal {
    height: 4px
}

.ui-slider-horizontal .ui-slider-range {
    background: #d60222;
    outline: 0
}

.ui-slider-horizontal .ui-slider-handle {
    border: 4px solid #d60222;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    top: -.47em;
    background: #d60222;
    outline: 0
}

.ui-widget.ui-widget-content {
    background: #e9e9e9;
    border: none;
    border-radius: 2px
}

.tabs {
    margin: 0 0 30px;
    width: 100%
}

.tabs__head {
    position: relative;
    margin-bottom: 20px
}

.tabs__head:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    background: #d9d9d9;
    height: 1px
}

.tabs__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    white-space: nowrap;
    overflow: auto;
    border-bottom: 1px solid var(--color-icons)
}

.tabs__buttons::-webkit-scrollbar {
    opacity: 0;
    display: none
}

.tabs__buttons::-webkit-scrollbar:hover {
    opacity: 1
}

.tabs__link {
    display: inline-block;
    font-size: 14px;
    padding-bottom: 10px;
    position: relative;
    color: #61615f
}

@media (min-width: 960px) {
    .tabs__buttons {
        gap:50px
    }

    .tabs__link {
        font-size: 24px;
        text-transform: uppercase;
        padding-bottom: 15px
    }
}

.tabs__link:after {
    content: '';
    display: block;
    height: 2px;
    background: 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.tabs__link--active {
    font-weight: 500;
    color: var(--color-base);
    padding: 0 10px
}

@media (min-width: 960px) {
    .tabs__link--active {
        padding:0 25px
    }
}

.tabs__link--active:hover {
    color: var(--color-base)
}

.tabs__link--active:after,.tabs__link:hover:after {
    background-color: var(--color-base);
    color: var(--color-base);
    z-index: 2
}

.tabs__content {
    padding: 20px 0;
    display: none;
    overflow: hidden
}
.tabs__content .collapse-text {
    color:inherit;
    font-size:inherit;
}
.tabs__content--active {
    display: block;
    height: initial
}

.tabs .page-columns--course {
    margin: 0
}

.filter {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 420px;
    background: #fff;
    z-index: 101;
    overflow: auto;
    padding: 30px;
    border-radius: 0 20px 20px 0;
    overflow: hidden;
    max-width: 100%;
}

.filter--open{
    display:block;
}
.filter__inner {
    height: calc(100% - 90px);
    overflow: auto
}

@media (min-width: 960px) {
    .tabs__content {
        padding:40px 0
    }

    .filter {
        /* display: block; */
        width: 600px;
        padding-left: 50px;
    }

    .filter__inner {
        /* overflow: initial; */
        /* height: auto; */
    }
}


.filter__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.filter-bg{
    display:none;
}
.filter--open ~ .filter-bg{
    display:block;
 background: #22222266;
 position: fixed;
 left: 0;
 right: 0;
 bottom: 0;
 top: 0;
 z-index: 99;
}

@media (min-width: 960px) {

}

.filter__close {
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    right: 25px;
    top: 30px;
    cursor: pointer;
    color: #535460;
}



.filter__close:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    margin: auto;
    background-color: currentColor;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.filter__close:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    margin: auto;
    background-color: currentColor;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s
}

 

.filter__title {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
@media (min-width: 960px) {
    .filter__close {
        /* display:none; */
    }

    .filter__title {
        text-align: left;
        font-size: 36px;
    }
}
.filter__section {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 20px
}

.filter__section-control,.filter__section-control:not(:checked)~*>.filter__section-hide {
    display: none
}

.filter__section-more {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 18px;
    padding-left: 40px;
    cursor: pointer;
    color: #61615f
}

.filter__section-more:before {
    content: attr(data-open);
    border-bottom: 1px solid currentColor
}

.filter__section-more:hover::before {
    border-color: transparent
}

.filter__section-control:checked~*>.filter__section-more::before {
    content: attr(data-close)
}

.filter__section-title {
    padding: 12px 0;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 18px;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
}
@media (min-width: 960px) {
.filter__section-title {
    font-size: 24px;
}
}
.filter__section-title:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    position: absolute;
    margin: auto;
    right: 2px;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .3s;
    transition: .3s
}

.filter__section--open .filter__section-title::after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.filter__section-content {
    display: none;
    padding: 15px 0
}

.filter__section-content .button {
    margin: -10px 0 -20px;
    padding-left: 30px
}

.filter__section--open .filter__section-content {
    display: block
}

.filter .checkbox,.filter .radio {
    margin-bottom: 20px
}

.price-slider {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: 25px 1fr 25px 1fr;
    gap: 5px;
    position: relative;
    margin-bottom: 00px;
    font-size: 18px;
    font-weight: 300;
    text-align: center
}

.price-slider__input {
    display: block;
    border: 1px solid #d2d2d1;
    line-height: 38px;
    border-radius: 50px;
    text-align: center;
    margin-bottom: 0;
    min-width: 0;
    outline: 0;
    font-weight: 300;
    color: #d2d2d1
}

.price-slider .ui-slider {
    grid-column: 1/-1;
    margin: 10px 10px 20px 12px;
    background: #d2d2d1;
    border-radius: 20px
}

.stars {
    width: 140px;
    height: 24px;
    background-position: 0 0,30px 0,60px 0,90px 0,120px 0;
    background-repeat: no-repeat;
    background-image: url(../img/star.svg),url(../img/star.svg),url(../img/star.svg),url(../img/star.svg),url(../img/star.svg)
}

.stars--1 {
    background-image: url(../img/star-fill.svg),url(../img/star.svg),url(../img/star.svg),url(../img/star.svg),url(../img/star.svg)
}

.stars--2 {
    background-image: url(../img/star-fill.svg),url(../img/star-fill.svg),url(../img/star.svg),url(../img/star.svg),url(../img/star.svg)
}

.stars--3 {
    background-image: url(../img/star-fill.svg),url(../img/star-fill.svg),url(../img/star-fill.svg),url(../img/star.svg),url(../img/star.svg)
}

.stars--4 {
    background-image: url(../img/star-fill.svg),url(../img/star-fill.svg),url(../img/star-fill.svg),url(../img/star-fill.svg),url(../img/star.svg)
}

.stars--5 {
    background-image: url(../img/star-fill.svg),url(../img/star-fill.svg),url(../img/star-fill.svg),url(../img/star-fill.svg),url(../img/star-fill.svg)
}

.spiner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
    max-width: 200px
}

.spiner__minus {
    display: block;
    background: 0 0;
    box-shadow: none;
    border: none;
    padding: 0;
    width: 40px;
    height: 40px;
    color: #727986;
    position: relative;
    outline: 0!important;
    cursor: pointer
}

.spiner__minus:hover {
    color: #333
}

.spiner__minus::after,.spiner__minus::before {
    display: block;
    content: '';
    border-radius: 2px;
    width: 12px;
    height: 2px;
    background: currentColor;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto
}

.spiner__plus {
    display: block;
    background: 0 0;
    box-shadow: none;
    border: none;
    padding: 0;
    width: 40px;
    height: 40px;
    color: #727986;
    position: relative;
    outline: 0!important;
    cursor: pointer
}

.spiner__plus:hover {
    color: #333
}

.spiner__plus::after,.spiner__plus::before {
    display: block;
    content: '';
    border-radius: 2px;
    width: 12px;
    height: 2px;
    background: currentColor;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto
}

.spiner__plus::after {
    height: 12px;
    width: 2px
}

.spiner__input {
    border-radius: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    border: 1px solid #e9e9e9;
    max-width: 80px;
    text-align: center;
    width: 100%
}

.article__img {
    border-radius: 10px;
    display: block;
    overflow: hidden;
    margin-bottom: 10px
}

.article__img img {
    display: block;
    width: 100%
}

.article__name {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
    display: block
}

.article__descr {
    color: var(--color-secondary-text);
    font-size: 16px;
    margin-bottom: 15px;
    display: block
}

.article-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(270px,1fr));
    gap: 10px
}

.accordion__content .article-grid {
    margin: 10px -10px
}

@media (min-width: 1240px) {
    .article-grid {
        gap:30px;
        grid-template-columns: repeat(4,1fr)
    }

    .article-grid .article:nth-child(5),.article-grid .article:nth-child(6) {
        grid-column-end: span 2
    }
}

.feedback {
    --color-bg: #F7F7F7;
    background: var(--color-bg);
    padding: 60px 0;
    margin: 60px 0 0;
    overflow: hidden
}

@media (min-width: 960px) {
    .article-grid {
        gap:30px
    }

    h1+.article-grid {
        padding-top: 20px
    }

    .accordion__content .article-grid {
        margin: 00px -30px
    }

    .feedback {
        padding: 100px 0;
        margin: 100px 0 0
    }
}

.feedback:last-child {
    margin-bottom: -60px
}

.big-blocks+.feedback,.carousel-review+.feedback {
    margin-top: 0
}

.feedback__title {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 20px
}

.feedback__title br {
    display: none
}

.feedback .input-row__placeholder {
    background: var(--color-bg)
}

.feedback__inner {
    gap: 20px;
    display: grid
}

@media (min-width: 960px) {
    .feedback:last-child {
        margin-bottom:-80px
    }

    .feedback__title {
        position: absolute;
        left: calc(50% + 70px);
        font-size: 36px;
        text-align: left
    }

    .feedback__title br {
        display: initial
    }

    .feedback__inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px
    }

    .feedback__col:last-child {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-right: 10%
    }

    .feedback__col .submit-row {
        margin-bottom: 30px
    }
}

@media (min-width: 1240px) {
    .feedback__inner {
        gap:140px
    }
}

.grid-menu {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(140px,1fr));
    gap: 20px;
    margin-bottom: 20px
}

h1+.grid-menu {
    padding-top: 15px
}

@media (min-width: 960px) {
    .grid-menu {
        margin-bottom:40px
    }

    .content-cols {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 30px;
        padding-top: 15px
    }

    .asside {
        width: 310px;
        padding: 25px 0 0 25px
    }
}

.content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.left-menu {
    margin-bottom: 20px
}

.left-menu__title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px
}

@media (min-width: 960px) {
    .left-menu__title {
        font-size:24px;
        margin-bottom: 30px
    }
}

.left-menu__link {
    font-size: 18px;
    font-weight: 600;
    display: block;
    padding: 15px 20px
}

.left-menu__item {
    border-top: 1px solid var(--color-icons)
}

.left-menu__item:hover {
    background: #f7f7f7;
    border-radius: 10px;
    border-color: #f7f7f7!important
}

.left-menu__item:hover+.left-menu__item {
    border-top-color: transparent
}

.left-menu__item:last-child {
    border-bottom: 1px solid var(--color-icons)
}

.document-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(290px,1fr));
    gap: 10px
}

@media (min-width: 560px) {
    .document-grid {
        grid-template-columns:repeat(auto-fit,minmax(300px,1fr))
    }
}

@media (min-width: 960px) {
    .left-menu__link {
        font-size:20px;
        padding: 20px 30px
    }

    .left-menu__link:hover {
        color: var(--color-base)
    }

    .document-grid {
        gap: 30px
    }
}

.doc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    background: var(--color-accordion-bg);
    border-radius: 20px
}

@media (min-width: 360px) {
    .doc {
        padding:40px 30px;
        gap: 30px;
        gap: 15px;
        max-width: 400px;
    }
}

.doc__icon img {
    display: block;
    width: 40px;
    height: 40px
}

.doc__title {
    font-weight: 500;
    font-size: 16px
}

.instruction-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.instruction-head h2,.instruction-head h3 {
    margin: 0
}

@media (min-width: 960px) {
    .doc__icon img {
        width:32px;
        height: 32px
    }

    .instruction-head {
        margin-bottom: 35px
    }

    .instruction-head h2,.instruction-head h3 {
        text-transform: uppercase;
        font-size: 24px
    }

    .block-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 40px
    }

    .block-info:nth-child(2n) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.block-info:not(:last-child) {
    margin-bottom: 40px
}

@media (min-width: 1240px) {
    .block-info {
        gap:80px
    }

    .block-info:not(:last-child) {
        margin-bottom: 80px
    }
}

.block-info__images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-bottom: 20px
}

@media (min-width: 960px) {
    .block-info__images {
        width:39%;
        gap: 10px
    }
}

.block-info__img {
    display: block;
    width: calc(50% - 10px);
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 20px;
    height: 200px;
    object-fit: cover
}

.block-info__descr {
    color: var(--color-secondary-text);
    font-size: 14px;
    display: grid;
    gap: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.block-info__descr p:last-child {
    margin: 0
}

@media (min-width: 960px) {
    .block-info__img {
        height:300px
    }

    .block-info__descr {
        grid-template-columns: 1fr 230px;
        font-size: 16px;
        gap: 40px
    }

    .block-info__content {
        grid-column: 1/3
    }
}

.block-info__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0
}

@media (min-width: 768px) {
    .block-info__title {
        font-size:30px
    }
}

.block-info .button {
    max-width: 100%;
    width: 230px;
    justify-self: flex-start
}

.big-blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 960px) {
    .block-info__title {
        font-size:36px
    }

    .block-info .button {
        grid-column: 2/3;
        grid-row: 1
    }

    .big-blocks {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.big-block {
    width: 100%;
    height: 80vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    position: relative;
    max-height: 400px
}

.big-block::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    z-index: 1
}

.big-block__title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px
}

.big-block__descr {
    position: relative;
    z-index: 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.big-block .button {
    width: 250px
}

@media (min-width: 960px) {
    .big-block__title {
        font-size:36px;
        margin-bottom: 30px
    }

    .big-block:not(:hover) .button {
        opacity: 0
    }

    .info-simple {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 20px
    }
}

.info-simple__image {
    margin-bottom: 20px;
    display: block
}

@media (min-width: 960px) {
    .info-simple__image {
        width:39%;
        margin: 0
    }

    .info-simple__img {
        height: 100%;
        object-fit: cover;
        max-height: 600px;
    }
}

.info-simple__img {
    display: block;
    border-radius: 20px;
    width: 100%;
}

.info-simple__title {
    margin-bottom: 15px
}

@media (min-width: 960px) {
    .info-simple__title {
        margin-bottom:20px
    }
}

@media (min-width: 1240px) {
    .info-simple {
        gap:80px
    }

    .info-simple__title {
        margin-bottom: 40px
    }
}

.info-simple__descr {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.info-simple__content {
    font-size: 14px;
    color: var(--color-secondary-text)
}

.info-simple .button {
    width: 260px
}

.review__inner {
    padding: 15px;
    background: #f7f7f7;
    border-radius: 20px
}
  .carousel-review  {
        /* overflow: hidden; */
  }
@media (min-width: 960px) {
    .info-simple__content {
        font-size:18px
    }

    .carousel-review {
        margin-bottom: 90px;
    }
    .carousel-review .slick-track {
        margin-left:0;
    }

    .review__inner {
       
         
        padding: 25px
    }
}

.review.slick-slide {
    /* margin: 0 5px; */
}

@media (min-width: 1240px) {
    .review__inner {
        padding: 25px 25px;
    }

    .review.slick-slide {
        padding: 10px
    }
}
.zoom{
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 44px;
    height: 44px;
    background: #1D1D1B80;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: none;
}
.zoom__icon {
    width: 22px;
    height: 22px;
}
.review__image {
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    margin-bottom: 15px;
    position:relative;
    cursor: pointer;
}

.review__image img {
    display: block;
    width: 100%
}

.review__collection {
    color: #D2D2D1;
font-weight: 600;
font-size: 24px;
text-transform: uppercase;
line-height:1;
}

.review__name {
    color: var(--color-icons);
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase
}

@media (min-width: 960px) {
    .review__collection  {
        font-size: 32px;
    }
    .review__name {
        font-size:32px
    }
}

.review__author {
    font-size: 16px;
    font-weight: 600
}

.review__descr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

@media (min-width: 960px) {
    .review__author {
        font-size:18px
    }

    .review__descr {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.review__summary {
    color: var(--color-secondary-text);
    font-size: 14px
}

.play-btn {
    width: 50px;
    height: 50px;
    padding: 10px;
    display: block;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 50%
}

a:hover .play-btn {
    background-color: var(--color-secondary-text)
}

.inline-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    overflow: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -10px 20px
}

.inline-menu .button {
    white-space: nowrap;
    overflow: initial
}

.dillers:last-child {
    margin-bottom: -60px
}
   .review__summary {
       font-size: 14px;
       color:#61615F;
   }
   .review__summary p {
       margin-bottom: 0;
   }

@media (min-width: 960px) {
    .review__summary {
        font-size:16px
    }

    .inline-menu {
        gap: 20px;
        margin: 0 0 40px;
    }

    .inline-menu .button {
        font-size: 16px;
        padding: 0 50px
    }

    .dillers:last-child {
        margin-bottom: -80px
    }
}

.dillers .container {
    position: relative
}

.dillers__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 25px;
    color: var(--color-base);
    text-transform: uppercase
}

@media (min-width: 768px) {
    .dillers__title {
        font-size:30px
    }
}

.dillers__inner {
    padding: 50px 0 0
}

@media (min-width: 960px) {
    .dillers__title {
        font-size:32px;
        margin-bottom: 30px
    }

    .dillers__inner {
        position: absolute;
        height: 460px;
        width: 500px;
        z-index: 3;
        left: 50px;
        margin: auto;
        top: 100px;
        background: #fff;
        padding: 30px;
        border-radius: 30px
    }
}

.dillers__descr {
    color: var(--color-base)
}

.dillers__map {
    width: calc(100% - 20px);
    height: 100vw;
    max-height: 80vh;
    margin: 0 10px 40px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden
}

@media (min-width: 960px) {
    .dillers__map {
        margin:0;
        width: 100%;
        padding: 0;
        max-height: 600px;
        border-radius: 0
    }
}

.dillers__map [class*=inner-panes] {
    filter: grayscale(1);
    -ms-filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1)
}

.markets-selector {
    margin-bottom: 30px
}

.markets {
    max-height: 60vh;
    overflow: auto;
    margin-bottom: 20px
}

.markets__list-item+.markets__list-item {
    padding-top: 20px;
    border-top: 1px solid var(--color-icons);
    margin-top: 40px
}

.markets__list-item .contact-item {
    gap: 20px
}

@media (min-width: 960px) {
    .markets {
        max-height: 250px;
    }

    .contact-section {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        gap: 20px
    }
}

@media (min-width: 1240px) {
    .contact-section {
        gap:100px;
        padding-bottom: 30px
    }

    .contact-section .markets {
        min-height: 220px
    }

    .contact-section .contact-item {
        gap: 20px
    }
}

.contact-section__map {
    display: block;
    width: 100%;
    height: 500px;
    max-height: 80vh;
    margin-bottom: 30px
}

.contact-section__map [class*=inner-panes] {
    filter: grayscale(1);
    -ms-filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1)
}

.contact-section__descr {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.contact-section__bottom {
    border-top: 1px solid var(--color-icons);
    padding-top: 20px
}

@media (min-width: 960px) {
    .contact-section__map {
        height:auto;
        width: 55%
    }

    .contact-section__bottom {
        padding-top: 30px
    }
}

.contact-section__bottom h2 {
    margin-top: 0
}

.label {
    color: #fff;
    padding: 5px 8px;
    background: var(--color-hover);
    border-radius: 6px;
    line-height: 1;
    font-size: 14px
}
.label--percent {
    background:#F43658; 
}

.label--star {
     background: #E5E5E5;
     background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4522 15C11.0824 15 10.6078 14.8806 10.0146 14.5293L7.92796 13.2857C7.71161 13.1593 7.29289 13.1593 7.08353 13.2857L4.9899 14.5293C3.75466 15.267 3.02886 14.9719 2.70086 14.733C2.37984 14.4941 1.87737 13.8829 2.20537 12.4778L2.70086 10.3208C2.75669 10.096 2.64503 9.7096 2.47754 9.54098L0.74681 7.79859C-0.118557 6.9274 -0.0487691 6.18267 0.0698698 5.81733C0.188509 5.45199 0.565362 4.80562 1.76571 4.60187L3.99193 4.22951C4.2013 4.19438 4.50138 3.96955 4.59211 3.77986L5.82735 1.29977C6.38565 0.168618 7.11842 0 7.50225 0C7.88608 0 8.61885 0.168618 9.17715 1.29977L10.4054 3.77283C10.5031 3.96253 10.8032 4.18735 11.0126 4.22248L13.2388 4.59485C14.4461 4.79859 14.823 5.44497 14.9346 5.81031C15.0463 6.17564 15.1161 6.92037 14.2577 7.79157L12.527 9.54098C12.3595 9.7096 12.2548 10.089 12.3036 10.3208L12.7991 12.4778C13.1202 13.8829 12.6247 14.4941 12.3036 14.733C12.1292 14.8595 11.85 15 11.4522 15ZM7.50225 12.1335C7.84421 12.1335 8.18617 12.2178 8.45834 12.3794L10.545 13.623C11.1521 13.9883 11.536 13.9883 11.6825 13.8829C11.8291 13.7775 11.9338 13.4052 11.7802 12.7166L11.2847 10.5597C11.1521 9.97658 11.3685 9.22482 11.7872 8.79625L13.5179 7.05386C13.8599 6.7096 14.0134 6.37237 13.9436 6.14052C13.8669 5.90867 13.5459 5.71897 13.0713 5.64169L10.8451 5.26932C10.3077 5.17799 9.7215 4.74239 9.47724 4.25059L8.24898 1.77752C8.02566 1.32787 7.74651 1.06089 7.50225 1.06089C7.25799 1.06089 6.97884 1.32787 6.7625 1.77752L5.52726 4.25059C5.283 4.74239 4.69679 5.17799 4.15942 5.26932L1.94018 5.64169C1.46562 5.71897 1.1446 5.90867 1.06783 6.14052C0.991066 6.37237 1.15158 6.71663 1.49354 7.05386L3.22427 8.79625C3.643 9.2178 3.85934 9.97658 3.72674 10.5597L3.23125 12.7166C3.07074 13.4122 3.1824 13.7775 3.32895 13.8829C3.47551 13.9883 3.85236 13.9813 4.46649 13.623L6.55314 12.3794C6.81833 12.2178 7.16029 12.1335 7.50225 12.1335Z' fill='%23464646'/%3E%3C/svg%3E%0A");
     width: 40px;
     height: 40px;
     background-repeat: no-repeat;
    background-position:center;
}
.label--new {
    display: flex;
    align-items:center;
    widows:40px;
    height:40px;
    background:#E5E5E5;
    color:var(--color-base);
    
}
.label--new:before {
    content:'New';
}


.product-slider {
    background: var(--color-product-bg)
}

.product-info {
    margin-bottom: 50px
}

@media (min-width: 960px) {
    .product-info {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 30px;
        margin-bottom: 40px;
        margin-top: 0px
    }

    .product-info__title {
        font-size: 24px
    }
}

.product-info__title {
    margin: 0 0 20px;
}

.product-info__sub-title {
    margin-bottom: 20px
}

.product-info__images {
    position: relative
}

@media (min-width: 960px) {
    .product-info__sub-title {
        margin-bottom:25px
    }

    .product-info__images {
        width: 62%
    }
}

.product-info__labels {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
    gap: 10px
}

.product-info__big-slider {
    overflow: hidden;
    margin-bottom: 20px
}

.product-info__big-slider img {
    width: 100%;
    display: block
}

.product-info__descr {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.product-info__descr .button {
    width: auto;
    margin: 0 0 40px;
}

.product-info__image {
    border-radius: 20px;
    position: relative;
    overflow: hidden
}

.product-info__thumbs {
    margin-bottom: 20px;
    overflow: hidden
}

.product-info__thumbs .slick-arrow + .slick-list {
    margin-right: -120px
}

.product-info__thumbs .slick-arrow {
    display: none !important;
}

.product-info__thumb {
    padding: 0 5px
}

@media (min-width: 960px) {
    .product-info__thumb {
        padding:0 10px
    }
}

.product-info__thumb img {
    display: block;
    width: 100%;
    border-radius: 20px
}

.price {
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase
}

.option-color {
    margin: 0 -5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    gap: 20px;
    overflow: auto;
    padding: 0px 10px;
}

@media (min-width: 960px) {
    .option-color {
        gap:25px;
        margin-bottom: 30px;
    }
}

.color-item {
    display: block;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    min-width: 30px;
    position: relative;
}

.color-item--white {
    border: 1px solid #d2d2d1
}

.color-item:before {
    content: '';
    display: block;
    position: absolute;
    left: -5px;
    right: -5px;
    top: -5px;
    bottom: -5px;
    border: 1px solid var(--color-base);
    border-radius: 50%;
    opacity:0.1
}
.color-item--active:before {
    opacity:1;
}

.related-products {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.related-product {
    border: 1px solid var(--color-secondary-text);
    padding: 15px;
    display: block;
    border-radius: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 15px
}

.related-product__img {
    display: block
}

.related-product__img img {
    border-radius: 15px;
    max-width: 80px;
}

.related-product__decr {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 960px) {
    .related-product__decr {
        display:grid;
        grid-template-columns: 1fr 120px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px
    }

    .related-product__price {
        grid-column: 2/3;
        grid-row: 1/3;
        justify-self: flex-end
    }
}

.related-product__name {
    font-size: 20px;
    font-weight: 600;
    display: block
}

.related-product__collection {
    font-size: 16px;
    font-weight: 400
}

.related-product__price {
    font-size: 20px;
    font-weight: 600
}

.attributes {
    background: var(--color-bg-attributes);
    padding: 40px 10px 30px;
    border-radius: 20px
}

.attributes__list {
    display: flex;
    flex-wrap: wrap;
}

.attributes__title {
    font-size: 20px;
    text-transform: uppercase;
    margin: 10px 0 20px;
    font-weight: 600
}

@media (min-width: 960px) {
    .attributes {
        padding:50px 10px 30px 50px
    }

    .attributes__title {
        margin: 0 0 40px;
        font-size: 32px
    }
}

.attributes__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 10px;
    font-size: 16px
}

 
.attributes__delimiter {
    padding-bottom: 0
}

.attributes__name {
    display: block;
    font-weight: 600;
    /* font-size: 14px; */
}

.product {
    position: relative
}
.slick-slide .product {
    background:#fff;
}

.attributes__section {
    margin-bottom: 20px;
    width: 100%;
}
.attributes__section--head {
   width: 100% !important;
}
.attributes__section-title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 20px;
}


@media (min-width: 560px) {
    .attributes__section {
        width: 50%;
    }
}

@media (min-width: 960px) {
    
   

    .attributes__section-title {
        font-size: 20px;
    }

    .attributes__row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 16px;
        margin-bottom: 20px
    }
.attributes__row:last-child{
    margin:0;
}
    .product {
        background: #f8f8f8;
        margin-bottom: 5px;
        border-radius: 10px;
        padding: 20px
    }
}

.product__img {
    display: block;
    background: #f8f8f8;
    margin-bottom: 5px
}

.product__img img {
    display: block;
    width: 100%;
    border-radius: 10px
}

.product__name {
    font-size: 16px;
    font-weight: 600
}

@media (min-width: 960px) {
    .product__img img {
        border-radius:0;
        margin-bottom: 10px
    }

    .product__name {
        font-size: 20px
    }
}

.product__labels {
    position: absolute;
    left: 10px;
    top: 10px
}

.product__icons {
    position: absolute;
    right: 10px;
    top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.product-item {
    position: relative
}

.block-products__slide .product-item {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.product-item__price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 15px;
    margin-bottom: 20px
}

.product-item__img {
    display: block;
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #D2D2D1;
}

.product-item__img img {
    display: block;
    width: 100%
}

.product-item__name {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px
}

@media (min-width: 960px) {
    .product-item__name {
        font-size:16px;
        line-height: 1.4;
        display: block
    }
}

.product-item__bottom {
    justify-self: flex-end;
    margin-top: auto
}

.product-item__labels {
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    display: flex;
    justify-content: flex-end;
    gap:5px;
    align-items: center;
}
.product-item__labels .label--percent {
 margin-right:auto;   
}

.product-item .button {
    width: 240px
}

.price-regular {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase
}

.price-old {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-secondary-text);
    position: relative;
    display: inline-block
}

.price-old:before {
    content: '';
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: currentColor;
    margin: auto
}

.products {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
    gap: 20px 15px
}

@media (min-width: 560px) {
    .products {
        grid-template-columns:repeat(auto-fill,minmax(200px,1fr))
    }
}

@media (min-width: 960px) {
    .products {
        grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
        gap: 35px 30px
    }
}

.category-gallery {
    background: #eae4dc;
    padding: 40px 0;
    margin-bottom: 50px
}

.category-gallery__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

@media (max-width: 959px) {
    .category-gallery__cell:nth-child(3)~* {
        display:none
    }
}

.category-gallery__cell--main {
    grid-column: 1/3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

@media (min-width: 768px) {
    .category-gallery__grid {
        grid-template-columns:1fr 1fr 1fr
    }

    .category-gallery__cell--main {
        grid-row: 1/3
    }
}

.category-gallery__img {
    border-radius: 20px;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.category-gallery__descr {
    background: var(--color-accordion-bg);
    color: var(--color-secondary-text);
    font-size: 14px;
    padding: 20px;
    border-radius: 20px;
    height: 100%
}

@media (min-width: 960px) {
    .category-gallery__grid {
        grid-template-columns:1fr 1fr 1fr
    }

    .category-gallery__cell:nth-child(5) {
        grid-column-end: span 2
    }

    .category-gallery__cell--main {
        grid-column: 2/3;
        grid-row: 1/2
    }

    .category-gallery__descr {
        font-size: 18px
    }

    .catalog-mob-title {
        display: none
    }
}

.category-gallery__title {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: var(--color-base)
}

.catalog-mob-title {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600
}

.button-icon {
    display: block;
    background: #e5e5e5;
    width: 37px;
    height: 36px;
    font-size: 12px;
    text-align: center;
    border-radius: 6px;
    color: var(--color-base);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #464646
}

.button-icon:hover {
    color: #fff;
    background: var(--color-base)
}

.button-icon__icon {
    background: var(--color-bg-product-icon);
    display: block;
    width: 17px;
    height: 17px
}

.main-gallery {
    background-color: var(--color-bg-attributes);
    padding: 40px 0
}

.main-gallery__title {
    text-align: center
}

.main-gallery__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

@media (min-width: 560px) {
    .main-gallery__grid {
        grid-template-columns:1fr 1fr 1fr
    }

    .main-gallery__item:nth-child(2) img {
        height: calc(100% + 180px)
    }

    .main-gallery__item:nth-child(5) img {
        height: calc(100% - 180px);
        margin-top: 180px
    }
}

@media (min-width: 960px) {
    .main-gallery {
        padding:100px 0
    }

    .main-gallery__title {
        margin-bottom: 50px
    }

    .main-gallery__grid {
        grid-template-columns: 1fr 36% 1fr;
        gap: 30px
    }

    .self-factory__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 40px
    }
}

.main-gallery__item img {
    border-radius: 20px;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.self-factory {
    background: var(--color-bg-attributes);
    padding: 40px 0
}

.self-factory~.feedback {
    --color-bg: #fff;
    margin: 0
}

.self-factory__descr {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    color: var(--color-secondary-text)
}

.self-factory__images {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.self-factory__image {
    border-radius: 20px;
    overflow: hidden
}

.self-factory__image:first-child {
    grid-column: 1/3
}

.self-factory__image img {
    display: block;
    width: 100%
}

.main-slider {
    padding-bottom: 40px;
    background: var(--color-bg-attributes)
}

@media (min-width: 960px) {
    .self-factory__descr {
        font-size:18px
    }

    .self-factory__images {
        width: 40%
    }

    .main-slider {
        padding: 0;
        margin-top: -40px;
    }

    .main-slider__slide {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.main-slider__descr {
    background: -webkit-linear-gradient(269.86deg,#ddd8d7 63%,rgba(220,215,212,0) 100%);
    background: linear-gradient(180.14deg,#ddd8d7 63%,rgba(220,215,212,0) 100%);
    padding: 40px 0 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -40px;
    z-index: 2
}

.main-slider__slide-title {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 960px) {
    .main-slider__descr {
        background:-webkit-linear-gradient(left,#ddd8d7 47.99%,rgba(220,215,212,0) 55.18%);
        background: linear-gradient(90deg,#ddd8d7 47.99%,rgba(220,215,212,0) 55.18%);
        margin-bottom: 0;
        margin-right: -50px;
        padding: 0 50px 0 0;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        right: 0;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .main-slider__slide-title {
        text-align: left;
        font-size: 36px
    }

    .main-slider__slide-image {
        width: 55%;
        margin-right: 0
    }
}

.main-slider__slide-img {
    display: block;
    width: 100%
}

.benefis {
    background: var(--color-bg-attributes);
    padding: 25px 0;
    border-top: 1px solid #fff
}

.benefis__inner {
    display: grid;
    gap: 20px
}

@media (min-width: 1240px) {
    .main-slider__slide-title {
        font-size:48px
    }

    .benefis__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.benefis__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.benefis__item-icon {
    width: 32px;
    height: 32px;
    display: block
}

.benefis__item-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 960px) {
    .benefis {
        border:none;
        padding: 40px 0
    }

    .benefis__inner {
        grid-template-columns: repeat(3,1fr)
    }

    .benefis__item {
        gap: 15px
    }

    .benefis__item-title {
        font-size: 16px
    }
}

.block-products {
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 30px
}

.block-products:nth-child(2n) {
    background: #f7f7f7;
    padding: 50px 0 35px
}

@media (min-width: 960px) {
    .block-products {
        padding-bottom:80px;
        padding-top: 100px
    }

    .block-products:nth-child(2n) {
        padding: 100px 0
    }

    .block-products__inner {
        overflow: hidden;
    }
}

.block-products__slide {
    padding: 0 10px;
    height: initial;
    float: none;
    /* background: #fff; */
}

.block-products__list {
    margin: 0 -150px 0 -10px
}

@media (min-width: 960px) {
    .block-products__list {
        margin: 0 -10px;
    }
}

.block-products .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.paginate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
    gap: 15px;
    font-size: 16px;
    padding-top: 30px
}

@media (min-width: 960px) {
    .paginate {
        margin-bottom:60px;
        font-size: 18px;
        padding-top: 50px
    }
}

.paginate__next,.paginate__prev {
    width: 46px;
    height: 46px;
    display: block;
    position: relative;
    color: var(--color-base);
    border: 1px solid transparent;
    border-radius: 10px
}

.paginate__next:hover,.paginate__prev:hover {
    color: #fff;
    border-color: var(--color-base);
    background: var(--color-base)
}

.paginate__next:before,.paginate__prev:before {
    content: '';
    width: 7px;
    height: 7px;
    display: block;
    position: absolute;
    border: 1px solid currentColor;
    border-width: 0 0 1px 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 2px;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto
}

.paginate__next:before {
    border-width: 1px 1px 0 0;
    right: 0;
    left: -2px
}

.paginate__link {
    display: block;
    line-height: 44px;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 10px;
    color: var(--color-base);
    min-width: 46px;
    text-align: center
}

.paginate__link:hover {
    color: #fff;
    border-color: var(--color-base);
    background: var(--color-base)
}

.paginate__link--current {
    color: inherit;
    border-color: var(--color-base)
}

.paginate__dots {
    color: var(--color-base);
    font-size: 18px
}

.rating-diff {
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: 25px;
    line-height: 1
}

.rating-diff::before {
    content: attr(data-content);
    letter-spacing: 4px;
    background: -webkit-linear-gradient(left,var(--star-background) var(--percent),var(--star-color) var(--percent));
    background: linear-gradient(90deg,var(--star-background) var(--percent),var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.footer {
    background: var(--color-footer);
    color: #fff;
    padding: 40px 0 0
}

.footer__left-col {
    display: grid;
    grid-template-columns: 1fr 35%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px
}

@media (min-width: 960px) {
    .footer {
        padding:50px 0 0
    }

    .footer__left-col {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        -webkit-box-pack: initial;
        -webkit-justify-content: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.footer__left-col .social {
    grid-column: 2/3;
    grid-row: 1;
    justify-self: flex-end;
    gap: 12px
}

.footer__left-col .social__link {
    color: var(--color-icons)
}

.footer__left-col .social__icon {
    width: 25px;
    height: 25px
}

.footer__left-contacts {
    grid-column: 1/3;
    color: var(--color-icons)
}

.footer__menu-title {
    font-size: 20px;
    font-weight: 600;
    padding: 15px;
    display: block;
    position: relative
}

.footer__menu-title::after {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    border: 1px solid var(--color-inputs);
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 20px
}

.footer__menu-control:checked~.footer__menu-title::after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

@media (min-width: 960px) {
    .footer__left-col .social {
        -webkit-align-self:flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .footer__menu-title {
        padding: 0;
        margin-bottom: 25px
    }

    .footer__menu-title::after {
        display: none
    }

    .footer__inner {
        display: grid;
        grid-template-columns: 220px 22% 20% 1fr;
        gap: 20px;
        font-size: 14px
    }
}

.footer__inner {
    margin-bottom: 40px
}

.footer__menu {
    border-top: 1px solid var(--color-inputs)
}

.footer__menu:last-child {
    border-bottom: 1px solid var(--color-inputs)
}

@media (min-width: 960px) {
    .footer__inner {
        grid-template-columns:24% 18% 18% 1fr;
        margin-bottom: 55px
    }

    .footer__menu {
        border: none;
        padding-top: 5px
    }

    .footer__menu:last-child {
        border: none
    }
}

.footer .footer__menu-control {
    display: none
}

.footer__menu-list {
    padding: 10px 15px 20px
}

@media (min-width: 960px) {
    .footer__menu-list {
        padding:0
    }
}

@media (max-width: 959px) {
    .footer__menu-control:not(:checked)~.footer__menu-list {
        display:none
    }
}

.footer__menu-li {
    margin-bottom: 15px
}
.footer__menu-link:hover {
    color:#A5A5A4
}
.footer__logo:hover {
    color:#A5A5A4
    
}
.footer .phone:hover {
    color:#A5A5A4
}

@media (min-width: 1240px) {
    .footer__menu-link {
        font-size:16px;
        padding: 20px 0
    }

    .copy {
        font-size: 18px
    }
}

.footer__bottom {
    border-top: 1px solid var(--color-secondary-text)
}

.copy {
    color: var(--color-inputs);
    padding: 15px 0
}

.contact-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.contact-item:last-child {
    margin-bottom: 10px
}

.contact-item__icon {
    display: block;
    max-width: 26px;
    max-height: 26px
}

.contact-item .phone {
    font-weight: 400
}

.contact-item--date {
    font-size: 18px
}

.contact-item--address {
    border-bottom: 1px solid var(--color-icons);
    padding-bottom: 20px;
    font-size: 16px
}

.contact-item--bold {
    font-weight: 600;
    font-size: 135%
}

@media (min-width: 960px) {
    .contact-item--bold {
        font-size:110%
    }
}

.contact-item p:last-child {
    margin: 0
}

.search-list {
    max-width: 1000px;
    padding-top: 10px;
    margin-bottom: 30px
}

@media (min-width: 960px) {
    .color-grid {
        gap:10px
    }

    .contact-form .input-row__textarea {
        min-height: 160px
    }

    .search-list {
        margin-bottom: 60px
    }
}

.search-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    border-top: 1px solid var(--color-ui-default);
    padding: 10px 0
}

.search-list__item-img {
    display: block;
    width: 65px
}

.search-list__item-img img {
    display: block;
    width: 100%
}

.search-list__item-descr {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.search-list__item-title {
    color: var(--color-ui-main);
    margin-bottom: 5px;
    display: block;
    font-weight: 600
}

.search-list__item-summary {
    font-size: 12px;
    color: var(--color-text);
    display: block;
    margin-bottom: 5px
}

.search-list__item-summary:hover {
    color: var(--color-ui-main)
}

.search-list__item-category {
    display: block;
    font-size: 14px;
}

.search-list__item-category a {
    color: inherit
}

.search-list__item-category a:hover {
    color: var(--color-ui-main)
}


.elements {display: flex;gap: 30px;justify-content: space-between;}
.elements__list {display: grid;grid-template-columns: 1fr 1fr 1fr;flex: 1;gap: 20px;}
.element {
}
.element__img {margin-bottom: 10px;}
.element__img img {
    display:block;
    width:100%;
    border-radius: 10px;
}
.element__title {font-size: 20px;font-weight: 600;margin-bottom: 10px;}
.element__descr {font-size: 16px;}
.elements__legend {width: 310px;}
.elements__legend-row {display: flex;border-bottom: 1px dotted #A5A5A4;justify-content: space-between;margin-bottom: 10px;}
.elements__legend-name {font-weight: 500;background: #fff;margin-bottom: -1px;padding-right: 5px;}
.elements__legend-val {margin-bottom: -1px;background: #fff;padding-left: 5px;}
.elements__legend-title {
    
}

@media (max-width:960px) {
    .elements {
        flex-direction: column;
    }
    .elements__list {
        grid-template-columns: 1fr 1fr;
    }
    .elements__legend {
        width: 100%;
    }
    
}

.reviews-photos {overflow: hidden;}
 
.reviews-photos__list {margin: 0 -10px;}
.reviews-photos__list .slick-track {
    margin-left: 0;
}
.reviews-photo {padding: 0 10px; cursor: pointer}
.reviews-photo__img {margin-bottom: 10px; display: block}
.reviews-photo__img img {width: 100%;border-radius:10px;}
.reviews-photo__title {font-size: 24px;font-weight: 600;margin-bottom: 5px;}
.reviews-photo__descr {
}
.reviews-photos .slick-arrow {
    bottom: 80px;
}

@media (max-width:960px) {
.reviews-photo__title {
    font-size: 18px;
}
    
}

.review-popup {
    
}

.review-popup__image {
    max-width: 80vw;
    height: 80vh;
    display: block;
    object-fit: cover;
}


.review-popup__legend {position: absolute;left: 0;top: 0;right: 0;bottom:0;display: flex;justify-content: flex-end;padding: 10px;align-items: flex-start;}
.review-popup__legend-control {
    display:none;
}
.cursor {
    display:block;
    background:#464646;
    width: 38px;
    height:38px;
    border-radius:50%;
    border:9px solid rgb(255 255 255 / 90%); 
    cursor:pointer;
    position:absolute;
    left:0; 
    top:0;
    right:0;
    bottom:0;
    margin: auto;
}

.cursor:before {
     content: ''; 
  position: absolute;
  border: 10px solid #ffffffa6;
  left: -20px;
  opacity: 0;
  right: -20px;
  top: -20px;
  bottom: -20px;
  border-radius: 50%;
  animation: pulse 2s linear infinite; 
}
@keyframes pulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
.review-popup__legend-control:checked .cursor {
    display:none;
}
.legend {
    display: none;
    background: #fff;
    padding: 20px;
    z-index: 9999;
    border-radius: 20px;
    position: relative;
    width: 330px;
    overflow: AUTO;
    max-height: 100%;
}
.review-popup__legend-control:checked  ~ .legend {
    display:block
}
.legend__title {font-weight: 600;font-size: 32px;text-transform: uppercase;margin-bottom: 10px;}
.legend__close {display: block;position: absolute;top: 10px;right: 10px;width: 20px;height: 20px;cursor:pointer}

.legend__close:before, .legend__close:after {
    content:'';
    display: block;
    height:1px;
    width:15px;
    background:#535460;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(45deg);
}
.legend__close:after {
    transform: rotate(-45deg);
    
}
.legend__products {
    
}
.product-cart {
    display:flex;
    gap: 10px;
    align-items:center;
    margin-bottom: 10px;
}
.product-cart__image {display: block;}
.product-cart__image  img {
    display:block;
    width: 100px;
    border-radius: 15px;
}
.product-cart__descr {
    flex:1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.product-cart__name {font-weight: 600;font-size: 20px;}
.product-cart__model {
}
.product-cart__price {font-weight: 600;font-size: 20px;}



.cookie{
    position: fixed;
    right: 40px;
    bottom: 50px;
    background: rgba(25,25,25,0.9);
    padding: 30px;
    display: flex;
    flex-direction: column;
    color: #fff;
    border-radius: 20px;
    gap: 20px;
    max-width: 360px;
    z-index: 9999;
}
.cookie__title {
    font-weight: 500;
    /* font-size: 16px; */
    line-height: 1.4;
}
.cookie a {
    color:inherit;
    text-decoration:underline;
}
.cookie a:hover {
    
    color:#A5A5A4;
}
@media (max-width: 960px) {
    .cookie{
        right: 10px;
        bottom: 10px;
        max-width: 270px;
        padding: 20px;
    }
}
footer .social li:last-child svg path {
    fill: #d2d2d2;
}
.s-message {
	display:none !important;
}
input[name="n-message"] {
    display: block;
    width: 5px;
    height: 3px;
    margin-bottom: -3px;
    opacity: 0.01;
}