/* Start:/bitrix/templates/hamat/css/style.css?1725949774178191*/
@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

hr,
img,
legend {
    border: 0
}

legend,
td,
th {
    padding: 0
}

body,
mark {
    color: #000
}

body,
figure {
    margin: 0
}

.btn-group>.btn-group,
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.dropdown-menu {
    float: left
}

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

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent;
    color: #337ab7;
    text-decoration: none
}

a:active,
a:hover {
    outline: 0
}

b,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0
}

mark {
    background: #ff0
}

.img-thumbnail,
body {
    background-color: #fff
}

.btn,
.btn-danger.active,
.btn-danger:active,
.btn-default.active,
.btn-default:active,
.btn-info.active,
.btn-info:active,
.btn-primary.active,
.btn-primary:active,
.btn-success.active,
.btn-success:active,
.btn-warning.active,
.btn-warning:active,
.btn.active,
.btn:active,
.open>.btn-danger.dropdown-toggle,
.open>.btn-default.dropdown-toggle,
.open>.btn-info.dropdown-toggle,
.open>.btn-primary.dropdown-toggle,
.open>.btn-success.dropdown-toggle,
.open>.btn-warning.dropdown-toggle {
    background-image: none
}

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

.btn,
.btn-group,
.btn-group-vertical,
.caret,
.header-basket a:before,
img {
    vertical-align: middle
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

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

hr {
    box-sizing: content-box;
    height: 0
}

pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

.form-call-back i,
.tooltip,
address {
    font-style: normal
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

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

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

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

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

*,
.bootstrap-select.btn-group .dropdown-menu,
.bootstrap-select.btn-group .dropdown-menu .notify,
.bs-actionsbox,
.bs-donebutton,
.noUi-pips,
.noUi-pips *,
.noUi-target,
.noUi-target *,
.ui-controlgroup-vertical .ui-controlgroup-item,
:after,
:before {
    box-sizing: border-box
}

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-size: 14px;
    line-height: 1.42857
}

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

a:focus,
a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

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

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
    font-size: 65%
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-size: 75%
}

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

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

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

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

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

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

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

dt,
kbd kbd {
    font-weight: 700
}

.btn,
address,
dd,
dt,
pre {
    line-height: 1.42857
}

@media (min-width:768px) {
    .lead {
        font-size: 21px
    }
}

.small,
small {
    font-size: 85%
}

.mark,
mark {
    background-color: #fcf8e3;
    padding: .2em
}

.list-inline,
.list-unstyled {
    padding-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.initialism,
.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:focus,
a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:focus,
a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus,
a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus,
a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:focus,
a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus,
a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus,
a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

dl,
ol,
ul {
    margin-top: 0
}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child,
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

address,
dl {
    margin-bottom: 20px
}

ol,
ul {
    margin-bottom: 10px
}

.list-inline {
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dd {
    margin-left: 0
}

.dl-horizontal dd:after,
.dl-horizontal dd:before {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .dl-horizontal dd {
        margin-left: 180px
    }
    .container,
    .footer-container,
    .header-container,
    .page-container,
    .section-container,
    .site-nav-container {
        width: 740px
    }
}

.btn-toolbar:after,
.container-fluid:after,
.container:after,
.dropdown-menu>li>a,
.footer-container:after,
.header-contacts-line:after,
.header-container:after,
.header-lang:after,
.header-row:after,
.main-category:after,
.modal-header:after,
.nav:after,
.page-container:after,
.row:after,
.section-container:after,
.site-nav-container:after {
    clear: both
}

abbr[data-original-title],
abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote .small,
blockquote footer,
blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777
}

blockquote .small:before,
blockquote footer:before,
blockquote small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

code,
kbd {
    padding: 2px 4px;
    font-size: 90%
}

.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
    content: ''
}

.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

.tooltip,
body {
    font-family: DinDisplayPro, sans-serif
}

code {
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    box-shadow: none
}

