

/* Start:/local/templates/kamen/css/foundation.min.css?173199848299493*/
@charset "UTF-8";

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure {
    display: block
}

figure {
    margin: 1em 40px
}

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

main {
    display: block
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

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

img {
    border-style: none
}

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

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

input {
    overflow: visible
}

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

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

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

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

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

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

legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}

html {
    box-sizing: border-box;
    font-size: 100%
}

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

body {
    margin: 0;
    padding: 0;
    background: #fefefe;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0
}

select {
    box-sizing: border-box;
    width: 100%;
    border-radius: 0
}

.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
    max-width: none !important
}

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    line-height: 1
}

[data-whatinput=mouse] button {
    outline: 0
}

pre {
    overflow: auto
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

.row {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto
}

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

.row:after {
    clear: both
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-right: 0;
    padding-left: 0
}

.row .row {
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media print,
screen and (min-width:40em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

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

.row.expanded {
    max-width: none
}

.row.expanded .row {
    margin-right: auto;
    margin-left: auto
}

.row:not(.expanded) .row {
    max-width: none
}

.row.gutter-small>.column,
.row.gutter-small>.columns {
    padding-right: .625rem;
    padding-left: .625rem
}

.row.gutter-medium>.column,
.row.gutter-medium>.columns {
    padding-right: .9375rem;
    padding-left: .9375rem
}

.column,
.columns {
    width: 100%;
    float: left;
    padding-right: .625rem;
    padding-left: .625rem
}

@media print,
screen and (min-width:40em) {

    .column,
    .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
    float: right
}

.column.end:last-child:last-child,
.end.columns:last-child:last-child {
    float: left
}

.column.row.row,
.row.row.columns {
    float: none
}

.row .column.row.row,
.row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}

.small-1 {
    width: 8.33333%
}

.small-push-1 {
    position: relative;
    left: 8.33333%
}

.small-pull-1 {
    position: relative;
    left: -8.33333%
}

.small-offset-0 {
    margin-left: 0
}

.small-2 {
    width: 16.66667%
}

.small-push-2 {
    position: relative;
    left: 16.66667%
}

.small-pull-2 {
    position: relative;
    left: -16.66667%
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-3 {
    width: 25%
}

.small-push-3 {
    position: relative;
    left: 25%
}

.small-pull-3 {
    position: relative;
    left: -25%
}

.small-offset-2 {
    margin-left: 16.66667%
}

.small-4 {
    width: 33.33333%
}

.small-push-4 {
    position: relative;
    left: 33.33333%
}

.small-pull-4 {
    position: relative;
    left: -33.33333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    width: 41.66667%
}

.small-push-5 {
    position: relative;
    left: 41.66667%
}

.small-pull-5 {
    position: relative;
    left: -41.66667%
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-6 {
    width: 50%
}

.small-push-6 {
    position: relative;
    left: 50%
}

.small-pull-6 {
    position: relative;
    left: -50%
}

.small-offset-5 {
    margin-left: 41.66667%
}

.small-7 {
    width: 58.33333%
}

.small-push-7 {
    position: relative;
    left: 58.33333%
}

.small-pull-7 {
    position: relative;
    left: -58.33333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    width: 66.66667%
}

.small-push-8 {
    position: relative;
    left: 66.66667%
}

.small-pull-8 {
    position: relative;
    left: -66.66667%
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-9 {
    width: 75%
}

.small-push-9 {
    position: relative;
    left: 75%
}

.small-pull-9 {
    position: relative;
    left: -75%
}

.small-offset-8 {
    margin-left: 66.66667%
}

.small-10 {
    width: 83.33333%
}

.small-push-10 {
    position: relative;
    left: 83.33333%
}

.small-pull-10 {
    position: relative;
    left: -83.33333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    width: 91.66667%
}

.small-push-11 {
    position: relative;
    left: 91.66667%
}

.small-pull-11 {
    position: relative;
    left: -91.66667%
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-12 {
    width: 100%
}

.small-offset-11 {
    margin-left: 91.66667%
}

.small-up-1>.column,
.small-up-1>.columns {
    float: left;
    width: 100%
}

.small-up-1>.column:nth-of-type(1n),
.small-up-1>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-1>.column:nth-of-type(1n+1),
.small-up-1>.columns:nth-of-type(1n+1) {
    clear: both
}

.small-up-1>.column:last-child,
.small-up-1>.columns:last-child {
    float: left
}

.small-up-2>.column,
.small-up-2>.columns {
    float: left;
    width: 50%
}

.small-up-2>.column:nth-of-type(1n),
.small-up-2>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-2>.column:nth-of-type(2n+1),
.small-up-2>.columns:nth-of-type(2n+1) {
    clear: both
}

.small-up-2>.column:last-child,
.small-up-2>.columns:last-child {
    float: left
}

.small-up-3>.column,
.small-up-3>.columns {
    float: left;
    width: 33.33333%
}

.small-up-3>.column:nth-of-type(1n),
.small-up-3>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-3>.column:nth-of-type(3n+1),
.small-up-3>.columns:nth-of-type(3n+1) {
    clear: both
}

.small-up-3>.column:last-child,
.small-up-3>.columns:last-child {
    float: left
}

.small-up-4>.column,
.small-up-4>.columns {
    float: left;
    width: 25%
}

.small-up-4>.column:nth-of-type(1n),
.small-up-4>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-4>.column:nth-of-type(4n+1),
.small-up-4>.columns:nth-of-type(4n+1) {
    clear: both
}

.small-up-4>.column:last-child,
.small-up-4>.columns:last-child {
    float: left
}

.small-up-5>.column,
.small-up-5>.columns {
    float: left;
    width: 20%
}

.small-up-5>.column:nth-of-type(1n),
.small-up-5>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-5>.column:nth-of-type(5n+1),
.small-up-5>.columns:nth-of-type(5n+1) {
    clear: both
}

.small-up-5>.column:last-child,
.small-up-5>.columns:last-child {
    float: left
}

.small-up-6>.column,
.small-up-6>.columns {
    float: left;
    width: 16.66667%
}

.small-up-6>.column:nth-of-type(1n),
.small-up-6>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-6>.column:nth-of-type(6n+1),
.small-up-6>.columns:nth-of-type(6n+1) {
    clear: both
}

.small-up-6>.column:last-child,
.small-up-6>.columns:last-child {
    float: left
}

.small-up-7>.column,
.small-up-7>.columns {
    float: left;
    width: 14.28571%
}

.small-up-7>.column:nth-of-type(1n),
.small-up-7>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-7>.column:nth-of-type(7n+1),
.small-up-7>.columns:nth-of-type(7n+1) {
    clear: both
}

.small-up-7>.column:last-child,
.small-up-7>.columns:last-child {
    float: left
}

.small-up-8>.column,
.small-up-8>.columns {
    float: left;
    width: 12.5%
}

.small-up-8>.column:nth-of-type(1n),
.small-up-8>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-8>.column:nth-of-type(8n+1),
.small-up-8>.columns:nth-of-type(8n+1) {
    clear: both
}

.small-up-8>.column:last-child,
.small-up-8>.columns:last-child {
    float: left
}

.small-collapse>.column,
.small-collapse>.columns {
    padding-right: 0;
    padding-left: 0
}

.expanded.row .small-collapse.row,
.small-collapse .row {
    margin-right: 0;
    margin-left: 0
}

.small-uncollapse>.column,
.small-uncollapse>.columns {
    padding-right: .625rem;
    padding-left: .625rem
}

.small-centered {
    margin-right: auto;
    margin-left: auto
}

.small-centered,
.small-centered:last-child:not(:first-child) {
    float: none;
    clear: both
}

.small-pull-0,
.small-push-0,
.small-uncentered {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0
}

@media print,
screen and (min-width:40em) {
    .medium-1 {
        width: 8.33333%
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333%
    }

    .medium-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .medium-offset-0 {
        margin-left: 0
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-push-2 {
        position: relative;
        left: 16.66667%
    }

    .medium-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-3 {
        width: 25%
    }

    .medium-push-3 {
        position: relative;
        left: 25%
    }

    .medium-pull-3 {
        position: relative;
        left: -25%
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333%
    }

    .medium-pull-4 {
        position: relative;
        left: -33.33333%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-push-5 {
        position: relative;
        left: 41.66667%
    }

    .medium-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-6 {
        width: 50%
    }

    .medium-push-6 {
        position: relative;
        left: 50%
    }

    .medium-pull-6 {
        position: relative;
        left: -50%
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333%
    }

    .medium-pull-7 {
        position: relative;
        left: -58.33333%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-push-8 {
        position: relative;
        left: 66.66667%
    }

    .medium-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-9 {
        width: 75%
    }

    .medium-push-9 {
        position: relative;
        left: 75%
    }

    .medium-pull-9 {
        position: relative;
        left: -75%
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333%
    }

    .medium-pull-10 {
        position: relative;
        left: -83.33333%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-11 {
        width: 91.66667%
    }

    .medium-push-11 {
        position: relative;
        left: 91.66667%
    }

    .medium-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .medium-up-1>.column,
    .medium-up-1>.columns {
        float: left;
        width: 100%
    }

    .medium-up-1>.column:nth-of-type(1n),
    .medium-up-1>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-1>.column:nth-of-type(1n+1),
    .medium-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }

    .medium-up-1>.column:last-child,
    .medium-up-1>.columns:last-child {
        float: left
    }

    .medium-up-2>.column,
    .medium-up-2>.columns {
        float: left;
        width: 50%
    }

    .medium-up-2>.column:nth-of-type(1n),
    .medium-up-2>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-2>.column:nth-of-type(2n+1),
    .medium-up-2>.columns:nth-of-type(2n+1) {
        clear: both
    }

    .medium-up-2>.column:last-child,
    .medium-up-2>.columns:last-child {
        float: left
    }

    .medium-up-3>.column,
    .medium-up-3>.columns {
        float: left;
        width: 33.33333%
    }

    .medium-up-3>.column:nth-of-type(1n),
    .medium-up-3>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-3>.column:nth-of-type(3n+1),
    .medium-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .medium-up-3>.column:last-child,
    .medium-up-3>.columns:last-child {
        float: left
    }

    .medium-up-4>.column,
    .medium-up-4>.columns {
        float: left;
        width: 25%
    }

    .medium-up-4>.column:nth-of-type(1n),
    .medium-up-4>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-4>.column:nth-of-type(4n+1),
    .medium-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .medium-up-4>.column:last-child,
    .medium-up-4>.columns:last-child {
        float: left
    }

    .medium-up-5>.column,
    .medium-up-5>.columns {
        float: left;
        width: 20%
    }

    .medium-up-5>.column:nth-of-type(1n),
    .medium-up-5>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-5>.column:nth-of-type(5n+1),
    .medium-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .medium-up-5>.column:last-child,
    .medium-up-5>.columns:last-child {
        float: left
    }

    .medium-up-6>.column,
    .medium-up-6>.columns {
        float: left;
        width: 16.66667%
    }

    .medium-up-6>.column:nth-of-type(1n),
    .medium-up-6>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-6>.column:nth-of-type(6n+1),
    .medium-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .medium-up-6>.column:last-child,
    .medium-up-6>.columns:last-child {
        float: left
    }

    .medium-up-7>.column,
    .medium-up-7>.columns {
        float: left;
        width: 14.28571%
    }

    .medium-up-7>.column:nth-of-type(1n),
    .medium-up-7>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-7>.column:nth-of-type(7n+1),
    .medium-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .medium-up-7>.column:last-child,
    .medium-up-7>.columns:last-child {
        float: left
    }

    .medium-up-8>.column,
    .medium-up-8>.columns {
        float: left;
        width: 12.5%
    }

    .medium-up-8>.column:nth-of-type(1n),
    .medium-up-8>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-8>.column:nth-of-type(8n+1),
    .medium-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .medium-up-8>.column:last-child,
    .medium-up-8>.columns:last-child {
        float: left
    }

    .medium-collapse>.column,
    .medium-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }

    .expanded.row .medium-collapse.row,
    .medium-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .medium-uncollapse>.column,
    .medium-uncollapse>.columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .medium-centered {
        margin-right: auto;
        margin-left: auto
    }

    .medium-centered,
    .medium-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .medium-pull-0,
    .medium-push-0,
    .medium-uncentered {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}

@media print,
screen and (min-width:64em) {
    .large-1 {
        width: 8.33333%
    }

    .large-push-1 {
        position: relative;
        left: 8.33333%
    }

    .large-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .large-offset-0 {
        margin-left: 0
    }

    .large-2 {
        width: 16.66667%
    }

    .large-push-2 {
        position: relative;
        left: 16.66667%
    }

    .large-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .large-3 {
        width: 25%
    }

    .large-push-3 {
        position: relative;
        left: 25%
    }

    .large-pull-3 {
        position: relative;
        left: -25%
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-push-4 {
        position: relative;
        left: 33.33333%
    }

    .large-pull-4 {
        position: relative;
        left: -33.33333%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-5 {
        width: 41.66667%
    }

    .large-push-5 {
        position: relative;
        left: 41.66667%
    }

    .large-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .large-6 {
        width: 50%
    }

    .large-push-6 {
        position: relative;
        left: 50%
    }

    .large-pull-6 {
        position: relative;
        left: -50%
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-push-7 {
        position: relative;
        left: 58.33333%
    }

    .large-pull-7 {
        position: relative;
        left: -58.33333%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-8 {
        width: 66.66667%
    }

    .large-push-8 {
        position: relative;
        left: 66.66667%
    }

    .large-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .large-9 {
        width: 75%
    }

    .large-push-9 {
        position: relative;
        left: 75%
    }

    .large-pull-9 {
        position: relative;
        left: -75%
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-push-10 {
        position: relative;
        left: 83.33333%
    }

    .large-pull-10 {
        position: relative;
        left: -83.33333%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-11 {
        width: 91.66667%
    }

    .large-push-11 {
        position: relative;
        left: 91.66667%
    }

    .large-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .large-up-1>.column,
    .large-up-1>.columns {
        float: left;
        width: 100%
    }

    .large-up-1>.column:nth-of-type(1n),
    .large-up-1>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-1>.column:nth-of-type(1n+1),
    .large-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }

    .large-up-1>.column:last-child,
    .large-up-1>.columns:last-child {
        float: left
    }

    .large-up-2>.column,
    .large-up-2>.columns {
        float: left;
        width: 50%
    }

    .large-up-2>.column:nth-of-type(1n),
    .large-up-2>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-2>.column:nth-of-type(2n+1),
    .large-up-2>.columns:nth-of-type(2n+1) {
        clear: both
    }

    .large-up-2>.column:last-child,
    .large-up-2>.columns:last-child {
        float: left
    }

    .large-up-3>.column,
    .large-up-3>.columns {
        float: left;
        width: 33.33333%
    }

    .large-up-3>.column:nth-of-type(1n),
    .large-up-3>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-3>.column:nth-of-type(3n+1),
    .large-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .large-up-3>.column:last-child,
    .large-up-3>.columns:last-child {
        float: left
    }

    .large-up-4>.column,
    .large-up-4>.columns {
        float: left;
        width: 25%
    }

    .large-up-4>.column:nth-of-type(1n),
    .large-up-4>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-4>.column:nth-of-type(4n+1),
    .large-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .large-up-4>.column:last-child,
    .large-up-4>.columns:last-child {
        float: left
    }

    .large-up-5>.column,
    .large-up-5>.columns {
        float: left;
        width: 20%
    }

    .large-up-5>.column:nth-of-type(1n),
    .large-up-5>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-5>.column:nth-of-type(5n+1),
    .large-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .large-up-5>.column:last-child,
    .large-up-5>.columns:last-child {
        float: left
    }

    .large-up-6>.column,
    .large-up-6>.columns {
        float: left;
        width: 16.66667%
    }

    .large-up-6>.column:nth-of-type(1n),
    .large-up-6>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-6>.column:nth-of-type(6n+1),
    .large-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .large-up-6>.column:last-child,
    .large-up-6>.columns:last-child {
        float: left
    }

    .large-up-7>.column,
    .large-up-7>.columns {
        float: left;
        width: 14.28571%
    }

    .large-up-7>.column:nth-of-type(1n),
    .large-up-7>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-7>.column:nth-of-type(7n+1),
    .large-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .large-up-7>.column:last-child,
    .large-up-7>.columns:last-child {
        float: left
    }

    .large-up-8>.column,
    .large-up-8>.columns {
        float: left;
        width: 12.5%
    }

    .large-up-8>.column:nth-of-type(1n),
    .large-up-8>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-8>.column:nth-of-type(8n+1),
    .large-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .large-up-8>.column:last-child,
    .large-up-8>.columns:last-child {
        float: left
    }

    .large-collapse>.column,
    .large-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }

    .expanded.row .large-collapse.row,
    .large-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .large-uncollapse>.column,
    .large-uncollapse>.columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .large-centered {
        margin-right: auto;
        margin-left: auto
    }

    .large-centered,
    .large-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .large-pull-0,
    .large-push-0,
    .large-uncentered {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}

.column-block {
    margin-bottom: 1.25rem
}

.column-block>:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:40em) {
    .column-block {
        margin-bottom: 1.875rem
    }

    .column-block>:last-child {
        margin-bottom: 0
    }
}

blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
    margin: 0;
    padding: 0
}

p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility
}

em,
i {
    font-style: italic
}

b,
em,
i,
strong {
    line-height: inherit
}

b,
strong {
    font-weight: 700
}

small {
    font-size: 80%;
    line-height: inherit
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    text-rendering: optimizeLegibility
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    line-height: 0;
    color: #cacaca
}

h1 {
    font-size: 1.5rem
}

h1,
h2 {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h2 {
    font-size: 1.25rem
}

h3 {
    font-size: 1.1875rem
}

h3,
h4 {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h4 {
    font-size: 1.125rem
}

h5 {
    font-size: 1.0625rem
}

h5,
h6 {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h6 {
    font-size: 1rem
}

@media print,
screen and (min-width:40em) {
    h1 {
        font-size: 3rem
    }

    h2 {
        font-size: 2.5rem
    }

    h3 {
        font-size: 1.9375rem
    }

    h4 {
        font-size: 1.5625rem
    }

    h5 {
        font-size: 1.25rem
    }

    h6 {
        font-size: 1rem
    }
}

a {
    line-height: inherit;
    color: #1779ba;
    text-decoration: none;
    cursor: pointer
}

a:focus,
a:hover {
    color: #1468a0
}

a img {
    border: 0
}

hr {
    clear: both;
    max-width: 75rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0
}

dl,
ol,
ul {
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.6
}

li {
    font-size: inherit
}

ul {
    list-style-type: disc
}

ol,
ul {
    margin-left: 1.25rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl {
    margin-bottom: 1rem
}

dl dt {
    margin-bottom: .3rem;
    font-weight: 700
}

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca
}

blockquote,
blockquote p {
    line-height: 1.6;
    color: #8a8a8a
}

cite {
    display: block;
    font-size: .8125rem;
    color: #8a8a8a
}

cite:before {
    content: "— "
}

abbr {
    border-bottom: 1px dotted #0a0a0a;
    color: #0a0a0a;
    cursor: help
}

figure {
    margin: 0
}

code {
    padding: .125rem .3125rem .0625rem;
    border: 1px solid #cacaca;
    font-weight: 400
}

code,
kbd {
    background-color: #e6e6e6;
    font-family: Consolas, Liberation Mono, Courier, monospace;
    color: #0a0a0a
}

kbd {
    margin: 0;
    padding: .125rem .25rem 0
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #8a8a8a
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p+.stat {
    margin-top: -1rem
}

.no-bullet {
    margin-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
}

@media print,
screen and (min-width:40em) {
    .medium-text-left {
        text-align: left
    }

    .medium-text-right {
        text-align: right
    }

    .medium-text-center {
        text-align: center
    }

    .medium-text-justify {
        text-align: justify
    }
}

@media print,
screen and (min-width:64em) {
    .large-text-left {
        text-align: left
    }

    .large-text-right {
        text-align: right
    }

    .large-text-center {
        text-align: center
    }

    .large-text-justify {
        text-align: justify
    }
}

.show-for-print {
    display: none !important
}

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print,
    th.show-for-print {
        display: table-cell !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    .ir a:after,
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    blockquote,
    pre {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem;
    padding: .85em 1em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 0;
    transition: background-color .25s ease-out, color .25s ease-out;
    font-size: .9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #1779ba;
    color: #fefefe
}

[data-whatinput=mouse] .button {
    outline: 0
}

.button:focus,
.button:hover {
    background-color: #14679e;
    color: #fefefe
}

.button.tiny {
    font-size: .6rem
}

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1.25rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.button.primary {
    background-color: #1779ba;
    color: #fefefe
}

.button.primary:focus,
.button.primary:hover {
    background-color: #126195;
    color: #fefefe
}

.button.secondary {
    background-color: #767676;
    color: #fefefe
}

.button.secondary:focus,
.button.secondary:hover {
    background-color: #5e5e5e;
    color: #fefefe
}

.button.success {
    background-color: #3adb76;
    color: #0a0a0a
}

.button.success:focus,
.button.success:hover {
    background-color: #22bb5b;
    color: #0a0a0a
}

.button.warning {
    background-color: #ffae00;
    color: #0a0a0a
}

.button.warning:focus,
.button.warning:hover {
    background-color: #cc8b00;
    color: #0a0a0a
}

.button.alert {
    background-color: #cc4b37;
    color: #fefefe
}

.button.alert:focus,
.button.alert:hover {
    background-color: #a53b2a;
    color: #fefefe
}

.button.hollow {
    border: 1px solid #1779ba;
    color: #1779ba
}

.button.hollow,
.button.hollow:focus,
.button.hollow:hover {
    background-color: transparent
}

.button.hollow:focus,
.button.hollow:hover {
    border-color: #0c3d5d;
    color: #0c3d5d
}

.button.hollow.primary {
    border: 1px solid #1779ba;
    color: #1779ba
}

.button.hollow.primary:focus,
.button.hollow.primary:hover {
    border-color: #0c3d5d;
    color: #0c3d5d
}

.button.hollow.secondary {
    border: 1px solid #767676;
    color: #767676
}

.button.hollow.secondary:focus,
.button.hollow.secondary:hover {
    border-color: #3b3b3b;
    color: #3b3b3b
}

.button.hollow.success {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button.hollow.success:focus,
.button.hollow.success:hover {
    border-color: #157539;
    color: #157539
}

.button.hollow.warning {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.hollow.warning:focus,
.button.hollow.warning:hover {
    border-color: #805700;
    color: #805700
}

.button.hollow.alert {
    border: 1px solid #cc4b37;
    color: #cc4b37
}

.button.hollow.alert:focus,
.button.hollow.alert:hover {
    border-color: #67251a;
    color: #67251a
}

.button.disabled,
.button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled,
.button.disabled:focus,
.button.disabled:hover,
.button[disabled],
.button[disabled]:focus,
.button[disabled]:hover {
    background-color: #1779ba;
    color: #fefefe
}

.button.disabled.primary,
.button[disabled].primary {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.primary,
.button.disabled.primary:focus,
.button.disabled.primary:hover,
.button[disabled].primary,
.button[disabled].primary:focus,
.button[disabled].primary:hover {
    background-color: #1779ba;
    color: #fefefe
}

.button.disabled.secondary,
.button[disabled].secondary {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.secondary,
.button.disabled.secondary:focus,
.button.disabled.secondary:hover,
.button[disabled].secondary,
.button[disabled].secondary:focus,
.button[disabled].secondary:hover {
    background-color: #767676;
    color: #fefefe
}

.button.disabled.success,
.button[disabled].success {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.success,
.button.disabled.success:focus,
.button.disabled.success:hover,
.button[disabled].success,
.button[disabled].success:focus,
.button[disabled].success:hover {
    background-color: #3adb76;
    color: #0a0a0a
}

.button.disabled.warning,
.button[disabled].warning {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.warning,
.button.disabled.warning:focus,
.button.disabled.warning:hover,
.button[disabled].warning,
.button[disabled].warning:focus,
.button[disabled].warning:hover {
    background-color: #ffae00;
    color: #0a0a0a
}

.button.disabled.alert,
.button[disabled].alert {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.alert,
.button.disabled.alert:focus,
.button.disabled.alert:hover,
.button[disabled].alert,
.button[disabled].alert:focus,
.button[disabled].alert:hover {
    background-color: #cc4b37;
    color: #fefefe
}

.button.dropdown:after {
    display: block;
    width: 0;
    height: 0;
    border: .4em inset;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fefefe transparent transparent;
    position: relative;
    top: .4em;
    display: inline-block;
    float: right;
    margin-left: 1em
}

.button.arrow-only:after {
    top: -.1em;
    float: none;
    margin-left: 0
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
    /* display:block; */
    box-sizing: border-box;
    width: 20%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    color: #0a0a0a;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow .5s, border-color .25s ease-in-out
}

textarea {
    max-width: 100%
}

textarea[rows] {
    height: auto
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #cacaca
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #cacaca
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #cacaca
}

input::placeholder,
textarea::placeholder {
    color: #cacaca
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
    background-color: #e6e6e6;
    cursor: not-allowed
}

[type=button],
[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

input[type=search] {
    box-sizing: border-box
}

[type=checkbox],
[type=file],
[type=radio] {
    margin: 0 0 1rem
}

[type=checkbox]+label,
[type=radio]+label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0
}

[type=checkbox]+label[for],
[type=radio]+label[for] {
    cursor: pointer
}

label>[type=checkbox],
label>[type=radio] {
    margin-right: .5rem
}

[type=file] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.8;
    color: #0a0a0a
}

label.middle {
    margin: 0 0 1rem;
    padding: .5625rem 0
}

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #0a0a0a
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem
}

.input-group>:first-child,
.input-group>:last-child>* {
    border-radius: 0 0 0 0
}

.input-group-button,
.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label,
.input-group-field,
.input-group-label {
    margin: 0;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #0a0a0a;
    text-align: center;
    white-space: nowrap;
    width: 1%;
    height: 100%
}

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

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

.input-group-field {
    border-radius: 0;
    height: 2.5rem
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    width: 1%;
    height: 100%
}

.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label {
    height: 2.5rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem
}

.input-group .input-group-button {
    display: table-cell
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    max-width: 100%;
    margin-bottom: .5rem
}

.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #cacaca
}

.fieldset legend {
    margin: 0;
    margin-left: -.1875rem;
    padding: 0 .1875rem;
    background: #fefefe
}

select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 1rem;
    line-height: normal;
    color: #0a0a0a;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow .5s, border-color .25s ease-in-out
}

@media screen and (min-width:0\0) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
    }
}

select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow .5s, border-color .25s ease-in-out
}

select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed
}

select::-ms-expand {
    display: none
}

select[multiple] {
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus) {
    border-color: #cc4b37;
    background-color: #f9ecea
}

.is-invalid-input:not(:focus)::-webkit-input-placeholder {
    color: #cc4b37
}

.is-invalid-input:not(:focus)::-moz-placeholder {
    color: #cc4b37
}

.is-invalid-input:not(:focus):-ms-input-placeholder {
    color: #cc4b37
}

.form-error,
.is-invalid-input:not(:focus)::placeholder,
.is-invalid-label {
    color: #cc4b37
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 700
}

.form-error.is-visible {
    display: block
}

.accordion {
    margin-left: 0;
    background: #fefefe;
    list-style-type: none
}

.accordion-item:first-child>:first-child,
.accordion-item:last-child>:last-child {
    border-radius: 0 0 0 0
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    font-size: .75rem;
    line-height: 1;
    color: #1779ba
}

:last-child:not(.is-active)>.accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0 0 0 0
}

.accordion-title:focus,
.accordion-title:hover {
    background-color: #e6e6e6
}

.accordion-title:before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    content: "+"
}

.is-active>.accordion-title:before {
    content: "\2013"
}

.accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #fefefe;
    color: #0a0a0a
}

:last-child>.accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6
}

.is-accordion-submenu-parent>a {
    position: relative
}

.is-accordion-submenu-parent>a:after {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem
}

.is-accordion-submenu-parent[aria-expanded=true]>a:after {
    transform: rotate(180deg);
    transform-origin: 50% 50%
}

.badge {
    display: inline-block;
    min-width: 2.1em;
    padding: .3em;
    border-radius: 50%;
    font-size: .6rem;
    text-align: center
}

.badge,
.badge.primary {
    background: #1779ba;
    color: #fefefe
}

.badge.secondary {
    background: #767676;
    color: #fefefe
}

.badge.success {
    background: #3adb76;
    color: #0a0a0a
}

.badge.warning {
    background: #ffae00;
    color: #0a0a0a
}

.badge.alert {
    background: #cc4b37;
    color: #fefefe
}

.breadcrumbs {
    margin: 0 0 1rem;
    list-style: none
}

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

.breadcrumbs:after {
    clear: both
}

.breadcrumbs li {
    float: left;
    font-size: .6875rem;
    color: #0a0a0a;
    cursor: default;
    text-transform: uppercase
}

.breadcrumbs li:not(:last-child):after {
    position: relative;
    top: 1px;
    margin: 0 .75rem;
    opacity: 1;
    content: "/";
    color: #cacaca
}

.breadcrumbs a {
    color: #1779ba
}

.breadcrumbs a:hover {
    text-decoration: underline
}

.breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed
}

.button-group {
    margin-bottom: 1rem;
    font-size: 0
}

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

.button-group:after {
    clear: both
}

.button-group .button {
    margin: 0;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: .9rem
}

.button-group .button:last-child {
    margin-right: 0
}

.button-group.tiny .button {
    font-size: .6rem
}

.button-group.small .button {
    font-size: .75rem
}

.button-group.large .button {
    font-size: 1.25rem
}

.button-group.expanded {
    margin-right: -1px
}

.button-group.expanded:after,
.button-group.expanded:before {
    display: none
}

.button-group.expanded .button:first-child:last-child {
    width: 100%
}

.button-group.expanded .button:first-child:nth-last-child(2),
.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button {
    display: inline-block;
    width: calc(50% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(2):last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(3),
.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button {
    display: inline-block;
    width: calc(33.33333% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(3):last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(4),
.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button {
    display: inline-block;
    width: calc(25% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(4):last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(5),
.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button {
    display: inline-block;
    width: calc(20% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(5):last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(6),
.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button {
    display: inline-block;
    width: calc(16.66667% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(6):last-child {
    margin-right: -6px
}

.button-group.primary .button {
    background-color: #1779ba;
    color: #fefefe
}

.button-group.primary .button:focus,
.button-group.primary .button:hover {
    background-color: #126195;
    color: #fefefe
}

.button-group.secondary .button {
    background-color: #767676;
    color: #fefefe
}

.button-group.secondary .button:focus,
.button-group.secondary .button:hover {
    background-color: #5e5e5e;
    color: #fefefe
}

.button-group.success .button {
    background-color: #3adb76;
    color: #0a0a0a
}

.button-group.success .button:focus,
.button-group.success .button:hover {
    background-color: #22bb5b;
    color: #0a0a0a
}

.button-group.warning .button {
    background-color: #ffae00;
    color: #0a0a0a
}

.button-group.warning .button:focus,
.button-group.warning .button:hover {
    background-color: #cc8b00;
    color: #0a0a0a
}

.button-group.alert .button {
    background-color: #cc4b37;
    color: #fefefe
}

.button-group.alert .button:focus,
.button-group.alert .button:hover {
    background-color: #a53b2a;
    color: #fefefe
}

.button-group.stacked-for-medium .button,
.button-group.stacked-for-small .button,
.button-group.stacked .button {
    width: 100%
}

.button-group.stacked-for-medium .button:last-child,
.button-group.stacked-for-small .button:last-child,
.button-group.stacked .button:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:40em) {
    .button-group.stacked-for-small .button {
        width: auto;
        margin-bottom: 0
    }
}

@media print,
screen and (min-width:64em) {
    .button-group.stacked-for-medium .button {
        width: auto;
        margin-bottom: 0
    }
}

@media screen and (max-width:39.9375em) {
    .button-group.stacked-for-small.expanded {
        display: block
    }

    .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0
    }
}

.card {
    margin-bottom: 1rem;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    background: #fefefe;
    box-shadow: none;
    overflow: hidden;
    color: #0a0a0a
}

.card>:last-child {
    margin-bottom: 0
}

.card-divider {
    padding: 1rem;
    background: #e6e6e6
}

.card-divider>:last-child {
    margin-bottom: 0
}

.card-section {
    padding: 1rem
}

.card-section>:last-child {
    margin-bottom: 0
}

.callout {
    position: relative;
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid hsla(0, 0%, 4%, .25);
    border-radius: 0;
    background-color: #fff;
    color: #0a0a0a
}

.callout>:first-child {
    margin-top: 0
}

.callout>:last-child {
    margin-bottom: 0
}

.callout.primary {
    background-color: #d7ecfa;
    color: #0a0a0a
}

.callout.secondary {
    background-color: #eaeaea;
    color: #0a0a0a
}

.callout.success {
    background-color: #e1faea;
    color: #0a0a0a
}

.callout.warning {
    background-color: #fff3d9;
    color: #0a0a0a
}

.callout.alert {
    background-color: #f7e4e1;
    color: #0a0a0a
}

.callout.small {
    padding: .5rem
}

.callout.large {
    padding: 3rem
}

.close-button {
    position: absolute;
    color: #8a8a8a;
    cursor: pointer
}

[data-whatinput=mouse] .close-button {
    outline: 0
}

.close-button:focus,
.close-button:hover {
    color: #0a0a0a
}

.close-button.small {
    right: .66rem;
    top: .33em;
    font-size: 1.5em;
    line-height: 1
}

.close-button,
.close-button.medium {
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1
}

.menu {
    margin: 0;
    list-style-type: none
}

.menu>li {
    display: table-cell;
    vertical-align: middle
}

[data-whatinput=mouse] .menu>li {
    outline: 0
}

.menu>li>a {
    display: block;
    padding: .7rem 1rem;
    line-height: 1
}

.menu a,
.menu button,
.menu input,
.menu select {
    margin-bottom: 0
}

.menu>li>a i,
.menu>li>a i+span,
.menu>li>a img,
.menu>li>a img+span,
.menu>li>a svg,
.menu>li>a svg+span {
    vertical-align: middle
}

.menu>li>a i,
.menu>li>a img,
.menu>li>a svg {
    margin-right: .25rem;
    display: inline-block
}

.menu.horizontal>li,
.menu>li {
    display: table-cell
}

.menu.expanded {
    display: table;
    width: 100%;
    table-layout: fixed
}

.menu.expanded>li:first-child:last-child {
    width: 100%
}

.menu.vertical>li {
    display: block
}

@media print,
screen and (min-width:40em) {
    .menu.medium-horizontal>li {
        display: table-cell
    }

    .menu.medium-expanded {
        display: table;
        width: 100%;
        table-layout: fixed
    }

    .menu.medium-expanded>li:first-child:last-child {
        width: 100%
    }

    .menu.medium-vertical>li {
        display: block
    }
}

@media print,
screen and (min-width:64em) {
    .menu.large-horizontal>li {
        display: table-cell
    }

    .menu.large-expanded {
        display: table;
        width: 100%;
        table-layout: fixed
    }

    .menu.large-expanded>li:first-child:last-child {
        width: 100%
    }

    .menu.large-vertical>li {
        display: block
    }
}

.menu.simple li {
    display: inline-block;
    vertical-align: top;
    line-height: 1
}

.menu.simple a {
    padding: 0
}

.menu.simple li {
    margin-left: 0;
    margin-right: 1rem
}

.menu.simple.align-right li {
    margin-right: 0;
    margin-left: 1rem
}

.menu.align-right:after,
.menu.align-right:before {
    display: table;
    content: " "
}

.menu.align-right:after {
    clear: both
}

.menu.align-right>li {
    float: right
}

.menu.icon-top>li>a {
    text-align: center
}

.menu.icon-top>li>a i,
.menu.icon-top>li>a img,
.menu.icon-top>li>a svg {
    display: block;
    margin: 0 auto .25rem
}

.menu.icon-top.vertical a>span {
    margin: auto
}

.menu.nested {
    margin-left: 1rem
}

.menu .active>a {
    background: #1779ba;
    color: #fefefe
}

.menu.menu-bordered li {
    border: 1px solid #e6e6e6
}

.menu.menu-bordered li:not(:first-child) {
    border-top: 0
}

.menu.menu-hover li:hover {
    background-color: #e6e6e6
}

.menu-text {
    padding-top: 0;
    padding-bottom: 0;
    padding: .7rem 1rem;
    font-weight: 700;
    line-height: 1;
    color: inherit
}

.menu-centered {
    text-align: center
}

.menu-centered>.menu {
    display: inline-block;
    vertical-align: top
}

.no-js [data-responsive-menu] ul {
    display: none
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

.menu-icon:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    content: ""
}

.menu-icon:hover:after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca
}

.menu-icon.dark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

.menu-icon.dark:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
    content: ""
}

.menu-icon.dark:hover:after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a
}

.is-drilldown {
    position: relative;
    overflow: hidden
}

.is-drilldown li {
    display: block
}

.is-drilldown.animate-height {
    transition: height .5s
}

.is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #fefefe;
    transition: transform .15s linear
}

.is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    transform: translateX(-100%)
}

.is-drilldown-submenu.is-closing {
    transform: translateX(100%)
}

.drilldown-submenu-cover-previous {
    min-height: 100%
}

.is-drilldown-submenu-parent>a {
    position: relative
}

.is-drilldown-submenu-parent>a:after {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem
}

.js-drilldown-back>a:before {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75rem;
    border-left-width: 0
}

.dropdown-pane {
    position: absolute;
    z-index: 10;
    display: block;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-size: 1rem
}

.dropdown-pane.is-open {
    visibility: visible
}

.dropdown-pane.tiny {
    width: 100px
}

.dropdown-pane.small {
    width: 200px
}

.dropdown-pane.large {
    width: 400px
}

.dropdown.menu>li.opens-left>.is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
}

.dropdown.menu>li.is-dropdown-submenu-parent>a {
    position: relative;
    padding-right: 1.5rem
}

.dropdown.menu>li.is-dropdown-submenu-parent>a:after {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    right: 5px;
    margin-top: -3px
}

[data-whatinput=mouse] .dropdown.menu a {
    outline: 0
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu.vertical>li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
    right: 100%;
    left: auto
}

.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.vertical>li>a:after {
    right: 14px
}

.dropdown.menu.vertical>li.opens-left>a:after {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent
}

.dropdown.menu.vertical>li.opens-right>a:after {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba
}

@media print,
screen and (min-width:40em) {
    .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #1779ba transparent transparent;
        right: 5px;
        margin-top: -3px
    }

    .dropdown.menu.medium-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
        right: 100%;
        left: auto
    }

    .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.medium-vertical>li>a:after {
        right: 14px
    }

    .dropdown.menu.medium-vertical>li.opens-left>a:after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #1779ba transparent transparent
    }

    .dropdown.menu.medium-vertical>li.opens-right>a:after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #1779ba
    }
}

@media print,
screen and (min-width:64em) {
    .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #1779ba transparent transparent;
        right: 5px;
        margin-top: -3px
    }

    .dropdown.menu.large-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
        right: 100%;
        left: auto
    }

    .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.large-vertical>li>a:after {
        right: 14px
    }

    .dropdown.menu.large-vertical>li.opens-left>a:after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #1779ba transparent transparent
    }

    .dropdown.menu.large-vertical>li.opens-right>a:after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #1779ba
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto
}

.is-dropdown-menu.vertical {
    width: 100px
}

.is-dropdown-menu.vertical.align-right {
    float: right
}

.is-dropdown-submenu-parent {
    position: relative
}

.is-dropdown-submenu-parent a:after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -6px
}

.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
    top: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
    right: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 1px solid #cacaca;
    background: #fefefe
}

.is-dropdown-submenu .is-dropdown-submenu-parent>a:after {
    right: 14px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px
}

.is-dropdown-submenu>li {
    width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
    display: block
}

.flex-video,
.responsive-embed {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden
}

.flex-video embed,
.flex-video iframe,
.flex-video object,
.flex-video video,
.responsive-embed embed,
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.flex-video.widescreen,
.responsive-embed.widescreen {
    padding-bottom: 56.25%
}

.label {
    display: inline-block;
    padding: .33333rem .5rem;
    border-radius: 0;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default
}

.label,
.label.primary {
    background: #1779ba;
    color: #fefefe
}

.label.secondary {
    background: #767676;
    color: #fefefe
}

.label.success {
    background: #3adb76;
    color: #0a0a0a
}

.label.warning {
    background: #ffae00;
    color: #0a0a0a
}

.label.alert {
    background: #cc4b37;
    color: #fefefe
}

.media-object {
    display: block;
    margin-bottom: 1rem
}

.media-object img {
    max-width: none
}

@media screen and (max-width:39.9375em) {
    .media-object.stack-for-small .media-object-section {
        padding: 0;
        padding-bottom: 1rem;
        display: block
    }

    .media-object.stack-for-small .media-object-section img {
        width: 100%
    }
}

.media-object-section {
    display: table-cell;
    vertical-align: top
}

.media-object-section:first-child {
    padding-right: 1rem
}

.media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem
}

.media-object-section>:last-child {
    margin-bottom: 0
}

.media-object-section.middle {
    vertical-align: middle
}

.media-object-section.bottom {
    vertical-align: bottom
}

.is-off-canvas-open {
    overflow: hidden
}

.js-off-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease, visibility .5s ease;
    background: hsla(0, 0%, 100%, .25);
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

.js-off-canvas-overlay.is-visible {
    opacity: 1;
    visibility: visible
}

.js-off-canvas-overlay.is-closable {
    cursor: pointer
}

.js-off-canvas-overlay.is-overlay-absolute {
    position: absolute
}

.js-off-canvas-overlay.is-overlay-fixed {
    position: fixed
}

.off-canvas-wrapper {
    position: relative;
    overflow: hidden
}

.off-canvas {
    position: fixed;
    z-index: 1;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6
}

[data-whatinput=mouse] .off-canvas {
    outline: 0
}

.off-canvas.is-transition-overlap {
    z-index: 10
}

.off-canvas.is-transition-overlap.is-open {
    box-shadow: 0 0 10px hsla(0, 0%, 4%, .7)
}

.off-canvas.is-open {
    transform: translate(0)
}

.off-canvas-absolute {
    position: absolute;
    z-index: 1;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6
}

[data-whatinput=mouse] .off-canvas-absolute {
    outline: 0
}

.off-canvas-absolute.is-transition-overlap {
    z-index: 10
}

.off-canvas-absolute.is-transition-overlap.is-open {
    box-shadow: 0 0 10px hsla(0, 0%, 4%, .7)
}

.off-canvas-absolute.is-open {
    transform: translate(0)
}

.position-left {
    top: 0;
    left: 0;
    width: 250px;
    height: 100%;
    transform: translateX(-250px);
    overflow-y: auto
}

.position-left.is-open~.off-canvas-content {
    transform: translateX(250px)
}

.position-left.is-transition-push:after {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    box-shadow: 0 0 10px hsla(0, 0%, 4%, .7);
    content: " "
}

.position-left.is-transition-overlap.is-open~.off-canvas-content {
    transform: none
}

.position-right {
    top: 0;
    right: 0;
    width: 250px;
    height: 100%;
    transform: translateX(250px);
    overflow-y: auto
}

.position-right.is-open~.off-canvas-content {
    transform: translateX(-250px)
}

.position-right.is-transition-push:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    box-shadow: 0 0 10px hsla(0, 0%, 4%, .7);
    content: " "
}

.position-right.is-transition-overlap.is-open~.off-canvas-content {
    transform: none
}

.position-top {
    top: 0;
    left: 0;
    width: 100%;
    height: 250px;
    transform: translateY(-250px);
    overflow-x: auto
}

.position-top.is-open~.off-canvas-content {
    transform: translateY(250px)
}

.position-top.is-transition-push:after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    box-shadow: 0 0 10px hsla(0, 0%, 4%, .7);
    content: " "
}

.position-top.is-transition-overlap.is-open~.off-canvas-content {
    transform: none
}

.position-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 250px;
    transform: translateY(250px);
    overflow-x: auto
}

.position-bottom.is-open~.off-canvas-content {
    transform: translateY(-250px)
}

.position-bottom.is-transition-push:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    box-shadow: 0 0 10px hsla(0, 0%, 4%, .7);
    content: " "
}

.position-bottom.is-transition-overlap.is-open~.off-canvas-content {
    transform: none
}

.off-canvas-content {
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media print,
screen and (min-width:40em) {
    .position-left.reveal-for-medium {
        transform: none;
        z-index: 1
    }

    .position-left.reveal-for-medium~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-medium {
        transform: none;
        z-index: 1
    }

    .position-right.reveal-for-medium~.off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-medium {
        transform: none;
        z-index: 1
    }

    .position-top.reveal-for-medium~.off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-medium {
        transform: none;
        z-index: 1
    }

    .position-bottom.reveal-for-medium~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media print,
screen and (min-width:64em) {
    .position-left.reveal-for-large {
        transform: none;
        z-index: 1
    }

    .position-left.reveal-for-large~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-large {
        transform: none;
        z-index: 1
    }

    .position-right.reveal-for-large~.off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-large {
        transform: none;
        z-index: 1
    }

    .position-top.reveal-for-large~.off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-large {
        transform: none;
        z-index: 1
    }

    .position-bottom.reveal-for-large~.off-canvas-content {
        margin-bottom: 250px
    }
}

.orbit,
.orbit-container {
    position: relative
}

.orbit-container {
    height: 0;
    margin: 0;
    list-style: none;
    overflow: hidden
}

.orbit-slide {
    width: 100%
}

.orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0
}

.orbit-figure {
    margin: 0
}

.orbit-image {
    width: 100%;
    max-width: 100%;
    margin: 0
}

.orbit-caption {
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    background-color: hsla(0, 0%, 4%, .5)
}

.orbit-caption,
.orbit-next,
.orbit-previous {
    position: absolute;
    padding: 1rem;
    color: #fefefe
}

.orbit-next,
.orbit-previous {
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

[data-whatinput=mouse] .orbit-next,
[data-whatinput=mouse] .orbit-previous {
    outline: 0
}

.orbit-next:active,
.orbit-next:focus,
.orbit-next:hover,
.orbit-previous:active,
.orbit-previous:focus,
.orbit-previous:hover {
    background-color: hsla(0, 0%, 4%, .5)
}

.orbit-previous {
    left: 0
}

.orbit-next {
    left: auto;
    right: 0
}

.orbit-bullets {
    position: relative;
    margin-top: .8rem;
    margin-bottom: .8rem;
    text-align: center
}

[data-whatinput=mouse] .orbit-bullets {
    outline: 0
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: .1rem;
    border-radius: 50%;
    background-color: #cacaca
}

.orbit-bullets button.is-active,
.orbit-bullets button:hover {
    background-color: #8a8a8a
}

.pagination {
    margin-left: 0;
    margin-bottom: 1rem
}

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

.pagination:after {
    clear: both
}

.pagination li {
    margin-right: .0625rem;
    border-radius: 0;
    font-size: .875rem;
    display: none
}

.pagination li:first-child,
.pagination li:last-child {
    display: inline-block
}

@media print,
screen and (min-width:40em) {
    .pagination li {
        display: inline-block
    }
}

.pagination a,
.pagination button {
    display: block;
    padding: .1875rem .625rem;
    border-radius: 0;
    color: #0a0a0a
}

.pagination a:hover,
.pagination button:hover {
    background: #e6e6e6
}

.pagination .current {
    padding: .1875rem .625rem;
    background: #1779ba;
    color: #fefefe;
    cursor: default
}

.pagination .disabled {
    padding: .1875rem .625rem;
    color: #cacaca;
    cursor: not-allowed
}

.pagination .disabled:hover {
    background: transparent
}

.pagination .ellipsis:after {
    padding: .1875rem .625rem;
    content: "\2026";
    color: #0a0a0a
}

.pagination-previous.disabled:before,
.pagination-previous a:before {
    display: inline-block;
    margin-right: .5rem;
    content: "\00ab"
}

.pagination-next.disabled:after,
.pagination-next a:after {
    display: inline-block;
    margin-left: .5rem;
    content: "\00bb"
}

.progress {
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 0;
    background-color: #cacaca
}

.progress.primary .progress-meter {
    background-color: #1779ba
}

.progress.secondary .progress-meter {
    background-color: #767676
}

.progress.success .progress-meter {
    background-color: #3adb76
}

.progress.warning .progress-meter {
    background-color: #ffae00
}

.progress.alert .progress-meter {
    background-color: #cc4b37
}

.progress-meter {
    position: relative;
    display: block;
    width: 0;
    height: 100%;
    background-color: #1779ba
}

.progress-meter-text {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
    font-size: .75rem;
    font-weight: 700;
    color: #fefefe;
    white-space: nowrap
}

.slider {
    position: relative;
    height: .5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #e6e6e6;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none
}

.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: .5rem;
    background-color: #cacaca;
    transition: all .2s ease-in-out
}

.slider-fill.is-dragging {
    transition: all 0s linear
}

.slider-handle {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 0;
    background-color: #1779ba;
    transition: all .2s ease-in-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[data-whatinput=mouse] .slider-handle {
    outline: 0
}

.slider-handle:hover {
    background-color: #14679e
}

.slider-handle.is-dragging {
    transition: all 0s linear
}

.slider.disabled,
.slider[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.slider.vertical {
    display: inline-block;
    width: .5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    transform: scaleY(-1)
}

.slider.vertical .slider-fill {
    top: 0;
    width: .5rem;
    max-height: 100%
}

.slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    transform: translateX(-50%)
}

.sticky,
.sticky-container {
    position: relative
}

.sticky {
    z-index: 0;
    transform: translateZ(0)
}

.sticky.is-stuck {
    position: fixed;
    z-index: 5
}

.sticky.is-stuck.is-at-top {
    top: 0
}

.sticky.is-stuck.is-at-bottom {
    bottom: 0
}

.sticky.is-anchored {
    position: relative;
    right: auto;
    left: auto
}

.sticky.is-anchored.is-at-bottom {
    bottom: 0
}

.switch {
    height: 2rem;
    position: relative;
    margin-bottom: 1rem;
    outline: 0;
    font-size: .875rem;
    font-weight: 700;
    color: #fefefe;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.switch-input {
    position: absolute;
    margin-bottom: 0;
    opacity: 0
}

.switch-paddle {
    position: relative;
    display: block;
    width: 4rem;
    height: 2rem;
    border-radius: 0;
    background: #cacaca;
    transition: all .25s ease-out;
    font-weight: inherit;
    color: inherit;
    cursor: pointer
}

input+.switch-paddle {
    margin: 0
}

.switch-paddle:after {
    position: absolute;
    top: .25rem;
    left: .25rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    transform: translateZ(0);
    border-radius: 0;
    background: #fefefe;
    transition: all .25s ease-out;
    content: ""
}

input:checked~.switch-paddle {
    background: #1779ba
}

input:checked~.switch-paddle:after {
    left: 2.25rem
}

[data-whatinput=mouse] input:focus~.switch-paddle {
    outline: 0
}

.switch-active,
.switch-inactive {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.switch-active {
    left: 8%;
    display: none
}

input:checked+label>.switch-active {
    display: block
}

.switch-inactive {
    right: 15%
}

input:checked+label>.switch-inactive {
    display: none
}

.switch.tiny {
    height: 1.5rem
}

.switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: .625rem
}

.switch.tiny .switch-paddle:after {
    top: .25rem;
    left: .25rem;
    width: 1rem;
    height: 1rem
}

.switch.tiny input:checked~.switch-paddle:after {
    left: 1.75rem
}

.switch.small {
    height: 1.75rem
}

.switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: .75rem
}

.switch.small .switch-paddle:after {
    top: .25rem;
    left: .25rem;
    width: 1.25rem;
    height: 1.25rem
}

.switch.small input:checked~.switch-paddle:after {
    left: 2rem
}

.switch.large {
    height: 2.5rem
}

.switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem
}