.btn,
.btn-link,
.input-group-addon,
.tooltip {
    font-weight: 400
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.footer-container:after,
.footer-container:before,
.header-container:after,
.header-container:before,
.page-container:after,
.page-container:before,
.row:after,
.row:before,
.section-container:after,
.section-container:before,
.site-nav-container:after,
.site-nav-container:before {
    content: " ";
    display: table
}

.container,
.container-fluid,
.footer-container,
.header-container,
.page-container,
.section-container,
.site-nav-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.modal,
.modal-open,
.nav .nav-divider {
    overflow: hidden
}

@media (min-width:992px) {
    .container,
    .footer-container,
    .header-container,
    .page-container,
    .section-container,
    .site-nav-container {
        width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .footer-container,
    .header-container,
    .page-container,
    .section-container,
    .site-nav-container {
        width: 1200px
    }
}

.header-row,
.row {
    margin-right: -10px
}

.row {
    margin-left: -10px
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width:768px) {
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }
    .col-sm-1 {
        width: 8.33333%
    }
    .col-sm-2 {
        width: 16.66667%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-4 {
        width: 33.33333%
    }
    .col-sm-5 {
        width: 41.66667%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-7 {
        width: 58.33333%
    }
    .col-sm-8 {
        width: 66.66667%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-10 {
        width: 83.33333%
    }
    .col-sm-11 {
        width: 91.66667%
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-pull-1 {
        right: 8.33333%
    }
    .col-sm-pull-2 {
        right: 16.66667%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-4 {
        right: 33.33333%
    }
    .col-sm-pull-5 {
        right: 41.66667%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-7 {
        right: 58.33333%
    }
    .col-sm-pull-8 {
        right: 66.66667%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-10 {
        right: 83.33333%
    }
    .col-sm-pull-11 {
        right: 91.66667%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-push-1 {
        left: 8.33333%
    }
    .col-sm-push-2 {
        left: 16.66667%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-4 {
        left: 33.33333%
    }
    .col-sm-push-5 {
        left: 41.66667%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-7 {
        left: 58.33333%
    }
    .col-sm-push-8 {
        left: 66.66667%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-10 {
        left: 83.33333%
    }
    .col-sm-push-11 {
        left: 91.66667%
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
    .col-sm-offset-1 {
        margin-left: 8.33333%
    }
    .col-sm-offset-2 {
        margin-left: 16.66667%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333%
    }
    .col-sm-offset-5 {
        margin-left: 41.66667%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333%
    }
    .col-sm-offset-8 {
        margin-left: 66.66667%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333%
    }
    .col-sm-offset-11 {
        margin-left: 91.66667%
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:992px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }
    .col-md-1 {
        width: 8.33333%
    }
    .col-md-2 {
        width: 16.66667%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-4 {
        width: 33.33333%
    }
    .col-md-5 {
        width: 41.66667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.33333%
    }
    .col-md-8 {
        width: 66.66667%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.33333%
    }
    .col-md-11 {
        width: 91.66667%
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-pull-1 {
        right: 8.33333%
    }
    .col-md-pull-2 {
        right: 16.66667%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-4 {
        right: 33.33333%
    }
    .col-md-pull-5 {
        right: 41.66667%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-7 {
        right: 58.33333%
    }
    .col-md-pull-8 {
        right: 66.66667%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-10 {
        right: 83.33333%
    }
    .col-md-pull-11 {
        right: 91.66667%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-push-1 {
        left: 8.33333%
    }
    .col-md-push-2 {
        left: 16.66667%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-4 {
        left: 33.33333%
    }
    .col-md-push-5 {
        left: 41.66667%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-7 {
        left: 58.33333%
    }
    .col-md-push-8 {
        left: 66.66667%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-10 {
        left: 83.33333%
    }
    .col-md-push-11 {
        left: 91.66667%
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
    .col-md-offset-1 {
        margin-left: 8.33333%
    }
    .col-md-offset-2 {
        margin-left: 16.66667%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-4 {
        margin-left: 33.33333%
    }
    .col-md-offset-5 {
        margin-left: 41.66667%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-7 {
        margin-left: 58.33333%
    }
    .col-md-offset-8 {
        margin-left: 66.66667%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-10 {
        margin-left: 83.33333%
    }
    .col-md-offset-11 {
        margin-left: 91.66667%
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:1200px) {
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }
    .col-lg-1 {
        width: 8.33333%
    }
    .col-lg-2 {
        width: 16.66667%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-4 {
        width: 33.33333%
    }
    .col-lg-5 {
        width: 41.66667%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-7 {
        width: 58.33333%
    }
    .col-lg-8 {
        width: 66.66667%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-10 {
        width: 83.33333%
    }
    .col-lg-11 {
        width: 91.66667%
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-pull-1 {
        right: 8.33333%
    }
    .col-lg-pull-2 {
        right: 16.66667%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-4 {
        right: 33.33333%
    }
    .col-lg-pull-5 {
        right: 41.66667%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-7 {
        right: 58.33333%
    }
    .col-lg-pull-8 {
        right: 66.66667%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-10 {
        right: 83.33333%
    }
    .col-lg-pull-11 {
        right: 91.66667%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-push-1 {
        left: 8.33333%
    }
    .col-lg-push-2 {
        left: 16.66667%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-4 {
        left: 33.33333%
    }
    .col-lg-push-5 {
        left: 41.66667%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-7 {
        left: 58.33333%
    }
    .col-lg-push-8 {
        left: 66.66667%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-10 {
        left: 83.33333%
    }
    .col-lg-push-11 {
        left: 91.66667%
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
    .col-lg-offset-1 {
        margin-left: 8.33333%
    }
    .col-lg-offset-2 {
        margin-left: 16.66667%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333%
    }
    .col-lg-offset-5 {
        margin-left: 41.66667%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333%
    }
    .col-lg-offset-8 {
        margin-left: 66.66667%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333%
    }
    .col-lg-offset-11 {
        margin-left: 91.66667%
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px 4px;
    font-size: 14px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle,
.btn.active,
.btn:active,
.dropdown-toggle:focus,
.modal,
.modal-content,
.open>a {
    outline: 0
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active,
.btn:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default.focus,
.btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default.active,
.btn-default:active,
.btn-default:hover,
.open>.btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.btn-default.dropdown-toggle.focus,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success.active,
.btn-success:active,
.btn-success:hover,
.open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.btn-success.dropdown-toggle.focus,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625
}

.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info.active,
.btn-info:active,
.btn-info:hover,
.open>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.btn-info.dropdown-toggle.focus,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.focus,
.btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning.active,
.btn-warning:active,
.btn-warning:hover,
.open>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.btn-warning.dropdown-toggle.focus,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger.active,
.btn-danger:active,
.btn-danger:hover,
.open>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.btn-danger.dropdown-toggle.focus,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    color: #337ab7;
    border-radius: 0
}

.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,
.btn-link:hover {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 10px 16px 8px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

.btn-group-sm>.btn,
.btn-group-xs>.btn,
.btn-sm,
.btn-xs {
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 5px 10px 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown,
.dropup {
    position: relative
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box
}

.dropdown-menu-right,
.dropdown-menu.pull-right {
    left: auto;
    right: 0
}

.dropdown-header,
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    line-height: 1.42857;
    white-space: nowrap
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle,
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child,
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child),
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    font-weight: 400;
    color: #333
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    color: #777
}

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    font-size: 12px;
    color: #777
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9;
    content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }
    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    float: left
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 2
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar:after,
.btn-toolbar:before {
    content: " ";
    display: table
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn .caret,
.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group-lg.btn-group>.btn+.dropdown-toggle,
.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none
}

.btn-group-lg>.btn .caret,
.btn-lg .caret {
    border-width: 5px 5px 0
}

.dropup .btn-group-lg>.btn .caret,
.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before {
    content: " ";
    display: table
}

.btn-group-vertical>.btn-group:after {
    clear: both
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-radius: 4px 4px 0 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-radius: 0 0 4px 4px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn,
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn input[type=radio],
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group,
.input-group-btn,
.input-group-btn>.btn {
    position: relative
}

.input-group {
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.modal-title,
.nav-tabs>li>a,
.tooltip {
    line-height: 1.42857
}

.input-group-addon.input-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
    z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav:after,
.nav:before {
    content: " ";
    display: table
}

.nav>li,
.nav>li>a {
    position: relative;
    display: block
}

.nav>li>a {
    padding: 10px 15px
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-pills>li {
    float: left
}

.nav-justified>li,
.nav-stacked>li,
.nav-tabs.nav-justified>li {
    float: none
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #337ab7
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified,
.nav-tabs.nav-justified {
    width: 100%
}

.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

.modal,
.modal-backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-justified>li,
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }
    .nav-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
    .nav-tabs-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }
    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.modal {
    display: none;
    position: fixed;
    z-index: 1050;
    -webkit-overflow-scrolling: touch
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box
}

.ui-slider-handle,
body a {
    outline: 0 !important
}

.modal-backdrop {
    position: fixed;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    border-bottom: 1px solid #e5e5e5
}

.modal-header:after,
.modal-header:before {
    content: " ";
    display: table
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0
}

.modal-body {
    position: relative
}

.tooltip,
.tooltip-arrow {
    position: absolute
}

.modal-footer {
    text-align: right
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }
    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }
    .modal-sm {
        width: 300px
    }
}

.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    z-index: 1070;
    display: block;
    letter-spacing: normal;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.category-name,
.header-basket,
.header-call a,
.header-search-submit,
.main-slider-content,
.section-title h2,
.site-nav-item {
    text-transform: uppercase
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    text-align: center;
    background-color: #000
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    right: 5px
}

.tooltip.top-right .tooltip-arrow {
    left: 5px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-width: 0 5px 5px;
    border-bottom-color: #000;
    top: 0
}

.tooltip.bottom .tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.tooltip.bottom-left .tooltip-arrow {
    right: 5px;
    margin-top: -5px
}

.tooltip.bottom-right .tooltip-arrow {
    left: 5px;
    margin-top: -5px
}

@-ms-viewport {
    width: device-width
}

.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }
    table.visible-xs {
        display: table !important
    }
    tr.visible-xs {
        display: table-row !important
    }
    td.visible-xs,
    th.visible-xs {
        display: table-cell !important
    }
    .visible-xs-block {
        display: block !important
    }
    .visible-xs-inline {
        display: inline !important
    }
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }
    table.visible-sm {
        display: table !important
    }
    tr.visible-sm {
        display: table-row !important
    }
    td.visible-sm,
    th.visible-sm {
        display: table-cell !important
    }
    .visible-sm-block {
        display: block !important
    }
    .visible-sm-inline {
        display: inline !important
    }
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }
    table.visible-md {
        display: table !important
    }
    tr.visible-md {
        display: table-row !important
    }
    td.visible-md,
    th.visible-md {
        display: table-cell !important
    }
    .visible-md-block {
        display: block !important
    }
    .visible-md-inline {
        display: inline !important
    }
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }
    table.visible-lg {
        display: table !important
    }
    tr.visible-lg {
        display: table-row !important
    }
    td.visible-lg,
    th.visible-lg {
        display: table-cell !important
    }
    .visible-lg-block {
        display: block !important
    }
    .visible-lg-inline {
        display: inline !important
    }
    .visible-lg-inline-block {
        display: inline-block !important
    }
    .hidden-lg {
        display: none !important
    }
}

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

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }
    table.visible-print {
        display: table !important
    }
    tr.visible-print {
        display: table-row !important
    }
    td.visible-print,
    th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
    .hidden-print {
        display: none !important
    }
}

.header-lang:after,
.header-lang:before,
.header-row:after,
.header-row:before {
    content: " ";
    display: table
}

body {
    width: 100%;
    min-width: 320px;
    background: #efefef;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body a {
    text-decoration: none !important;
    -webkit-transition: .3s;
    transition: .3s
}

button,
input,
textarea {
    outline: 0 !important;
    -webkit-transition: .3s;
    transition: .3s
}

input,
textarea {
    border: 1px solid #ccc;
    -webkit-transition: .3s;
    transition: .3s
}

.bootstrap-select .dropdown-toggle {
    padding-left: 5px
}

.bootstrap-select .btn {
    padding: 0;
    height: 24px;
    border: 1px solid #959595;
    border-radius: 0;
    line-height: 24px
}

.header-row {
    margin-left: -10px
}

.header-about {
    width: 29.3%;
    float: left;
    padding: 0 10px
}

@media (max-width:767px) {
    .header-about {
        width: 100%
    }
    .header-logo:before {
        display: none
    }
}

.header-lang {
    width: 100%;
    margin-top: 9px;
    margin-left: 3px
}

.header-basket a:before,
.header-logo:before {
    content: ""
}

.header-lang-link {
    float: left;
    margin-right: 7px;
    width: 21px;
    height: 14px;
    border: 2px solid #d0d0d0
}

.header-lang-link.netherlands {
    background: url(/bitrix/templates/hamat/css/../images/flag1.png)
}

.header-lang-link.germany {
    background: url(/bitrix/templates/hamat/css/../images/flag2.png)
}

.header-lang-link.britain {
    background: url(/bitrix/templates/hamat/css/../images/flag3.png)
}

.header-lang-link.france {
    background: url(/bitrix/templates/hamat/css/../images/flag4.png)
}

.header-logo {
    position: relative;
    margin-top: 25px;
    margin-left: 5px;
    margin-bottom: 17px;
    width: 100%;
    height: 80px;
    background-size: 100% auto;background-repeat: no-repeat;background-position: left center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!-- Creator: CorelDRAW 2019 (64-Bit) --%3e%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='108.357mm' height='23.817mm' version='1.1' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd' viewBox='0 0 10858.09 2386.61' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:xodm='http://www.corel.com/coreldraw/odm/2003'%3e%3cdefs%3e%3cstyle type='text/css'%3e%3c![CDATA[ .str1 %7bstroke:%237A7A7A;stroke-width:20.04;stroke-miterlimit:22.9256%7d .str0 %7bstroke:%237A7A7A;stroke-width:20.04;stroke-miterlimit:10%7d .fil1 %7bfill:none;fill-rule:nonzero%7d .fil0 %7bfill:black;fill-rule:nonzero%7d ]]%3e%3c/style%3e%3c/defs%3e%3cg id='Слой_x0020_1'%3e%3cmetadata id='CorelCorpID_0Corel-Layer'/%3e%3cpolygon class='fil0' points='1136.84,35.79 947.93,35.79 947.93,883.76 265.32,883.76 265.32,35.79 76.42,35.79 76.42,1516.94 265.32,1516.94 265.32,1046.89 947.93,1046.89 947.93,1516.94 1136.84,1516.94 '/%3e%3cpath class='fil0' d='M2296.01 1053.28l145.97 463.66 195.34 0 -476.54 -1429.63c-8.6,-32.21 -36.51,-51.52 -70.85,-51.52l-197.48 0c-34.36,0 -62.27,19.31 -70.84,51.52l-476.56 1429.63 195.34 0 145.97 -463.66 609.63 0zm-51.51 -163.16l-506.6 0 186.74 -588.15 36.5 -120.22 60.11 0c10.72,38.63 23.6,81.58 36.48,120.22l186.77 588.15z'/%3e%3cpath class='fil0' d='M4031.88 35.79c-42.92,0 -70.84,21.45 -81.55,64.38l-276.9 899.43c-21.49,70.84 -36.53,135.24 -55.82,203.93l-38.28 0c-19.31,-68.69 -34.36,-133.09 -55.82,-199.64l-276.9 -903.72c-12.89,-42.93 -36.5,-64.38 -79.43,-64.38l-214.65 0c-49.74,0 -77.64,27.89 -79.79,79.42l-57.95 1401.72 189.25 0 51.54 -1324.47 42.92 0 330.58 1092.63c12.89,40.78 40.78,64.4 85.86,64.4l169.22 0c42.96,0 70.85,-23.62 81.6,-64.4l330.56 -1092.63 45.07 0 53.66 1324.47 189.27 0 -62.26 -1401.72c0,-51.54 -27.89,-79.42 -77.63,-79.42l-212.53 0z'/%3e%3cpath class='fil0' d='M5513.78 1053.28l145.96 463.66 195.34 0 -476.56 -1429.63c-8.59,-32.21 -36.48,-51.52 -70.84,-51.52l-197.51 0c-34.32,0 -62.22,19.31 -70.81,51.52l-476.56 1429.63 195.34 0 145.97 -463.66 609.65 0zm-51.55 -163.16l-506.57 0 186.72 -588.15 36.52 -120.22 60.09 0c10.75,38.63 23.62,81.58 36.49,120.22l186.75 588.15z'/%3e%3cpolygon class='fil0' points='6945.54,203.23 6945.54,35.79 5801.42,35.79 5801.42,203.23 6277.95,203.23 6277.95,1516.94 6466.86,1516.94 6466.86,203.23 '/%3e%3cpath class='fil1 str0' d='M8227.07 1516.94l-143.85 -467.97c-32.17,-124.49 -109.45,-193.18 -182.45,-212.5l0 -10.73c195.35,-25.77 272.63,-141.68 272.63,-382.11 0,-332.72 -135.26,-427.16 -478.73,-427.16 -238.26,0 -349.9,2.13 -510.88,19.32l0 1481.15 186.75 0 0 -620.37c81.59,0 188.92,2.14 326.29,2.14 98.73,0 158.86,42.93 197.5,154.56l130.94 463.66 201.79 0zm-856.51 -781.36l0 -553.83c83.71,-2.14 193.23,-2.14 319.86,-2.14 218.96,0 291.95,57.96 291.95,274.77 0,218.94 -72.99,279.05 -291.95,281.21l-319.86 0z'/%3e%3cpath class='fil1 str1' d='M8227.07 1516.94l-143.85 -467.97c-32.17,-124.49 -109.45,-193.18 -182.45,-212.5l0 -10.73c195.35,-25.77 272.63,-141.68 272.63,-382.11 0,-332.72 -135.26,-427.16 -478.73,-427.16 -238.26,0 -349.9,2.13 -510.88,19.32l0 1481.15 186.75 0 0 -620.37c81.59,0 188.92,2.14 326.29,2.14 98.73,0 158.86,42.93 197.5,154.56l130.94 463.66 201.79 0zm-856.51 -781.36l0 -553.83c83.71,-2.14 193.23,-2.14 319.86,-2.14 218.96,0 291.95,57.96 291.95,274.77 0,218.94 -72.99,279.05 -291.95,281.21l-319.86 0z'/%3e%3cpath class='fil1 str1' d='M9577.28 35.79l-188.91 0 0 914.44c0,317.7 -92.3,425.03 -349.9,425.03 -259.72,0 -349.9,-107.33 -349.9,-425.03l0 -914.44 -188.88 0 0 914.44c0,429.32 145.96,594.6 547.37,594.6 388.54,0 530.22,-165.28 530.22,-594.6l0 -914.44z'/%3e%3cpath class='fil1 str1' d='M9577.28 35.79l-188.91 0 0 914.44c0,317.7 -92.3,425.03 -349.9,425.03 -259.72,0 -349.9,-107.33 -349.9,-425.03l0 -914.44 -188.88 0 0 914.44c0,429.32 145.96,594.6 547.37,594.6 388.54,0 530.22,-165.28 530.22,-594.6l0 -914.44z'/%3e%3cpath class='fil1 str1' d='M10470.27 890.12c128.79,32.21 186.72,73 186.72,244.72 0,203.93 -70.81,238.27 -298.35,238.27 -122.35,2.15 -201.79,-2.15 -452.95,-10.74l-12.87 139.54c201.79,36.5 362.77,40.79 459.39,40.79 345.58,0 495.86,-62.27 495.86,-403.56 0,-229.7 -70.85,-360.63 -298.36,-416.45l-300.55 -75.12c-130.94,-32.22 -186.75,-79.42 -186.75,-242.58 0,-218.95 83.74,-225.38 298.39,-225.38 137.37,0 294.08,4.3 418.58,10.73l12.87 -137.38c-148.11,-32.21 -300.51,-40.78 -440.04,-42.94 -330.6,0 -480.84,45.08 -480.84,390.69 0,225.39 77.27,358.48 291.92,412.14l306.98 77.27z'/%3e%3cpath class='fil1 str1' d='M10470.27 890.12c128.79,32.21 186.72,73 186.72,244.72 0,203.93 -70.81,238.27 -298.35,238.27 -122.35,2.15 -201.79,-2.15 -452.95,-10.74l-12.87 139.54c201.79,36.5 362.77,40.79 459.39,40.79 345.58,0 495.86,-62.27 495.86,-403.56 0,-229.7 -70.85,-360.63 -298.36,-416.45l-300.55 -75.12c-130.94,-32.22 -186.75,-79.42 -186.75,-242.58 0,-218.95 83.74,-225.38 298.39,-225.38 137.37,0 294.08,4.3 418.58,10.73l12.87 -137.38c-148.11,-32.21 -300.51,-40.78 -440.04,-42.94 -330.6,0 -480.84,45.08 -480.84,390.69 0,225.39 77.27,358.48 291.92,412.14l306.98 77.27z'/%3e%3cpath class='fil0' d='M1074.92 1862.28l2.51 -31.44c-57.86,-3.77 -120.12,-3.77 -180.49,-3.77 -45.9,0 -76.72,28.29 -76.72,73.57l0 360.97 41.51 0 0 -208.78 188.66 0 0 -33.33 -188.66 0 0 -111.31c0,-30.2 15.73,-45.91 45.28,-45.91l167.92 0zm123.87 -34.58l-41.5 0 0 359.07c0,43.39 25.14,75.47 79.85,75.47 56.61,0 114.46,-0.62 169.81,-3.77l-1.27 -31.44 -161.6 0c-29.57,0 -45.29,-15.72 -45.29,-45.91l0 -353.41zm419.45 -7.56c-123.87,0 -167.27,56.61 -167.27,224.51 0,167.9 43.4,224.5 167.27,224.5 123.88,0 167.28,-56.61 167.28,-224.5 0,-167.91 -43.4,-224.51 -167.28,-224.51zm0 36.48c93.07,0 123.88,47.17 123.88,188.04 0,140.86 -30.81,188.03 -123.88,188.03 -93.07,0 -124.51,-47.17 -124.51,-188.03 0,-140.87 31.43,-188.04 124.51,-188.04zm418.82 -36.48c-123.87,0 -167.26,56.61 -167.26,224.51 0,167.9 43.39,224.5 167.26,224.5 123.89,0 167.28,-56.61 167.28,-224.5 0,-167.91 -43.39,-224.51 -167.28,-224.51zm0 36.48c93.07,0 123.89,47.17 123.89,188.04 0,140.86 -30.82,188.03 -123.89,188.03 -93.07,0 -124.52,-47.17 -124.52,-188.03 0,-140.87 31.44,-188.04 124.52,-188.04zm564.09 404.99l-44.02 -137.72c-9.42,-33.96 -29.55,-55.33 -51.57,-61.63l0 -2.52c56.61,-8.18 79.87,-40.24 79.87,-113.19 0,-97.49 -37.73,-123.89 -135.22,-123.89 -67.91,0 -99.35,0.62 -145.27,5.04l0 433.91 40.88 0 0 -187.41c25.15,0.63 61,1.25 107.53,1.25 30.18,0 49.68,13.85 62.27,49.68l41.5 136.47 44.02 0zm-255.32 -221.99l0 -180.48c25.15,-0.63 61.64,-1.27 104.38,-1.27 69.18,0 93.7,18.88 93.7,90.56 0,71.08 -24.52,90.57 -93.7,91.2l-104.38 0zm386.12 221.99l0 -433.91 -40.88 0 0 433.91 40.88 0zm439.57 -433.91l-40.87 0 0 332.03c0,20.74 0.62,41.5 1.87,62.25l-13.2 0c-9.43,-19.48 -20.11,-40.87 -28.93,-58.48l-161.61 -321.97c-4.41,-9.44 -10.07,-13.83 -20.12,-13.83l-42.77 0c-11.32,0 -16.98,5.65 -16.98,17.61l0 416.31 40.88 0 0 -343.37c0,-17.61 0,-35.21 -1.26,-52.2l11.94 0c5.66,16.36 16.98,36.49 24.53,52.2l165.39 329.52c4.41,9.45 10.07,13.85 20.12,13.85l44.02 0c11.32,0 16.98,-5.66 16.98,-17.61l0 -416.31zm406.26 183l-40.26 0 0 172.93c-31.44,24.54 -65.4,49.68 -115.71,49.68 -77.98,0 -106.27,-52.2 -106.27,-187.4 0,-152.82 33.95,-189.29 133.3,-189.29 39,0 74.84,1.89 114.48,6.29l5.02 -30.82c-37.12,-8.81 -73.58,-11.94 -122,-11.94 -128.93,0 -174.19,54.09 -174.19,223.87 0,155.97 39.6,225.14 138.98,225.14 58.48,0 103.12,-27.68 131.44,-56.61l5.66 49.06 29.55 0 0 -250.92zm246.5 250.92l40.9 0 0 -178.6c27.01,2.52 66,5.02 108.77,5.02 95.59,0 130.2,-28.29 130.2,-132.68 0,-103.76 -34.61,-132.69 -134.62,-132.69 -67.91,0 -99.33,0.62 -145.26,5.04l0 433.91zm40.9 -209.42l0 -193.05c25.13,-0.63 61.62,-1.27 103.75,-1.27 69.18,0 93.07,20.12 93.07,97.48 0,76.72 -23.89,96.22 -93.07,96.84l-103.75 0zm535.77 66.04l47.79 143.39 42.78 0 -145.29 -421.97c-2.52,-7.56 -8.81,-11.94 -16.33,-11.94l-47.2 0c-7.53,0 -13.82,4.39 -16.33,11.94l-145.25 421.97 42.74 0 47.83 -143.39 189.27 0zm-11.95 -35.85l-165.37 0 62.26 -186.77 11.94 -35.21 17.61 0c3.15,11.32 7.53,23.27 11.31,35.21l62.25 186.77zm465.4 179.24l-44.05 -137.72c-9.44,-33.96 -29.55,-55.33 -51.58,-61.63l0 -2.52c56.6,-8.18 79.89,-40.24 79.89,-113.19 0,-97.49 -37.76,-123.89 -135.22,-123.89 -67.91,0 -99.37,0.62 -145.29,5.04l0 433.91 40.89 0 0 -187.41c25.17,0.63 60.99,1.25 107.54,1.25 30.19,0 49.66,13.85 62.25,49.68l41.51 136.47 44.05 0zm-255.35 -221.99l0 -180.48c25.17,-0.63 61.62,-1.27 104.39,-1.27 69.18,0 93.68,18.88 93.68,90.56 0,71.08 -24.5,90.57 -93.68,91.2l-104.39 0zm623.2 -175.46l0 -36.47 -330.14 0 0 36.47 143.98 0 0 397.45 41.51 0 0 -397.45 144.66 0zm396.81 -36.47l-40.86 0 0 332.03c0,20.74 0.63,41.5 1.87,62.25l-13.19 0c-9.44,-19.48 -20.15,-40.87 -28.95,-58.48l-161.62 -321.97c-4.39,-9.44 -10.04,-13.83 -20.12,-13.83l-42.77 0c-11.31,0 -16.97,5.65 -16.97,17.61l0 416.31 40.9 0 0 -343.37c0,-17.61 0,-35.21 -1.27,-52.2l11.94 0c5.66,16.36 16.97,36.49 24.54,52.2l165.37 329.52c4.38,9.45 10.07,13.85 20.11,13.85l44.05 0c11.3,0 16.96,-5.66 16.96,-17.61l0 -416.31zm372.91 399.32l-176.07 0c-27.05,0 -42.15,-15.72 -42.15,-45.27l0 -133.95 193.69 0 0 -33.34 -193.69 0 0 -106.27c0,-30.2 15.1,-45.91 42.15,-45.91l176.07 0 2.55 -31.44c-59.14,-3.77 -123.94,-3.77 -185.55,-3.77 -45.88,0 -76.71,28.29 -76.71,71.68l0 291.8c0,43.4 30.19,71.69 76.71,71.69 61.62,0 126.41,0 185.55,-3.77l-2.55 -31.44zm390.52 34.59l-44.01 -137.72c-9.41,-33.96 -29.56,-55.33 -51.58,-61.63l0 -2.52c56.63,-8.18 79.88,-40.24 79.88,-113.19 0,-97.49 -37.72,-123.89 -135.21,-123.89 -67.91,0 -99.37,0.62 -145.29,5.04l0 433.91 40.89 0 0 -187.41c25.13,0.63 60.99,1.25 107.54,1.25 30.18,0 49.66,13.85 62.25,49.68l41.51 136.47 44.01 0zm-255.31 -221.99l0 -180.48c25.13,-0.63 61.62,-1.27 104.39,-1.27 69.18,0 93.71,18.88 93.71,90.56 0,71.08 -24.53,90.57 -93.71,91.2l-104.39 0z'/%3e%3cpath class='fil0' d='M300.63 1913.21l-22.65 0 0 151.91 -121.28 0 0 -151.91 -22.65 0 0 240.46 22.65 0 0 -69.04 121.28 0 0 69.04 22.65 0 0 -240.46zm148.48 -4.18c-68.66,0 -92.71,31.35 -92.71,124.42 0,93.04 24.05,124.4 92.71,124.4 68.64,0 93.04,-31.35 93.04,-124.4 0,-93.06 -24.4,-124.42 -93.04,-124.42zm0 20.21c51.58,0 69,26.12 69,104.2 0,78.06 -17.43,104.19 -69,104.19 -51.58,0 -68.66,-26.13 -68.66,-104.19 0,-78.08 17.09,-104.2 68.66,-104.2zm-20.22 254.05c23.35,15.67 52.97,29.26 87.12,35.54l7.33 -23.01c-33.81,-4.87 -62.03,-13.23 -87.47,-26.12l-6.97 13.59z'/%3e%3cpath class='fil0' d='M332.84 1720.93c91.9,0 175.12,37.26 235.35,97.49 60.22,60.2 97.49,143.45 97.49,235.34 0,91.91 -37.26,175.12 -97.49,235.35 -60.23,60.23 -143.46,97.49 -235.35,97.49 -91.91,0 -175.14,-37.27 -235.35,-97.49 -60.23,-60.23 -97.49,-143.45 -97.49,-235.35 0,-91.9 37.27,-175.14 97.49,-235.34 60.21,-60.23 143.45,-97.49 235.35,-97.49zm199.92 132.92c-51.16,-51.18 -121.86,-82.82 -199.92,-82.82 -78.07,0 -148.77,31.65 -199.92,82.82 -51.17,51.15 -82.81,121.85 -82.81,199.91 0,78.06 31.65,148.77 82.81,199.92 51.16,51.18 121.85,82.83 199.92,82.83 78.06,0 148.77,-31.66 199.92,-82.83 51.17,-51.16 82.83,-121.86 82.83,-199.92 0,-78.06 -31.67,-148.77 -82.83,-199.91z'/%3e%3c/g%3e%3c/svg%3e ");
}
.header-logo a {display: block;height: 100%;width: 100%;position: absolute}

.header-logo:before {
    position: absolute;
    top: 0;
    right: 100%;
    width: 100px;
    height: 100%;
    /*background:#464e5d*/
}

.header-basket a:before,
.header-call a:before {
    border-radius: 5px;
    background-color: #d21249;
    background-repeat: no-repeat;
    background-position: center
}

.header-description {
    margin-top: 4px;
    padding-left: 4px;
    font-size: 14px;
    letter-spacing: .7px
}

.header-basket {
    margin-top: 45px;
    padding-right: 9px;
    float: right;
    font-size: 14px;
    letter-spacing: .6px
}

@media (max-width:767px) {
    .header-basket {
        position: absolute;
        right: 10px
    }
}

.header-basket a {
    position: relative;
    color: #000
}

@media (max-width:767px) {
    .header-basket a {
        color: #fff
    }
}

.header-basket a:hover {
    color: #d21249
}

.header-basket a:hover span {
    border-bottom: 1px solid transparent
}

.header-basket a:before {
    margin-right: 13px;
    display: inline-block;
    width: 48px;
    height: 48px;
    background-image: url(/bitrix/templates/hamat/css/../images/icons/icon-header-basket.png)
}

.header-basket span {
    border-bottom: 1px solid;
    -webkit-transition: .3s;
    transition: .3s
}

@media (max-width:991px) {
    .header-basket a:before {
        margin-right: 3px
    }
    .header-basket span {
        display: none
    }
}

.header-contacts {
    float: right;
    margin-top: 26px;
    margin-right: 108px
}

@media (max-width:1199px) {
    .header-contacts {
        margin-right: 25px
    }
}

@media (max-width:767px) {
    .header-contacts {
        margin-top: 5px;
        margin-right: 0;
        padding: 0 10px
    }
    .header-search {
        margin-bottom: 20px
    }
}

.header-contacts-line {
    width: 100%;
    display: block
}

.header-contacts-line:after,
.header-contacts-line:before {
    content: " ";
    display: table
}

.header-call a:before,
.mobile-trigger:after,
.section-title:before,
.site-nav-link:before {
    content: ""
}

.header-phones {
    float: right;
    margin-left: 16px;
    font-size: 22px;
    line-height: 1.2;
    text-align: right
}

.header-phones a {
    display: block;
    color: #000
}

.header-call a:before,
.header-search input,
.header-search-submit {
    display: inline-block;
    vertical-align: middle
}

.header-col {
    margin-right: 15px;
    margin-top: 2px;
    float: right;
    text-align: right
}

.advantages-title,
.category-img,
.category-name,
.main-news-date,
.product-add,
.section-title,
.site-nav-list,
.sticker {
    text-align: center
}

@media (max-width:991px) {
    .header-phones {
        font-size: 18px
    }
    .header-col {
        margin-right: 0
    }
}

.header-mode {
    font-size: 10px;
    letter-spacing: .5px
}

.header-call {
    margin-top: 13px;
    letter-spacing: .6px
}

@media (max-width:991px) {
    .header-call {
        margin-top: 0
    }
}

.header-call a {
    font-size: 12px;
    color: #000;
    cursor: pointer
}

.header-call a:hover {
    color: #d21249
}

.header-call a:hover span {
    border-bottom: 1px solid transparent
}

.header-call a:before {
    margin-right: 13px;
    width: 27px;
    height: 27px;
    background-image: url(/bitrix/templates/hamat/css/../images/icons/icon-header-phone.png)
}

.header-call a span {
    border-bottom: 1px solid;
    -webkit-transition: .3s;
    transition: .3s
}

.header-search {
    margin-top: 10px
}

.header-search input {
    padding: 0 11px;
    width: 89%;
    height: 27px;
    background: #fff;
    border: 1px solid #d21249;
    font-size: 12px;
    letter-spacing: .6px
}

.header-search input::-moz-placeholder {
    color: #979797;
    opacity: 1
}

.header-search input:-ms-input-placeholder {
    color: #979797
}

.header-search input::-webkit-input-placeholder {
    color: #979797
}

@media (max-width:991px) {
    .header-search input {
        width: 87%
    }
}

@media (max-width:767px) {
    .header-search input {
        width: 82%
    }
}

.header-search-submit {
    font-size: 12px;
    font-weight: 600;
    background: 0 0;
    border: none
}

.header-search-submit:hover {
    color: #d21249
}

.header-search-submit:hover span {
    border-bottom: 1px solid transparent
}

.header-search-submit span {
    border-bottom: 1px solid;
    -webkit-transition: .3s;
    transition: .3s
}

.mobile-trigger {
    position: relative;
    display: none;
    vertical-align: middle;
    margin-left: 15px;
    margin-right: 15px;
    width: 50px;
    height: 40px;
    border-top: 6px solid #fff;
    border-bottom: 6px solid #fff
}

.mobile-trigger:after {
    position: absolute;
    width: 100%;
    height: 6px;
    background: #fff;
    top: 50%;
    left: 0;
    margin-top: -3px
}

.site-nav {
    margin-top: 6px
}

@media (max-width:767px) {
    .mobile-trigger {
        display: inline-block
    }
    .site-nav {
        margin-top: 0;
        position: absolute;
        top: 105px;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 100;
        display: none
    }
}

.site-nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px dashed #000
}

.site-nav-item {
    margin-top: -1px;
    display: inline-block;
    font-family: DinTextCondPro, sans-serif;
    font-size: 18px
}

@media (max-width:767px) {
    .site-nav-item {
        width: 100%;
        font-size: 15px;
        text-align: center
    }
}

.site-nav-item.active .site-nav-link:before,
.site-nav-item:first-child .site-nav-link:before {
    display: none
}

.site-nav-item.active .site-nav-link {
    background: #000;
    color: #fff
}

.site-nav-link {
    position: relative;
    display: block;
    padding: 12px 20px 4px;
    color: #000;
    letter-spacing: .5px
}

.main-slider-content p,
.section-title {
    letter-spacing: 2.3px
}

@media (max-width:1199px) {
    .site-nav-link {
        padding: 12px 15px 4px
    }
}

@media (max-width:991px) {
    .site-nav-item {
        font-size: 15px
    }
    .site-nav-link {
        padding: 12px 10px 4px
    }
}

.site-nav-link:hover {
    background: #000;
    color: #fff
}

.site-nav-link:before {
    position: absolute;
    left: -2px;
    top: 50%;
    margin-top: -10px;
    width: 1px;
    height: 22px;
    border-left: 1px dashed #d21249
}

.main-slider {
    position: relative;
    width: 100%;
    margin: 0 auto
}

@media (max-width:767px) {
    .main-slider,
    .site-nav-link:before {
        display: none
    }
}

.flexslider.main-slider-flexslider {
    margin-bottom: 0;
    border: none;
    background: 0 0
}

.main-news-img,
.news-img,
.sticker {
    border-radius: 50%
}

.flexslider.main-slider-flexslider .slides:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background: rgba(0, 0, 0, .5);
    z-index: 10
}

.flexslider.main-slider-flexslider .slides li {
    position: relative
}

.main-slider-content {
    position: absolute;
    bottom: 49px;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: DinTextCompPro, sans-serif;
    font-size: 20px;
    line-height: 1.2;
    color: #d21249;
    z-index: 100
}

.main-slider-content h2 {
    font-family: Officina, sans-serif;
    font-size: 36px;
    color: #fff
}

.product-old-price,
.product-price span,
.product-title,
.section-title h2,
.sticker {
    font-family: DinTextCompPro, sans-serif
}

.main-slider-text {
    margin: 0 auto;
    max-width: 1000px
}

.custom-navigation {
    position: absolute;
    width: 83px;
    right: 98px;
    bottom: 143px
}

.custom-navigation .flex-prev {
    float: left;
    width: 22px;
    height: 51px;
    background: url(/bitrix/templates/hamat/css/../images/icons/icon-arrow-slider-left.png)
}

.custom-navigation .flex-next {
    float: right;
    width: 22px;
    height: 51px;
    background: url(/bitrix/templates/hamat/css/../images/icons/icon-arrow-slider-right.png)
}

.flexslider .slides>li:first-child {
    display: block;
    -webkit-backface-visibility: visible
}

.section {
    width: 100%;
    padding-bottom: 7px;
    overflow: hidden
}

.section.section-actions,
.section.section-actions h2 {
    background: #fff
}

.section-title {
    position: relative;
    margin-top: 46px;
    margin-bottom: 30px
}

@media (max-width:767px) {
    .section-title {
        margin-top: 25px
    }
}

.section-title:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #000
}

.product-img,
.section-title h2 {
    position: relative
}

.section-title h2 {
    margin: 0;
    padding: 0 3px;
    display: inline-block;
    font-size: 48px;
    font-weight: 500;
    background: #efefef
}

.main-category {
    margin: 0 -33px
}

.main-category:after,
.main-category:before {
    content: " ";
    display: table
}

@media (max-width:767px) {
    .main-category {
        margin: 0
    }
}

.category-item {
    margin-bottom: 26px;
    width: 20%;
    float: left;
    padding: 0 33px
}

@media (min-width:1200px) {
    .category-item:nth-child(5n+1) {
        clear: left
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .category-item {
        width: 25%
    }
    .category-item:nth-child(4n+1) {
        clear: left
    }
}

@media (min-width:768px) and (max-width:991px) {
    .category-item {
        width: 33.33333%
    }
    .category-item:nth-child(3n+1) {
        clear: left
    }
}

@media (max-width:767px) {
    .category-item {
        width: 100%;
        text-align: center
    }
}

@media (min-width:500px) and (max-width:767px) {
    .category-item {
        width: 50%;
        padding: 0 20px
    }
    .category-item:nth-child(2n+1) {
        clear: left
    }
}

.category-item:hover .category-name {
    color: #d21249
}

.category-img {
    height: 140px;
    line-height: 140px
}

.category-img img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.category-name {
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.2;
    color: #000;
    -webkit-transition: .3s;
    transition: .3s
}

.products {
    margin: 34px -32px 0
}

.products:after,
.products:before {
    content: " ";
    display: table
}

.products:after {
    clear: both
}

.product {
    float: left;
    width: 20%;
    margin-bottom: 41px;
    padding: 0 32px
}

@media (min-width:992px) and (max-width:1199px) {
    .product {
        width: 25%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .product {
        width: 33.33333%
    }
}

@media (max-width:767px) {
    .products {
        margin-left: 0;
        margin-right: 0
    }
    .product {
        width: 100%;
        text-align: center
    }
    .product-img {
        display: inline-block
    }
}

@media (min-width:500px) and (max-width:767px) {
    .product {
        width: 50%;
        padding: 0 20px
    }
}

.advantages-items:after,
.product-price:after {
    clear: both
}

.product-img img {
    max-width: 100%
}

.product-img a:hover .product-title {
    color: #d21249
}

.product-title {
    margin: 8px 0px;
    height: 37px;line-height: 1.8rem;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 1px dashed #000;
    color: #000;
    -webkit-transition: .3s;
    transition: .3s
}

.product-old-price {
    margin-top: 6px;
    font-size: 18px;
    color: #818181;
    letter-spacing: 1px;
    line-height: 1
}

.product-old-price span {
    display: inline-block;
    vertical-align: middle;
    text-decoration: line-through
}

.product-old-price span.product-price-percent {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    color: #d21249;
    text-decoration: none
}

.product-old-price+.product-price {
    margin-top: 0
}

.product-price {
    margin-top: 30px;
    padding-top: 5px;
    font-size: 14px;
    line-height: 1.2
}

.product-price:after,
.product-price:before {
    content: " ";
    display: table
}

.product-price span {
    margin-top: -5px;
    float: right;
    font-size: 20px;
    font-weight: 500;
    color: #d21249
}

.product-add a,
.sticker {
    font-size: 14px;
    text-transform: uppercase;
    color: #000
}

.product-add {
    margin-top: 10px
}

.product-add a {
    max-width: 150px;
    width: 100%;
    display: inline-block;
    line-height: 40px;
    background: #ff9b70
}

.advantages-items:after,
.advantages-items:before,
.main-news-list:after,
.main-news-list:before {
    content: " ";
    display: table
}

.product-add a:hover span {
    border-bottom: 1px solid transparent
}

.product-add a span {
    border-bottom: 1px solid;
    -webkit-transition: .3s;
    transition: .3s
}

.sticker {
    position: absolute;
    top: -15px;
    right: -30px;
    font-weight: 500;
    width: 60px;
    height: 60px;
    line-height: 62px;
    letter-spacing: 1px
}

.sticker-action {
    background: #a1c057
}

.sticker-new {
    background: #d21249;
    color: #fff
}

.main-advantages {
    padding-top: 39px;
    overflow: hidden
}

.advantages-items {
    margin: 0 -21px
}

.advantages-item {
    float: left;
    width: 25%;
    padding: 0 21px
}

@media (max-width:767px) {
    .product-img img {
        text-align: center
    }
    .advantages-items {
        margin: 0
    }
    .advantages-item {
        width: 100%;
        margin-bottom: 20px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .advantages-item {
        width: 50%;
        padding: 0 20px
    }
    .advantages-item:nth-child(2n+1) {
        clear: left
    }
}

.advantages-title {
    margin-bottom: 26px;
    font-size: 19px;
    line-height: 1.2;
    font-family: Officina, sans-serif;
    text-transform: uppercase
}

.main-news-date,
.news-title {
    font-family: DinTextCompPro, sans-serif;
    font-weight: 500;
    text-transform: uppercase
}

@media (max-width:1199px) {
    .advantages-title {
        height: 40px
    }
}

.advantages-img {
    width: 100%
}

.advantages-img img {
    max-width: 100%
}

@media (max-width:767px) {
    .advantages-title {
        margin-bottom: 10px;
        height: auto
    }
    .advantages-img {
        text-align: center
    }
}

.section-main-news {
    padding-bottom: 60px;
    overflow: hidden
}

.section-main-news h2 {
    color: #2d5a77
}

.main-news-list {
    margin: 44px -45px 0
}

.main-news-list:after {
    clear: both
}

.main-news-item {
    float: left;
    padding: 0 45px;
    width: 20%
}

@media (max-width:1199px) {
    .main-news-item {
        width: 33.33333%;
        text-align: center
    }
}

@media (max-width:767px) {
    .main-news-list {
        margin-left: 0;
        margin-right: 0
    }
    .main-news-item {
        width: 100%;
        margin-bottom: 20px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .main-news-item {
        width: 50%;
        padding: 0 20px
    }
    .main-news-item:nth-child(2n+1) {
        clear: left
    }
}

.footer-blocks:after,
.news-detail-content:after,
.news-list:after,
.seo-content:after {
    clear: both
}

.main-news-item a:hover .news-img {
    opacity: .45
}

.main-news-item a:hover .news-title {
    text-decoration: underline
}

.main-news-img {
    display: inline-block;
    width: 196px;
    height: 196px;
    -webkit-transition: .3s;
    transition: .3s
}

.news-detail-content:after,
.news-detail-content:before,
.news-list:after,
.news-list:before {
    display: table;
    content: " "
}

.main-news-img img {
    max-width: 100%
}

.main-news-date {
    margin-top: 12px;
    font-size: 18px;
    color: #000;
    letter-spacing: 1px
}

.main-news-title {
    margin-top: 4px;
    text-align: left;
    font-size: 14px;
    line-height: 1.2;
    color: #000
}

.basket-col,
.basket-head .basket-col.basket-col-product,
.page h1 {
    text-align: center
}

.news-list {
    margin-top: 14px
}

.news-item {
    float: left;
    width: 100%;
    margin-bottom: 12px;
    padding-bottom: 17px;
    border-bottom: 1px dashed
}

.news-item:last-child {
    border-bottom: none
}

.news-date {
    font-size: 14px;
    color: #d21249
}

.news-title {
    margin-top: 8px;
    font-size: 20px
}

.news-title a {
    color: #000
}

.news-content {
    margin-top: 9px;
    float: left;
    width: 100%
}

.news-img {
    float: left;
    width: 125px;
    height: 125px
}

.news-img img {
    max-width: 100%
}

.news-text {
    width: 100%;
    padding-top: 24px;
    padding-left: 145px;
    font-size: 14px;
    line-height: 1.2
}

@media (max-width:400px) {
    .news-img {
        margin-bottom: 20px;
        width: 100%;
        height: auto;
        text-align: center
    }
    .news-text {
        width: 100%;
        padding: 0;
        float: left
    }
}

.news-link-more {
    float: right;
    margin-right: 10px;
    margin-top: 34px;
    font-size: 12px;
    text-transform: uppercase;
    color: #d21249;
    border-bottom: 1px solid
}

.news-detail {
    margin-top: 14px
}

.news-detail img {
    max-width: 100%
}

.news-detail-content {
    margin-top: 12px
}

.news-detail-img img[align=left] {
    margin-right: 8px;
    margin-bottom: 8px
}

.section-seo {
    padding-bottom: 57px;
    background: #fff
}

.section-seo .section-title:before {
    display: none
}

.section-seo .section-title h2 {
    font-size: 30px;
    font-weight: 600;
    font-family: DinDisplayPro, sans-serif;
    background: #fff
}

.basket-footer-total,
.page h1 {
    font-family: DinTextCompPro, sans-serif
}

.seo-content {
    padding-top: 25px;
    border-top: 1px dashed #000
}

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

.seo-description {
    float: left;
    width: 25%;
    padding-right: 40px;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600
}

@media (max-width:991px) {
    .seo-description {
        width: 100%
    }
}

.seo-description p {
    margin-bottom: 22px
}

.seo-text {
    float: left;
    width: 75%;
    font-size: 14px;
    line-height: 1.2;
    columns: 3;
    -moz-columns: 3;
    -webkit-columns: 3;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px
}

@media (max-width:991px) {
    .seo-text {
        width: 100%;
        columns: 2;
        -moz-columns: 2;
        -webkit-columns: 2
    }
}

.seo-text p {
    margin-bottom: 14px
}

.seo-text ul {
    padding: 0;
    list-style: none
}

.seo-text ul li {
    margin-bottom: 20px
}

.seo-text ul li:before {
    margin-right: 10px;
    content: "•"
}

.footer {
    padding-top: 45px;
    padding-bottom: 35px;
    background: #000
}

.footer-container {
    position: relative
}

.footer-dev {
    position: absolute;
    bottom: 0;
    right: 10px;
    font-size: 14px;
    color: #979797
}

.footer-dev a {
    color: #979797;
    border-bottom: 1px solid
}

.footer-dev a:hover {
    border-bottom: 1px solid transparent
}

.footer-about {
    width: 100%;
    font-size: 14px;
    color: #fff;
    letter-spacing: .7px
}

.footer-about img {
    margin-bottom: 6px;
    width: 97px
}

.footer-blocks {
    margin-top: 25px;
    width: 100%
}

.footer-blocks:after,
.footer-blocks:before {
    content: " ";
    display: table
}

.footer-block {
    float: left;
    display: table;
    width: 20%;
    height: 67px;
    color: #fff;
    font-size: 14px;
    line-height: 1.2
}

@media (max-width:991px) {
    .footer-block {
        width: 33%;
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .main-news-title {
        text-align: center
    }
    .seo-description {
        padding-right: 0
    }
    .seo-text {
        columns: 1;
        -moz-columns: 1;
        -webkit-columns: 1
    }
    .footer-block {
        width: 100%
    }
}

@media (min-width:500px) and (max-width:767px) {
    .footer-block {
        width: 50%
    }
    .footer-block:nth-child(4) {
        clear: left
    }
}

.basket-head:after,
.basket-line:after,
.catalog-products-wrap:after,
.order-form-columns:after,
.page-content:after {
    clear: both
}

.footer-block a {
    color: #fff
}

.footer-block a:hover {
    color: #d21249
}

.footer-block p {
    margin-bottom: 0
}

.footer-block>div {
    display: table-cell;
    vertical-align: middle
}

.footer-nav-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.footer-address:before,
.footer-mail:before,
.footer-phones:before,
.footer-social:before {
    top: 50%;
    left: 0;
    margin-top: -23px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #d21249;
    background-repeat: no-repeat;
    background-position: center;
    content: ""
}

.footer-nav-item {
    margin-bottom: 4px
}

.footer-nav-link {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .7px
}

.footer-nav-link:hover {
    color: #d21249
}

.footer-address {
    position: relative;
    padding-left: 60px
}

.footer-address:before {
    position: absolute;
    background-image: url(/bitrix/templates/hamat/css/../images/icons/icon-footer-mail.png)
}

.footer-phones {
    position: relative;
    padding-left: 60px
}

.footer-phones a {
    display: block
}

.footer-phones:before {
    position: absolute;
    background-image: url(/bitrix/templates/hamat/css/../images/icons/icon-footer-phone.png)
}

.footer-mail {
    position: relative;
    padding-left: 60px
}

.footer-mail:before {
    position: absolute;
    background-image: url(/bitrix/templates/hamat/css/../images/icons/icon-footer-a.png)
}

.footer-social {
    position: relative;
    padding-left: 60px
}

.footer-social a {
    display: inline-block;
    text-decoration: underline !important
}

.footer-social a:hover {
    color: #d21249;
    text-decoration: none !important
}

.footer-social:before {
    position: absolute;
    background-image: url(/bitrix/templates/hamat/css/../images/icons/icon-footer-social.png)
}

.page-container,
.sidebar {
    position: relative
}

.breadcrumbs {
    width: 100%;
    padding-top: 16px
}

.breadcrumbs-list {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 14px
}

.breadcrumbs-item {
    margin-right: 1px;
    display: inline-block;
    color: #d21249
}

.breadcrumbs-item:last-child:after {
    display: none
}

.breadcrumbs-item:after {
    margin-left: 6px;
    display: inline-block;
    content: "/";
    color: #979797
}

.breadcrumbs-link {
    color: #979797
}

.page {
    padding-bottom: 60px;
    background: #fff
}

.page h1 {
    padding-top: 6px;
    padding-bottom: 14px;
    margin: 0;
    font-size: 30px;
    font-weight: 500;
    border-bottom: 1px dashed #000
}

.sidebar {
    width: 245px;
    float: left;
    padding-top: 23px;
    padding-right: 30px;
    z-index: 10
}

@media (max-width:767px) {
    .sidebar {
        width: 100%;
        float: none;
        margin-bottom: 20px;
        padding-right: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, .3)
    }
}

.page-seo-columns p,
.page-seo-columns ul li {
    margin-bottom: 16px
}

.sidebar+.page-content:before {
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 240px;
    content: "";
    display: block;
    width: 1px;
    border-left: 1px dashed
}

.sidebar-mobile-link:after,
.sidebar-mobile-link:before {
    content: "";
    width: 25px
}

@media (max-width:767px) {
    .sidebar+.page-content:before {
        display: none
    }
}

.sidebar-mobile-link {
    position: relative;
    display: none;
    font-size: 20px
}

.sidebar-mobile-link:before {
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000
}

.basket-head,
.basket-line,
.page-seo-columns {
    border-bottom: 1px dashed #000
}

.sidebar-mobile-link:after {
    position: absolute;
    height: 2px;
    background: #000;
    top: 50%;
    left: 0;
    margin-top: -1px
}

@media (max-width:767px) {
    .sidebar-mobile-link {
        display: block
    }
}

.page-content {
    position: relative;
    width: 100%;
    padding-left: 262px
}

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

.page-seo {
    padding-top: 26px;
    padding-bottom: 21px;
    font-size: 14px;
    line-height: 1.2
}

.page-seo-columns {
    padding-top: 30px;
    padding-bottom: 12px;
    border-top: 1px dashed #000;
    columns: 2;
    -moz-columns: 2;
    -webkit-columns: 2;
    -webkit-column-gap: 35px;
    -moz-column-gap: 35px;
    column-gap: 35px
}

.page-seo-columns ul {
    padding: 0
}

.page-basket {
    width: 850px;
    margin: 0 auto;
    max-width: 100%;
    padding-bottom: 165px
}

.basket-table {
    margin-top: 23px
}

@media (max-width:767px) {
    .page-content {
        padding-left: 0
    }
    .page-seo-columns {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1
    }
    .page-basket {
        text-align: center
    }
    .basket-table {
        width: 320px;
        display: inline-block
    }
}

.basket-head:after,
.basket-head:before {
    content: " ";
    display: table
}

@media (max-width:767px) {
    .basket-head {
        display: none
    }
}

.basket-head .basket-col {
    padding-bottom: 12px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border-right: none
}

.basket-line {
    position: relative;
    padding: 9px 0;
    width: 100%
}

.basket-line:after,
.basket-line:before {
    content: " ";
    display: table
}

.basket-col {
    display: table-cell;
    border-right: 1px dashed #000
}

.basket-col:last-child {
    border-right: none
}

.basket-col.basket-col-product {
    width: 13%;
    padding-left: 3px;
    text-align: left
}

.basket-col.width {
    width: 4%
}

.basket-col.length {
    width: 7%
}

.basket-col.price,
.basket-col.quantity {
    width: 5%
}

.basket-col.sum {
    width: 4%
}

.basket-col.del {
    width: 2%
}

@media (max-width:767px) {
    .basket-col.del {
        position: absolute;
        top: 15px;
        right: 0;
        bottom: 10px;
        width: 30px !important;
        padding-left: 0;
        border-left: 1px dashed
    }
    .basket-col {
        display: block;
        width: 100% !important;
        margin-bottom: 5px;
        padding-left: 33%;
        text-align: left;
        border-right: none
    }
}

.basket-footer p,
.basket-product-text p {
    margin-bottom: 0
}

.basket-product:hover .basket-product-title {
    color: #d21249
}

.basket-product-img {
    width: 48%;
    display: inline-block;
    vertical-align: middle
}

.basket-product-img img {
    max-width: 100%
}

@media (max-width:767px) {
    .basket-product-img {
        width: 30%;
        position: absolute
    }
}

.basket-product-content {
    width: 48%;
    padding-left: 4px;
    display: inline-block;
    vertical-align: middle
}

@media (max-width:767px) {
    .basket-product-content {
        width: 100%;
        padding-left: 33%
    }
}

.basket-product-title {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    color: #000;
    -webkit-transition: .3s;
    transition: .3s
}

.basket-product-text {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.2;
    color: #000
}

.basket-del {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    border: none;
    padding: 0;
    background: url(/bitrix/templates/hamat/css/../images/icons/icon-del.png)
}

@media (max-width:767px) {
    .basket-del {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -8px
    }
}

.basket-footer {
    width: 100%;
    padding-top: 12px;
    text-align: right
}

.basket-footer-block {
    display: inline-block;
    text-align: left
}

.basket-footer-total {
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase
}

.basket-footer-total span {
    color: #d21249;
    font-size: 30px;
    text-transform: none
}

.basket-submit {
    margin-top: 12px;
    width: 150px;
    height: 40px;
    background: #ff9b70;
    font-size: 14px;
    border: none
}

.basket-submit:hover span {
    border-bottom: 1px solid transparent
}

.basket-submit span {
    border-bottom: 1px solid #000;
    -webkit-transition: .3s;
    transition: .3s
}

.order-form {
    padding-bottom: 30px
}

.order-form-columns {
    width: 940px;
    max-width: 100%;
    margin: 20px auto 0
}

.order-form-columns:after,
.order-form-columns:before {
    content: " ";
    display: table
}

.order-form-col {
    width: 40%;
    float: left
}

@media (max-width:767px) {
    .order-form-col {
        width: 100%
    }
}

.order-form-col:nth-child(2n) {
    width: 60%;
    padding-left: 14px
}

@media (max-width:767px) {
    .order-form-col:nth-child(2n) {
        width: 100%;
        padding-left: 0
    }
}

.order-form-title {
    margin-bottom: 22px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

.order-label-text {
    width: 100%;
    margin-bottom: 21px;
    display: block
}

.order-label-text span {
    margin-bottom: 6px;
    display: block;
    font-size: 14px;
    line-height: 1.2
}

.order-label-text input {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #959595
}

.order-label-text textarea {
    width: 100%;
    max-width: 100%;
    height: 110px;
    border: 1px solid #959595
}

.order-form-item {
    margin-bottom: 12px
}

.order-form-block {
    margin-bottom: 19px
}

.order-form-item-title {
    background: rgba(192, 189, 188, .3);
    font-size: 14px
}

.order-form-item-title .radio {
    display: block;
    padding: 11px 13px 8px
}

.order-form-item-title .radio input {
    display: none
}

.order-form-item-title .radio input:checked+span:before {
    background: #d21249
}

.order-form-item-title .radio span:before {
    margin-top: -4px;
    margin-right: 18px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border: 1px solid #959595;
    background: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.catalog-filter,
.catalog-filter .slider-ui.noUi-target {
    margin-top: 20px
}

.order-form-item-content {
    padding: 10px 13px;
    font-size: 14px;
    line-height: 1.2;
    border-left: 1px solid #e6e7e8;
    border-right: 1px solid #e6e7e8;
    border-bottom: 1px solid #e6e7e8
}

.basket-col-m {
    display: none
}

.btn-silver,
.quantity-counter,
.quantity-input {
    display: inline-block;
    vertical-align: middle
}

@media (max-width:767px) {
    .basket-col-m {
        width: 40%;
        display: inline-block;
        font-weight: 600
    }
    .catalog-nav {
        display: none
    }
}

.catalog-filter-title,
.catalog-sort-title {
    font-weight: 500;
    text-transform: uppercase;
    font-family: DinTextCompPro, sans-serif
}

.quantity-input {
    width: 50px;
    height: 24px;
    text-align: center
}

.btn-silver {
    width: 14px;
    height: 15px;
    border: none;
    padding: 0
}

.btn-silver.decrease {
    background: url(/bitrix/templates/hamat/css/../images/icons/button-minus.png)
}

.btn-silver.increase {
    background: url(/bitrix/templates/hamat/css/../images/icons/button-plus.png)
}

.catalog-nav-list {
    padding: 0;
    list-style: none;
    font-size: 14px;
    line-height: 1.2;
    text-transform: uppercase
}

@media (max-width:767px) {
    .catalog-nav-list {
        padding-top: 30px
    }
    .catalog-filter {
        padding-left: 10px
    }
}

.catalog-nav-item {
    margin-bottom: 17px
}

.catalog-nav-link {
    color: #000
}

.catalog-nav-link:hover {
    color: #d21249
}

.catalog {
    padding-top: 6px
}

.catalog h1 {
    padding-bottom: 14px;
    /*text-transform:uppercase*/
}

.catalog-filter {
    padding-bottom: 21px;
    float: left;
    width: 100%;
    border-bottom: 1px dashed #000
}

.catalog-filter .radio {
    margin-right: 18px;
    cursor: pointer
}

.catalog-filter .radio input {
    display: none
}

.catalog-filter .radio span:before,
.catalog-filter-content,
.catalog-filter-title {
    display: inline-block;
    vertical-align: middle
}

.catalog-filter .radio input:checked+span:before {
    background: #d21249
}

.catalog-filter .radio span:before {
    margin-right: 5px;
    content: "";
    width: 11px;
    height: 11px;
    border: 1px solid #959595;
    background: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.catalog-filter-block {
    float: left
}

@media (max-width:767px) {
    .catalog-filter-block {
        padding-right: 20px
    }
}

.catalog-filter-block:nth-child(2n+1) {
    width: 35%;
    padding-right: 20px;
    border-right: 1px dashed #000
}

@media (max-width:991px) {
    .catalog-filter-block:nth-child(2n+1) {
        width: 100%;
        border-right: none;
        margin-bottom: 20px
    }
}

.catalog-filter-block:nth-child(2n) {
    width: 65%;
    padding-left: 22px
}

@media (max-width:991px) {
    .catalog-filter-block:nth-child(2n) {
        width: 100%;
        padding-left: 0
    }
}

.catalog-filter-title {
    margin-right: 10px;
    font-size: 20px;
    height: 28px;
    line-height: 28px
}

.catalog-filter-length .catalog-filter-title,
.catalog-filter-width .catalog-filter-title {
    display: block
}

.catalog-filter-item {
    margin-bottom: 20px;
    min-height: 23px;
}

.sliderValue {
    margin-right: 12px;
    width: 60px;
    height: 20px;
    padding: 0 5px;
    border: 1px solid #959595
}

@media (max-width:1199px) {
    .sliderValue {
        width: 50px
    }
}

.catalog-filter-price span {
    margin-right: 2px
}

.catalog-filter-width {
    float: left;
    width: 43%
}

@media (max-width:991px) {
    .catalog-filter-width {
        width: 100%;
        margin-bottom: 45px
    }
}

.catalog-filter-length {
    float: right;
    width: 45%
}

@media (max-width:991px) {
    .catalog-filter-length {
        width: 100%
    }
}

.ui-widget.ui-widget-content {
    border: none !important
}

.ui-slider.slider-range {
    margin-top: 20px;
    width: 100%;
    height: 5px;
    background: #c4c4c3;
    border: none;
    border-radius: 0
}

.ui-slider.slider-range .ui-slider-range {
    background: #464e5d;
    border: none
}

.ui-slider.slider-range .ui-button,
.ui-slider.slider-range .ui-state-default,
.ui-slider.slider-range .ui-widget-content .ui-state-default,
.ui-slider.slider-range .ui-widget-header .ui-state-default {
    top: -9px;
    width: 21px;
    height: 26px;
    background: url(/bitrix/templates/hamat/css/../images/icons/icon-ui-slider-button.png);
    border: none;
    border-radius: 0
}

.catalog-filter-reset {
    margin-top: 25px;
    width: 100%;
    float: left;
    text-align: center;
    border-top: 1px dashed #000
}

@media (max-width:767px) {
    .catalog-filter-reset {
        margin-bottom: 20px;
        text-align: center
    }
    .catalog-sort {
        text-align: left
    }
}

.catalog-filter-reset button {
    margin-top: 19px;
    width: 190px;
    height: 29px;
    background: #d21249;
    border: none;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase
}

.icon-bottom,
.icon-top {
    background: url(/bitrix/templates/hamat/css/../images/icons/icon-sort-arrow.png) center no-repeat
}

.catalog-filter-color {
    font-size: 14px
}

.catalog-filter-color input {
    display: none
}

.catalog-filter-color input:checked+span {
    outline: #d21249 solid 3px
}

.catalog-filter-color .radio {
    margin-right: 10px
}

@media (max-width:1199px) {
    .catalog-filter-color .radio {
        display: inline-block;
        margin-bottom: 10px
    }
}

.catalog-filter-color .radio span {
    display: inline-block;
    border: 1px solid #ccc;
    outline: transparent solid 3px;
    -webkit-transition: .3s;
    transition: .3s
}

.catalog-filter-color .radio span:before {
    display: none
}

.catalog-filter-color .radio span.all-color {
    margin-right: 14px;
    border: none
}

.catalog-sort {
    width: 100%;
    float: left;
    padding-top: 0px;
    padding-bottom: 14px;
    border-bottom: 1px dashed #000
}

.catalog-sort-title {
    margin-right: 33px;
    display: inline-block;
    font-size: 20px
}

@media (max-width:767px) {
    .catalog-sort-title {
        margin-right: 20px
    }
}

@media (max-width:400px) {
    .catalog-sort-title {
        width: 100%;
        text-align: center;
        margin-right: 0
    }
}

.catalog-sort-item {
    margin-right: 38px;
    display: inline-block
}

.catalog-sort-item span {
    margin-right: 6px
}

@media (max-width:767px) {
    .catalog-sort-item {
        margin-right: 20px;
        margin-top: 15px
    }
}

@media (max-width:400px) {
    .catalog-sort-item {
        width: 100%;
        text-align: center;
        margin-right: 0
    }
}

.catalog-sort-top {
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    border: 1px solid #959595
}

.catalog-sort-top:hover {
    border: 1px solid #d21249
}

.icon-top {
    display: block;
    width: 18px;
    height: 18px
}

.catalog-sort-bottom {
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    width: 20px;
    height: 20px;
    border: 1px solid #959595
}

.catalog-sort-bottom:hover {
    border: 1px solid #d21249
}

.catalog-sort-bottom.catalog-sort-names:before {
    content: "я"
}

.catalog-sort-bottom.catalog-sort-names:after,
.catalog-sort-names:before {
    content: "а"
}

.icon-bottom {
    display: block;
    width: 18px;
    height: 18px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.catalog-sort-names {
    position: relative;
    margin-left: 15px
}

.catalog-sort-names:after,
.catalog-sort-names:before {
    position: absolute;
    left: -12px;
    color: #000;
    font-size: 12px;
    text-transform: uppercase
}

.catalog-sort-names:before {
    top: -5px
}

.catalog-sort-names:after {
    content: "я";
    bottom: -5px
}

.catalog-products-wrap:after,
.catalog-products-wrap:before,
.product-detail:after,
.product-detail:before {
    content: " ";
    display: table
}

.catalog-products-wrap {
    margin: 20px -50px 0 -50px
}

.catalog-products {
    width: 100%;
    padding: 0 25px
}

.catalog-products .product {
    width: 24.5%;
    padding: 0 25px
}

@media (min-width:992px) and (max-width:1199px) {
    .catalog-products .product {
        width: 33.33333%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .catalog-products .product {
        width: 50%
    }
}

@media (max-width:767px) {
    .catalog-products {
        margin-left: 0;
        margin-right: 0
    }
    .catalog-products .product {
        width: 100%
    }
}

@media (min-width:500px) and (max-width:767px) {
    .catalog-products .product {
        width: 50%;
        padding: 0 20px
    }
}

.modal-footer:after,
.modal-product:after,
.product-detail-properties p:after,
.product-detail:after,
.ui-helper-clearfix:after {
    clear: both
}

.catalog-filter-item-color {
    margin-bottom: 8px;
    min-height: 68px
}

.product-detail {
    padding-top: 20px;
    padding-bottom: 100px
}

.product-detail .slider-ui.noUi-target {
    margin-top: 25px
}

.product-detail-description {
    float: left;
    width: 69%;
    padding-left: 15px
}

@media (max-width:1199px) {
    .product-detail-description {
        width: 67%
    }
}

@media (max-width:991px) {
    .catalog-filter-item-color {
        margin-bottom: 20px
    }
    .product-detail-description {
        width: 100%
    }
}

.product-detail-items {
    margin-bottom: 10px;
    float: left;
    width: 60%;
    padding-left: 20px
}

@media (max-width:767px) {
    .product-detail-items {
        margin-top: 20px;
        width: 100%;
        padding-left: 0
    }
}

.product-detail-items-inline {
    width: 100%;
    padding: 0
}

.product-detail-items-inline .product-detail-item {
    display: inline-block;
    margin-right: 19px;
    margin-bottom: 0
}

.product-detail-img {
    float: left;
    width: 40%;
    text-align: center
}

.product-detail-img a {
    position: relative;
    display: block;
    cursor: pointer
}

.product-detail-img a:hover:before {
    opacity: 1
}

.product-detail-img a:before {
    content: "";
    position: absolute;
    background: url(/bitrix/templates/hamat/css/../images/icons/icon-loupe.png);
    width: 83px;
    height: 83px;
    top: 50%;
    left: 50%;
    margin-top: -42px;
    margin-left: -42px;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.product-detail-img span {
    margin-top: 10px;
    display: inline-block
}

.product-detail-img img {
    max-width: 100%
}

@media (max-width:767px) {
    .product-detail-img {
        width: 100%
    }
}

.product-detail-item {
    margin-bottom: 20px;
    display: block
}

.product-detail-item .bootstrap-select {
    margin-right: 5px !important;
    margin-left: 8px !important;
    text-align: center
}

.product-detail-item .bootstrap-select .filter-option {
    text-align: center !important
}

.product-detail-colors>span {
    display: block;
    margin-bottom: 15px
}

.product-detail-colors .radio {
    margin-right: 5px;
    margin-bottom: 8px;
    display: inline-block;
    cursor: pointer
}

.product-detail-colors .radio span {
    display: block;
    border: 2px solid #fff;
    outline: transparent solid 1px;
    -webkit-transition: .3s;
    transition: .3s
}

.product-detail-colors .radio input {
    display: none
}

.product-detail-colors .radio input:checked+span {
    outline: #d21249 solid 1px
}

.product-detail-properties p:after,
.product-detail-properties p:before {
    content: " ";
    display: table
}

.product-detail-properties span {
    float: left;
    width: 50%
}

.product-detail-properties span:first-child {
    width: 39%
}

.product-detail-options {
    width: 31%;
    float: left;
    padding-left: 52px;
    border-left: 1px dashed #000
}

@media (max-width:1199px) {
    .product-detail-options {
        padding-left: 20px;
        width: 33%
    }
}

@media (max-width:991px) {
    .product-detail-options {
        width: 100%;
        border-left: 0;
        text-align: center
    }
}

.product-detail-price {
    margin-bottom: 13px;
    line-height: 1
}

.product-detail-old-price {
    margin-left: 4px;
    font-family: DinTextCompPro, sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #818181;
    text-decoration: line-through
}

.product-detail-actual-price,
.product-detail-total {
    font-family: DinTextCompPro, sans-serif;
    font-size: 20px;
    font-weight: 500
}

.product-detail-actual-price {
    margin-left: 10px;
    color: #d21249
}

.product-detail-availability {
    margin-bottom: 11px
}

.product-detail-availability.availability span {
    background: #458010
}

.product-detail-availability span {
    display: inline-block;
    padding: 0 10px;
    color: #fff;
    line-height: 25px
}

.product-detail-quantity {
    padding-bottom: 26px;
    margin-bottom: 16px;
    border-bottom: 1px dashed #000
}

.product-detail-quantity .quantity-counter {
    margin-left: 10px;
    margin-right: 7px
}

.product-detail-quantity .quantity-input {
    width: 39px
}

.product-detail-total {
    margin-bottom: 13px;
    text-transform: uppercase
}

.product-detail-total span {
    margin-left: 8px;
    font-size: 30px;
    color: #d21249
}

.product-detail-total span.rub {
    margin: 0;
    text-transform: none
}

.product-detail-basket {
    margin-bottom: 25px;
    display: block;
    width: 150px;
    height: 40px;
    background: #ff9b70;
    font-size: 14px;
    text-transform: uppercase;
    border: none;
    -webkit-transition: .3s;
    transition: .3s
}

.product-detail-basket span {
    border-bottom: 1px solid #000;
    -webkit-transition: .3s;
    transition: .3s
}

.product-detail-basket:hover span {
    border-bottom: 1px solid transparent
}

@media (max-width:991px) {
    .product-detail-basket {
        display: inline-block
    }
}

.product-detail-quick-order {
    display: block;
    width: 150px;
    height: 40px;
    border: 2px solid #d21249;
    color: #d21249;
    background: 0 0
}

.product-detail-quick-order:hover span {
    border-bottom: 1px solid transparent
}

.product-detail-quick-order span {
    border-bottom: 1px solid #d21249;
    -webkit-transition: .3s;
    transition: .3s
}

@media (max-width:991px) {
    .product-detail-quick-order {
        display: inline-block
    }
}

.modal-footer:after,
.modal-footer:before,
.modal-product:after,
.modal-product:before {
    content: " ";
    display: table
}

.product-detail-add {
    margin-bottom: 12px;
    padding-bottom: 26px;
    border-bottom: 1px dashed #000
}

.product-detail-info p {
    margin-bottom: 4px
}

.product-detail-content {
    margin-top: 11px;
    padding-top: 25px;
    padding-left: 14px;
    float: left;
    width: 100%;
    border-top: 1px dashed #000;
    font-size: 18px;
    line-height: 1.2
}

.product-detail-content p {
    margin-bottom: 14px
}

.product-detail-content ul {
    margin-bottom: 14px;
    padding-left: 0
}

.product-detail-item-slider {
    padding-right: 40px;
    margin-bottom: 40px
}

#input-length-d {
    margin-left: 13px
}

.modalAddBasket .modal-dialog {
    width: 440px;
    max-width: 100%
}

@media (max-width:767px) {
    .modalAddBasket .modal-dialog {
        width: 300px;
        margin: 10px auto
    }
}

.modalSlider .modal-dialog {
    width: 775px;
    max-width: 100%
}

@media (max-width:767px) {
    .modalSlider .modal-dialog {
        width: 300px;
        margin: 10px auto
    }
}

.modalSlider .close {
    background: 0 0
}

.modalSlider .close:before {
    position: absolute;
    top: 12px;
    right: 12px;
    font-family: icomoon;
    color: #d21249;
    font-size: 20px
}

.modal-product-price span,
.modal-product-title {
    font-family: DinTextCompPro, sans-serif;
    font-weight: 500
}

.modal .close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 22px;
    height: 20px;
    background: url(/bitrix/templates/hamat/css/../images/icons/icon-modal-close.png);
    border: none
}

.modal-body {
    padding: 15px 30px
}

.modal-content {
    border: none;
    border-radius: 0
}

.modal-header {
    padding: 10px;
    background: #d21249;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}

@media (max-width:767px) {
    .modal-header {
        text-align: left
    }
}

.flexslider.modal-product-slider .slides li,
.form-call-back-submit,
.modal,
.modal-slider-title {
    text-align: center
}

.modal-product .quantity-counter {
    margin-left: 10px
}

.modal-product-img {
    float: left;
    width: 100px;
    height: 100px;
    border: 3px solid #c2c2c2
}

.modal-product-img img {
    width: 100%
}

.modal-product-content {
    padding-left: 130px
}

@media (max-width:767px) {
    .modal-product-img {
        width: 100%;
        height: auto
    }
    .modal-product-content {
        margin-top: 20px;
        padding: 0;
        float: left;
        width: 100%
    }
    .modal-footer {
        text-align: center
    }
}

.modal-product-title {
    margin-bottom: 10px;
    font-size: 20px;
    text-transform: uppercase
}

.modal-product-price {
    margin-bottom: 10px;
    font-size: 14px
}

.modal-product-price span {
    margin-left: 15px;
    font-size: 24px;
    color: #d21249
}

.modal-footer .btn,
.modal-footer a {
    font-family: Officina, sans-serif;
    font-size: 15px;
    text-transform: uppercase
}

.modal-footer {
    margin-top: 20px;
    margin-bottom: 15px;
    padding: 15px 0;
    border-top: 1px dashed #000;
    border-bottom: 1px dashed #000
}

.modal-footer a {
    float: left;
    border-bottom: 1px solid;
    color: #d21249
}

@media (max-width:767px) {
    .modal-footer a {
        margin-bottom: 15px;
        float: none;
        display: inline-block
    }
}

.modal-footer .btn {
    float: right;
    padding: 0;
    background: 0 0;
    border: none;
    color: #000
}

.modal-footer .btn span {
    border-bottom: 1px solid
}

.flexslider.modal-product-slider .slides img {
    width: auto;
    max-width: 100%;
    display: inline-block
}

.flexslider.modal-product-slider .flex-direction-nav a {
    opacity: 1 !important;
    visibility: visible;
    height: auto
}

.flexslider.modal-product-slider .flex-direction-nav a:hover:before {
    color: #d21249
}

.flexslider.modal-product-slider .flex-direction-nav a.flex-prev {
    left: -150px !important
}

.flexslider.modal-product-slider .flex-direction-nav a.flex-next {
    right: -150px !important
}

.flexslider.modal-product-slider .flex-direction-nav a:before {
    font-family: icomoon;
    text-shadow: none;
    font-size: 60px;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.modal-slider-title,
.page-404-title,
.search-result-title {
    font-family: DinTextCompPro, sans-serif;
    text-transform: uppercase
}

@media (max-width:767px) {
    .modal-footer .btn {
        float: none;
        display: inline-block
    }
    .flexslider.modal-product-slider .flex-direction-nav a.flex-prev {
        left: 5px !important
    }
    .flexslider.modal-product-slider .flex-direction-nav a.flex-next {
        right: 5px !important
    }
    .flexslider.modal-product-slider .flex-direction-nav a:before {
        font-size: 30px
    }
}

.flexslider.modal-product-carousel {
    margin: 0
}

.flexslider.modal-product-carousel .flex-direction-nav {
    display: none
}

.flexslider.modal-product-carousel .slides {
    padding: 1px;
    text-align: center
}

.flexslider.modal-product-carousel li {
    width: 48px;
    float: left;
    margin-right: 15px;
    display: block;
    border: 2px solid #fff;
    outline: transparent solid 1px
}

.flexslider.modal-product-carousel li.flex-active-slide {
    outline: #d21249 solid 1px
}

.flexslider.modal-product-carousel img {
    opacity: 1
}

.modal-slider-title {
    margin: 10px 0;
    font-size: 20px
}

.form-call-back {
    padding-top: 30px
}

.form-call-back i {
    color: red
}

.form-call-back label {
    margin-bottom: 20px;
    display: block;
    width: 100%
}

.form-call-back label>span {
    display: inline-block;
    vertical-align: middle;
    width: 30%
}

.form-call-back label input {
    display: inline-block;
    vertical-align: middle;
    width: 65%;
    height: 40px;
    padding: 0 10px
}

.modal,
.tooltip {
    padding: 0 !important
}

.form-call-back-submit {
    width: 100%
}

.form-call-back-submit .submit {
    background: #ff9b70;
    border: none;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    margin-bottom: 25px;
    text-transform: uppercase;
    width: 150px;
    -webkit-transition: .3s;
    transition: .3s
}

.form-call-back-submit .submit:hover span {
    border-bottom: 1px solid transparent
}

.form-call-back-submit .submit span {
    border-bottom: 1px solid;
    -webkit-transition: .3s;
    transition: .3s
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.slider-ui.noUi-target {
    margin-top: 40px;
    box-shadow: none;
    border: none;
    background: #c4c4c3;
    border-radius: 0
}

.slider-ui.noUi-horizontal {
    height: 5px
}

.slider-ui .noUi-tooltip {
    bottom: auto;
    top: 100%;
    background: 0 0;
    border: none
}

.slider-ui .noUi-handle {
    width: 21px !important;
    height: 26px !important;
    left: -10px !important;
    top: -8px !important;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: url(/bitrix/templates/hamat/css/../images/icons/icon-ui-slider-button.png)
}

.slider-ui .noUi-handle:after,
.slider-ui .noUi-handle:before {
    display: none
}

.slider-ui .noUi-connect {
    background: #464e5d
}

.tooltip-inner {
    padding: 1px 6px;
    font-size: 14px !important;
    color: #000 !important;
    background: #fff !important;
    border: 1px solid #acacac !important;
    border-radius: 0;
    z-index: 100;
    opacity: 1
}

.tooltip-arrow {
    background: url(/bitrix/templates/hamat/css/../images/icons/icon-tooltip.png);
    width: 9px !important;
    height: 13px !important;
    border: none !important;
    top: 100%;
    margin-top: -1px
}

.search-form {
    position: relative;
    margin-top: 39px;
    padding-right: 137px;
    font-size: 14px;
    color: #9e9d9d
}

@media (max-width:1199px) {
    .search-form {
        padding-right: 100px
    }
}

.search-form input {
    margin-bottom: 14px;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #959595
}

.search-form .submit {
    position: absolute;
    top: 0;
    right: 37px;
    width: 80px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background: #d21249;
    border: none
}

@media (max-width:1199px) {
    .search-form .submit {
        right: 0
    }
}

.search-result {
    margin-top: 22px
}

.search-result-item {
    margin-bottom: 17px;
    padding-bottom: 21px;
    border-bottom: 1px dashed
}

.search-result-item:last-child {
    border-bottom: none
}

.search-result-title {
    font-size: 20px;
    font-weight: 500;
    color: #000
}

.search-result-content {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.2
}

.search-result-content span {
    color: #d21249
}

.sitemap {
    margin-top: 20px
}

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

.sitemap ul li {
    position: relative;
    margin-bottom: 4px;
    padding-left: 15px
}

.sitemap ul li ul {
    margin-top: 4px;
    padding-left: 22px
}

.sitemap ul li:before {
    position: absolute;
    left: 2px;
    top: 6px;
    width: 6px;
    height: 6px;
    content: "";
    background: #d21249
}

.sitemap ul li a {
    color: #000;
    border-bottom: 1px solid transparent
}

.sitemap ul li a:hover {
    border-bottom: 1px solid
}

.page-404 {
    margin-top: 63px;
    min-height: 340px;
    height: calc(100vh - 575px);
    padding-top: 52px;
    text-align: center;
    border-top: 1px dashed
}

.page-404-title {
    font-size: 30px;
    font-weight: 500;
    color: #d21249
}

.page-404-content {
    margin-top: 12px
}

.page-404-content p {
    margin-bottom: 14px
}

.page-404-content a {
    color: #d21249;
    border-bottom: 1px solid transparent
}

.page-404-content a:hover {
    border-bottom: 1px solid #d21249
}

.pagination {
    margin-top: 20px;
    margin-bottom: 50px
}

.pagination-list {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.pagination-item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px
}

.pagination-item.active .pagination-link {
    background: #d21249;
    color: #fff
}

.pagination-item.ellipsis {
    width: 33px;
    font-size: 14px;
    line-height: 25px;
    border: 1px solid #d21249
}

.pagination-item.next .pagination-link,
.pagination-item.prev .pagination-link {
    border: none
}

.pagination-item.next .pagination-link:before,
.pagination-item.prev .pagination-link:before {
    color: #d21249;
    font-size: 35px;
    line-height: 1
}

.pagination-item.prev .pagination-link:before {
    content: "«"
}

.pagination-item.next .pagination-link:before {
    content: "»"
}

.pagination-link {
    display: block;
    width: 33px;
    font-size: 14px;
    line-height: 25px;
    color: #979797;
    text-align: center;
    border: 1px solid #d21249;
    border-radius: 2px
}

.flex-direction-nav a,
.flex-direction-nav a:before {
    color: rgba(0, 0, 0, .8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .3)
}

@media (max-width:767px) {
    .pagination-item {
        margin: 0
    }
    .pagination-link {
        width: 30px
    }
}

@font-face {
    font-family: flexslider-icon;
    src: url(/bitrix/templates/hamat/css/fonts/flexslider-icon.eot);
    src: url(/bitrix/templates/hamat/css/fonts/flexslider-icon.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/hamat/css/fonts/flexslider-icon.woff) format("woff"), url(/bitrix/templates/hamat/css/fonts/flexslider-icon.ttf) format("truetype"), url(/bitrix/templates/hamat/css/fonts/flexslider-icon.svg#flexslider-icon) format("svg");
    font-weight: 400;
    font-style: normal
}

.flex-container a:hover,
.flex-slider a:hover {
    outline: 0
}

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group>.disabled:focus {
    outline: 0 !important
}

.flex-control-nav,
.flex-direction-nav,
.slides,
.slides>li {
    margin: 0;
    padding: 0;
    list-style: none
}

.flex-pauseplay span {
    text-transform: capitalize
}

.flexslider {
    padding: 0;
    margin: 0 0 60px;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    zoom: 1;
    border-radius: 4px;
    -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, .2);
    box-shadow: "" 0 1px 4px rgba(0, 0, 0, .2)
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden
}

.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .flexslider .slides {
    display: block
}

* html .flexslider .slides {
    height: 1%
}

.no-js .flexslider .slides>li:first-child {
    display: block
}

.flexslider .slides {
    zoom: 1
}

.flexslider .slides img {
    width: 100%;
    display: block;
    height: auto;
    -moz-user-select: none
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.loading .flex-viewport {
    max-height: 300px
}

.carousel li {
    margin-right: 5px
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.flex-direction-nav a:before {
    font-family: flexslider-icon;
    font-size: 40px;
    display: inline-block;
    content: '\f001'
}

.flex-direction-nav a.flex-next:before {
    content: '\f002'
}

.flex-direction-nav .flex-prev {
    left: -50px
}

.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right
}

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: .7;
    left: 10px
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1
}

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: .7;
    right: 10px
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000
}

.flex-pauseplay a:before {
    font-family: flexslider-icon;
    font-size: 20px;
    display: inline-block;
    content: '\f004'
}

.flex-pauseplay a:hover {
    opacity: 1
}

.flex-pauseplay a.flex-play:before {
    content: '\f003'
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, .5);
    cursor: pointer;
    text-indent: -9999px;
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    border-radius: 20px
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, .7)
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, .9);
    cursor: default
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}

.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.flex-control-thumbs img:hover {
    opacity: 1
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a,
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group>.disabled {
    cursor: not-allowed
}

@media screen and (max-width:860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
    }
}

.btns-filter {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #000;
}

.btns-filter input {
    max-width: 150px;
    width: 100%;
    display: inline-block;
    line-height: 40px;
    background: #ff9b70;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    text-decoration: underline;
    margin-top: 10px;
}

.button_catalog {
    width: 250px;
    display: block;
    margin: 10px 0;
    text-align: center;
    background-color: #ff4735;
    color: #ffffff;
    font-size: 20px;
    border-radius: 8px;
    padding: 12px 15px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 5px 5px 1px rgba(33, 33, 33, 0.35);
}

.button_catalog:hover {
    background-color: #ff9b70;
    color: #ffffff;
}

.button_catalog:active {
    box-shadow: 0 0 5px 1px rgba(33, 33, 33, 0.35);
    position: relative;
    top: 2px;
}

/*!
 * Bootstrap-select v1.10.0 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2016 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE) */

select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 220px\9
}

.bootstrap-select .dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1
}

.bootstrap-select .dropdown-toggle select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none
}

.bootstrap-select .dropdown-toggle select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2
}

.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select.btn-group[class*=col-] .dropdown-toggle,
.bootstrap-select.form-control:not([class*=col-]),
.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0
}

.bootstrap-select.btn-group.bs-container {
    position: absolute
}

.bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.noUi-target,
.ui-button {
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before {
    display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

/*! jQuery UI - v1.12.1 - 2016-09-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-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.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-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    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-autocomplete,
.ui-menu .ui-menu {
    position: absolute
}

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

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

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

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

.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;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    text-align: center;
    user-select: none;
    overflow: visible
}

.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
}

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

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

.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 .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,
.ui-datepicker-multi .ui-datepicker-group,
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

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

.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.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-slider-vertical .ui-slider-range-min,
.ui-spinner-down {
    bottom: 0
}

.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%;
    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: default;
    -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 {
    -webkit-filter: inherit;
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    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-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-widget-content a,
.ui-widget-header,
.ui-widget-header a {
    color: #333
}

.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-widget,
.ui-widget .ui-widget {
    font-size: 1em
}

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

.ui-spinner-up {
    top: 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
}

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

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

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

.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;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

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

.ui-icon,
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
    background-image: url(/bitrix/templates/hamat/css/images/ui-icons_444444_256x240.png)
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

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

.ui-button:focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
    background-image: url(/bitrix/templates/hamat/css/images/ui-icons_555555_256x240.png)
}

.ui-button:active .ui-icon,
.ui-state-active .ui-icon {
    background-image: url(/bitrix/templates/hamat/css/images/ui-icons_ffffff_256x240.png)
}

.ui-button .ui-state-highlight.ui-icon,
.ui-state-highlight .ui-icon {
    background-image: url(/bitrix/templates/hamat/css/images/ui-icons_777620_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(/bitrix/templates/hamat/css/images/ui-icons_cc0000_256x240.png)
}

.ui-button .ui-icon {
    background-image: url(/bitrix/templates/hamat/css/images/ui-icons_777777_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.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;
    filter: Alpha(Opacity=30)
}

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

/*! nouislider - 9.0.0 - 2016-09-29 21:44:02 */

.noUi-target {
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none;
    user-select: none;
    position: relative;
    direction: ltr;
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB
}

.noUi-target * {
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-origin {
    position: absolute;
    height: 0;
    width: 0
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: top .3s, right .3s, bottom .3s, left .3s;
    transition: top .3s, right .3s, bottom .3s, left .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-base,
.noUi-handle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

.noUi-connect {
    background: #3FB8AF;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45);
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.noUi-draggable {
    cursor: w-resize
}

.noUi-vertical .noUi-draggable {
    cursor: n-resize
}

.noUi-handle {
    position: relative;
    z-index: 1;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    top: 6px;
    display: block;
    position: absolute
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}

.noUi-handle:before {
    left: 14px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #B8B8B8
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #CCC
}

.noUi-marker-large,
.noUi-marker-sub {
    background: #AAA
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    padding-left: 25px
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}

@font-face {
    font-family: Officina;
    font-weight: 600;
    src: url(/bitrix/templates/hamat/css/../fonts/OfficinaSerifBoldC/OfficinaSerifBoldC.eot);
    src: url(/bitrix/templates/hamat/css/../fonts/OfficinaSerifBoldC/OfficinaSerifBoldC.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/hamat/css/../fonts/OfficinaSerifBoldC/OfficinaSerifBoldC.woff) format("woff"), url(/bitrix/templates/hamat/css/../fonts/OfficinaSerifBoldC/OfficinaSerifBoldC.ttf) format("truetype"), url(/bitrix/templates/hamat/css/../fonts/OfficinaSerifBoldC/OfficinaSerifBoldC.svg) format("svg")
}

@font-face {
    font-family: DinDisplayPro;
    font-weight: 400;
    src: url(/bitrix/templates/hamat/css/../fonts/PFDinDisplayPro/PFDinDisplayPro-Regular.eot);
    src: url(/bitrix/templates/hamat/css/../fonts/PFDinDisplayPro/PFDinDisplayPro-Regular.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/hamat/css/../fonts/PFDinDisplayPro/PFDinDisplayPro-Regular.woff) format("woff"), url(/bitrix/templates/hamat/css/../fonts/PFDinDisplayPro/PFDinDisplayPro-Regular.ttf) format("truetype"), url(/bitrix/templates/hamat/css/../fonts/PFDinDisplayPro/PFDinDisplayPro-Regular.svg) format("svg")
}

@font-face {
    font-family: DinDisplayPro;
    font-weight: 600;
    src: url(/bitrix/templates/hamat/css/../fonts/PFDinDisplayPro/PFDinDisplayPro-Bold.eot);
    src: url(/bitrix/templates/hamat/css/../fonts/PFDinDisplayPro/PFDinDisplayPro-Bold.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/hamat/css/../fonts/PFDinDisplayPro/PFDinDisplayPro-Bold.woff) format("woff"), url(/bitrix/templates/hamat/css/../fonts/PFDinDisplayPro/PFDinDisplayPro-Bold.ttf) format("truetype"), url(/bitrix/templates/hamat/css/../fonts/PFDinDisplayPro/PFDinDisplayPro-Bold.svg) format("svg")
}

@font-face {
    font-family: DinTextCompPro;
    font-weight: 500;
    src: url(/bitrix/templates/hamat/css/../fonts/PFDinTextCompPro/PFDinTextCompPro-Medium.eot);
    src: url(/bitrix/templates/hamat/css/../fonts/PFDinTextCompPro/PFDinTextCompPro-Medium.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/hamat/css/../fonts/PFDinTextCompPro/PFDinTextCompPro-Medium.woff) format("woff"), url(/bitrix/templates/hamat/css/../fonts/PFDinTextCompPro/PFDinTextCompPro-Medium.ttf) format("truetype"), url(/bitrix/templates/hamat/css/../fonts/PFDinTextCompPro/PFDinTextCompPro-Medium.svg) format("svg")
}

@font-face {
    font-family: DinTextCondPro;
    font-weight: 400;
    src: url(/bitrix/templates/hamat/css/../fonts/PFDinTextCondPro/PFDinTextCondPro-Regular.eot);
    src: url(/bitrix/templates/hamat/css/../fonts/PFDinTextCondPro/PFDinTextCondPro-Regular.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/hamat/css/../fonts/PFDinTextCondPro/PFDinTextCondPro-Regular.woff) format("woff"), url(/bitrix/templates/hamat/css/../fonts/PFDinTextCondPro/PFDinTextCondPro-Regular.ttf) format("truetype"), url(/bitrix/templates/hamat/css/../fonts/PFDinTextCondPro/PFDinTextCondPro-Regular.svg) format("svg")
}

@font-face {
    font-family: icomoon;
    src: url(/bitrix/templates/hamat/css/../fonts/fontawesome/icomoon.eot?tlb99c);
    src: url(/bitrix/templates/hamat/css/../fonts/fontawesome/icomoon.eot?tlb99c#iefix) format("embedded-opentype"), url(/bitrix/templates/hamat/css/../fonts/fontawesome/icomoon.ttf?tlb99c) format("truetype"), url(/bitrix/templates/hamat/css/../fonts/fontawesome/icomoon.woff?tlb99c) format("woff"), url(/bitrix/templates/hamat/css/../fonts/fontawesome/icomoon.svg?tlb99c#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.flexslider.modal-product-slider .flex-direction-nav a.flex-prev:before,
.icon-slide-left:before {
    content: "\e900"
}

.flexslider.modal-product-slider .flex-direction-nav a.flex-next:before,
.icon-slide-right:before {
    content: "\e901"
}

.icon-close:before,
.modalSlider .close:before {
    content: "\e902"
}

.bodytel {
    margin-top: -20px;
}

.bodytel a {
    margin-bottom: 10px;
}

/* End */


/* Start:/bitrix/templates/hamat/template_styles.css?17631223845521*/
#preloader_preload {
	display: none;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 1000px;
	background: #49515f url(/bitrix/templates/hamat/images/preloader.gif) center center no-repeat;
	background-size: 49px;
	opacity: 0.6;
}
.modal_message {
	margin-top: -20px;
	text-align: center;
}
.catalog-nav-item.active a {
	color: #d21249;
}
a.basket-del {
	text-indent: -999999999pt;
}
#bx-soa-order-form {
	margin-top: 20px;
}
.bx-soa-section.bx-selected, .bx-soa-section {
	border: 1px solid #ecebeb !important;
}
.bx-soa-section-title-container {
	background: #efefef !important;
}
.bx-soa-section.bx-selected .bx-soa-section-title-container {
	background: #ecebeb !important;
}
.bx-soa-section-title {
	font-family: DinDisplayPro,sans-serif !important;
}
.bx-soa-more-btn a.btn, #bx-soa-orderSave a, .bx-soa-cart-total-button-container a {
	margin-top: 12px;
	width: 150px;
	background-color: #ff9b70 !important;
	border-color: #ff9b70 !important;
	font-size: 14px;
	border: none;
	line-height: 40px;
	padding: 0;
	color: #000 !important;
	text-decoration: underline !important;
	text-transform: uppercase;
	transition: .3s;
	border-radius: 0 !important;
}
	.bx-soa-more-btn a.btn:hover, #bx-soa-orderSave a:hover, .bx-soa-cart-total-button-container a:hover {
		text-decoration: none !important;
	}
.soa-property-container input {
	height: 40px !important;
	padding: 0 10px !important;
	border: 1px solid #959595 !important;
	background-color: #fff !important;
}
textarea.form-control {
	height: 110px !important;
	border: 1px solid #959595 !important;
	background-color: #fff !important;
}
.form-group .form-control:focus {
	border-color: #959595 !important;
	box-shadow: none !important;
}
.bx-soa-item-title a {
	color: #000;
	font-size: 16px;
}
.bx-soa-item-title a:hover {
	color: #d21249;
}
.bx-soa-cart-total .bx-soa-cart-total-line:first-child .bx-soa-cart-t {
	font-size: 16px;
}
.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t {
	font-size: 16px;
}
.catalog-sort-item a.active {
	border: 1px solid #d21249;
}
.bx-filter-container-modef {
	display: none !important;
}
@media (max-width: 990px) {
	#bx-soa-total .btn.btn-default.btn-lg.btn-order-save {
		font-size: 14px;
	}
}
.product-title {
	border-bottom: 0;
}
.product-params {
	border-bottom: 1px dashed #000;
	padding-bottom: 5px;
}
.product-detail-availability.not_availability span {
	background: #777;
}
.catalog-filter {
	padding-bottom: 0;
	border-bottom: 0;
}
.product-price span > span {
	float: none;
	color: #000;
	font-size: 18px;
}
.product-detail-description .catalog-filter {
	display: inline;
	float: none;
	margin-left: 5px;
}
.catalog-products.sub_section_list {
	margin: 0;
	border-bottom: 1px dashed #000;
}
	.catalog-products.sub_section_list .product {
		margin-bottom: 20px;
	}
	.catalog-products.sub_section_list .catalog-products-wrap {
		margin: 0 -50px;
		margin-top: 20px;
	}
	.catalog-products.sub_section_list .product .product-img .img_wrap {
		min-height: 144px;
	}
	.catalog-products.sub_section_list .product .product-title {
		margin-top: 10px;
		text-align: center;
	}
.filter_btn_catalog-sort {
	border-bottom: 1px dashed #000;
	padding-bottom: 10px;
	text-align: right;
}
.filter_btn_catalog-sort .btns-filter {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 0;
	display: inline;
}
.filter_btn_catalog-sort .btns-filter > input {
	visibility: hidden;
}
.filter_btn_catalog-sort .catalog-sort {
	line-height: 3;
    width: auto;
    padding-bottom: 0;
    border-bottom: 0;
}
.product-detail-properties .similar_products, .product-detail-properties .similar_products a {
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline !important;
	text-transform: uppercase;
	color: #d21249;
}
	.product-detail-properties .similar_products a:hover {
		text-decoration: none !important;
	}
.catalog-filter-color .radio.filter-active input+span {
	outline: #d21249 solid 3px;
}
.product-detail-colors .radio.filter-active input+span {
	outline: #d21249 solid 1px;
}
.product-detail-img {
	position: relative;
}
.product-detail-stickers {
	position: absolute;
	top: 20px;
	left: -20px;
	z-index: 100;
	width: 100px;
	color: #fff;
}
.product-detail-stickers .product-sticker {
	background: #a1c057;
	padding: 2px 10px;
	font-size: 14px;
	margin-bottom: 5px;
	text-align: center;
	border: 1px solid #fff;
}
.product-sticker.sticker-new {
	background: #159ebb;
	color: #fff;
}
.product-sticker.sticker-discount, .sticker-discount {
	background: #d21249;
	color: #fff;
}
.product-sticker.sticker-action {
	background: #a1c057;
	color: #fff;
}

.catalog-filter-item {
	display: inline-block;
	margin-bottom: 35px;
}
.catalog-filter-block, .catalog-filter-block:nth-child(2n+1) {
    width: 100%;
}
.catalog-filter-item-color {
	min-height: 23px;
}
.catalog-filter-block .catalog-filter-slider .slider-ui {
	margin: 20px 15px 0 15px;
}
.catalog-filter-width, .catalog-filter-length {
	float: none;
	width: auto;
}
.catalog-filter-length .catalog-filter-title, .catalog-filter-width .catalog-filter-title {
	display: inline-block;
}

@media (min-width: 1280px) {
	
	.header-contacts {
    width: 500px;
	}
	.header-phones {
		margin-top:20px;
		font-size:24px;    
		margin-right: 7px;
		
		
	}
	
}

.red_it{
	color:red;
}
.keyParam{
	font-weight: bold;
}
.title_sl{
	font-family: Officina,sans-serif;
	font-size: 36px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 500;
	line-height: 1.1;
}
@media (max-width: 800px) {
	#logomain{
		width:160px;
	}
}


/* End */
/* /bitrix/templates/hamat/css/style.css?1725949774178191 */
/* /bitrix/templates/hamat/template_styles.css?17631223845521 */