.switch.large .switch-paddle:after {
    top: .25rem;
    left: .25rem;
    width: 2rem;
    height: 2rem
}

.switch.large input:checked~.switch-paddle:after {
    left: 2.75rem
}

table {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0
}

table tbody,
table tfoot,
table thead {
    border: 1px solid #f1f1f1;
    background-color: #fefefe
}

table caption {
    padding: .5rem .625rem .625rem;
    font-weight: 700
}

table thead {
    background: #f8f8f8;
    color: #0a0a0a
}

table tfoot {
    background: #f1f1f1;
    color: #0a0a0a
}

table tfoot tr,
table thead tr {
    background: transparent
}

table tfoot td,
table tfoot th,
table thead td,
table thead th {
    padding: .5rem .625rem .625rem;
    font-weight: 700;
    text-align: left
}

table tbody td,
table tbody th {
    padding: .5rem .625rem .625rem
}

table tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f1f1f1
}

table.unstriped tbody {
    background-color: #fefefe
}

table.unstriped tbody tr {
    border-bottom: 0;
    border-bottom: 1px solid #f1f1f1;
    background-color: #fefefe
}

@media screen and (max-width:63.9375em) {

    table.stack tfoot,
    table.stack thead {
        display: none
    }

    table.stack td,
    table.stack th,
    table.stack tr {
        display: block
    }

    table.stack td {
        border-top: 0
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto
}

table.hover thead tr:hover {
    background-color: #f3f3f3
}

table.hover tfoot tr:hover {
    background-color: #ececec
}

table.hover tbody tr:hover {
    background-color: #f9f9f9
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
    background-color: #ececec
}

.table-scroll {
    overflow-x: auto
}

.table-scroll table {
    width: auto
}

.tabs {
    margin: 0;
    border: 1px solid #e6e6e6;
    background: #fefefe;
    list-style-type: none
}

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

.tabs:after {
    clear: both
}

.tabs.vertical>li {
    display: block;
    float: none;
    width: auto
}

.tabs.simple>li>a {
    padding: 0
}

.tabs.simple>li>a:hover {
    background: transparent
}

.tabs.primary {
    background: #1779ba
}

.tabs.primary>li>a {
    color: #fefefe
}

.tabs.primary>li>a:focus,
.tabs.primary>li>a:hover {
    background: #1673b1
}

.tabs-title {
    float: left
}

.tabs-title>a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: .75rem;
    line-height: 1;
    color: #1779ba
}

.tabs-title>a:hover {
    background: #fefefe;
    color: #1468a0
}

.tabs-title>a:focus,
.tabs-title>a[aria-selected=true] {
    background: #e6e6e6;
    color: #1779ba
}

.tabs-content {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #fefefe;
    color: #0a0a0a;
    transition: all .5s ease
}

.tabs-content.vertical {
    border: 1px solid #e6e6e6;
    border-left: 0
}

.tabs-panel {
    display: none;
    padding: 1rem
}

.tabs-panel[aria-hidden=false] {
    display: block
}

.thumbnail {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1rem;
    border: 4px solid #fefefe;
    border-radius: 0;
    box-shadow: 0 0 0 1px hsla(0, 0%, 4%, .2);
    line-height: 0
}

a.thumbnail {
    transition: box-shadow .2s ease-out
}

a.thumbnail:focus,
a.thumbnail:hover {
    box-shadow: 0 0 6px 1px rgba(23, 121, 186, .5)
}

a.thumbnail image {
    box-shadow: none
}

.title-bar {
    padding: .5rem;
    background: #0a0a0a;
    color: #fefefe
}

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

.title-bar:after {
    clear: both
}

.title-bar .menu-icon {
    margin-left: .25rem;
    margin-right: .25rem
}

.title-bar-left {
    float: left
}

.title-bar-right {
    float: right;
    text-align: right
}

.title-bar-title {
    vertical-align: middle
}

.has-tip,
.title-bar-title {
    display: inline-block;
    font-weight: 700
}

.has-tip {
    position: relative;
    border-bottom: 1px dotted #8a8a8a;
    cursor: help
}

.top-bar {
    padding: .5rem
}

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

.top-bar:after {
    clear: both
}

.top-bar,
.top-bar ul {
    background-color: #e6e6e6
}

.top-bar input {
    max-width: 200px;
    margin-right: 1rem
}

.top-bar .input-group-field {
    width: 100%;
    margin-right: 0
}

.top-bar input.button {
    width: auto
}

.top-bar .top-bar-left,
.top-bar .top-bar-right {
    width: 100%
}

@media print,
screen and (min-width:40em) {

    .top-bar .top-bar-left,
    .top-bar .top-bar-right {
        width: auto
    }
}

@media screen and (max-width:63.9375em) {

    .top-bar.stacked-for-medium .top-bar-left,
    .top-bar.stacked-for-medium .top-bar-right {
        width: 100%
    }
}

@media screen and (max-width:74.9375em) {

    .top-bar.stacked-for-large .top-bar-left,
    .top-bar.stacked-for-large .top-bar-right {
        width: 100%
    }
}

.top-bar-title {
    display: inline-block;
    float: left;
    padding: .5rem 1rem .5rem 0
}

.top-bar-title .menu-icon {
    bottom: 2px
}

.top-bar-left {
    float: left
}

.top-bar-right {
    float: right
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width:39.9375em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width:0em),
screen and (min-width:40em) {
    .show-for-small-only {
        display: none !important
    }
}

@media print,
screen and (min-width:40em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width:39.9375em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width:39.9375em),
screen and (min-width:64em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print,
screen and (min-width:64em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width:63.9375em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (min-width:64em) and (max-width:74.9375em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width:63.9375em),
screen and (min-width:75em) {
    .show-for-large-only {
        display: none !important
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.show-on-focus:active,
.show-on-focus:focus {
    position: static !important;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto
}

.hide-for-portrait,
.show-for-landscape {
    display: block !important
}

@media screen and (orientation:landscape) {

    .hide-for-portrait,
    .show-for-landscape {
        display: block !important
    }
}

@media screen and (orientation:portrait) {

    .hide-for-portrait,
    .show-for-landscape {
        display: none !important
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

@media screen and (orientation:landscape) {

    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation:portrait) {

    .hide-for-landscape,
    .show-for-portrait {
        display: block !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

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

.clearfix:after {
    clear: both
}

.slide-in-down.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateY(-100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-down.mui-enter.mui-enter-active {
    transform: translateY(0)
}

.slide-in-left.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateX(-100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-left.mui-enter.mui-enter-active {
    transform: translateX(0)
}

.slide-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateY(100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-up.mui-enter.mui-enter-active {
    transform: translateY(0)
}

.slide-in-right.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateX(100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-right.mui-enter.mui-enter-active {
    transform: translateX(0)
}

.slide-out-down.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateY(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-down.mui-leave.mui-leave-active {
    transform: translateY(100%)
}

.slide-out-right.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateX(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-right.mui-leave.mui-leave-active {
    transform: translateX(100%)
}

.slide-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateY(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-up.mui-leave.mui-leave-active {
    transform: translateY(-100%)
}

.slide-out-left.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateX(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-left.mui-leave.mui-leave-active {
    transform: translateX(-100%)
}

.fade-in.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 0;
    transition-property: opacity
}

.fade-in.mui-enter.mui-enter-active {
    opacity: 1
}

.fade-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 1;
    transition-property: opacity
}

.fade-out.mui-leave.mui-leave-active {
    opacity: 0
}

.hinge-in-from-top.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    transform-origin: top;
    transition-property: transform, opacity;
    opacity: 0
}

.hinge-in-from-top.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-right.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    transform-origin: right;
    transition-property: transform, opacity;
    opacity: 0
}

.hinge-in-from-right.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-bottom.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(90deg);
    transform-origin: bottom;
    transition-property: transform, opacity;
    opacity: 0
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-left.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(90deg);
    transform-origin: left;
    transition-property: transform, opacity;
    opacity: 0
}

.hinge-in-from-left.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-middle-x.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 0
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-middle-y.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 0
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active,
.hinge-out-from-top.mui-leave {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-out-from-top.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform-origin: top;
    transition-property: transform, opacity
}

.hinge-out-from-top.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}

.hinge-out-from-right.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: right;
    transition-property: transform, opacity;
    opacity: 1
}

.hinge-out-from-right.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}

.hinge-out-from-bottom.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: bottom;
    transition-property: transform, opacity;
    opacity: 1
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0
}

.hinge-out-from-left.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: left;
    transition-property: transform, opacity;
    opacity: 1
}

.hinge-out-from-left.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0
}

.hinge-out-from-middle-x.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 1
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}

.hinge-out-from-middle-y.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 1
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}

.scale-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: scale(.5);
    transition-property: transform, opacity;
    opacity: 0
}

.scale-in-up.mui-enter.mui-enter-active {
    transform: scale(1);
    opacity: 1
}

.scale-in-down.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: scale(1.5);
    transition-property: transform, opacity;
    opacity: 0
}

.scale-in-down.mui-enter.mui-enter-active,
.scale-out-up.mui-leave {
    transform: scale(1);
    opacity: 1
}

.scale-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform, opacity
}

.scale-out-up.mui-leave.mui-leave-active {
    transform: scale(1.5);
    opacity: 0
}

.scale-out-down.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: scale(1);
    transition-property: transform, opacity;
    opacity: 1
}

.scale-out-down.mui-leave.mui-leave-active {
    transform: scale(.5);
    opacity: 0
}

.spin-in.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: rotate(-270deg);
    transition-property: transform, opacity;
    opacity: 0
}

.spin-in.mui-enter.mui-enter-active,
.spin-out.mui-leave {
    transform: rotate(0);
    opacity: 1
}

.spin-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform, opacity
}

.spin-in-ccw.mui-enter,
.spin-out.mui-leave.mui-leave-active {
    transform: rotate(270deg);
    opacity: 0
}

.spin-in-ccw.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform, opacity
}

.spin-in-ccw.mui-enter.mui-enter-active,
.spin-out-ccw.mui-leave {
    transform: rotate(0);
    opacity: 1
}

.spin-out-ccw.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform, opacity
}

.spin-out-ccw.mui-leave.mui-leave-active {
    transform: rotate(-270deg);
    opacity: 0
}

.slow {
    transition-duration: .75s !important
}

.fast {
    transition-duration: .25s !important
}

.linear {
    transition-timing-function: linear !important
}

.ease {
    transition-timing-function: ease !important
}

.ease-in {
    transition-timing-function: ease-in !important
}

.ease-out {
    transition-timing-function: ease-out !important
}

.ease-in-out {
    transition-timing-function: ease-in-out !important
}

.bounce-in {
    transition-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important
}

.bounce-out {
    transition-timing-function: cubic-bezier(.485, .155, .515, .845) !important
}

.bounce-in-out {
    transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important
}

.short-delay {
    transition-delay: .3s !important
}

.long-delay {
    transition-delay: .7s !important
}

.shake {
    animation-name: a
}

@keyframes a {

    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90% {
        transform: translateX(7%)
    }

    5%,
    15%,
    25%,
    35%,
    45%,
    55%,
    65%,
    75%,
    85%,
    95% {
        transform: translateX(-7%)
    }
}

.spin-ccw,
.spin-cw {
    animation-name: b
}

@keyframes b {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.wiggle {
    animation-name: c
}

@keyframes c {

    40%,
    50%,
    60% {
        transform: rotate(7deg)
    }

    35%,
    45%,
    55%,
    65% {
        transform: rotate(-7deg)
    }

    0%,
    30%,
    70%,
    to {
        transform: rotate(0)
    }
}

.shake,
.spin-ccw,
.spin-cw,
.wiggle {
    animation-duration: .5s
}

.infinite {
    animation-iteration-count: infinite
}

.slow {
    animation-duration: .75s !important
}

.fast {
    animation-duration: .25s !important
}

.linear {
    animation-timing-function: linear !important
}

.ease {
    animation-timing-function: ease !important
}

.ease-in {
    animation-timing-function: ease-in !important
}

.ease-out {
    animation-timing-function: ease-out !important
}

.ease-in-out {
    animation-timing-function: ease-in-out !important
}

.bounce-in {
    animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important
}

.bounce-out {
    animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important
}

.bounce-in-out {
    animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important
}

.short-delay {
    animation-delay: .3s !important
}

.long-delay {
    animation-delay: .7s !important
}
/* End */


/* Start:/local/templates/kamen/css/slick.css?16669536731619*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/*# sourceMappingURL=slick.css.map */
/* End */


/* Start:/local/templates/kamen/css/slick-theme.css?16801836533265*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/local/templates/kamen/css/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/local/templates/.default/fonts/slick.eot');
    src: url('/local/templates/.default/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/fonts/slick.woff') format('woff'), url('/local/templates/.default/fonts/slick.ttf') format('truetype'), url('/local/templates/.default/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* End */


/* Start:/local/templates/kamen/css/jquery.fancybox.min.css?166695367313706*/
@charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}}
/* End */


/* Start:/local/templates/kamen/css/main.css?175430809694778*/
/* Fonts */

@font-face {
    font-family: 'gilroy';
    src: url('/local/templates/kamen/css/../fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/kamen/css/../fonts/Gilroy-ExtraBold.otf') format('opentype'), url('/local/templates/kamen/css/../fonts/Gilroy-ExtraBold.woff') format('woff'), url('/local/templates/kamen/css/../fonts/Gilroy-ExtraBold.ttf') format('truetype'), url('/local/templates/kamen/css/../fonts/Gilroy-ExtraBold.svg#Gilroy-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url('/local/templates/kamen/css/../fonts/icomoon.eot?had4jk');
    src: url('/local/templates/kamen/css/../fonts/icomoon.eot?had4jk#iefix') format('embedded-opentype'), url('/local/templates/kamen/css/../fonts/icomoon.ttf?had4jk') format('truetype'), url('/local/templates/kamen/css/../fonts/icomoon.woff?had4jk') format('woff'), url('/local/templates/kamen/css/../fonts/icomoon.svg?had4jk#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
    content: "\e90f";
}

.icon-arrow:before {
    content: "\e90c";
}

.icon-phone:before {
    content: "\e911";
    color: #3394d0;
}

.icon-add:before {
    content: "\e90d";
    color: #d02e31;
}

.icon-paving:before {
    content: "\e908";
}

.icon-wall:before {
    content: "\e90b";
}

.icon-bath:before {
    content: "\e900";
}

.icon-patio:before {
    content: "\e901";
}

.icon-pond:before {
    content: "\e909";
}

.icon-steps:before {
    content: "\e90a";
}

.icon-close:before {
    content: "\e910";
    color: #696f74;
}

.icon-arrow-dd:before {
    content: "\e90e";
}

.icon-delivery:before {
    content: "\e902";
    color: #3394d0;
}

.icon-house:before {
    content: "\e903";
}

.icon-order:before {
    content: "\e904";
    color: #adb1b4;
}

.icon-pay:before {
    content: "\e905";
    color: #3394d0;
}

.icon-rockery:before {
    content: "\e906";
}

.icon-warehouse:before {
    content: "\e907";
    color: #3394d0;
}


/* Fonts end */


/* All */

body,
html {
    font-family: 'Open Sans', sans-serif;
    color: #424445;
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5 {
    color: #424445;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

h1 {
    font-size: 35px;
}

@media (max-width: 767px) {
    h1 {
        font-size: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    h1 {
        font-size: 34px;
    }

    ._tablet-visible {
        display: block !important;
    }
}

h2 {
    font-size: 24px;
}

@media (max-width: 767px) {
    h2 {
        font-size: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    h2 {
        font-size: 22px;
    }
}

h3 {
    font-size: 18px;
    line-height: 1.17;
}

@media (max-width: 767px) {
    h3 {
        font-size: 16px;
    }
}

.container {
    max-width: 1400px;
    padding: 0 50px;
    margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .container {
        padding: 0 20px;
    }
}

@media (max-width: 767px) {
    .container {
        padding: 0 20px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .container {
        padding: 0 20px;
    }
}

* {
    box-sizing: border-box;
}

/* All end */


/* Header */

.header-mobile {
    padding: 0 0 14px;
    letter-spacing: -0.3em;
    display: none;
}

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

.header-mobile .header-logo,
.header-mobile .header-menu {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
}

.header-mobile .header-logo {
    width: 75%;
    display: flex;
    flex-wrap: nowrap;
    gap: 14px;
}

._header-mobile-alignment {
    display: flex;
    align-items: center;
}

.header-mobile .header-logo img {
    max-width: 100px;
}

.header-mobile .header-logo span {
    display: flex;
    align-items: center;
}

.header-mobile .header-drop {
    letter-spacing: normal;
    overflow: hidden;
    height: 0px;
    transition-duration: 0.5s;
    position: absolute;
    background: #fff;
    width: 100%;
}

.header-mobile .header-drop.is-open {
    height: auto;
    padding: 16px 0 26px;
    margin-top: 0;
    border-top: 1px solid #eaeaea;
}

.header-mobile .header-drop ul {
    margin: 0;
    padding: 0;
}

.header-mobile .header-drop ul li a {
    display: block;
    padding: 10px 20px;
    color: #424445;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px;
}

.header-mobile .header-drop ul li a:after {
    display: none;
}

.header-mobile .header-drop ul li ul li {
    background-size: cover !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
    background-blend-mode: multiply !important;
}

.header-mobile .header-drop ul li ul li a {
    text-align: center;
    padding: 35px 20px;
}

.header-mobile .header-drop ul li ul li h3 {
    font-size: 14px;
    color: #fff;
}

.header-mobile .header-drop ul li ul li i {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    margin-top: -26px;
    display: inline-block;
    line-height: 52px;
    color: #fff;
}

.header-mobile .header-drop ul li ul li i.icon-house {
    font-size: 22px;
}

.header-mobile .header-drop ul li ul li i.icon-paving {
    font-size: 19px;
}

.header-mobile .header-drop ul li ul li i.icon-patio {
    font-size: 17px;
}

.header-mobile .header-drop ul li ul li i.icon-pond {
    font-size: 14px;
}

.header-mobile .header-drop ul li ul li i.icon-rockery {
    font-size: 26px;
}

.header-mobile .header-drop ul li ul li i.icon-wall {
    font-size: 17px;
}

.header-mobile .header-drop ul li ul li i.icon-warehouse {
    font-size: 26px;
}

.header-mobile .header-drop ul li ul li i.icon-steps {
    font-size: 17px;
}

.header-mobile .header-drop ul li ul li span.red {
    color: #d02e31;
    font-size: 12px;
    line-height: 1.7;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}

.header-mobile .header-drop ul li ul li span.white {
    color: #ffffff;
    font-size: 12px;
    line-height: 1.7;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}

.header-mobile .header-drop ul li ul li .submenu-item__body__variant {
    letter-spacing: -0.3em;
}

.header-mobile .header-drop ul li ul li .submenu-item__body__variant>a {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    letter-spacing: normal;
    padding: 10px;
}

.header-mobile .header-drop ul li ul li .submenu-item__body__variant>a:nth-child(odd) {
    /*margin-left: 20px;*/
}

.header-mobile .header-drop ul li ul li .submenu-item__body__variant>a a {
    padding: 0;
}

.header-mobile .header-drop ul li ul li .submenu-item__body__variant>a p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 2.0;
    letter-spacing: 1px;
    margin: 0;
    color: #fff;
}

.header-mobile .header-drop ul li ul li .submenu-item__body__variant>a p:first-child {
    text-decoration: underline;
}

.header-mobile .header-drop ul li ul li .submenu-item__body__variant>a p.red {
    color: #d02e31;
    font-size: 12px;
    line-height: 1.7;
}

.header-mobile .header-drop ul li ul li.js-drilldown-back {
    background: transparent !important;
}

.header-mobile .header-drop ul li ul li.js-drilldown-back a {
    text-align: left;
    padding: 10px 20px 20px;
}

.header-mobile .header-drop ul li ul li.js-drilldown-back a:before {
    display: none;
}

.header-mobile .header-drop ul li ul li.js-drilldown-back a i {
    color: #424445;
    width: auto;
    height: auto;
    transform: rotate(180deg);
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin: -4px 10px 0 0;
}

.header-mobile .header-phone {
    letter-spacing: normal;
    padding: 2px 20px;
    border-top: 1px solid #eaeaea;
    margin-top: 2px;
    line-height: normal;
}

.header-mobile .header-phone p {
    margin-bottom: 0.5rem;
    text-align: center;
}

.header-mobile .header-phone a {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #424445;
    text-transform: uppercase;
    text-align: center;
}

.header-mobile .header-phone a.blue {
    color: #3394d0;
    margin: 5px 0;
}

.header-mobile .header-phone a.red {
    color: #FF0000;
    margin: 5px 0;
}

.header-mobile .header-menu {
    width: 25%;
    text-align: right;
}

.header-mobile .header-menu a {
    display: inline-block;
    vertical-align: middle;
}

.header-mobile .header-menu a.header-burger {
    color: #424445;
    margin-left: 20px;
}

.header-mobile .header-menu a.header-cart {
    color: #d02e31;
}

.header-mobile .header-menu a.header-cart i {
    font-size: 25px;
    color: #d02e31;
    margin-left: 20px;
    position: relative;
}

.header-mobile .header-menu a.header-cart i:before {
    color: #d02e31;
}

.header-mobile .header-menu a.header-cart i b {
    position: absolute;
    bottom: -2px;
    right: 2px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
}

.header {
    border-bottom: 1px solid #eaeaea;
    position: relative;
}

@media (max-width: 767px) {
    .header {
        display: none;
    }
}

.header .header-top {
    letter-spacing: -0.3em;
    padding: 24px 0;
    border-bottom: 1px solid #eaeaea;
}

.header .header-top .header-logo,
.header .header-top .header-phone {
    display: inline-block;
    vertical-align: middle;
}

.header .header-top .header-logo {
    width: 40%;
}

.header-phone__container {
    display: flex;
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .header .header-top .header-logo {
        width: 32%;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header .header-top .header-logo {
        width: 50%;
    }

    .header-phone__container {
        justify-content: right;
        ;
        align-items: center;
    }
}

.header .header-top .header-logo img,
.header .header-top .header-logo span {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    width: 50%;
}

.header .header-top .header-logo img {
    padding: 10px 20px 10px 0;
    object-position: left;
    max-width: 30%;
}

.header .header-top .header-logo span {
    font-size: 15px;
    color: #424445;
    border-left: 1px solid #eaeaea;
    font-weight: 700;
    padding: 10px 20px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header .header-top .header-logo span {
        padding: 10px 15px;
        font-size: 10px;
    }

    .header .header-top .header-logo img {
        max-width: 40%;
    }

    .header .header-top .header-logo span {
        width: 60%;
        font-size: 12px;
    }
}

.header .header-top .header-phone {
    width: 60%;
    text-align: right;
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .header .header-top .header-phone {
        width: 68%;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header .header-top .header-phone {
        width: 50%;
    }
}

.header .header-top .header-phone .header-phone__item,
.header .header-top .header-phone .header-phone__callback {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
}

.header .header-top .header-phone .header-phone__item {
    padding: 0 20px;
    text-align: left;
    max-width: 172px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header .header-top .header-phone .header-phone__item {
        display: none;
    }
}

.header .header-top .header-phone .header-phone__item+.header-phone__item {
    border-left: 1px solid #eaeaea;
}

.header .header-top .header-phone .header-phone__item a {
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #424445;
    display: block;
    margin-bottom: 6px;
}

.header .header-top .header-phone .header-phone__item p {
    margin: 0;
    font-weight: 700;
    color: #3394d0;
    font-size: 13px;
    line-height: 1.23;
}

.header .header-top .header-phone .header-phone__item span {
    color: #adb1b4;
    line-height: 1.33;
    font-size: 12px;
}

.header .header-top .header-phone .header-phone-modal {
    display: none;
    width: 200px;
    height: 86px;
    border-radius: 4px;
    border: solid 2px #3394d0;
    line-height: 82px;
    text-align: center;
    margin-right: 20px;
    vertical-align: middle;
    font-size: 21px;
    letter-spacing: 0px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header .header-top .header-phone .header-phone-modal {
        display: inline-block;
    }

    .header .header-top .header-phone .header-phone-modal i {
        line-height: 45px;
    }
}

.header .header-top .header-phone .header-phone__callback {
    text-align: center;
    background: #3394d0;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 18px;
    width: 200px;
    /*margin-top:-27px;*/
    border-radius: 4px;
}

.header .header-top .header-phone .header-phone__callback:hover {
    opacity: .8;
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .header .header-top .header-phone .header-phone__item {
        padding: 0 15px;
    }

    .header .header-top .header-phone .header-phone__callback {
        padding: 15px 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header .header-top .header-phone .header-phone__callback {
        padding: 15px 15px;
    }
}

.header .header-bottom {
    letter-spacing: -0.3em;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.header .header-bottom .header-menu,
.header .header-bottom .header-cart {
    display: inline-block;
    vertical-align: middle;
}

.header .header-bottom .header-menu {
    /* width: calc(100% - 150px); */
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header .header-bottom .header-menu {
        width: calc(100% - 50px);
    }
}

.header .header-bottom .header-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header .header-bottom .header-menu ul li {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
}

.header .header-bottom .header-menu ul li+li {
    margin-left: 40px;
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .header .header-bottom .header-menu ul li+li {
        margin-left: 20px;
    }
}

.header .header-bottom .header-menu ul li a {
    display: block;
    text-transform: uppercase;
    color: #424445;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding: 24px 0;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header .header-bottom .header-menu ul li+li {
        margin-left: 16px;
    }

    .header .header-bottom .header-menu ul li a {
        font-size: 11px;
    }
}

.header .header-bottom .header-menu ul li a:hover,
.mainpage-submenu a:hover {
    opacity: 0.8;
}

.header .header-bottom .header-menu ul li a:nth-child(4) {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 70px;
    background: #dc6164;
    border-radius: 9px;
    padding: 0;
    color: white;
}

.header .header-bottom .header-menu ul li.selected>a {
    color: #d02e31;
}

.header .header-bottom .header-menu ul li .submenu {
    position: absolute;
    width: 100%;
    background: #fff;
    padding: 40px 0;
    left: 0;
    z-index: 10;
    margin-top: 1px;
    display: none;
}

.header .header-bottom .header-menu ul li .submenu.is-open {
    display: block;
}

.header .header-bottom .header-menu ul li .submenu ul,
.mainpage-submenu .submenu ul {
    letter-spacing: -0.3em;
}

.header .header-bottom .header-menu ul li .submenu ul li,
.mainpage-submenu .submenu ul li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: calc(25% - 15px);
    margin: 0 20px 20px 0;
}

@media (min-width: 768px) and (max-width: 1023px) {

    .header .header-bottom .header-menu ul li .submenu ul li,
    .mainpage-submenu .submenu ul li {
        width: calc(50% - 15px);
    }

    .header .header-bottom .header-menu ul li .submenu ul li:nth-child(2n),
    .mainpage-submenu .submenu ul li:nth-child(2n) {
        margin-right: 0;
    }
}

@media (max-width: 767px) {

    .header .header-bottom .header-menu ul li .submenu ul li,
    .mainpage-submenu .submenu ul li {
        width: calc(100% - 15px);
    }

    /*.header .header-bottom .header-menu ul li .submenu ul li:nth-child(2n),.mainpage-submenu .submenu ul li:nth-child(2n) {
    margin-right: 0;
  }*/
}

.header .header-bottom .header-menu ul li .submenu ul li:nth-child(4n),
.mainpage-submenu .submenu ul li:nth-child(4n) {
    margin-right: 0;
}

.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__img,
.mainpage-submenu .submenu ul li .submenu-item__img {
    height: 200px;
    margin-bottom: 10px;
}

@media screen and (max-width:1023px) {
    .header .header-bottom .header-menu ul li .submenu ul li .submenu-item__img {
        height: unset;
    }
}

.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__img a,
.mainpage-submenu .submenu ul li .submenu-item__img a {
    padding: 0;
}

.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__img img,
.mainpage-submenu .submenu ul li .submenu-item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body a,
.mainpage-submenu .submenu ul li .submenu-item__body a {
    padding: 0;
}

.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body span.red,
.mainpage-submenu .submenu ul li .submenu-item__body span.red {
    color: #d02e31;
    font-size: 14px;
    line-height: 1.7;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body i,
.mainpage-submenu .submenu ul li .submenu-item__body i {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #fff;
    margin-top: -26px;
    display: inline-block;
    line-height: 52px;
    color: #424445;
}

.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body i.icon-house,
.mainpage-submenu .submenu ul li .submenu-item__body i.icon-house {
    font-size: 22px;
}

.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body i.icon-paving,
.mainpage-submenu .submenu ul li .submenu-item__body i.icon-paving {
    font-size: 19px;
}

.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body i.icon-patio,
.mainpage-submenu .submenu ul li .submenu-item__body i.icon-patio {
    font-size: 17px;
}

.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body i.icon-pond,
.mainpage-submenu .submenu ul li .submenu-item__body i.icon-pond {
    font-size: 14px;
}

.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body i.icon-rockery,
.mainpage-submenu .submenu ul li .submenu-item__body i.icon-rockery {
    font-size: 26px;
}

.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body i.icon-wall,
.mainpage-submenu .submenu ul li .submenu-item__body i.icon-wall {
    font-size: 17px;
}

.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body i.icon-warehouse,
.mainpage-submenu .submenu ul li .submenu-item__body i.icon-warehouse {
    font-size: 26px;
}

.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body i.icon-steps,
.mainpage-submenu .submenu ul li .submenu-item__body i.icon-steps {
    font-size: 17px;
}

.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body .submenu-item__body__variant,
.mainpage-submenu .submenu ul li .submenu-item__body .submenu-item__body__variant {
    letter-spacing: -0.3em;
}

.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body .submenu-item__body__variant>a,
.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body .submenu-item__body__variant div,
.mainpage-submenu .submenu ul li .submenu-item__body .submenu-item__body__variant>a,
.mainpage-submenu .submenu ul li .submenu-item__body .submenu-item__body__variant div {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
}

.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body .submenu-item__body__variant>a:nth-child(odd),
.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body .submenu-item__body__variant div:nth-child(odd),
.mainpage-submenu .submenu ul li .submenu-item__body .submenu-item__body__variant>a:nth-child(odd),
.mainpage-submenu .submenu ul li .submenu-item__body .submenu-item__body__variant div:nth-child(odd) {
    margin-right: 20px;
}

.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body .submenu-item__body__variant>a p,
.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body .submenu-item__body__variant div p,
.mainpage-submenu .submenu ul li .submenu-item__body .submenu-item__body__variant>a p,
.mainpage-submenu .submenu ul li .submenu-item__body .submenu-item__body__variant div p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 2.0;
    letter-spacing: 1px;
    margin: 0;
}

.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body .submenu-item__body__variant>a p:first-child,
.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body .submenu-item__body__variant div p:first-child,
.mainpage-submenu .submenu ul li .submenu-item__body .submenu-item__body__variant>a p:first-child,
.mainpage-submenu .submenu ul li .submenu-item__body .submenu-item__body__variant div p:first-child {
    text-decoration: underline;
}

.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body .submenu-item__body__variant>a p.red,
.header .header-bottom .header-menu ul li .submenu ul li .submenu-item__body .submenu-item__body__variant div p.red,
.mainpage-submenu .submenu ul li .submenu-item__body .submenu-item__body__variant>a p.red,
.mainpage-submenu .submenu ul li .submenu-item__body .submenu-item__body__variant div p.red {
    color: #d02e31;
    font-size: 14px;
    line-height: 1.7;
}

.header .header-bottom .header-cart {
    width: max-content;
    text-align: right;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header .header-bottom .header-cart {
        width: 50px;
    }
}

.header .header-bottom .header-cart a i,
.header .header-bottom .header-cart a span {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
}

.header .header-bottom .header-cart a span {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #adb1b4;
}

.header .header-bottom .header-cart a i {
    font-size: 25px;
    color: #adb1b4;
    margin-left: 20px;
    position: relative;
}

.header .header-bottom .header-cart a i b {
    position: absolute;
    bottom: -2px;
    right: 2px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
}

.header .header-bottom .header-cart a.red span,
.header .header-bottom .header-cart a.red i,
.header .header-bottom .header-cart a.red b {
    color: #d02e31;
}

.header .header-bottom .header-cart a.red span:before,
.header .header-bottom .header-cart a.red i:before,
.header .header-bottom .header-cart a.red b:before {
    color: #d02e31;
}



.header .header-bottom .header-menu>ul>li:nth-child(4)>a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 70px;
    background: #dc6164;
    border-radius: 9px;
    padding: 0;
    color: white;
}


/* Header end */


/* Footer */

.footer {
    background: url("/local/templates/kamen/css/../image/marble_2x.webp") no-repeat transparent;
    background-size: cover;
}

.footer .footer-title {
    padding: 34px 0;
    border-bottom: 1px solid #7a7e80;
}

.footer .footer-title h2,
.footer .footer-title h4 {
    margin: 0;
    color: #fff;
}

.footer .footer-copyright {
    color: #7a7e80;
    font-size: 14px;
    line-height: 2.14;
    padding: 8px 0 30px;
    border-top: 1px solid #7a7e80;
}

.footer .footer-menu {
    padding: 30px 0 75px;
    letter-spacing: -0.3em;
}

@media (max-width: 767px) {
    .footer .footer-menu {
        padding: 30px 0 0px;
    }
}

.footer .footer-menu ul {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
    list-style: none;
    letter-spacing: normal;
    width: 25%;
    box-sizing: border-box;
    padding-right: 20px;
}

.footer .footer-menu ul:last-child {
    padding-right: 0;
}

@media (max-width: 767px) {
    .footer .footer-menu ul {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .footer .footer-menu ul {
        padding-right: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .footer .footer-menu ul {
        padding-right: 20px;
    }
}

.footer .footer-menu ul li a {
    font-size: 14px;
    line-height: 20px;
    color: #7a7e80;
    margin-bottom: 8px;
    display: inline-block;

}

.footer .footer-menu ul li a:hover {
    text-decoration: underline;
}

.footer .footer-menu ul li a.title {
    color: #fff;
    font-weight: 700;
}

.footer .footer-menu ul.footer-phone li {
    margin-bottom: 20px;
}

.footer .footer-menu ul.footer-phone li a {
    font-size: 14px;
    font-weight: 700;
    line-height: 2.14;
    color: #fff;
}

.footer .footer-menu ul.footer-phone li a.footer-callback {
    font-family: Gilroy;
    font-size: 14px;
    text-transform: uppercase;
    color: #3394d0;
}

.footer .footer-menu ul.footer-phone li p {
    margin: 0;
    line-height: 1.14;
    color: #7a7e80;
    font-weight: 700;
}

.footer .footer-menu ul.footer-phone li span {
    margin: 0;
    line-height: 1.14;
    color: #7a7e80;
}


/* Footer end */


/* Wrapper */

.wrapper {
    position: relative;
}

.wrapper .wrapper-shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #424445;
    opacity: .7;
    z-index: 2;
    top: 0;
    left: 0;
    display: none;
}

.wrapper .breadcrumbs {
    margin: 40px 0 14px;
}

.wrapper .breadcrumbs li {
    color: #adb1b4;
    font-size: 12px;
    line-height: 1.33;
}

.wrapper .breadcrumbs li a,
.wrapper .breadcrumbs li span {
    color: #adb1b4;
    font-size: 12px;
    line-height: 1.33;
    text-transform: uppercase;
}

@media (min-width: 768px) and (max-width: 1023px) {

    .wrapper .breadcrumbs li a,
    .wrapper .breadcrumbs li span {
        line-height: 1.86;
    }
}

@media (max-width: 767px) {

    .wrapper .breadcrumbs li a,
    .wrapper .breadcrumbs li span {
        line-height: 1.86;
    }
}

.wrapper .page-title {
    margin: 0 0 26px;
}

.wrapper .page-title h1 {
    margin: 0;
}

@media (max-width: 767px) {
    .wrapper .page-title h1 {
        line-height: 1;
    }
}

.wrapper .banner {
    position: relative;
}

.wrapper .banner .slick-dots {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    right: 50px;
}

@media (max-width: 767px) {
    .wrapper .banner .slick-dots {
        right: 20px;
    }
}

.wrapper .banner .slick-dots li {
    text-align: center;
}

.wrapper .banner .slick-dots li button {
    color: transparent;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
}

.wrapper .banner .slick-dots li.slick-active button {
    width: 20px;
    height: 20px;
}

.wrapper .banner .slick-slide {
    padding: 144px 0;
}

@media (max-width: 767px) {
    .wrapper .banner .slick-slide {
        padding: 50px 0;
    }
}

.wrapper .banner .slick-slide h1 {
    color: #fff;
    margin: 0;
    max-width: 500px;
    line-height: 1.22;
}

@media (max-width: 767px) {
    .wrapper .banner .slick-slide h1 {
        max-width: 100%;
    }
}

.wrapper .banner .slick-slide a {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    padding: 16px 25px;
    background: transparent;
    border-radius: 4px;
    margin-top: 30px;
}

.wrapper .banner .slick-slide a:hover {
    color: #d02e31;
}

@media (max-width: 767px) {
    .wrapper .banner .slick-slide a.tr-btn {
        padding: 16px 0;
    }
}

.wrapper .banner .slick-slide a.red-btn {
    background: #d02e31;
}

.wrapper .banner .slick-slide a.red-btn:hover {
    background: #fff;
}

.wrapper .features {
    letter-spacing: -0.3em;
    border-bottom: 1px solid #eaeaea;
}

.wrapper .features .features-item {
    display: inline-block;
    vertical-align: middle;
    width: 33.33%;
    text-align: center;
    padding: 35px 20px;
}

@media (max-width: 767px) {
    .wrapper .features .features-item {
        width: 100%;
        border-bottom: 1px solid #eaeaea;
        border-left: none !important;
        padding: 35px 20px;
        text-align: left;
    }

    .wrapper .features .features-item:last-child {
        border-bottom: none;
    }
}

.wrapper .features .features-item+.features-item {
    border-left: 1px solid #eaeaea;
}

.wrapper .features .features-item i,
.wrapper .features .features-item span {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
}

.wrapper .features .features-item i {
    font-size: 50px;
    color: #3394d0;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .features .features-item i {
        font-size: 40px;
    }
}

.wrapper .features .features-item span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    max-width: 120px;
    text-align: left;
    margin-left: 20px;
    line-height: 17px;
}

.wrapper .choose h1 {
    text-align: left;
    margin: 0;
    padding: 20px 0 0;
}
.wrapper .mainpage-submenu h1 {
    text-align: center;
    margin: 0;
    padding: 70px 0 40px;
}

.wrapper .choose .choose-list {
    letter-spacing: -0.3em;
    padding-bottom: 20px;
}

.wrapper .choose .choose-list .choose-item {
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 15px);
    text-align: center;
    letter-spacing: normal;
    margin: 0 20px 34px 0;
}

.wrapper .choose .choose-list .choose-item:hover {
    box-shadow: 0 30px 20px 0 rgba(81, 143, 180, 0.13);
}

@media (max-width: 767px) {
    .wrapper .choose .choose-list .choose-item:hover {
        box-shadow: none;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .choose .choose-list .choose-item:hover {
        box-shadow: none;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .choose .choose-list .choose-item {
        width: calc(50% - 20px);
    }
}

@media (max-width: 767px) {
    .wrapper .choose .choose-list .choose-item {
        width: 100%;
        margin-right: 0;
    }
}

.wrapper .choose .choose-list .choose-item:nth-child(4n) {
    margin-right: 0;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .choose .choose-list .choose-item:nth-child(2n) {
        margin-right: 0;
    }
}

.wrapper .choose .choose-list .choose-item .choose-item__img {
    height: 200px;
}

.wrapper .choose .choose-list .choose-item .choose-item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100%;
}

.wrapper .choose .choose-list .choose-item .choose-item__body {
    padding-bottom: 40px;
}

.wrapper .choose .choose-list .choose-item .choose-item__body i {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #fff;
    margin-top: -26px;
    display: inline-block;
    line-height: 52px;
    color: #424445;
}

.wrapper .choose .choose-list .choose-item .choose-item__body i.icon-house {
    font-size: 22px;
}

.wrapper .choose .choose-list .choose-item .choose-item__body i.icon-paving {
    font-size: 19px;
}

.wrapper .choose .choose-list .choose-item .choose-item__body i.icon-patio {
    font-size: 17px;
}

.wrapper .choose .choose-list .choose-item .choose-item__body i.icon-pond {
    font-size: 14px;
}

.wrapper .choose .choose-list .choose-item .choose-item__body i.icon-rockery {
    font-size: 26px;
}

.wrapper .choose .choose-list .choose-item .choose-item__body i.icon-wall {
    font-size: 17px;
}

.wrapper .choose .choose-list .choose-item .choose-item__body i.icon-warehouse {
    font-size: 26px;
}

.wrapper .choose .choose-list .choose-item .choose-item__body i.icon-steps {
    font-size: 17px;
}

.wrapper .choose .choose-list .choose-item .choose-item__body h2 {
    margin: 0;
    line-height: 28px;
}

.wrapper .examples {
    background: #eaeaea;
}

.wrapper .examples h1 {
    text-align: center;
    padding: 70px 0 40px;
}

.wrapper .examples .examples-slider {
    position: relative;
    padding: 0 50px;
}

@media (max-width: 767px) {
    .wrapper .examples .examples-slider {
        padding: 0;
    }
}

.wrapper .examples .examples-slider .slick-slide {
    padding: 0 20px;
    position: relative;
}

@media (max-width: 767px) {
    .wrapper .examples .examples-slider .slick-slide {
        padding: 0;
    }
}

.wrapper .examples .examples-slider .slick-slide img {
    filter: brightness(60%);
}

.wrapper .examples .examples-slider .slick-slide .examples-slider__text {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 50%;
}

.wrapper .examples .examples-slider .slick-slide .examples-slider__text p,
.wrapper .examples .examples-slider .slick-slide .examples-slider__text span {
    color: #fff;
}

.wrapper .examples .examples-slider .slick-slide .examples-slider__text:hover p,
.wrapper .examples .examples-slider .slick-slide .examples-slider__text:hover span {
    color: #adb1b4;
}

.wrapper .examples .examples-slider .slick-slide .examples-slider__text p {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    margin: 0;
}

.wrapper .examples .examples-slider .slick-slide .examples-slider__text span {
    font-size: 14px;
    letter-spacing: 1px;
}

.wrapper .examples .examples-slider .slick-arrow {
    position: absolute;
    font-size: 40px;
    top: 50%;
    margin-top: -20px;
    outline: none;
}

@media (max-width: 767px) {
    .wrapper .examples .examples-slider .slick-arrow {
        color: #fff;
    }
}

.wrapper .examples .examples-slider .slick-arrow:hover {
    color: #adb1b4;
}

.wrapper .examples .examples-slider .slick-arrow.slick-prev {
    left: 0;
    transform: rotate(180deg);
}

@media (max-width: 767px) {
    .wrapper .examples .examples-slider .slick-arrow.slick-prev {
        z-index: 5;
    }
}

.wrapper .examples .examples-slider .slick-arrow.slick-next {
    right: 0;
}

.wrapper .examples .examples-showmore {
    text-align: center;
    padding: 50px 0 50px;
}

.wrapper .examples .examples-showmore a {
    display: inline-block;
    background: #adb1b4;
    border-radius: 4px;
    padding: 16px 44px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.wrapper .examples .examples-showmore a:hover {
    background: #d02e31;
}

.wrapper .stockmap .container {
    border-bottom: 1px solid #eaeaea;
}

@media (max-width: 767px) {
    .wrapper .stockmap .container {
        padding-bottom: 30px;
    }
}

.wrapper .stockmap.border-none {
    border: none;
}

.wrapper .stockmap.bottom {
    margin-bottom: 50px;
}

.wrapper .stockmap h1 {
    text-align: center;
    padding: 70px 0 40px;
}

.wrapper .stockmap .stockmap-map {
    height: 500px;
}

@media (max-width: 767px) {
    .wrapper .stockmap .stockmap-map {
        height: 250px;
    }
}

.wrapper .stockmap .stockmap-address {
    letter-spacing: -0.3em;
    margin-top: 20px;
}

.wrapper .stockmap .stockmap-address .stockmap-address__item {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    letter-spacing: normal;
    text-align: center;
    padding: 35px 20px;
}

@media (max-width: 767px) {
    .wrapper .stockmap .stockmap-address .stockmap-address__item {
        width: 100%;
        border: none !important;
        padding: 20px 0px 0;
        text-align: center;
    }
}

.wrapper .stockmap .stockmap-address .stockmap-address__item+.stockmap-address__item {
    /*border-left: 1px solid #eaeaea;*/
}

.wrapper .stockmap .stockmap-address .stockmap-address__item a,
.wrapper .stockmap .stockmap-address .stockmap-address__item span {
    display: block;
}

.wrapper .stockmap .stockmap-address .stockmap-address__item a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #424445;
}

.wrapper .stockmap .stockmap-address .stockmap-address__item span {
    font-size: 14px;
    line-height: 1.33;
    color: #adb1b4;
}

.wrapper .newitem {
    border-bottom: 1px solid #eaeaea;
}

.wrapper .newitem h1 {
    text-align: center;
    padding: 70px 0 40px;
}

.wrapper .newitem .newitem-list {
    letter-spacing: -0.3em;
}

.wrapper .newitem .newitem-list .newitem-item {
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 15px);
    margin: 0 20px 20px 0;
    letter-spacing: normal;
    transition-duration: 1s;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .newitem .newitem-list .newitem-item {
        width: calc(50% - 20px);
    }
}

@media (max-width: 767px) {
    .wrapper .newitem .newitem-list .newitem-item {
        width: 100%;
        margin-right: 0;
    }
}

.wrapper .newitem .newitem-list .newitem-item:nth-child(4n) {
    margin-right: 0;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .newitem .newitem-list .newitem-item:nth-child(2n) {
        margin-right: 0;
    }
}

.wrapper .newitem .newitem-list .newitem-item:hover {
    box-shadow: 0 30px 20px 0 rgba(81, 143, 180, 0.13);
}

.wrapper .newitem .newitem-list .newitem-item:hover .newitem-item__body {
    padding: 25px 15px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .newitem .newitem-list .newitem-item:hover {
        box-shadow: none;
    }
}

@media (max-width: 767px) {
    .wrapper .newitem .newitem-list .newitem-item:hover {
        box-shadow: none;
    }
}

.wrapper .newitem .newitem-list .newitem-item .newitem-item__img {
    height: 200px;
    position: relative;
}

.wrapper .newitem .newitem-list .newitem-item .newitem-item__img .label {
    position: absolute;
    top: 0;
    left: 15px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 12px;
    background: #3394d0;
    padding: 12px 8px;
    letter-spacing: 1px;
}

.wrapper .newitem .newitem-list .newitem-item .newitem-item__img .label.red {
    background: #d02e31;
}

.wrapper .newitem .newitem-list .newitem-item .newitem-item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wrapper .newitem .newitem-list .newitem-item .newitem-item__body {
    padding: 25px 0px;
    transition-duration: 1s;
}

.wrapper .newitem .newitem-list .newitem-item .newitem-item__body .newitem-item__body__variant {
    letter-spacing: -0.3em;
    white-space: nowrap;
}

.wrapper .newitem .newitem-list .newitem-item .newitem-item__body .newitem-item__body__variant>div {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
}

.wrapper .newitem .newitem-list .newitem-item .newitem-item__body .newitem-item__body__variant>div:nth-child(odd) {
    margin-left: 15px;
}

.wrapper .newitem .newitem-list .newitem-item .newitem-item__body .newitem-item__body__variant>div a {
    color: #424445;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: underline;
}

.wrapper .newitem .newitem-list .newitem-item .newitem-item__body .newitem-item__body__variant>div p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 2.0;
    letter-spacing: 1px;
    margin: 0;
}

.wrapper .newitem .newitem-list .newitem-item .newitem-item__body .newitem-item__body__variant>div p:first-child {
    text-decoration: underline;
}

.wrapper .newitem .newitem-list .newitem-item .newitem-item__body .newitem-item__body__variant>div p.red {
    color: #d02e31;
    font-size: 14px;
    line-height: 1.7;
}

.wrapper .newitem .newitem-list .newitem-item .newitem-item__body p,
.wrapper .newitem .newitem-list .newitem-item .newitem-item__body span {
    display: block;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.wrapper .newitem .newitem-list .newitem-item .newitem-item__body p {
    color: #424445;
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 10px;
}

.wrapper .newitem .newitem-list .newitem-item .newitem-item__body span {
    color: #d02e31;
    font-size: 18px;
}

.wrapper .newitem .showmore {
    letter-spacing: normal;
    text-align: center;
    padding: 0 0 50px;
}

.wrapper .newitem .showmore a {
    display: inline-block;
    color: #fff;
    background: #3394d0;
    border-radius: 4px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    padding: 16px 48px;
}

.wrapper .newitem .showmore a:hover {
    opacity: .9;
}

.wrapper .description {
    padding: 50px 0;
    max-width: 1400px;
    margin: 0 auto;
}

.wrapper .description .container {
    max-width: 1000px;
    margin: 0;
}

.wrapper .description h2 {
    line-height: 0.88;
    margin-bottom: 26px;
}

@media (max-width: 767px) {
    .wrapper .description h2 {
        line-height: 1.2;
    }
}

.wrapper .description h3 {
    line-height: 1.17;
    margin: 0 0 26px;
    font-size: 24px;
}

.wrapper .description p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.wrapper .description ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.wrapper .description ul li {
    font-size: 14px;
    position: relative;
    padding-left: 20px;
}

.wrapper .description ul li:before {
    content: '•';
    position: absolute;
    left: 0;
}

.wrapper .contacts {
    padding: 45px 0;
    letter-spacing: -0.3em;
}

.wrapper .contacts h1 {
    text-align: center;
    padding: 25px 0 40px;
    letter-spacing: normal;
}

.wrapper .contacts .contacts-item {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 33.33px);
    margin-right: 50px;
}

@media (max-width: 767px) {
    .wrapper .contacts .contacts-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

.wrapper .contacts .contacts-item:nth-child(3n) {
    margin-right: 0;
}

.wrapper .contacts .contacts-item img {
    width: 100%;
    height: 226px;
    object-fit: cover;
    margin-bottom: 30px;
}

.wrapper .contacts .contacts-item h3 {
    margin: 0 0 14px;
}

.wrapper .contacts .contacts-item .contact-block {
    margin: 0 0 20px;
}

.wrapper .contacts .contacts-item p {
    line-height: 1.5;
    margin: 0 0 10px;
}

.wrapper .contacts .contacts-item p.bold {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.wrapper .contacts .contacts-item .dropdown-pane {
    box-shadow: 0 0 20px 0 rgba(81, 143, 180, 0.2);
    padding: 0;
    height: 0;
    width: 500px;
    position: relative;
    border: none;
}

.wrapper .contacts .contacts-item .dropdown-pane.is-open {
    padding: 55px 30px;
    height: auto;
}

.wrapper .contacts .contacts-item .dropdown-pane .way-title {
    font-size: 18px;
    font-weight: 700;
}

.wrapper .contacts .contacts-item .dropdown-pane .dd-close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.wrapper .contacts .contacts-item a {
    color: #424445;
    display: block;
    margin: 0 0 10px;
    outline: none;
}

.wrapper .contacts .contacts-item a.red-link {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.75;
    text-transform: uppercase;
    color: #d02e31;
}

.wrapper .contacts .contacts-item a.blue {
    color: #3394d0;
}

.wrapper .cart .cart-list {
    display: table;
    width: 100%;
}

@media (max-width: 767px) {
    .wrapper .cart .cart-list {
        display: block;
    }
}

.wrapper .cart .cart-list .cart-item {
    display: table-row;
}

@media (max-width: 767px) {
    .wrapper .cart .cart-list .cart-item {
        display: block;
        border-bottom: 1px solid #eaeaea;
        letter-spacing: -0.3em;
        position: relative;
    }
}

.wrapper .cart .cart-list .cart-item .cart-item__block {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    border-bottom: 1px solid #eaeaea;
    padding: 8px 0;
}

@media (max-width: 767px) {
    .wrapper .cart .cart-list .cart-item .cart-item__block {
        display: inline-block;
        border: none;
        letter-spacing: normal;
        vertical-align: middle;
        width: 50%;
        padding-left: 0px;
    }

    .wrapper .cart .cart-list .cart-item .cart-item__block:nth-child(1),
    .wrapper .cart .cart-list .cart-item .cart-item__block:nth-child(2),
    .wrapper .cart .cart-list .cart-item .cart-item__block:nth-child(3) {
        width: 100%;
    }
}

.wrapper .cart .cart-list .cart-item .cart-item__block p {
    font-size: 10px;
    margin: 0;
    color: #adb1b4;
}

.wrapper .cart .cart-list .cart-item .cart-item__block input {
    width: 60px;
    height: 36px;
    border: solid 1px #eaeaea;
    font-size: 12px;
    text-align: right;
    padding: 0 5px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
}

.wrapper .cart .cart-list .cart-item .cart-item__block span {
    display: inline-block;
    vertical-align: middle;
}

.wrapper .cart .cart-list .cart-item .cart-item__block .remove-item {
    color: #d02e31;
    text-decoration: underline;
}

.wrapper .cart .cart-list .cart-item .cart-item__block .remove-item:hover {
    text-decoration: none;
}

@media (max-width: 767px) {
    .wrapper .cart .cart-list .cart-item.cart-header {
        display: none;
    }
}

.wrapper .cart .cart-list .cart-item.cart-header .cart-item__block {
    font-size: 12px;
    font-weight: 700;
    color: #adb1b4;
}

.wrapper .cart .cart-all {
    padding: 25px 0 35px;
}

.wrapper .cart .cart-all span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
}

.wrapper .cart .cart-all span.blue {
    color: #3394d0;
}

.wrapper .checkout h2 {
    margin-bottom: 24px;
}

.wrapper .checkout form {
    background: #e9f7ff;
    padding: 60px 50px;
    letter-spacing: -0.3em;
    margin-bottom: 70px;
}

@media (max-width: 767px) {
    .wrapper .checkout form {
        padding: 30px 20px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .wrapper .checkout form {
        padding: 40px 20px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .checkout form {
        padding: 40px 20px;
    }
}

.wrapper .checkout form .left,
.wrapper .checkout form .right {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: 50%;
    max-width: 450px;
}

@media (max-width: 767px) {

    .wrapper .checkout form .left,
    .wrapper .checkout form .right {
        width: 100%;
    }
}

.wrapper .checkout form .left h3,
.wrapper .checkout form .right h3 {
    margin: 0 0 20px;
}

.wrapper .checkout form .left {
    margin-right: 100px;
}

@media (max-width: 767px) {
    .wrapper .checkout form .left {
        margin-bottom: 20px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .wrapper .checkout form .left {
        margin-right: 40px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .checkout form .left {
        margin-right: 0;
        padding-right: 20px;
    }
}

.wrapper .checkout form .left fieldset div input {
    position: absolute;
    visibility: hidden;
}

.wrapper .checkout form .left fieldset div input+label {
    cursor: pointer;
    position: relative;
    padding-left: 30px;
}

.wrapper .checkout form .left fieldset div input+label:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    border-radius: 50%;
    background: #fff;
    margin-top: 2px;
}

.wrapper .checkout form .left fieldset div input:checked+label {
    color: #3394d0;
}

.wrapper .checkout form .left fieldset div input:checked+label:before {
    background: #3394d0;
    box-shadow: inset 0px 0px 0px 6px #fff;
}

.wrapper .checkout form .left fieldset div label {
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 1.5;
}

.wrapper .checkout form .right h3 {
    padding: 0 10px;
}

.wrapper .checkout form .right .columns {
    padding: 0 10px;
}

.wrapper .checkout form .right .columns input,
.wrapper .checkout form .right .columns textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: 1px solid #eaeaea;
    box-shadow: none;
}

.wrapper .checkout form .right .columns input:focus,
.wrapper .checkout form .right .columns textarea:focus {
    border-color: #3394d0;
}

.wrapper .checkout form .right .columns input {
    height: 50px;
    padding: 0 10px;
}

.wrapper .checkout form .right .columns textarea {
    padding: 10px;
}

.wrapper .checkout form .right .columns span,
.wrapper .checkout form .right .columns button {
    display: inline-block;
    vertical-align: middle;
}

.wrapper .checkout form .right .columns span {
    font-size: 14px;
    line-height: 1.64;
    width: calc(100% - 203px);
}

@media (max-width: 767px) {
    .wrapper .checkout form .right .columns span {
        width: 100%;
        margin-bottom: 20px;
    }
}

.wrapper .checkout form .right .columns button {
    border-radius: 4px;
    color: #fff;
    background: #d02e31;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    padding: 16px 65px;
}

@media (max-width: 767px) {
    .wrapper .checkout form .right .columns button {
        width: 100%;
        text-align: center;
    }
}

.wrapper .checkout form .right .columns label.checkbox {
    position: relative;
    padding-left: 20px;
    font-size: 11px;
    margin-bottom: 15px;
    color: #32363f;
}

.wrapper .checkout form .right .columns label.checkbox:before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #424446;
    display: block;
    position: absolute;
    left: 0;
    margin-top: 2px;
}

.wrapper .checkout form .right .columns label.checkbox.checked:before {
    background: url("/local/templates/kamen/css/../image/check.svg") no-repeat #424446;
    background-position: center;
}

.wrapper .checkout form .right .columns label.checkbox input[type='checkbox'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

.wrapper .product .product-main {
    letter-spacing: -0.3em;
    margin-bottom: 76px;
}

.wrapper .product .product-main .product-main__img,
.wrapper .product .product-main .product-main__body {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}

@media (min-width: 768px) and (max-width: 1023px) {

    .wrapper .product .product-main .product-main__img,
    .wrapper .product .product-main .product-main__body {
        width: 100% !important;
    }
}

.wrapper .product .product-main .product-main__img {
    width: calc(100% - 400px);
    position: relative;
}

@media (max-width: 767px) {
    .wrapper .product .product-main .product-main__img {
        width: 100%;
        height: 300px;
    }
}

.wrapper .product .product-main .product-main__img .big-image {
    height: 100%;
}

.wrapper .product .product-main .product-main__img .big-image .slider-for,
.wrapper .product .product-main .product-main__img .big-image .slick-list,
.wrapper .product .product-main .product-main__img .big-image .slick-track,
.wrapper .product .product-main .product-main__img .big-image .slick-slide {
    height: 100%;
}

.wrapper .product .product-main .product-main__img .big-image .slick-slide img {
    height: auto;
    width: 100%;
    object-fit: cover;
}

.wrapper .product .product-main .product-main__img .small-image {
    position: absolute;
    padding: 30px;
    left: 0;
    bottom: 0;
    max-width: 100%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.25) 100%);
}

@media (max-width: 767px) {
    .wrapper .product .product-main .product-main__img .small-image {
        display: none;
    }
}

.wrapper .product .product-main .product-main__img .small-image .slider-nav .slick-slide {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    border: 1px solid transparent;
    outline: none;
}

.wrapper .product .product-main .product-main__img .small-image .slider-nav .slick-slide.slick-active {
    border-color: #fff;
}

.wrapper .product .product-main .product-main__img .small-image .slider-nav .slick-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wrapper .product .product-main .product-main__body {
    width: 400px;
    border: 1px solid #eaeaea;
    border-left: none;
}

@media (max-width: 767px) {
    .wrapper .product .product-main .product-main__body {
        width: 100%;
        border: none;
        border-bottom: 1px solid #eaeaea;
    }
}

.wrapper .product .product-main .product-main__body .product-main__price {
    border-bottom: 1px solid #eaeaea;
    padding: 40px 18px;
}

@media (max-width: 767px) {
    .wrapper .product .product-main .product-main__body .product-main__price {
        padding: 30px 0px;
    }
}

.wrapper .product .product-main .product-main__body .product-main__price h2 {
    margin: 0;
}

/* Buttons in detailed goods */
.detail-feedback__container {
    display: flex !important;
    width: 100% !important;
    justify-content: space-between !important;
}

.detail-feedback__item {
    width: 49%;
    background-color: #3394d0 !important;
    color: #fff !important;
    padding: 8px !important;
    text-decoration: none !important;
    text-align: center;
}

/* End buttons in detailed goods */

.wrapper .product .product-main .product-main__body .product-main__price a {
    width: 48%;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    line-height: 1.64;
    text-decoration: underline;
    color: #424445;
}

@media screen and (max-width:414px) {
    .detail-feedback__container {
        flex-wrap: wrap;
    }

    .wrapper .product .product-main .product-main__body .product-main__price a {
        width: 100%;
        margin: 12px;
        text-align: center;
    }
}

.wrapper .product .product-main .product-main__body .product-main__price a.btn-red {
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    background: #d02e31;
    padding: 16px;
    text-align: center;
    text-decoration: none;
    margin-top: 30px;
}

.wrapper .product .product-main .product-main__body .product-main__oneclick {
    padding: 20px 30px;
}

@media (max-width: 767px) {
    .wrapper .product .product-main .product-main__body .product-main__oneclick {
        padding: 30px 0px;
    }
}

.wrapper .product .product-main .product-main__body .product-main__oneclick h3 {
    margin: 0;
}

.wrapper .product .product-main .product-main__body .product-main__oneclick span {
    font-size: 14px;
    line-height: 1.64;
    display: block;
    color: #adb1b4;
}

.wrapper .product .product-main .product-main__body .product-main__oneclick form {
    margin-top: 10px;
}

.wrapper .product .product-main .product-main__body .product-main__oneclick form input,
.wrapper .product .product-main .product-main__body .product-main__oneclick form textarea,
.wrapper .product .product-main .product-main__body .product-main__oneclick form button {
    width: 100%;
}

.wrapper .product .product-main .product-main__body .product-main__oneclick form input,
.wrapper .product .product-main .product-main__body .product-main__oneclick form textarea {
    outline: none;
    border: 1px solid #eaeaea;
    margin-bottom: 10px;
    font-size: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
}

.wrapper .product .product-main .product-main__body .product-main__oneclick form input:focus,
.wrapper .product .product-main .product-main__body .product-main__oneclick form textarea:focus {
    border-color: #3394d0;
}

.wrapper .product .product-main .product-main__body .product-main__oneclick form input {
    height: 50px;
    padding: 0 10px;
}

.wrapper .product .product-main .product-main__body .product-main__oneclick form textarea {
    padding: 10px;
}

.wrapper .product .product-main .product-main__body .product-main__oneclick form button {
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    background: #424445;
    padding: 16px;
    text-align: center;
    text-decoration: none;
}

.wrapper .product .product-main .product-main__body .product-main__oneclick form label {
    position: relative;
    padding-left: 20px;
    font-size: 11px;
    margin-bottom: 15px;
    color: #32363f;
}

.wrapper .product .product-main .product-main__body .product-main__oneclick form label:before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #424446;
    display: block;
    position: absolute;
    left: 0;
    margin-top: 2px;
}

.wrapper .product .product-main .product-main__body .product-main__oneclick form label.checked:before {
    background: url("/local/templates/kamen/css/../image/check.svg") no-repeat #424446;
    background-position: center;
}

.wrapper .product .product-main .product-main__body .product-main__oneclick form label input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

.wrapper .product .product-tab .tabs {
    border: none;
}

.wrapper .product .product-tab .tabs li+li {
    margin-left: 20px;
}

.wrapper .product .product-tab .tabs li a {
    background: transparent;
    font-size: 12px;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
    padding: 3px 0;
    color: #424445;
}

.wrapper .product .product-tab .tabs li.is-active a {
    font-weight: 700;
    border-color: #424445;
}

.wrapper .product .product-tab .tabs-content {
    border: none;
}

.wrapper .product .product-tab .tabs-panel {
    border: none;
    padding: 30px 0;
}

.wrapper .product .product-tab .tabs-panel div+h2 {
    margin-top: 30px;
}

@media (max-width:767px) {
    .wrapper .product .product-tab .price-panel h2 {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .wrapper .product .product-tab .price-panel {
        overflow-x: auto;
    }
}

.wrapper .product .product-tab .price-panel__list {
    display: table;
    width: 100%;
    text-align: center;
}

@media (max-width: 767px) {
    .wrapper .product .product-tab .price-panel__list .price-panel__item:first-child {
        display: none;
    }
}

.wrapper .product .product-tab .price-panel__list .price-panel__item {
    display: table-row;
}

@media (max-width: 767px) {
    .wrapper .product .product-tab .price-panel__list .price-panel__item {
        letter-spacing: -0.3em;
        border-bottom: 1px solid #eaeaea;
        padding: 10px 0;
        display: flex;
        flex-wrap: wrap;
    }
}

.wrapper .product .product-tab .price-panel__list .price-panel__item .price-panel__block {
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    padding: 8px 0;
    width: 15%;
}

@media (max-width: 767px) {
    .wrapper .product .product-tab .price-panel__list .price-panel__item .price-panel__block {
        letter-spacing: normal;
        vertical-align: middle;
        width: 100%;
        padding-right: 10px;
        text-align: center;
    }
}

.wrapper .product .product-tab .price-panel__list .price-panel__item .price-panel__block p {
    font-size: 10px;
    margin: 0;
    color: #adb1b4;
}

.wrapper .product .product-tab .price-panel__list .price-panel__item .price-panel__block .has-tip {
    text-decoration: none;
    border: none;
}

.wrapper .product .product-tab .price-panel__list .price-panel__item .price-panel__block input {
    width: 60px;
    height: 36px;
    border: solid 1px #eaeaea;
    font-size: 12px;
    text-align: right;
    padding: 0 5px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.wrapper .product .product-tab .price-panel__list .price-panel__item .price-panel__block span {
    display: inline-block;
    vertical-align: middle;
}

.wrapper .product .product-tab .price-panel__list .price-panel__item .price-panel__block .add-cart {
    color: #fff;
}

.wrapper .product .product-tab .price-panel__list .price-panel__item .price-panel__block .add-cart span {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background-color: #3394d0;
    padding: 4px 24px;
    border-radius: 4px;
}

/*@media (min-width: 768px) and (max-width: 1023px) {
  .wrapper .product .product-tab .price-panel__list .price-panel__item .price-panel__block .add-cart span {
    display: none;
  }
}

@media (max-width: 767px) {
  .wrapper .product .product-tab .price-panel__list .price-panel__item .price-panel__block .add-cart span {
    display: none;
  }
}*/

.wrapper .product .product-tab .price-panel__list .price-panel__item .price-panel__block .add-cart i {
    color: #d02e31;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}

.wrapper .product .product-tab .price-panel__list .price-panel__item .price-panel__block .add-cart:hover {
    text-decoration: none;
}

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

.wrapper .product .product-tab .price-panel__list .price-panel__item.price-panel__header .price-panel__block {
    font-size: 12px;
    font-weight: 700;
    color: #adb1b4;
    border-bottom: 1px solid #eaeaea;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .product .product-tab .price-panel__list .price-panel__item.price-panel__header .price-panel__block {
        font-size: 10px;
    }
}

.wrapper .product-gallery {
    margin-bottom: 60px;
}

.wrapper .product-gallery h2 {
    margin-bottom: 24px;
}

.wrapper .product-gallery .product-gallery__list {
    letter-spacing: -0.3em;
}

.wrapper .product-gallery .product-gallery__list .product-gallery__item {
    display: inline-block;
    vertical-align: top;
    width: calc(16.66% - 16.66px);
    margin-right: 20px;
    height: 200px;
}

@media (max-width: 767px) {
    .wrapper .product-gallery .product-gallery__list .product-gallery__item {
        width: calc(50% - 20px);
        height: auto;
        margin-bottom: 20px;
    }

    .wrapper .product-gallery .product-gallery__list .product-gallery__item:nth-child(2n) {
        margin-right: 0;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .wrapper .product-gallery .product-gallery__list .product-gallery__item {
        width: calc(33.33% - 13.33px);
        margin-bottom: 20px;
    }

    .wrapper .product-gallery .product-gallery__list .product-gallery__item:nth-child(3n) {
        margin-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .product-gallery .product-gallery__list .product-gallery__item {
        width: calc(50% - 20px);
        height: auto;
        margin-bottom: 20px;
    }

    .wrapper .product-gallery .product-gallery__list .product-gallery__item:nth-child(2n) {
        margin-right: 0;
    }
}

.wrapper .product-gallery .product-gallery__list .product-gallery__item:nth-child(6n) {
    margin-right: 0;
}

.wrapper .product-gallery .product-gallery__list .product-gallery__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wrapper .product-else {
    margin-bottom: 60px;
}

.wrapper .product-else h2 {
    margin-bottom: 24px;
}

.wrapper .product-else .product-else__list {
    letter-spacing: -0.3em;
}

.wrapper .product-else .product-else__list .product-else__item {
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 15px);
    margin-right: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.44;
    color: #424445;
    letter-spacing: normal;
    transition-duration: 1s;
}

@media (max-width: 767px) {
    .wrapper .product-else .product-else__list .product-else__item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .product-else .product-else__list .product-else__item {
        width: calc(50% - 20px);
        margin-bottom: 20px;
    }

    .wrapper .product-else .product-else__list .product-else__item:nth-child(2n) {
        margin-right: 0;
    }
}

.wrapper .product-else .product-else__list .product-else__item span {
    display: block;
    transition-duration: 1s;
}

.wrapper .product-else .product-else__list .product-else__item:hover {
    box-shadow: 0 30px 20px 0 rgba(81, 143, 180, 0.13);
}

.wrapper .product-else .product-else__list .product-else__item:hover span {
    padding: 0px 15px 25px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .product-else .product-else__list .product-else__item:hover {
        box-shadow: none;
    }
}

@media (max-width: 767px) {
    .wrapper .product-else .product-else__list .product-else__item:hover {
        box-shadow: none;
    }
}

.wrapper .product-else .product-else__list .product-else__item:nth-child(4n) {
    margin-right: 0;
}

.wrapper .product-else .product-else__list .product-else__item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    margin-bottom: 20px;
}

.wrapper .news {
    letter-spacing: -0.3em;
}

.wrapper .news .news-item {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: calc(25% - 15px);
    margin: 0 20px 40px 0;
    transition-duration: 1s;
}

.wrapper .news .news-item:hover {
    box-shadow: 0 30px 20px 0 rgba(81, 143, 180, 0.13);
}

.wrapper .news .news-item:hover .news-item__body {
    padding: 25px 15px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .news .news-item:hover {
        box-shadow: none;
    }
}

@media (max-width: 767px) {
    .wrapper .news .news-item:hover {
        box-shadow: none;
    }
}

@media (max-width: 767px) {
    .wrapper .news .news-item {
        width: 100%;
        margin: 0 0 40px 0;
    }

    .wrapper .news .news-item:hover {
        box-shadow: none;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .news .news-item {
        width: calc(50% - 20px);
    }

    .wrapper .news .news-item:nth-child(2n) {
        margin-right: 0;
    }

    .wrapper .news .news-item:hover {
        box-shadow: none;
    }
}

.wrapper .news .news-item:nth-child(4n) {
    margin-right: 0;
}

.wrapper .news .news-item .news-item__img {
    height: 200px;
    margin-bottom: 20px;
}

.wrapper .news .news-item .news-item__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.wrapper .news .news-item .news-item__body {
    transition-duration: 1s;
}

.wrapper .news .news-item .news-item__body span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #adb1b4;
}

.wrapper .news .news-item .news-item__body h3 {
    margin: 6px 0 0;
}

.wrapper .news .showmore {
    letter-spacing: normal;
    text-align: center;
    padding-bottom: 50px;
}

.wrapper .news .showmore a {
    display: inline-block;
    color: #fff;
    background: #3394d0;
    border-radius: 4px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    padding: 16px 48px;
}

.wrapper .function-header {
    padding: 0 0 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #eaeaea;
}

.wrapper .function-header .function-header__slider {
    position: relative;
    margin-bottom: 30px;
}

.wrapper .function-header .function-header__slider .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: #fff;
    line-height: 40px;
}

.wrapper .function-header .function-header__slider .slick-arrow.slick-prev {
    left: 20px;
    z-index: 5;
}

.wrapper .function-header .function-header__slider .slick-arrow.slick-prev i {
    transform: rotate(180deg);
    display: block;
    margin-left: -3px;
}

.wrapper .function-header .function-header__slider .slick-arrow.slick-next {
    right: 20px;
}

.wrapper .function-header .function-header__slider .slick-arrow.slick-next i {
    margin-right: -3px;
}

@media (max-width: 767px) {
    .wrapper .function-header .function-header__slider .slick-slide {
        height: 150px;
    }

    .wrapper .function-header .function-header__slider .slick-slide img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
}

.wrapper .function-header p {
    line-height: 1.64;
    margin-bottom: 24px;
    max-width: 1000px;
}

.wrapper .function-header .black-border-btn {
    text-transform: uppercase;
    color: #424445;
    display: inline-block;
    border-radius: 4px;
    border: solid 2px #424445;
    padding: 16px 44px;
    background: transparent;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
}

.wrapper .function-header .black-border-btn:hover {
    background: #424445;
    color: #fff;
}

.wrapper .function-footer {
    padding: 50px 0;
}

.wrapper .function-footer p {
    max-width: 1000px;
}

@media (max-width: 767px) {
    .wrapper .function-footer {
        padding: 0;
    }

    .wrapper .about .about-header .about-header__img img {
        height: 150px;
        width: 100%;
        object-fit: cover;
    }
}

.wrapper .about .about-header .about-header__list {
    letter-spacing: -0.3em;
}

.wrapper .about .about-header .about-header__list .about-header__item {
    padding: 64px 20px 46px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 33.33%;
    letter-spacing: normal;
    border: 1px solid #eaeaea;
    border-top: none;
}

@media (max-width: 767px) {
    .wrapper .about .about-header .about-header__list .about-header__item {
        width: 100%;
        border: none;
        padding: 20px 0;
        text-align: left;
    }
}

.wrapper .about .about-header .about-header__list .about-header__item+.about-header__item {
    border-left: none;
}

.wrapper .about .about-header .about-header__list .about-header__item p {
    margin: 0;
    color: #3394d0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 48px;
}

@media (max-width: 767px) {
    .wrapper .about .about-header .about-header__list .about-header__item p {
        font-size: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .about .about-header .about-header__list .about-header__item p {
        font-size: 30px;
    }
}

.wrapper .about .about-header .about-header__list .about-header__item span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .about .about-header .about-header__list .about-header__item span {
        font-size: 12px;
    }
}

.wrapper .about .about-body .about-body__item {
    padding: 40px 0;
    border-bottom: 1px solid #eaeaea;
    letter-spacing: -0.3em;
}

.wrapper .about .about-body .about-body__item:last-child {
    border-bottom: none;
}

.wrapper .about .about-body .about-body__item .about-body__item__img,
.wrapper .about .about-body .about-body__item .about-body__item__txt {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}

.wrapper .about .about-body .about-body__item .about-body__item__img {
    width: 400px;
    height: 260px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .about .about-body .about-body__item .about-body__item__img {
        width: 260px;
    }
}

@media (max-width: 767px) {
    .wrapper .about .about-body .about-body__item .about-body__item__img {
        width: 100%;
    }
}

.wrapper .about .about-body .about-body__item .about-body__item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wrapper .about .about-body .about-body__item .about-body__item__txt {
    width: calc(100% - 400px);
    padding: 0 0 0 40px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .about .about-body .about-body__item .about-body__item__txt {
        width: calc(100% - 260px);
    }
}

@media (max-width: 767px) {
    .wrapper .about .about-body .about-body__item .about-body__item__txt {
        width: 100%;
        padding: 20px 0 0;
    }
}

.wrapper .about .about-body .about-body__item .about-body__item__txt a {
    color: #3394d0;
    text-decoration: underline;
}

.wrapper .about .about-body .about-body__item .about-body__item__txt a:hover {
    text-decoration: none;
}

.wrapper .about .about-body .about-body__item .about-body__item__txt .about-body__icon {
    letter-spacing: -0.3em;
    padding: 20px 0;
}

.wrapper .about .about-body .about-body__item .about-body__item__txt .about-body__icon .about-body__icon__item {
    display: inline-block;
    vertical-align: middle;
    width: 33.33%;
}

@media (max-width: 767px) {
    .wrapper .about .about-body .about-body__item .about-body__item__txt .about-body__icon .about-body__icon__item {
        width: 100%;
        margin-bottom: 20px;
    }

    .wrapper .about .about-body .about-body__item .about-body__item__txt .about-body__icon .about-body__icon__item:last-child {
        margin-bottom: 0;
    }
}

.wrapper .about .about-body .about-body__item .about-body__item__txt .about-body__icon .about-body__icon__item i,
.wrapper .about .about-body .about-body__item .about-body__item__txt .about-body__icon .about-body__icon__item span {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    color: #424445;
}

.wrapper .about .about-body .about-body__item .about-body__item__txt .about-body__icon .about-body__icon__item i {
    font-size: 42px;
    margin-right: 20px;
    color: #424445;
}

@media (max-width: 767px) {
    .wrapper .about .about-body .about-body__item .about-body__item__txt .about-body__icon .about-body__icon__item i {
        min-width: 70px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .wrapper .about .about-body .about-body__item .about-body__item__txt .about-body__icon .about-body__icon__item i {
        font-size: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .about .about-body .about-body__item .about-body__item__txt .about-body__icon .about-body__icon__item i {
        margin-bottom: 10px;
    }
}

.wrapper .about .about-body .about-body__item .about-body__item__txt .about-body__icon .about-body__icon__item i:before {
    color: #424445;
}

.wrapper .about .about-body .about-body__item .about-body__item__txt .about-body__icon .about-body__icon__item span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    max-width: 115px;
    text-align: left;
    line-height: 17px;
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .wrapper .about .about-body .about-body__item .about-body__item__txt .about-body__icon .about-body__icon__item span {
        font-size: 12px;
    }
}

.wrapper .reviews .reviews-item {
    letter-spacing: -0.3em;
    padding: 40px 0;
    border-bottom: 1px solid #eaeaea;
}

.wrapper .reviews .reviews-item:first-child {
    padding-top: 0px;
}

.wrapper .reviews .reviews-item .reviews-item__img,
.wrapper .reviews .reviews-item .reviews-item__body {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}

.wrapper .reviews .reviews-item .reviews-item__img {
    /*height: 400px;*/
    width: 600px;
}

@media (max-width: 767px) {
    .wrapper .reviews .reviews-item .reviews-item__img {
        width: 100%;
        height: auto;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .wrapper .reviews .reviews-item .reviews-item__img {
        height: 200px;
        width: 300px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .reviews .reviews-item .reviews-item__img {
        height: 200px;
        width: 300px;
    }
}

.wrapper .reviews .reviews-item .reviews-item__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media (max-width: 767px) {
    .wrapper .reviews .reviews-item .reviews-item__img img {
        height: auto;
    }
}

.wrapper .reviews .reviews-item .reviews-item__img .reviews-item__img__slider {
    position: relative;
    height: 100%;
}

.wrapper .reviews .reviews-item .reviews-item__img .reviews-item__img__slider .slider-for,
.wrapper .reviews .reviews-item .reviews-item__img .reviews-item__img__slider .slick-list,
.wrapper .reviews .reviews-item .reviews-item__img .reviews-item__img__slider .slick-track,
.wrapper .reviews .reviews-item .reviews-item__img .reviews-item__img__slider .slick-slide {
    height: 100%;
}

.wrapper .reviews .reviews-item .reviews-item__img .reviews-item__img__slider .slick-arrow {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: #fff;
    top: 50%;
    margin-top: -20px;
}

.wrapper .reviews .reviews-item .reviews-item__img .reviews-item__img__slider .slick-arrow.slick-prev {
    z-index: 5;
    left: 20px;
}

.wrapper .reviews .reviews-item .reviews-item__img .reviews-item__img__slider .slick-arrow.slick-prev i {
    transform: rotate(180deg);
    display: block;
}

.wrapper .reviews .reviews-item .reviews-item__img .reviews-item__img__slider .slick-arrow.slick-next {
    right: 20px;
}

.wrapper .reviews .reviews-item .reviews-item__img .reviews-item__img__slider .slick-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.wrapper .reviews .reviews-item .reviews-item__body {
    width: calc(100% - 600px);
    padding-left: 40px;
}

@media (max-width: 767px) {
    .wrapper .reviews .reviews-item .reviews-item__body {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .wrapper .reviews .reviews-item .reviews-item__body {
        width: calc(100% - 300px);
        padding-left: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wrapper .reviews .reviews-item .reviews-item__body {
        width: calc(100% - 300px);
        padding-left: 20px;
    }
}

.wrapper .reviews .reviews-item .reviews-item__body .collapse {
    display: none;
}

.wrapper .reviews .reviews-item .reviews-item__body a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #3394d0;
}

.wrapper .reviews .reviews-item .reviews-item__body a i {
    font-size: 8px;
    font-size: 10px;
    transform: rotate(90deg);
    display: inline-block;
    margin-top: 3px;
    margin-left: 5px;
    vertical-align: text-top;
}

.wrapper .reviews .reviews-item .reviews-item__body a.red {
    color: #d02e31;
}

.wrapper .reviews .reviews-item .reviews-item__body a.red i {
    transform: rotate(-90deg);
}

.wrapper .reviews .showmore {
    letter-spacing: normal;
    text-align: center;
    padding: 50px 0 50px;
}

.wrapper .reviews .showmore a {
    display: inline-block;
    color: #fff;
    background: #3394d0;
    border-radius: 4px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    padding: 16px 48px;
}


/* Wrapper end */

/* Modal */

.reveal-overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    background-color: hsla(0, 0%, 4%, .45);
    overflow-y: hidden !important;
}

.reveal-overlay.active {
    display: block;
}

.reveal {
    display: none;
    flex-direction: column;
    justify-content: center;
    padding: 55px 35px;
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe !important;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto
}

.reveal-overlay.active>.reveal {
    display: block;
}

.reveal.small {
    max-width: 500px;
}

.reveal .close-button span {
    font-size: 20px;
    color: #424445;
}

.reveal h3 {
    text-align: center;
}

.reveal#ut {
    width: 100%;
    max-width: 1240px;
}

.reveal .price-panel__list {
    display: table;
    width: 100%;
}

@media (max-width: 767px) {
    .reveal .price-panel__list {
        display: block;
    }
}

.reveal .price-panel__list .price-panel__item {
    display: table-row;
}

@media (max-width: 767px) {
    .reveal .price-panel__list .price-panel__item {
        display: block;
        letter-spacing: -0.3em;
        border-bottom: 1px solid #eaeaea;
        padding: 10px 0;
    }
}

.reveal .price-panel__list .price-panel__item .price-panel__block {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    padding: 8px 0;
}

@media (max-width: 767px) {
    .reveal .price-panel__list .price-panel__item .price-panel__block {
        display: inline-block;
        letter-spacing: normal;
        vertical-align: middle;
        width: 50%;
        padding-right: 10px;
    }
}

.reveal .price-panel__list .price-panel__item .price-panel__block p {
    font-size: 10px;
    margin: 0;
    color: #adb1b4;
}

.reveal .price-panel__list .price-panel__item .price-panel__block .has-tip {
    text-decoration: none;
    border: none;
}

.reveal .price-panel__list .price-panel__item .price-panel__block input {
    width: 60px;
    height: 36px;
    border: solid 1px #eaeaea;
    font-size: 12px;
    text-align: right;
    padding: 0 5px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.reveal .price-panel__list .price-panel__item .price-panel__block span {
    display: inline-block;
    vertical-align: middle;
}

.reveal .price-panel__list .price-panel__item .price-panel__block .add-cart {
    color: #d02e31;
}

.reveal .price-panel__list .price-panel__item .price-panel__block .add-cart span {
    text-decoration: underline;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.reveal .price-panel__list .price-panel__item .price-panel__block .add-cart i {
    color: #d02e31;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}

.reveal .price-panel__list .price-panel__item .price-panel__block .add-cart:hover {
    text-decoration: none;
}

@media (max-width: 767px) {
    .reveal .price-panel__list .price-panel__item.price-panel__header {
        display: none;
    }
}

.reveal .price-panel__list .price-panel__item.price-panel__header .price-panel__block {
    font-size: 12px;
    font-weight: 700;
    color: #adb1b4;
    border-bottom: 1px solid #eaeaea;
}

.reveal#callbackModal {
    padding: 60px 100px;
}

@media (max-width: 767px) {
    .reveal#callbackModal {
        padding: 60px 20px;
    }
}

.reveal#callbackModal .quote {
    font-size: 14px;
    line-height: 1.64;
    text-align: center;
    color: #adb1b4;
}

.reveal#callbackModal input[type='text'] {
    height: 50px;
    border: solid 1px #eaeaea;
    padding: 0 10px;
    font-size: 12px;
    color: #adb1b4;
    box-shadow: none;
}

.reveal#callbackModal input[type='submit'] {
    height: 50px;
    border-radius: 4px;
    background-color: #d02e31;
    border: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
}

.reveal#callbackModal label {
    position: relative;
    padding-left: 20px;
    font-size: 11px;
    margin-bottom: 15px;
    color: #32363f;
}

.reveal#callbackModal label:before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #424446;
    display: block;
    position: absolute;
    left: 0;
    margin-top: 2px;
}

.reveal#callbackModal label.checked:before {
    background: url("/local/templates/kamen/css/../image/check.svg") no-repeat #d02e31;
    background-position: center;
}

.reveal#callbackModal label input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 0;
    height: 0;
    margin: 0;
}

.reveal .modal-phone {
    list-style: none;
}

.reveal .modal-phone li {
    margin-bottom: 20px;
}

.reveal .modal-phone li a {
    font-size: 14px;
    font-weight: 700;
    line-height: 2.14;
    color: #424445;
}

.reveal .modal-phone li a.footer-callback {
    font-family: Gilroy;
    font-size: 14px;
    text-transform: uppercase;
    color: #3394d0;
}

.reveal .modal-phone li p {
    margin: 0;
    line-height: 1.14;
    color: #7a7e80;
    font-weight: 700;
}

.reveal .modal-phone li span {
    margin: 0;
    line-height: 1.14;
    color: #7a7e80;
}

.reveal .btn {
    text-align: center;
    margin-top: 25px;
}

.reveal .btn a {
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #424445;
    border: 2px solid #424445;
    border-radius: 4px;
    padding: 13px 22px;
}

.reveal .btn a.red {
    margin-left: 16px;
    background: #d02e31;
    color: #fff;
    border-color: #d02e31;
}

body.is-reveal-open {
    overflow: hidden
}

html.is-reveal-open,
html.is-reveal-open body {
    min-height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-whatinput=mouse] .reveal {
    outline: 0
}

@media print,
screen and (min-width:40em) {
    .reveal {
        min-height: 0
    }
}

.reveal .column,
.reveal .columns {
    min-width: 0
}

.reveal>:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:40em) {
    .reveal {
        width: 600px;
        max-width: 75rem
    }
}

@media print,
screen and (min-width:40em) {
    .reveal .reveal {
        right: auto;
        left: auto;
        margin: 0 auto
    }
}

.reveal.collapse {
    padding: 0
}

@media print,
screen and (min-width:40em) {
    .reveal.tiny {
        width: 30%;
        max-width: 75rem
    }
}

@media print,
screen and (min-width:40em) {
    .reveal.small {
        width: 50%;
        max-width: 75rem
    }
}

@media print,
screen and (min-width:40em) {
    .reveal.large {
        width: 90%;
        max-width: 75rem
    }
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media screen and (max-width:39.9375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}


/* Modal end */


/* Hide class style */

@media (max-width: 320px) {
    .hide-iph {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .hide-mb {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .hide-tab {
        display: none !important;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .hide-xs {
        display: none !important;
    }
}

@media (min-width: 1200px) and (max-width: 1365px) {
    .hide-sm {
        display: none !important;
    }
}

@media (min-width: 1366px) and (max-width: 1439px) {
    .hide-md {
        display: none !important;
    }
}

@media (min-width: 1440px) and (max-width: 1659px) {
    .hide-lg {
        display: none !important;
    }
}

@media (min-width: 1660px) and (max-width: 1920px) {
    .hide-xlg {
        display: none !important;
    }
}

@media (min-width: 1921px) {
    .hide-xxlg {
        display: none !important;
    }
}


/* Hide class style end */


/*# sourceMappingURL=main.css.map */
.product-main__img,
.product-main__img * {
    height: auto !important;
}

/* Social Icons */

.wa-icon {
    /*position: fixed;*/
    bottom: 20px;
    left: 20px;
    width: 50px;
    height: 50px;
    transition: .1s ease-in-out;
    z-index: 95;
}

.wa-icon img {
    max-width: 100%;
}

.wa-icon:hover img {
    opacity: .7;
}

.soc-icons {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    transition: transform 0.3s ease-in-out;
    z-index: 5;
}

.soc-icons .wa-icon:not(:last-of-type) {
    margin-bottom: 10px;
}

.soc-icons .wa-icon {
    opacity: 0;
    transform: scale(0);
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.soc-icons.active .wa-icon {
    transform: scale(1) translateY(-20px);
    opacity: 0.9;
    visibility: visible;
}

.soc-icons__button {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #3394d0;
    border: none;
    padding: 14px;
    border-radius: 50%;
    opacity: 1;
    visibility: visible;
    outline: none;
    transition: opacity 0.3s ease-in, transform 0.3s ease-in;
    position: relative;
    z-index: 7;
    box-shadow: 0 0 2px 6px #b8e4ff;
}

.soc-icons__button:hover,
.soc-icons__button:focus {
    outline: none;
    opacity: 0.8;
}

@keyframes soc-pulse {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(2);
    }
}

.soc-icons__button::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 1px solid #3394d0;
    transform: scale(1.5);
    animation: soc-pulse 1s linear infinite;
}

.soc-icons__button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-image: url("/local/templates/kamen/css/../image/comment-dots-solid.svg");
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
    z-index: 10;
}

.soc-icons__button.hiden {
    transform: rotate(90deg) scale(0.9);
}

.soc-icons__button.hiden::before {
    background-image: url("/local/templates/kamen/css/../image/xmark-solid.svg");
}

.soc-icons__button.hiden::after {
    display: none;
}

@media screen and (max-width: 568px) {
    .soc-icons {
        right: 8px;
        bottom: 8px;
    }
}

@media screen and (max-width: 768px) {

    /*.soc-icons {
        bottom: 35px;
        left: 35px;
    }*/
    .soc-icons .wa-icon {
        width: 40px;
        height: 40px;
    }
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}

/* directory 'use' paragraph */
.use__paragraph h2 {
    margin-bottom: 1.5rem;
}

.use__paragraph .last {
    margin-bottom: 2rem;
}

@media (min-width:991px) {
    .use__paragraph p,
    .use__paragraph li {
        font-size: 16px;
    }
}

/* other articles paragraph */
.article__paragraph h2 {
    max-width: 1000px;
    margin-bottom: 1.5rem;
    font-size: 28px;
}

.article__paragraph h3 {
    margin: 36px 0 18px;
    font-size: 23px;
}

.article__paragraph h4 {
    margin-top: 30px;
    font-size: 20px;
}

.article__paragraph h5 {
    font-size: 18px;
}

.article__paragraph p {
    margin-bottom: 12px;
}

.article__paragraph ul {
    margin-bottom: 12px;
}

@media (min-width:991px) {
    .article__paragraph p,
    .article__paragraph li {
        font-size: 16px;
    }
}

.article__paragraph table {
    margin-top: 9px;
}

.article__paragraph table th {
    background-color: #b8e4ff;
}

.article__paragraph table td {
    background-color: #f1f1f1;
}

@media (max-width:767px) {
    .article__paragraph h2 {
        font-size: 24px;
    }

    .article__paragraph h3 {
        font-size: 20px;
    }

    .article__paragraph h4 {
        font-size: 18px;
    }

    .article__paragraph h5 {
        font-size: 16px;
    }

    .article__paragraph table th {
        display: none;
    }

    .article__paragraph table tr {
        display: flex;
        flex-direction: column;
    }

    .article__paragraph table tr td:first-child {
        background-color: #b8e4ff;
    }

    .article__paragraph table tr td::before {
        content: attr(data-label);
        display: inline-block;
        margin-right: 12px;
        font-weight: 700;
    }
}

/* Product item reviews classes */
.product-reviews__container {
    padding: 30px 0 30px 0;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 20px;
}

.product-reviews__element {
    border: 1px solid #5a9cd1;
    width: 100%;
    border-radius: 5px;
    -webkit-box-shadow: 11px 10px 14px 1px #d6d3d6;
    -moz-box-shadow: 11px 10px 14px 1px #d6d3d6;
    box-shadow: 11px 10px 14px 1px #d6d3d6;
    text-align: center;
}

.product-reviews__element h3 {
    padding: 20px 0 20px 0;
}

.product-reviews__img-wrapper {
    min-height: 185px;
}

.product-reviews__img-wrapper img {
    width: 100%;
}

.product-reviews__readall {
    text-align: center;
    margin: 15px;
}

/* Bitrix captcha block customization */
.form-bitrix-captcha__block span {
    display: block;
    margin-bottom: 12px;
    font-size: 12px;
}

.form-bitrix-captcha__block img {
    margin-bottom: 12px;
}

/* Social block in header customization */
.header-social__block {
    display: flex;
    justify-content: center;
    column-gap: 12px;
    margin-top: 10px;
    text-align: left;
}
/* End */


/* Start:/local/templates/kamen/components/bitrix/search.form/search_top/style.css?17019500621053*/
.textarea {
    /* display: block; */
    box-sizing: border-box;
    /* width: 100%; */
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    color: #0a0a0a;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.top-search{
  margin-top: 5px;
  text-align: right;
}
.top-search input[type='text']{
  height: 33px;
  width: 112px;
  transition: width 0.3s ease-in-out 0s;
}
.top-search input[type='text']:focus{
  width: 250px;
}
.top-search__submit{
  border: none;
  background: #3394d0;
  text-align: center;
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 18px;
  border-radius: 4px;
  margin-left: 5px;
}
.top-search__submit:hover{
  opacity: .8;
}
/* End */


/* Start:/bitrix/components/bitrix/search.suggest.input/templates/.default/style.css?1666953777501*/
input.search-suggest {}
div.search-popup{border: 1px solid #333333;background: #FFFFFF;padding: 2px;margin: 0px;}
div.search-popup-row, div.search-popup-row-active{position: relative; padding: 2px 4px;margin: 0px;cursor: hand;cursor: pointer;}
div.search-popup-row{background:#FFFFFF;}
div.search-popup-row-active{background:#EEEEEE;}
div.search-popup-el-name, div.search-popup-el-cnt{position: relative; margin:0px;padding:0px;text-align:left;}
div.search-popup-el-cnt{text-align:right; float:right;}
/* End */


/* Start:/local/templates/kamen/components/other/block/callback/style.css?1740401331151*/
p.title {
	color: #3394d0;
	text-align: center;
	font-size: 18px;
    line-height: 1.17;
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
/* End */


/* Start:/local/templates/kamen/components/other/block/form/style.css?1740401361151*/
p.title {
	color: #3394d0;
	text-align: center;
	font-size: 18px;
    line-height: 1.17;
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
/* End */


/* Start:/local/templates/kamen/template_styles.css?175430708917244*/
@font-face {
    font-family: 'PTRoubleSans';
    src:
        url('/local/templates/kamen/fonts/PTRoubleSans.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/kamen/fonts/PTRoubleSans.otf') format('opentype'),
        url('/local/templates/kamen/fonts/PTRoubleSans.woff') format('woff'),
        url('/local/templates/kamen/fonts/PTRoubleSans.ttf') format('truetype'),
        url('/local/templates/kamen/fonts/PTRoubleSans.svg#PTRoubleSans') format('svg');

    font-weight: normal;
    font-style: normal;
}

#callbackModal h3,
#formbackModal h3 {
    color: #3394d0;
}

.feedbackbottom {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 80px;
    justify-content: center;
    margin-bottom: 60px;
}

@media screen and (max-width:992px) {
    .feedbackbottom div {
        width: 50%;
        margin: auto;
    }
}

.tooltip span {
    border-radius: 5px 5px 5px 5px;
    visibility: hidden;
    position: absolute;
    background: #fff;
    box-shadow: -2px 2px 10px -1px #333;
    border-radius: 5px;
}

.tooltip:hover span {
    visibility: visible;
}

.header .header-top .header-phone {
    width: 70%;
    text-align: right;
}

.item-separator {
    line-height: normal;
    color: #eaeaea;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    clear: both;
    /*display: inline-block;*/
    width: 100%;
    height: 1px;
    margin: 6px 0;
    background: #eaeaea;
}

.header .header-top .header-logo {
    width: 30%;
}

.header_phone__buttons {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    width: 22%;
    margin-right: 5px;
    /*margin-top: 20px;
    margin-bottom: 20px;*/
}

.reveal#callbackModal label:before,
.reveal#formbackModal label:before {
    background-color: #fff;
    border: 1px solid #d02e31;
}

.reveal#formbackModal input[type='submit'] {
    height: 50px;
    border-radius: 4px;
    background-color: #d02e31;
    border: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
}

.reveal#formbackModal label {
    position: relative;
    padding-left: 20px;
    font-size: 11px;
    margin-bottom: 15px;
    color: #32363f;
}

.reveal#formbackModal label.checked:before {
    background: url(/local/templates/.default/images/check.svg) no-repeat #d02e31;
    background-position: center;
}

.reveal#formbackModal label:before,
.reveal#formbackModal label:before {
    background-color: #fff;
    border: 1px solid #d02e31;
}

.reveal#formbackModal label:before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #424446;
    display: block;
    position: absolute;
    left: 0;
    margin-top: 2px;
}

.reveal#formbackModal label input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 0;
    height: 0;
    margin: 0;
}

.header .header-top .header-phone .header-phone__item p.a {
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #424445;
    display: block;
    margin-bottom: 6px;
}

.wrapper .product .product-tab .price-panel div div div:first-child,
.wrapper .cart .cart-list .cart-item .cart-item__block:nth-child(1) {
    display: none !important;
}

.product .slick-arrow {
    width: 20px;
    height: 20px !important;
    background: #fff;
    position: absolute;
    top: calc(50% - 10px);
    cursor: pointer;
}

.product .prevArrow {
    left: -23px;
    background: url(/local/templates/kamen/image/slider-nav-arrow.png) center no-repeat;
    background-size: contain;
    transform: rotate(180deg);
}

.product .nextArrow {
    right: -20px;
    background: url(/local/templates/kamen/image/slider-nav-arrow.png) center no-repeat;
    background-size: contain;
}

#filter {
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 15px;
}

#filter div {
    display: inline-block;
    padding: 18px 0;
    margin-right: 35px;
    cursor: pointer;
}

#filter div:last-of-type {
    margin-right: 0px;
}

#filter div.active {
    color: #d02e31;
}

i.rub {
    display: none;
    font-family: 'PTRoubleSans';
    font-weight: 400;
    width: auto !important;
    height: auto !important;
    border-radius: 0% !important;
    background: initial !important;
    margin-top: initial !important;
    display: inline !important;
    line-height: initial !important;
    color: #fff !important;
    text-transform: initial;
}

.product-desc-title {
    display: inline-block;
    margin-top: 15px;
    background: transparent;
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
    padding: 3px 0;
    color: #424445;
    font-weight: 700;
    border-color: #424445;
}

.product-main__price h1 {
    font-size: 30px;
}

.product-main__price h2 {
    font-size: 22px;
}

.wrapper .product .product-main .product-main__body .product-main__price a.btn-red {
    float: right;
    width: auto;

    font-size: 13px;
    padding: 10px 16px;
    margin-top: -5px;
}

.product-main__oneclick .product-desc-title {
    margin-top: 0xp;
}

.examples-main {
    display: flex;
    /*flex-wrap: wrap;*/
    justify-content: center;
}

.examples-item {
    /*display: flex;*/
    background: #fff;
    width: 100%;
    margin: 10px;
    padding: 15px;
}

.examples-item__image {
    margin: 0 auto;
    /*max-width: 50%;*/
    height: auto;
}

.examples-item__text {
    /*margin-left: 15px;
  width: 50%;*/
    margin-top: 20px;
}

.form_send input[type='text'] {
    width: 100%;
}

.form_send_letter input[type='text'] {
    width: 100%;
}

.form_send_letter textarea {
    width: 100%;
    padding: 10px;
}

.header-phone .header-phone__callback:nth-child(1) {
    margin: 0 0 5px;
}

.header-phone .header-phone__callback:nth-child(2) {
    margin: 5px 0 0;
}

.wrapper .description .container {
    max-width: 80%;
    margin: 0 auto;
}

.description-images {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 10px;
}

.description-images__image {
    width: calc(100% / 3);
}

.description-images__image+.description-images__image {
    margin-left: 10px;
}

.description-images__image img {
    min-height: 280px;
    object-fit: cover;
}

.stone-variants {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #eaeaea;
    padding: 10px;
    margin-bottom: 15px;
}

.stone-variants-item {
    border: 1px solid #424445;
    width: calc(100% / 4 - 20px);
    margin: 10px;
}

.stone-variants-item__caption {
    text-align: center;
    padding: 5px;
    background: #424445;
    color: #fff;
}

.stone-variants-item__image {
    max-width: 100%;
}

.stone-variants-item__image img {
    width: 100%;
}

.after-stones-images {
    display: flex;
    margin-bottom: 15px;
    border: 1px solid #eaeaea;
    padding: 15px;
}

.after-stones-images__image {
    flex-basis: 30%;
}

.after-stones-images__image img {
    width: 100%;
}

.after-stones-images__text {
    margin: 10px 10px;
    flex-basis: 70%;
}

.reveal .btn a {
    margin-bottom: 15px;
}

.product-main__body .product-main__price a.btn-red {
    margin-top: -10px;
}

.wrapper .checkout form .right .columns input,
textarea {
    height: 50px;
    padding: 0 10px;
    width: 100%;
}

#scroll-to-top {
    display: inline-block;
    background-color: #3394d0;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    left: 30px;
    transition: background-color .3s,
        opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    transform: rotate(-90deg);
}

#scroll-to-top::after {
    content: "\e90e";
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
}

#scroll-to-top:hover {
    cursor: pointer;
    background-color: #333;
}

#scroll-to-top:active {
    background-color: #555;
}

#scroll-to-top.show {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1391px) {
    .header_phone__buttons {
        /*width: auto;*/
    }
}

@media (max-width: 1330px) {
    .header .header-top .header-phone .header-phone__item a {
        font-size: 11px;
    }
}


@media (min-width: 1200px) and (max-width: 1365px) {
    .header .header-bottom .header-menu ul li+li {
        margin-left: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header_phone__buttons {
        width: 36%;
        text-align: left;
    }
}

@media (max-width: 767px) {
    .submenu-item {
        width: calc(48% - 15px) !important;
    }

    .wrapper .features .features-item {
        width: calc(100% / 3);
        border: none;
    }

    .wrapper .features .features-item span {
        max-width: 45%;
    }

    .examples-main {
        width: 100%;
        flex-wrap: wrap;
    }

    .examples-item {
        flex-wrap: nowrap;
        width: 100%;
    }

    .feedbackbottom {
        display: inline-block;
    }

    .wrapper .description .container {
        max-width: 100%;
        margin: 0 auto;
    }

    .stone-variants {
        display: flex;
        justify-content: center;
        background: #eaeaea;
        padding: 10px;
        margin-bottom: 15px;
        /* flex-direction: column;*/
    }

    .stone-variants-item {
        width: 95%;
    }

    .after-stones-images__image {
        flex-basis: 50%;
    }

    .after-stones-images__text {
        flex-basis: 50%;
    }

}

@media (max-width: 576px) {
    .wrapper .features {
        display: none;
    }

    .submenu-item {
        width: calc(100% - 15px) !important;
    }

    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 20px;
    }

    .wrapper h1 {
        padding: 30px 0 !important;
    }

    .container {
        padding: 10px;
    }

    .breadcrumbs {
        display: none;
    }

    .examples-main {
        width: 100%;
    }

    .examples-item {
        flex-wrap: wrap;
        width: 100%;
    }

    .examples-item__text {
        margin-top: 10px;
        margin-left: 0;
        width: 100%;
    }

    .examples-item__image {
        max-width: 100%;
    }

    .wrapper .examples .examples-showmore {
        padding: 20px 0;
    }

    .wrapper .features .features-item {
        text-align: center;
    }

    .wrapper .description {
        padding: 0;
    }

    .about-header .about-header__list {
        text-align: center;
    }

    .about-body__icon {
        text-align: center;
    }

    #filter {
        padding-top: 10px;
        display: inline-block;
    }

    #filter div {
        width: 50%;
        margin-bottom: 10px;
        padding: 0;
    }

    .newitem-list .newitem-item {
        margin: 0 !important;
        transition: none !important;
    }

    .newitem-list .newitem-item :hover {
        box-shadow: none;
    }

    .reviews .reviews-item {
        padding: 10px 0 !important;
    }

    .news-item .news-item__img img {
        width: 100%;
    }

    .description-images {
        flex-wrap: wrap;
    }

    .description-images__image {
        width: 100%;
    }

    .description-images__image+.description-images__image {
        margin-left: 0;
        margin-top: 10px;
    }

    .description-images__image img {
        min-height: 0;
    }

    .after-stones-images {
        flex-wrap: wrap
    }

    .after-stones-images__image {
        flex-basis: 100%;
        order: 2;
    }

    .after-stones-images__text {
        order: 1;
        flex-basis: 100%;
        margin: 0;
        margin-bottom: 10px;
    }

    .footer-menu {
        text-align: center;
    }

    .footer-copyright {
        text-align: center;
    }

    #scroll-to-top {
        display: none;
        width: 40px;
        height: 40px;
        bottom: 25px;
        left: 30px;
    }

    #scroll-to-top::after {
        font-size: 1em;
        line-height: 40px;
        color: #fff;
    }
}

.cback {
    display: none;
    width: 80px;
    height: 80px;
    position: fixed;
    bottom: 88px;
    right: 12px;
    z-index: 999;
    cursor: pointer;
}

@media (min-width: 767px) {
    .cback {
        display: none;
    }
}

.cback-circle {
    width: 100%;
    height: 100%;
    border: 1px solid;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background: #43d854;
    color: #43d854;

}

.cback-circle--phone {
    width: 50%;
    height: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cback-circle--phone {
    -webkit-animation: hvr-phone 1.5s linear infinite normal;
    animation: hvr-phone 1.5s linear infinite normal;
}

.phone-icon {
    width: 21px;
    height: 21px;
    background: url('/local/templates/kamen/image/phone2.png');
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: phone-fn 2s infinite ease-in-out;
    animation: phone-fn 2s infinite ease-in-out;

}

.slick-slide img {
    width: 190px;
    height: 120px;
}

@media screen and (max-width:479px) {
    .slick-slide a {
        width: 100%;
    }

    .slick-slide img {
        margin: auto;
    }

    .slick-slide h3 {
        text-align: center;
    }

    .product-desc-title {
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }
}


@-webkit-keyframes phone-fn {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1) skew(1deg);
        transform: translate(-50%, -50%) rotate(0deg) scale(1) skew(1deg);
    }


    10% {
        -webkit-transform: translate(-50%, -50%) rotate(-25deg) scale(1) skew(1deg);
        transform: translate(-50%, -50%) rotate(-25deg) scale(1) skew(1deg);
    }


    20% {
        -webkit-transform: translate(-50%, -50%) rotate(25deg) scale(1) skew(1deg);
        transform: translate(-50%, -50%) rotate(25deg) scale(1) skew(1deg);
    }


    30% {
        -webkit-transform: translate(-50%, -50%) rotate(-25deg) scale(1) skew(1deg);
        transform: translate(-50%, -50%) rotate(-25deg) scale(1) skew(1deg);
    }


    40% {
        -webkit-transform: translate(-50%, -50%) rotate(25deg) scale(1) skew(1deg);
        transform: translate(-50%, -50%) rotate(25deg) scale(1) skew(1deg);
    }


    100%,
    50% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1) skew(1deg);
        transform: translate(-50%, -50%) rotate(0deg) scale(1) skew(1deg)
    }
}




@keyframes phone-fn {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1) skew(1deg);
        transform: translate(-50%, -50%) rotate(0deg) scale(1) skew(1deg);
    }


    10% {
        -webkit-transform: translate(-50%, -50%) rotate(-25deg) scale(1) skew(1deg);
        transform: translate(-50%, -50%) rotate(-25deg) scale(1) skew(1deg);
    }


    20% {
        -webkit-transform: translate(-50%, -50%) rotate(25deg) scale(1) skew(1deg);
        transform: translate(-50%, -50%) rotate(25deg) scale(1) skew(1deg);
    }


    30% {
        -webkit-transform: translate(-50%, -50%) rotate(-25deg) scale(1) skew(1deg);
        transform: translate(-50%, -50%) rotate(-25deg) scale(1) skew(1deg);
    }


    40% {
        -webkit-transform: translate(-50%, -50%) rotate(25deg) scale(1) skew(1deg);
        transform: translate(-50%, -50%) rotate(25deg) scale(1) skew(1deg);
    }


    100%,
    50% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1) skew(1deg);
        transform: translate(-50%, -50%) rotate(0deg) scale(1) skew(1deg);
    }

}



@-webkit-keyframes pin {
    0% {
        opacity: .6;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }


    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

}



@keyframes pin {
    0% {
        opacity: .6;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }


    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

}



@-webkit-keyframes hvr-phone {

    0%,
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        box-shadow: inset 0 0 20px -14px rgba(0, 0, 0, 0.75);
    }

    80% {
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1);
        box-shadow: inset 0 0 20px -4px rgba(0, 0, 0, 0.75);
    }

}





@keyframes hvr-phone {

    0%,
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        box-shadow: inset 0 0 20px -14px rgba(0, 0, 0, 0.75);
    }


    80% {
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1);
        box-shadow: inset 0 0 20px -4px rgba(0, 0, 0, 0.75);
    }

}

.ymaps__iframe {
    width: 100%;
    height: 560px;
}

@media screen and (max-width:576px) {
    .ymaps__iframe {
        height: 320px;
    }
}
/* End */
/* /local/templates/kamen/css/foundation.min.css?173199848299493 */
/* /local/templates/kamen/css/slick.css?16669536731619 */
/* /local/templates/kamen/css/slick-theme.css?16801836533265 */
/* /local/templates/kamen/css/jquery.fancybox.min.css?166695367313706 */
/* /local/templates/kamen/css/main.css?175430809694778 */
/* /local/templates/kamen/components/bitrix/search.form/search_top/style.css?17019500621053 */
/* /bitrix/components/bitrix/search.suggest.input/templates/.default/style.css?1666953777501 */
/* /local/templates/kamen/components/other/block/callback/style.css?1740401331151 */
/* /local/templates/kamen/components/other/block/form/style.css?1740401361151 */
/* /local/templates/kamen/template_styles.css?175430708917244 */
