html {
font-weight: normal;
line-height: 1.5;
-webkit-text-size-adjust: 100%;
background: #fff;
color: #000
}
body {
margin: 0
}
a:active,
a:hover {
outline: none
}
a,
.uk-link {
color: #000;
text-decoration: none;
cursor: pointer
}
a:hover,
.uk-link:hover,
.uk-link-toggle:hover .uk-link,
.uk-link-toggle:focus .uk-link {
color: #f8682f;
text-decoration: underline
}
abbr[title] {
text-decoration: underline dotted;
-webkit-text-decoration-style: dotted
}
b,
strong {
font-weight: bolder
}
:not(pre)>code,
:not(pre)>kbd,
:not(pre)>samp {
font-family: Consolas, monaco, monospace;
font-size: 0.875rem;
color: #ff0d0d;
white-space: nowrap;
padding: 2px 6px;
background: #f8f8f8
}
em {
color: #000
}
ins {
background: #ffd;
color: #000;
text-decoration: none
}
mark {
background: #ffd;
color: #000
}
q {
font-style: italic
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle
}
canvas,
img,
video {
max-width: 100%;
height: auto;
box-sizing: border-box
}
@supports (display: block) {
svg {
max-width: 100%;
height: auto;
box-sizing: border-box
}
}
svg:not(:root) {
overflow: hidden
}
img:not([src]) {
min-width: 1px;
visibility: hidden
}
iframe {
border: 0
}
p,
ul,
ol,
dl,
pre,
address,
fieldset,
figure {
margin: 0 0 20px 0
}
*+p,
*+ul,
*+ol,
*+dl,
*+pre,
*+address,
*+fieldset,
*+figure {
margin-top: 20px
}
h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6,
.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-heading-xlarge,
.uk-heading-2xlarge {
margin: 0 0 20px 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: normal;
color: #333;
text-transform: none
}
*+h1,
*+.uk-h1,
*+h2,
*+.uk-h2,
*+h3,
*+.uk-h3,
*+h4,
*+.uk-h4,
*+h5,
*+.uk-h5,
*+h6,
*+.uk-h6,
*+.uk-heading-small,
*+.uk-heading-medium,
*+.uk-heading-large,
*+.uk-heading-xlarge,
*+.uk-heading-2xlarge {
margin-top: 40px
}
h1,
.uk-h1 {
font-size: 2.23125rem;
line-height: 1.2
}
h2,
.uk-h2 {
font-size: 1.7rem;
line-height: 1.3
}
h3,
.uk-h3 {
font-size: 1.5rem;
line-height: 1.4
}
h4,
.uk-h4 {
font-size: 1rem;
line-height: 1.4
}
h5,
.uk-h5 {
font-size: 16px;
line-height: 1.4
}
h6,
.uk-h6 {
font-size: 0.875rem;
line-height: 1.4
}
@media (min-width:960px) {
h1,
.uk-h1 {
font-size: 2.625rem
}
h2,
.uk-h2 {
font-size: 2rem
}
}
ul,
ol {
padding-left: 30px
}
ul>li>ul,
ul>li>ol,
ol>li>ol,
ol>li>ul {
margin: 0
}
dt {
font-weight: bold
}
dd {
margin-left: 0
}
hr,
.uk-hr {
overflow: visible;
text-align: inherit;
margin: 0 0 20px 0;
border: 0;
border-top: 1px solid #e5e5e5
}
*+hr,
*+.uk-hr {
margin-top: 20px
}
address {
font-style: normal
}
blockquote {
margin: 0 0 20px 0;
font-size: 1rem;
line-height: 1.5;
font-style: italic;
color: #333
}
*+blockquote {
margin-top: 20px
}
blockquote p:last-of-type {
margin-bottom: 0
}
blockquote footer {
margin-top: 10px;
font-size: 0.875rem;
line-height: 1.5;
color: #000
}
blockquote footer::before {
content: "— "
}
pre {
font: 0.875rem / 1.5 Consolas, monaco, monospace;
color: #000;
-moz-tab-size: 4;
tab-size: 4;
overflow: auto;
padding: 10px;
border: 1px solid #e5e5e5;
border-radius: 3px;
background: #fff
}
pre code {
font-family: Consolas, monaco, monospace
}
::selection {
background: #39f;
color: #fff;
text-shadow: none
}
details,
main {
display: block
}
summary {
display: list-item
}
template {
display: none
}
.uk-breakpoint-s::before {
content: "640px"
}
.uk-breakpoint-m::before {
content: "960px"
}
.uk-breakpoint-l::before {
content: "1200px"
}
.uk-breakpoint-xl::before {
content: "1600px"
}
:root {
--uk-breakpoint-s: 640px;
--uk-breakpoint-m: 960px;
--uk-breakpoint-l: 1200px;
--uk-breakpoint-xl: 1600px
}
.uk-icon {
margin: 0;
border: none;
border-radius: 0;
overflow: visible;
font: inherit;
color: inherit;
text-transform: none;
padding: 0;
background-color: transparent;
display: inline-block;
fill: currentcolor;
line-height: 0
}
button.uk-icon:not(:disabled) {
cursor: pointer
}
.uk-icon::-moz-focus-inner {
border: 0;
padding: 0
}
.uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) {
fill: currentcolor
}
.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
stroke: currentcolor
}
.uk-icon>* {
transform: translate(0, 0)
}
.uk-icon-image {
width: 20px;
height: 20px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle
}
.uk-icon-link {
color: #999
}
.uk-icon-link:hover,
.uk-icon-link:focus {
color: #000;
outline: none
}
.uk-icon-link:active,
.uk-active>.uk-icon-link {
color: #000
}
.uk-icon-button {
box-sizing: border-box;
width: 36px;
height: 36px;
border-radius: 500px;
background: #f8f8f8;
color: #999;
vertical-align: middle;
display: inline-flex;
justify-content: center;
align-items: center;
transition: 0.1s ease-in-out;
transition-property: color, background-color
}
.uk-icon-button:hover,
.uk-icon-button:focus {
background-color: #ebebeb;
color: #000;
outline: none
}
.uk-icon-button:active,
.uk-active>.uk-icon-button {
background-color: #dfdfdf;
color: #000
}
.uk-range {
box-sizing: border-box;
margin: 0;
vertical-align: middle;
max-width: 100%;
width: 100%;
-webkit-appearance: none;
background: transparent;
padding: 0
}
.uk-range:focus {
outline: none
}
.uk-range::-moz-focus-outer {
border: none
}
.uk-range::-ms-track {
height: 15px;
background: transparent;
border-color: transparent;
color: transparent
}
.uk-range:not(:disabled)::-webkit-slider-thumb {
cursor: pointer
}
.uk-range:not(:disabled)::-moz-range-thumb {
cursor: pointer
}
.uk-range:not(:disabled)::-ms-thumb {
cursor: pointer
}
.uk-range::-webkit-slider-thumb {
-webkit-appearance: none;
margin-top: -7px;
height: 15px;
width: 15px;
border-radius: 500px;
background: #fff;
border: 1px solid #ccc
}
.uk-range::-moz-range-thumb {
border: none;
height: 15px;
width: 15px;
border-radius: 500px;
background: #fff;
border: 1px solid #ccc
}
.uk-range::-ms-thumb {
margin-top: 0
}
.uk-range::-ms-thumb {
border: none;
height: 15px;
width: 15px;
border-radius: 500px;
background: #fff;
border: 1px solid #ccc
}
.uk-range::-ms-tooltip {
display: none
}
.uk-range::-webkit-slider-runnable-track {
height: 3px;
background: #ebebeb;
border-radius: 500px
}
.uk-range:focus::-webkit-slider-runnable-track,
.uk-range:active::-webkit-slider-runnable-track {
background: #d2d2d2
}
.uk-range::-moz-range-track {
height: 3px;
background: #ebebeb;
border-radius: 500px
}
.uk-range:focus::-moz-range-track {
background: #d2d2d2
}
.uk-range::-ms-fill-lower,
.uk-range::-ms-fill-upper {
height: 3px;
background: #ebebeb;
border-radius: 500px
}
.uk-range:focus::-ms-fill-lower,
.uk-range:focus::-ms-fill-upper {
background: #d2d2d2
}
.uk-input,
.uk-select,
.uk-textarea,
.uk-radio,
.uk-checkbox {
box-sizing: border-box;
margin: 0;
border-radius: 0;
font: inherit
}
.uk-input {
overflow: visible
}
.uk-select {
text-transform: none
}
.uk-select optgroup {
font: inherit;
font-weight: bold
}
.uk-textarea {
overflow: auto
}
.uk-input[type="search"]::-webkit-search-cancel-button,
.uk-input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
.uk-input[type="number"]::-webkit-inner-spin-button,
.uk-input[type="number"]::-webkit-outer-spin-button {
height: auto
}
.uk-input::-moz-placeholder,
.uk-textarea::-moz-placeholder {
opacity: 1
}
.uk-radio:not(:disabled),
.uk-checkbox:not(:disabled) {
cursor: pointer
}
.uk-fieldset {
border: none;
margin: 0;
padding: 0
}
.uk-input,
.uk-textarea {
-webkit-appearance: none
}
.uk-input,
.uk-select,
.uk-textarea {
max-width: 100%;
width: 100%;
border: 0 none;
padding: 0 10px;
background: #fff;
color: #000;
border: 1px solid #e5e5e5;
transition: 0.2s ease-in-out;
transition-property: color, background-color, border
}
.uk-input,
.uk-select:not([multiple]):not([size]) {
height: 40px;
vertical-align: middle;
display: inline-block
}
.uk-input:not(input),
.uk-select:not(select) {
line-height: 38px
}
.uk-select[multiple],
.uk-select[size],
.uk-textarea {
padding-top: 4px;
padding-bottom: 4px;
vertical-align: top
}
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
outline: none;
background-color: #fff;
color: #000;
border-color: #e96e3e
}
.uk-input:disabled,
.uk-select:disabled,
.uk-textarea:disabled {
background-color: #f8f8f8;
color: #999;
border-color: #e5e5e5
}
.uk-input::-ms-input-placeholder {
color: #999 !important
}
.uk-input::placeholder {
color: #999
}
.uk-textarea::-ms-input-placeholder {
color: #999 !important
}
.uk-textarea::placeholder {
color: #999
}
.uk-form-small {
font-size: 0.875rem
}
.uk-form-small:not(textarea):not([multiple]):not([size]) {
height: 30px;
padding-left: 8px;
padding-right: 8px
}
.uk-form-small:not(select):not(input):not(textarea) {
line-height: 28px
}
.uk-form-large {
font-size: 1rem
}
.uk-form-large:not(textarea):not([multiple]):not([size]) {
height: 55px;
padding-left: 12px;
padding-right: 12px
}
.uk-form-large:not(select):not(input):not(textarea) {
line-height: 53px
}
.uk-form-danger,
.uk-form-danger:focus {
color: #ff0d0d;
border-color: #ff0d0d
}
.uk-form-success,
.uk-form-success:focus {
color: #28aa79;
border-color: #28aa79
}
.uk-form-blank {
background: none;
border-color: transparent
}
.uk-form-blank:focus {
border-color: #e5e5e5;
border-style: dashed
}
input.uk-form-width-xsmall {
width: 50px
}
select.uk-form-width-xsmall {
width: 75px
}
.uk-form-width-small {
width: 130px
}
.uk-form-width-medium {
width: 200px
}
.uk-form-width-large {
width: 500px
}
.uk-select:not([multiple]):not([size]) {
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 20px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23000%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23000%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
background-repeat: no-repeat;
background-position: 100% 50%
}
.uk-select:not([multiple]):not([size])::-ms-expand {
display: none
}
.uk-select:not([multiple]):not([size]) option {
color: #444
}
.uk-select:not([multiple]):not([size]):disabled {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}
.uk-input[list] {
padding-right: 20px;
background-repeat: no-repeat;
background-position: 100% 50%
}
.uk-input[list]:hover,
.uk-input[list]:focus {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23000%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}
.uk-input[list]::-webkit-calendar-picker-indicator {
display: none
}
.uk-radio,
.uk-checkbox {
display: inline-block;
height: 16px;
width: 16px;
overflow: hidden;
margin-top: -4px;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
background-color: transparent;
background-repeat: no-repeat;
background-position: 50% 50%;
border: 1px solid #ccc;
transition: 0.2s ease-in-out;
transition-property: background-color, border
}
.uk-radio {
border-radius: 50%
}
.uk-radio:focus,
.uk-checkbox:focus {
outline: none;
border-color: #e96e3e
}
.uk-radio:checked,
.uk-checkbox:checked,
.uk-checkbox:indeterminate {
background-color: #e96e3e;
border-color: transparent
}
.uk-radio:checked:focus,
.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus {
background-color: #db4f19
}
.uk-radio:checked {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
.uk-checkbox:checked {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}
.uk-checkbox:indeterminate {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
.uk-radio:disabled,
.uk-checkbox:disabled {
background-color: #f8f8f8;
border-color: #e5e5e5
}
.uk-radio:disabled:checked {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
.uk-checkbox:disabled:checked {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}
.uk-checkbox:disabled:indeterminate {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
.uk-legend {
width: 100%;
color: inherit;
padding: 0;
font-size: 1.5rem;
line-height: 1.4
}
.uk-form-custom {
display: inline-block;
position: relative;
max-width: 100%;
vertical-align: middle
}
.uk-form-custom select,
.uk-form-custom input[type="file"] {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
-webkit-appearance: none;
opacity: 0;
cursor: pointer
}
.uk-form-custom input[type="file"] {
font-size: 500px;
overflow: hidden
}
.uk-form-label {
color: #333;
font-size: 0.875rem
}
.uk-form-stacked .uk-form-label {
display: block;
margin-bottom: 5px
}
@media (max-width:959px) {
.uk-form-horizontal .uk-form-label {
display: block;
margin-bottom: 5px
}
}
@media (min-width:960px) {
.uk-form-horizontal .uk-form-label {
width: 200px;
margin-top: 7px;
float: left
}
.uk-form-horizontal .uk-form-controls {
margin-left: 215px
}
.uk-form-horizontal .uk-form-controls-text {
padding-top: 7px
}
}
.uk-form-icon {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 40px;
display: inline-flex;
justify-content: center;
align-items: center;
color: #999
}
.uk-form-icon:hover {
color: #000
}
.uk-form-icon:not(a):not(button):not(input) {
pointer-events: none
}
.uk-form-icon:not(.uk-form-icon-flip)~.uk-input {
padding-left: 40px !important
}
.uk-form-icon-flip {
right: 0;
left: auto
}
.uk-form-icon-flip~.uk-input {
padding-right: 40px !important
}
.uk-section {
display: flow-root;
box-sizing: border-box;
padding-top: 40px;
padding-bottom: 40px
}
@media (min-width:960px) {
.uk-section {
padding-top: 60px;
padding-bottom: 60px
}
}
.uk-section> :last-child {
margin-bottom: 0
}
.uk-section-xsmall {
padding-top: 20px;
padding-bottom: 20px
}
.uk-section-small {
padding-top: 40px;
padding-bottom: 40px
}
.uk-section-large {
padding-top: 60px;
padding-bottom: 60px
}
@media (min-width:960px) {
.uk-section-large {
padding-top: 120px;
padding-bottom: 60px
}
}
.uk-section-xlarge {
padding-top: 140px;
padding-bottom: 140px
}
@media (min-width:960px) {
.uk-section-xlarge {
padding-top: 200px;
padding-bottom: 200px
}
}
.uk-section-default {
background: #fff
}
.uk-section-muted {
background: #f8f8f8
}
.uk-section-primary {
background: #e96e3e
}
.uk-section-secondary {
background: #000
}
.uk-container {
display: flow-root;
box-sizing: content-box;
max-width: 1160px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px
}
@media (min-width:640px) {
.uk-container {
padding-left: 30px;
padding-right: 30px
}
}
@media (min-width:960px) {
.uk-container {
padding-left: 40px;
padding-right: 40px
}
}
.uk-container> :last-child {
margin-bottom: 0
}
.uk-container .uk-container {
padding-left: 0;
padding-right: 0
}
.uk-container-xsmall {
max-width: 750px
}
.uk-container-small {
max-width: 900px
}
.uk-container-large {
max-width: 1400px
}
.uk-container-xlarge {
max-width: 1600px
}
.uk-container-expand {
max-width: none
}
.uk-container-expand-left {
margin-left: 0
}
.uk-container-expand-right {
margin-right: 0
}
@media (min-width:640px) {
.uk-container-expand-left.uk-container-xsmall,
.uk-container-expand-right.uk-container-xsmall {
max-width: calc(50% + (750px / 2) - 30px)
}
.uk-container-expand-left.uk-container-small,
.uk-container-expand-right.uk-container-small {
max-width: calc(50% + (900px / 2) - 30px)
}
}
@media (min-width:960px) {
.uk-container-expand-left,
.uk-container-expand-right {
max-width: calc(50% + (1160px / 2) - 40px)
}
.uk-container-expand-left.uk-container-xsmall,
.uk-container-expand-right.uk-container-xsmall {
max-width: calc(50% + (750px / 2) - 40px)
}
.uk-container-expand-left.uk-container-small,
.uk-container-expand-right.uk-container-small {
max-width: calc(50% + (900px / 2) - 40px)
}
.uk-container-expand-left.uk-container-large,
.uk-container-expand-right.uk-container-large {
max-width: calc(50% + (1400px / 2) - 40px)
}
.uk-container-expand-left.uk-container-xlarge,
.uk-container-expand-right.uk-container-xlarge {
max-width: calc(50% + (1600px / 2) - 40px)
}
}
.uk-container-item-padding-remove-left,
.uk-container-item-padding-remove-right {
width: calc(100% + 15px)
}
.uk-container-item-padding-remove-left {
margin-left: -15px
}
.uk-container-item-padding-remove-right {
margin-right: -15px
}
@media (min-width:640px) {
.uk-container-item-padding-remove-left,
.uk-container-item-padding-remove-right {
width: calc(100% + 30px)
}
.uk-container-item-padding-remove-left {
margin-left: -30px
}
.uk-container-item-padding-remove-right {
margin-right: -30px
}
}
@media (min-width:960px) {
.uk-container-item-padding-remove-left,
.uk-container-item-padding-remove-right {
width: calc(100% + 40px)
}
.uk-container-item-padding-remove-left {
margin-left: -40px
}
.uk-container-item-padding-remove-right {
margin-right: -40px
}
}
.uk-search {
display: inline-block;
position: relative;
max-width: 100%;
margin: 0
}
.uk-search-input::-webkit-search-cancel-button,
.uk-search-input::-webkit-search-decoration {
-webkit-appearance: none
}
.uk-search-input::-moz-placeholder {
opacity: 1
}
.uk-search-input {
box-sizing: border-box;
margin: 0;
border-radius: 0;
font: inherit;
overflow: visible;
-webkit-appearance: none;
vertical-align: middle;
width: 100%;
border: none;
color: #000
}
.uk-search-input:focus {
outline: none
}
.uk-search-input:-ms-input-placeholder {
color: #999 !important
}
.uk-search-input::placeholder {
color: #999
}
.uk-search-icon:focus {
outline: none
}
.uk-search .uk-search-icon {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: inline-flex;
justify-content: center;
align-items: center;
color: #999
}
.uk-search .uk-search-icon:hover {
color: #999
}
.uk-search .uk-search-icon:not(a):not(button):not(input) {
pointer-events: none
}
.uk-search .uk-search-icon-flip {
right: 0;
left: auto
}
.uk-search-default {
width: 180px
}
.uk-search-default .uk-search-input {
height: 40px;
padding-left: 6px;
padding-right: 6px;
background: transparent;
border: 1px solid #e5e5e5
}
.uk-search-default .uk-search-input:focus {
background-color: transparent
}
.uk-search-default .uk-search-icon {
width: 40px
}
.uk-search-default .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input {
padding-left: 40px
}
.uk-search-default .uk-search-icon-flip~.uk-search-input {
padding-right: 40px
}
.uk-search-navbar {
width: 400px
}
.uk-search-navbar .uk-search-input {
height: 40px;
background: transparent;
font-size: 1.5rem
}
.uk-search-navbar .uk-search-icon {
width: 40px
}
.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input {
padding-left: 40px
}
.uk-search-navbar .uk-search-icon-flip~.uk-search-input {
padding-right: 40px
}
.uk-search-large {
width: 500px
}
.uk-search-large .uk-search-input {
height: 80px;
background: transparent;
font-size: 2.625rem
}
.uk-search-large .uk-search-icon {
width: 80px
}
.uk-search-large .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input {
padding-left: 80px
}
.uk-search-large .uk-search-icon-flip~.uk-search-input {
padding-right: 80px
}
.uk-search-toggle {
color: #999
}
.uk-search-toggle:hover,
.uk-search-toggle:focus {
color: #000
}
.uk-slideshow {
-webkit-tap-highlight-color: transparent
}
.uk-slideshow-items {
position: relative;
z-index: 0;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
-webkit-touch-callout: none
}
.uk-slideshow-items>* {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
will-change: transform, opacity;
touch-action: pan-y
}
.uk-slideshow-items> :focus {
outline: none
}
.uk-slideshow-items> :not(.uk-active) {
display: none
}
.uk-slider {
-webkit-tap-highlight-color: transparent
}
.uk-slider-container {
overflow: hidden
}
.uk-slider-items {
will-change: transform;
position: relative
}
.uk-slider-items:not(.uk-grid) {
display: flex;
margin: 0;
padding: 0;
list-style: none;
-webkit-touch-callout: none
}
.uk-slider-items.uk-grid {
flex-wrap: nowrap
}
.uk-slider-items>* {
flex: none;
position: relative;
touch-action: pan-y
}
.uk-slider-items> :focus {
outline: none
}
.uk-grid {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none
}
.uk-grid>* {
margin: 0
}
.uk-grid>*> :last-child {
margin-bottom: 0
}
.uk-grid {
margin-left: -30px
}
.uk-grid>* {
padding-left: 30px
}
.uk-grid+.uk-grid,
.uk-grid>.uk-grid-margin,
*+.uk-grid-margin {
margin-top: 30px
}
@media (min-width:1200px) {
.uk-grid {
margin-left: -40px
}
.uk-grid>* {
padding-left: 40px
}
.uk-grid+.uk-grid,
.uk-grid>.uk-grid-margin,
*+.uk-grid-margin {
margin-top: 40px
}
}
.uk-grid-small,
.uk-grid-column-small {
margin-left: -10px
}
.uk-grid-small>*,
.uk-grid-column-small>* {
padding-left: 10px
}
.uk-grid+.uk-grid-small,
.uk-grid+.uk-grid-row-small,
.uk-grid-small>.uk-grid-margin,
.uk-grid-row-small>.uk-grid-margin,
*+.uk-grid-margin-small {
margin-top: 10px
}
.uk-grid-medium,
.uk-grid-column-medium {
margin-left: -30px
}
.uk-grid-medium>*,
.uk-grid-column-medium>* {
padding-left: 30px
}
.uk-grid+.uk-grid-medium,
.uk-grid+.uk-grid-row-medium,
.uk-grid-medium>.uk-grid-margin,
.uk-grid-row-medium>.uk-grid-margin,
*+.uk-grid-margin-medium {
margin-top: 30px
}
.uk-grid-large,
.uk-grid-column-large {
margin-left: -40px
}
.uk-grid-large>*,
.uk-grid-column-large>* {
padding-left: 40px
}
.uk-grid+.uk-grid-large,
.uk-grid+.uk-grid-row-large,
.uk-grid-large>.uk-grid-margin,
.uk-grid-row-large>.uk-grid-margin,
*+.uk-grid-margin-large {
margin-top: 40px
}
@media (min-width:1200px) {
.uk-grid-large,
.uk-grid-column-large {
margin-left: -70px
}
.uk-grid-large>*,
.uk-grid-column-large>* {
padding-left: 70px
}
.uk-grid+.uk-grid-large,
.uk-grid+.uk-grid-row-large,
.uk-grid-large>.uk-grid-margin,
.uk-grid-row-large>.uk-grid-margin,
*+.uk-grid-margin-large {
margin-top: 70px
}
}
.uk-grid-collapse,
.uk-grid-column-collapse {
margin-left: 0
}
.uk-grid-collapse>*,
.uk-grid-column-collapse>* {
padding-left: 0
}
.uk-grid+.uk-grid-collapse,
.uk-grid+.uk-grid-row-collapse,
.uk-grid-collapse>.uk-grid-margin,
.uk-grid-row-collapse>.uk-grid-margin {
margin-top: 0
}
.uk-grid-divider>* {
position: relative
}
.uk-grid-divider> :not(.uk-first-column)::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
border-left: 1px solid #e5e5e5
}
.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
content: "";
position: absolute;
left: 0;
right: 0;
border-top: 1px solid #e5e5e5
}
.uk-grid-divider {
margin-left: -60px
}
.uk-grid-divider>* {
padding-left: 60px
}
.uk-grid-divider> :not(.uk-first-column)::before {
left: 30px
}
.uk-grid-divider.uk-grid-stack>.uk-grid-margin {
margin-top: 60px
}
.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
top: -30px;
left: 60px
}
@media (min-width:1200px) {
.uk-grid-divider {
margin-left: -80px
}
.uk-grid-divider>* {
padding-left: 80px
}
.uk-grid-divider> :not(.uk-first-column)::before {
left: 40px
}
.uk-grid-divider.uk-grid-stack>.uk-grid-margin {
margin-top: 80px
}
.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
top: -40px;
left: 80px
}
}
.uk-grid-divider.uk-grid-small,
.uk-grid-divider.uk-grid-column-small {
margin-left: -20px
}
.uk-grid-divider.uk-grid-small>*,
.uk-grid-divider.uk-grid-column-small>* {
padding-left: 20px
}
.uk-grid-divider.uk-grid-small> :not(.uk-first-column)::before,
.uk-grid-divider.uk-grid-column-small> :not(.uk-first-column)::before {
left: 10px
}
.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin,
.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin {
margin-top: 20px
}
.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin::before {
top: -10px;
left: 20px
}
.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin::before {
top: -10px
}
.uk-grid-divider.uk-grid-column-small.uk-grid-stack>.uk-grid-margin::before {
left: 20px
}
.uk-grid-divider.uk-grid-medium,
.uk-grid-divider.uk-grid-column-medium {
margin-left: -60px
}
.uk-grid-divider.uk-grid-medium>*,
.uk-grid-divider.uk-grid-column-medium>* {
padding-left: 60px
}
.uk-grid-divider.uk-grid-medium> :not(.uk-first-column)::before,
.uk-grid-divider.uk-grid-column-medium> :not(.uk-first-column)::before {
left: 30px
}
.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin,
.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin {
margin-top: 60px
}
.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin::before {
top: -30px;
left: 60px
}
.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin::before {
top: -30px
}
.uk-grid-divider.uk-grid-column-medium.uk-grid-stack>.uk-grid-margin::before {
left: 60px
}
.uk-grid-divider.uk-grid-large,
.uk-grid-divider.uk-grid-column-large {
margin-left: -80px
}
.uk-grid-divider.uk-grid-large>*,
.uk-grid-divider.uk-grid-column-large>* {
padding-left: 80px
}
.uk-grid-divider.uk-grid-large> :not(.uk-first-column)::before,
.uk-grid-divider.uk-grid-column-large> :not(.uk-first-column)::before {
left: 40px
}
.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,
.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin {
margin-top: 80px
}
.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before {
top: -40px;
left: 80px
}
.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before {
top: -40px
}
.uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before {
left: 80px
}
@media (min-width:1200px) {
.uk-grid-divider.uk-grid-large,
.uk-grid-divider.uk-grid-column-large {
margin-left: -140px
}
.uk-grid-divider.uk-grid-large>*,
.uk-grid-divider.uk-grid-column-large>* {
padding-left: 140px
}
.uk-grid-divider.uk-grid-large> :not(.uk-first-column)::before,
.uk-grid-divider.uk-grid-column-large> :not(.uk-first-column)::before {
left: 70px
}
.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,
.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin {
margin-top: 140px
}
.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before {
top: -70px;
left: 140px
}
.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before {
top: -70px
}
.uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before {
left: 140px
}
}
.uk-grid-match>*,
.uk-grid-item-match {
display: flex;
flex-wrap: wrap
}
.uk-grid-match>*> :not([class*='uk-width']),
.uk-grid-item-match> :not([class*='uk-width']) {
box-sizing: border-box;
width: 100%;
flex: auto
}
.uk-breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none
}
.uk-breadcrumb>* {
flex: none
}
.uk-breadcrumb>*>* {
display: inline-block;
font-size: 0.875rem;
color: #999
}
.uk-breadcrumb>*> :hover,
.uk-breadcrumb>*> :focus {
color: #000;
text-decoration: none
}
.uk-breadcrumb> :last-child>span,
.uk-breadcrumb> :last-child>a:not([href]) {
color: #000
}
.uk-breadcrumb> :nth-child(n+2):not(.uk-first-column)::before {
content: "/";
display: inline-block;
margin: 0 20px;
font-size: 0.875rem;
color: #999
}
.uk-slidenav {
padding: 5px 10px;
color: rgba(0, 0, 0, 0.5);
transition: color 0.1s ease-in-out
}
.uk-slidenav:hover,
.uk-slidenav:focus {
color: rgba(0, 0, 0, 0.9);
outline: none
}
.uk-slidenav:active {
color: rgba(0, 0, 0, 0.5)
}
.uk-slidenav-large {
padding: 10px 10px
}
.uk-slidenav-container {
display: flex
}
.uk-dotnav {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
margin-left: -12px
}
.uk-dotnav>* {
flex: none;
padding-left: 12px
}
.uk-dotnav>*>* {
display: block;
box-sizing: border-box;
width: 10px;
height: 10px;
border-radius: 50%;
border: transparent 1px solid !important;
background: #e2e9f1;
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
border: 1px solid rgba(0, 0, 0, 0.4);
transition: 0.2s ease-in-out;
transition-property: background-color, border-color
}
.uk-dotnav>*> :hover,
.uk-dotnav>*> :focus {
background-color: rgba(0, 0, 0, 0.6);
outline: none;
border-color: transparent
}
.uk-dotnav>*> :active {
background-color: rgba(0, 0, 0, 0.2);
border-color: transparent
}
.uk-dotnav>.uk-active>* {
background-color: #e96e3e;
border-color: transparent
}
.uk-dotnav-vertical {
flex-direction: column;
margin-left: 0;
margin-top: -12px
}
.uk-dotnav-vertical>* {
padding-left: 0;
padding-top: 12px
}
[class*='uk-animation-'] {
animation-duration: 0.5s;
animation-timing-function: ease-out;
animation-fill-mode: both
}
.uk-animation-fade {
animation-name: uk-fade;
animation-duration: 0.8s;
animation-timing-function: linear
}
.uk-animation-scale-up {
animation-name: uk-fade-scale-02
}
.uk-animation-scale-down {
animation-name: uk-fade-scale-18
}
.uk-animation-slide-top {
animation-name: uk-fade-top
}
.uk-animation-slide-bottom {
animation-name: uk-fade-bottom
}
.uk-animation-slide-left {
animation-name: uk-fade-left
}
.uk-animation-slide-right {
animation-name: uk-fade-right
}
.uk-animation-slide-top-small {
animation-name: uk-fade-top-small
}
.uk-animation-slide-bottom-small {
animation-name: uk-fade-bottom-small
}
.uk-animation-slide-left-small {
animation-name: uk-fade-left-small
}
.uk-animation-slide-right-small {
animation-name: uk-fade-right-small
}
.uk-animation-slide-top-medium {
animation-name: uk-fade-top-medium
}
.uk-animation-slide-bottom-medium {
animation-name: uk-fade-bottom-medium
}
.uk-animation-slide-left-medium {
animation-name: uk-fade-left-medium
}
.uk-animation-slide-right-medium {
animation-name: uk-fade-right-medium
}
.uk-animation-kenburns {
animation-name: uk-scale-kenburns;
animation-duration: 15s
}
.uk-animation-shake {
animation-name: uk-shake
}
.uk-animation-stroke {
animation-name: uk-stroke;
stroke-dasharray: var(--uk-animation-stroke);
animation-duration: 2s
}
.uk-animation-reverse {
animation-direction: reverse;
animation-timing-function: ease-in
}
.uk-animation-fast {
animation-duration: 0.1s
}
.uk-animation-toggle:not(:hover):not(:focus) [class*='uk-animation-'] {
animation-name: none
}
.uk-animation-toggle {
-webkit-tap-highlight-color: transparent
}
.uk-animation-toggle:focus {
outline: none
}
@keyframes uk-fade {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes uk-fade-top {
0% {
opacity: 0;
transform: translateY(-100%)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes uk-fade-bottom {
0% {
opacity: 0;
transform: translateY(100%)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes uk-fade-left {
0% {
opacity: 0;
transform: translateX(-100%)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@keyframes uk-fade-right {
0% {
opacity: 0;
transform: translateX(100%)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@keyframes uk-fade-top-small {
0% {
opacity: 0;
transform: translateY(-10px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes uk-fade-bottom-small {
0% {
opacity: 0;
transform: translateY(10px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes uk-fade-left-small {
0% {
opacity: 0;
transform: translateX(-10px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@keyframes uk-fade-right-small {
0% {
opacity: 0;
transform: translateX(10px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@keyframes uk-fade-top-medium {
0% {
opacity: 0;
transform: translateY(-50px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes uk-fade-bottom-medium {
0% {
opacity: 0;
transform: translateY(50px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes uk-fade-left-medium {
0% {
opacity: 0;
transform: translateX(-50px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@keyframes uk-fade-right-medium {
0% {
opacity: 0;
transform: translateX(50px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@keyframes uk-fade-scale-02 {
0% {
opacity: 0;
transform: scale(0.2)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@keyframes uk-fade-scale-18 {
0% {
opacity: 0;
transform: scale(1.8)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@keyframes uk-scale-kenburns {
0% {
transform: scale(1)
}
100% {
transform: scale(1.2)
}
}
@keyframes uk-shake {
0%,
100% {
transform: translateX(0)
}
10% {
transform: translateX(-9px)
}
20% {
transform: translateX(8px)
}
30% {
transform: translateX(-7px)
}
40% {
transform: translateX(6px)
}
50% {
transform: translateX(-5px)
}
60% {
transform: translateX(4px)
}
70% {
transform: translateX(-3px)
}
80% {
transform: translateX(2px)
}
90% {
transform: translateX(-1px)
}
}
@keyframes uk-stroke {
0% {
stroke-dashoffset: var(--uk-animation-stroke)
}
100% {
stroke-dashoffset: 0
}
}
[class*='uk-child-width']>* {
box-sizing: border-box;
width: 100%
}
.uk-child-width-1-2>* {
width: 50%
}
.uk-child-width-1-3>* {
width: calc(100% * 1 / 3.001)
}
.uk-child-width-1-4>* {
width: 25%
}
.uk-child-width-1-5>* {
width: 20%
}
.uk-child-width-1-6>* {
width: calc(100% * 1 / 6.001)
}
.uk-child-width-auto>* {
width: auto
}
.uk-child-width-expand> :not([class*='uk-width']) {
flex: 1;
min-width: 1px
}
@media (min-width:480px) {
.uk-child-width-1-1\@xs >* {
width: 100%
}
.uk-child-width-1-2\@xs >* {
width: 50%
}
.uk-child-width-1-3\@xs >* {
width: calc(100% * 1 / 3.001)
}
.uk-child-width-1-4\@xs >* {
width: 25%
}
.uk-child-width-1-5\@xs >* {
width: 20%
}
.uk-child-width-1-6\@xs >* {
width: calc(100% * 1 / 6.001)
}
.uk-child-width-auto\@xs >* {
width: auto
}
.uk-child-width-expand\@xs > :not([class*='uk-width']) {
flex: 1;
min-width: 1px
}
}
@media (min-width:640px) {
.uk-child-width-1-1\@s >* {
width: 100%
}
.uk-child-width-1-2\@s >* {
width: 50%
}
.uk-child-width-1-3\@s >* {
width: calc(100% * 1 / 3.001)
}
.uk-child-width-1-4\@s >* {
width: 25%
}
.uk-child-width-1-5\@s >* {
width: 20%
}
.uk-child-width-1-6\@s >* {
width: calc(100% * 1 / 6.001)
}
.uk-child-width-auto\@s >* {
width: auto
}
.uk-child-width-expand\@s > :not([class*='uk-width']) {
flex: 1;
min-width: 1px
}
}
@media (min-width:960px) {
.uk-child-width-1-1\@m >* {
width: 100%
}
.uk-child-width-1-2\@m >* {
width: 50%
}
.uk-child-width-1-3\@m >* {
width: calc(100% * 1 / 3.001)
}
.uk-child-width-1-4\@m >* {
width: 25%
}
.uk-child-width-1-5\@m >* {
width: 20%
}
.uk-child-width-1-6\@m >* {
width: calc(100% * 1 / 6.001)
}
.uk-child-width-auto\@m >* {
width: auto
}
.uk-child-width-expand\@m > :not([class*='uk-width']) {
flex: 1;
min-width: 1px
}
}
@media (min-width:1200px) {
.uk-child-width-1-1\@l >* {
width: 100%
}
.uk-child-width-1-2\@l >* {
width: 50%
}
.uk-child-width-1-3\@l >* {
width: calc(100% * 1 / 3.001)
}
.uk-child-width-1-4\@l >* {
width: 25%
}
.uk-child-width-1-5\@l >* {
width: 20%
}
.uk-child-width-1-6\@l >* {
width: calc(100% * 1 / 6.001)
}
.uk-child-width-auto\@l >* {
width: auto
}
.uk-child-width-expand\@l > :not([class*='uk-width']) {
flex: 1;
min-width: 1px
}
}
@media (min-width:1600px) {
.uk-child-width-1-1\@xl >* {
width: 100%
}
.uk-child-width-1-2\@xl >* {
width: 50%
}
.uk-child-width-1-3\@xl >* {
width: calc(100% * 1 / 3.001)
}
.uk-child-width-1-4\@xl >* {
width: 25%
}
.uk-child-width-1-5\@xl >* {
width: 20%
}
.uk-child-width-1-6\@xl >* {
width: calc(100% * 1 / 6.001)
}
.uk-child-width-auto\@xl >* {
width: auto
}
.uk-child-width-expand\@xl > :not([class*='uk-width']) {
flex: 1;
min-width: 1px
}
}
[class*='uk-width'] {
box-sizing: border-box;
width: 100%;
max-width: 100%
}
.uk-width-1-2 {
width: 50%
}
.uk-width-1-3 {
width: calc(100% * 1 / 3.001)
}
.uk-width-2-3 {
width: calc(100% * 2 / 3.001)
}
.uk-width-1-4 {
width: 25%
}
.uk-width-3-4 {
width: 75%
}
.uk-width-1-5 {
width: 20%
}
.uk-width-2-5 {
width: 40%
}
.uk-width-3-5 {
width: 60%
}
.uk-width-4-5 {
width: 80%
}
.uk-width-1-6 {
width: calc(100% * 1 / 6.001)
}
.uk-width-5-6 {
width: calc(100% * 5 / 6.001)
}
.uk-width-small {
width: 150px
}
.uk-width-medium {
width: 300px
}
.uk-width-large {
width: 450px
}
.uk-width-xlarge {
width: 640px
}
.uk-width-2xlarge {
width: 750px
}
.uk-width-auto {
width: auto
}
.uk-width-expand {
flex: 1;
min-width: 1px
}
@media (min-width:640px) {
.uk-width-1-1\@s {
width: 100%
}
.uk-width-1-2\@s {
width: 50%
}
.uk-width-1-3\@s {
width: calc(100% * 1 / 3.001)
}
.uk-width-2-3\@s {
width: calc(100% * 2 / 3.001)
}
.uk-width-1-4\@s {
width: 25%
}
.uk-width-3-4\@s {
width: 75%
}
.uk-width-1-5\@s {
width: 20%
}
.uk-width-2-5\@s {
width: 40%
}
.uk-width-3-5\@s {
width: 60%
}
.uk-width-4-5\@s {
width: 80%
}
.uk-width-1-6\@s {
width: calc(100% * 1 / 6.001)
}
.uk-width-5-6\@s {
width: calc(100% * 5 / 6.001)
}
.uk-width-small\@s {
width: 150px
}
.uk-width-medium\@s {
width: 300px
}
.uk-width-large\@s {
width: 450px
}
.uk-width-xlarge\@s {
width: 640px
}
.uk-width-2xlarge\@s {
width: 750px
}
.uk-width-auto\@s {
width: auto
}
.uk-width-expand\@s {
flex: 1;
min-width: 1px
}
}
@media (min-width:960px) {
.uk-width-1-1\@m {
width: 100%
}
.uk-width-1-2\@m {
width: 50%
}
.uk-width-1-3\@m {
width: calc(100% * 1 / 3.001)
}
.uk-width-2-3\@m {
width: calc(100% * 2 / 3.001)
}
.uk-width-1-4\@m {
width: 25%
}
.uk-width-3-4\@m {
width: 75%
}
.uk-width-1-5\@m {
width: 20%
}
.uk-width-2-5\@m {
width: 40%
}
.uk-width-3-5\@m {
width: 60%
}
.uk-width-4-5\@m {
width: 80%
}
.uk-width-1-6\@m {
width: calc(100% * 1 / 6.001)
}
.uk-width-5-6\@m {
width: calc(100% * 5 / 6.001)
}
.uk-width-small\@m {
width: 150px
}
.uk-width-medium\@m {
width: 300px
}
.uk-width-large\@m {
width: 450px
}
.uk-width-xlarge\@m {
width: 640px
}
.uk-width-2xlarge\@m {
width: 750px
}
.uk-width-auto\@m {
width: auto
}
.uk-width-expand\@m {
flex: 1;
min-width: 1px
}
}
@media (min-width:1200px) {
.uk-width-1-1\@l {
width: 100%
}
.uk-width-1-2\@l {
width: 50%
}
.uk-width-1-3\@l {
width: calc(100% * 1 / 3.001)
}
.uk-width-2-3\@l {
width: calc(100% * 2 / 3.001)
}
.uk-width-1-4\@l {
width: 25%
}
.uk-width-3-4\@l {
width: 75%
}
.uk-width-1-5\@l {
width: 20%
}
.uk-width-2-5\@l {
width: 40%
}
.uk-width-3-5\@l {
width: 60%
}
.uk-width-4-5\@l {
width: 80%
}
.uk-width-1-6\@l {
width: calc(100% * 1 / 6.001)
}
.uk-width-5-6\@l {
width: calc(100% * 5 / 6.001)
}
.uk-width-small\@l {
width: 150px
}
.uk-width-medium\@l {
width: 300px
}
.uk-width-large\@l {
width: 450px
}
.uk-width-xlarge\@l {
width: 640px
}
.uk-width-2xlarge\@l {
width: 750px
}
.uk-width-auto\@l {
width: auto
}
.uk-width-expand\@l {
flex: 1;
min-width: 1px
}
}
@media (min-width:1600px) {
.uk-width-1-1\@xl {
width: 100%
}
.uk-width-1-2\@xl {
width: 50%
}
.uk-width-1-3\@xl {
width: calc(100% * 1 / 3.001)
}
.uk-width-2-3\@xl {
width: calc(100% * 2 / 3.001)
}
.uk-width-1-4\@xl {
width: 25%
}
.uk-width-3-4\@xl {
width: 75%
}
.uk-width-1-5\@xl {
width: 20%
}
.uk-width-2-5\@xl {
width: 40%
}
.uk-width-3-5\@xl {
width: 60%
}
.uk-width-4-5\@xl {
width: 80%
}
.uk-width-1-6\@xl {
width: calc(100% * 1 / 6.001)
}
.uk-width-5-6\@xl {
width: calc(100% * 5 / 6.001)
}
.uk-width-small\@xl {
width: 150px
}
.uk-width-medium\@xl {
width: 300px
}
.uk-width-large\@xl {
width: 450px
}
.uk-width-xlarge\@xl {
width: 640px
}
.uk-width-2xlarge\@xl {
width: 750px
}
.uk-width-auto\@xl {
width: auto
}
.uk-width-expand\@xl {
flex: 1;
min-width: 1px
}
}
[class*='uk-height'] {
box-sizing: border-box
}
.uk-height-1-1 {
height: 100%
}
.uk-height-viewport {
min-height: 100vh
}
.uk-height-small {
height: 150px
}
.uk-height-medium {
height: 300px
}
.uk-height-large {
height: 450px
}
.uk-height-max-small {
max-height: 150px
}
.uk-height-max-medium {
max-height: 300px
}
.uk-height-max-large {
max-height: 450px
}
.uk-cover {
max-width: none;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
iframe.uk-cover {
pointer-events: none
}
.uk-cover-container {
overflow: hidden;
position: relative
}
.uk-background-default {
background-color: #fff
}
.uk-background-muted {
background-color: #f8f8f8
}
.uk-background-primary {
background-color: #e96e3e
}
.uk-background-secondary {
background-color: #000
}
.uk-background-cover,
.uk-background-contain {
background-position: 50% 50%;
background-repeat: no-repeat
}
.uk-background-cover {
background-size: cover
}
.uk-background-contain {
background-size: contain
}
.uk-background-top-left {
background-position: 0 0
}
.uk-background-top-center {
background-position: 50% 0
}
.uk-background-top-right {
background-position: 100% 0
}
.uk-background-center-left {
background-position: 0 50%
}
.uk-background-center-center {
background-position: 50% 50%
}
.uk-background-center-right {
background-position: 100% 50%
}
.uk-background-bottom-left {
background-position: 0 100%
}
.uk-background-bottom-center {
background-position: 50% 100%
}
.uk-background-bottom-right {
background-position: 100% 100%
}
.uk-background-norepeat {
background-repeat: no-repeat
}
.uk-background-fixed {
background-attachment: fixed;
backface-visibility: hidden
}
@media (pointer:coarse) {
.uk-background-fixed {
background-attachment: scroll
}
}
@media (max-width:639px) {
.uk-background-image\@s {
background-image: none !important
}
}
@media (max-width:959px) {
.uk-background-image\@m {
background-image: none !important
}
}
@media (max-width:1199px) {
.uk-background-image\@l {
background-image: none !important
}
}
@media (max-width:1599px) {
.uk-background-image\@xl {
background-image: none !important
}
}
.uk-background-blend-multiply {
background-blend-mode: multiply
}
.uk-background-blend-screen {
background-blend-mode: screen
}
.uk-background-blend-overlay {
background-blend-mode: overlay
}
.uk-background-blend-darken {
background-blend-mode: darken
}
.uk-background-blend-lighten {
background-blend-mode: lighten
}
.uk-background-blend-color-dodge {
background-blend-mode: color-dodge
}
.uk-background-blend-color-burn {
background-blend-mode: color-burn
}
.uk-background-blend-hard-light {
background-blend-mode: hard-light
}
.uk-background-blend-soft-light {
background-blend-mode: soft-light
}
.uk-background-blend-difference {
background-blend-mode: difference
}
.uk-background-blend-exclusion {
background-blend-mode: exclusion
}
.uk-background-blend-hue {
background-blend-mode: hue
}
.uk-background-blend-saturation {
background-blend-mode: saturation
}
.uk-background-blend-color {
background-blend-mode: color
}
.uk-background-blend-luminosity {
background-blend-mode: luminosity
}
[class*='uk-position-top'],
[class*='uk-position-bottom'],
[class*='uk-position-left'],
[class*='uk-position-right'],
[class*='uk-position-center'] {
position: absolute !important;
max-width: 100%
}
.uk-position-top {
top: 0;
left: 0;
right: 0
}
.uk-position-bottom {
bottom: 0;
left: 0;
right: 0
}
.uk-position-left {
top: 0;
bottom: 0;
left: 0
}
.uk-position-right {
top: 0;
bottom: 0;
right: 0
}
.uk-position-top-left {
top: 0;
left: 0
}
.uk-position-top-right {
top: 0;
right: 0
}
.uk-position-bottom-left {
bottom: 0;
left: 0
}
.uk-position-bottom-right {
bottom: 0;
right: 0
}
.uk-position-center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: max-content;
max-width: 100%;
box-sizing: border-box
}
[class*='uk-position-center-left'],
[class*='uk-position-center-right'] {
top: 50%;
transform: translateY(-50%)
}
.uk-position-center-left {
left: 0
}
.uk-position-center-right {
right: 0
}
.uk-position-center-left-out {
right: 100%;
width: max-content
}
.uk-position-center-right-out {
left: 100%;
width: max-content
}
.uk-position-top-center,
.uk-position-bottom-center {
left: 50%;
transform: translateX(-50%);
width: max-content;
max-width: 100%;
box-sizing: border-box
}
.uk-position-top-center {
top: 0
}
.uk-position-bottom-center {
bottom: 0
}
.uk-position-cover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.uk-position-relative {
position: relative !important
}
.uk-position-absolute {
position: absolute !important
}
.uk-position-fixed {
position: fixed !important
}
.uk-position-z-index {
z-index: 1
}
.uk-position-small {
max-width: calc(100% - (10px * 2));
margin: 10px
}
.uk-position-small.uk-position-center {
transform: translate(-50%, -50%) translate(-10px, -10px)
}
.uk-position-small[class*='uk-position-center-left'],
.uk-position-small[class*='uk-position-center-right'] {
transform: translateY(-50%) translateY(-10px)
}
.uk-position-small.uk-position-top-center,
.uk-position-small.uk-position-bottom-center {
transform: translateX(-50%) translateX(-10px)
}
.uk-position-medium {
max-width: calc(100% - (30px * 2));
margin: 30px
}
.uk-position-medium.uk-position-center {
transform: translate(-50%, -50%) translate(-30px, -30px)
}
.uk-position-medium[class*='uk-position-center-left'],
.uk-position-medium[class*='uk-position-center-right'] {
transform: translateY(-50%) translateY(-30px)
}
.uk-position-medium.uk-position-top-center,
.uk-position-medium.uk-position-bottom-center {
transform: translateX(-50%) translateX(-30px)
}
.uk-position-large {
max-width: calc(100% - (30px * 2));
margin: 30px
}
.uk-position-large.uk-position-center {
transform: translate(-50%, -50%) translate(-30px, -30px)
}
.uk-position-large[class*='uk-position-center-left'],
.uk-position-large[class*='uk-position-center-right'] {
transform: translateY(-50%) translateY(-30px)
}
.uk-position-large.uk-position-top-center,
.uk-position-large.uk-position-bottom-center {
transform: translateX(-50%) translateX(-30px)
}
@media (min-width:1200px) {
.uk-position-large {
max-width: calc(100% - (50px * 2));
margin: 50px
}
.uk-position-large.uk-position-center {
transform: translate(-50%, -50%) translate(-50px, -50px)
}
.uk-position-large[class*='uk-position-center-left'],
.uk-position-large[class*='uk-position-center-right'] {
transform: translateY(-50%) translateY(-50px)
}
.uk-position-large.uk-position-top-center,
.uk-position-large.uk-position-bottom-center {
transform: translateX(-50%) translateX(-50px)
}
}
.uk-transition-toggle {
-webkit-tap-highlight-color: transparent
}
.uk-transition-toggle:focus {
outline: none
}
.uk-transition-fade,
[class*='uk-transition-scale'],
[class*='uk-transition-slide'] {
transition: 0.3s ease-out;
transition-property: opacity, transform, filter;
opacity: 0
}
.uk-transition-toggle:hover .uk-transition-fade,
.uk-transition-toggle:focus .uk-transition-fade,
.uk-transition-active.uk-active .uk-transition-fade {
opacity: 1
}
.uk-transition-scale-up {
transform: scale(1, 1)
}
.uk-transition-scale-down {
transform: scale(1.1, 1.1)
}
.uk-transition-toggle:hover .uk-transition-scale-up,
.uk-transition-toggle:focus .uk-transition-scale-up,
.uk-transition-active.uk-active .uk-transition-scale-up {
opacity: 1;
transform: scale(1.1, 1.1)
}
.uk-transition-toggle:hover .uk-transition-scale-down,
.uk-transition-toggle:focus .uk-transition-scale-down,
.uk-transition-active.uk-active .uk-transition-scale-down {
opacity: 1;
transform: scale(1, 1)
}
.uk-transition-slide-top {
transform: translateY(-100%)
}
.uk-transition-slide-bottom {
transform: translateY(100%)
}
.uk-transition-slide-left {
transform: translateX(-100%)
}
.uk-transition-slide-right {
transform: translateX(100%)
}
.uk-transition-slide-top-small {
transform: translateY(-10px)
}
.uk-transition-slide-bottom-small {
transform: translateY(10px)
}
.uk-transition-slide-left-small {
transform: translateX(-10px)
}
.uk-transition-slide-right-small {
transform: translateX(10px)
}
.uk-transition-slide-top-medium {
transform: translateY(-50px)
}
.uk-transition-slide-bottom-medium {
transform: translateY(50px)
}
.uk-transition-slide-left-medium {
transform: translateX(-50px)
}
.uk-transition-slide-right-medium {
transform: translateX(50px)
}
.uk-transition-toggle:hover [class*='uk-transition-slide'],
.uk-transition-toggle:focus [class*='uk-transition-slide'],
.uk-transition-active.uk-active [class*='uk-transition-slide'] {
opacity: 1;
transform: translate(0, 0)
}
.uk-transition-opaque {
opacity: 1
}
.uk-transition-slow {
transition-duration: 0.7s
}
[hidden],
.uk-hidden {
display: none !important
}
@media (min-width:640px) {
.uk-hidden\@s {
display: none !important
}
}
@media (min-width:960px) {
.uk-hidden\@m {
display: none !important
}
}
@media (min-width:1200px) {
.uk-hidden\@l {
display: none !important
}
}
@media (min-width:1600px) {
.uk-hidden\@xl {
display: none !important
}
}
@media (max-width:639px) {
.uk-visible\@s {
display: none !important
}
}
@media (max-width:959px) {
.uk-visible\@m {
display: none !important
}
}
@media (max-width:1199px) {
.uk-visible\@l {
display: none !important
}
}
@media (max-width:1599px) {
.uk-visible\@xl {
display: none !important
}
}
.uk-invisible {
visibility: hidden !important
}
.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
position: absolute !important;
width: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important
}
.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
opacity: 0 !important
}
.uk-visible-toggle {
-webkit-tap-highlight-color: transparent
}
.uk-visible-toggle:focus {
outline: none
}
@media (pointer:coarse) {
.uk-hidden-touch {
display: none !important
}
}
.uk-hidden-notouch {
display: none !important
}
@media (pointer:coarse) {
.uk-hidden-notouch {
display: block !important
}
}
.fw-header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 999
}
.fw-header--main-page {
position: fixed;
background-color: rgba(244, 246, 250, 0.9)
}
@media (max-width: 960px) {
.fw-header--main-page .fw-header__logo-link-wrap {
margin-top: 15px;
flex-direction: row;
gap: 16px;
margin-left: 50px
}
}
.fw-header--inner-page {
position: sticky
}
@media (min-width: 960px) {
.fw-header--inner-page {
min-height: 96px
}
}
.fw-header--inner-page:after {
display: block;
position: absolute;
content: "";
height: 100%;
width: 100%;
top: 0;
left: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
z-index: -1
}
.fw-header__logo {
max-width: 304px;
margin-top: 10px;
margin-top: 0;
}
.fw-header__logo img {
width: 304px
}
.fw-header__logo .logo-avatar {
margin-bottom: 23px
}
@media (min-width: 960px) {
.fw-header__logo .logo-avatar {
width: 95px;
height: 95px
}
}
@media (max-width: 960px) {
.fw-header__logo .logo-avatar {
margin: 0;
width: 75px;
height: 75px
}
}
@media (max-width: 960px) {
.fw-header__logo .logo-small {
width: 100px;
height: 55px;
min-width: 100px
}
}
@media (max-width: 960px) {
.fw-header__logo {
max-width: none;
position: relative;
margin-top: 0
}
.fw-header__logo--banner {
position: absolute;
top: 85px;
left: 39px
}
.fw-header__logo--banner img {
height: 56px !important
}
}
.fw-header__logo-link-wrap {
display: flex;
flex-direction: column;
width: 100px;
}
@media (max-width: 960px) {
.fw-header__logo-link-wrap img {
min-width: 36px;
width: 36px
}
}
.fw-header__tel {
white-space: nowrap;
display: block;
margin-top: 38px;
font-size: 1.625rem;
line-height: 1.9375rem
}
@media (max-width: 960px) {
.fw-header__tel {
margin-top: 12px;
margin-left: 140px;
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 1.5625rem
}
}
.fw-footer__logo-link-wrap{
width: 100px;
}
.fw-header--white .fw-menu-link {
color: white !important
}
.fw-header__top {
padding: 5px 0 5px;
background-color: transparent
}
@media (max-width:960px) {
.fw-header__top {
padding: 0;
overflow: hidden
}
}
@media (max-width: 960px) {
.fw-header__nav .fw-menu {
overflow: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.fw-header__nav .fw-menu::-webkit-scrollbar {
display: none
}
}
.fw-header__top-wrap {
display: flex;
align-items: center;
}
@media (max-width:960px) {
.fw-header__top-wrap {
flex-direction: column
}
}
.fw-header__bottom {
width: 100%
}
.fw-header__bottom.uk-sticky-fixed .fw-header__bottom-wrap {
background-color: rgba(0, 0, 0, 0.88)
}
.fw-header__phone a {
font-size: 20px;
color: #000
}
.fw-header__phone a:hover {
color: #f8682f
}
.fw-header__slogan {
text-align: center;
font-size: 20px;
line-height: 1.1
}
.fw-btn-mobile-nav {
color: #fff;
cursor: pointer;
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
background-color: #000;
border-radius: 50%;
position: fixed;
right: 20px;
top: 30px
}
.fw-menu-level-1__menu-item>.menu-link:before {
content: '';
z-index: -1;
position: absolute;
bottom: 0;
display: block;
width: 0;
height: 3px;
background-color: #e96e3e;
transition: width linear 0.3s
}
.fw-menu-level-1__menu-item:hover>.menu-link:before {
width: 100%
}
.fw-dropdown-icon {
display: none;
transition: transform 0.4s
}
.fw-menu {
display: flex;
padding: 0 12px;
margin-left: 47px;
margin-bottom: 0;
list-style: none;
gap: 16px;
font-weight: 400;
font-family: 'Helvetica', "Atyp Display", Arial, sans-serif
}
@media (max-width:960px) {
.fw-menu {
margin-left: 0;
flex-wrap: nowrap
}
.fw-menu .menu {
height: auto
}
}
.fw-menu-link {
color: #000;
display: block;
font-size: 16px
}
.fw-menu-link:hover {
color: #e96e3e !important;
background-color: transparent;
text-decoration: none
}
.fw-menu-item-dropdown>.fw-menu-link:after {
position: static;
display: inline-block;
margin-left: 1rem
}
@media (max-width:960px) {
.fw-menu-item-dropdown>.fw-menu-link:after {
right: 1rem;
position: absolute
}
}
.fw-menu-item-dropdown.arrow-hide>.fw-menu-link:after {
display: none
}
.fw-mobile-menu {
overflow-y: auto;
box-shadow: 1px 1px 10px #c5c5c5;
padding: 0 30px;
padding-top: 60px;
padding-bottom: 60px;
background: #0e0e0e;
transform: translateX(0px);
transition: transform 0.4s;
width: 320px;
box-sizing: border-box;
height: 100vh;
position: fixed;
z-index: 999;
left: 0;
top: 0;
bottom: 0
}
.fw-mobile-menu__mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
background: rgba(14, 14, 14, 0.3)
}
.fw-mobile-menu__mainnav {
margin-top: 10px;
margin-bottom: 10px
}
.fw-mobile-menu .fw-dropdown-icon {
display: block
}
.fw-mobile-menu .fw-menu-link {
width: 100%
}
.fw-mobile-menu .fw-menu-item-dropdown .fw-menu-link {
width: auto
}
.fw-mobile-menu .fw-menu-link-wrap {
display: flex;
justify-content: space-between;
align-items: center
}
.fw-mobile-menu .fw-menu-dropdown {
box-shadow: none;
position: static;
border: 0;
width: auto
}
.fw-mobile-menu .fw-menu-level-2 {
padding: 0;
padding-bottom: 15px
}
.fw-mobile-menu .fw-menu-level-3 {
padding: 5px 0
}
.fw-mobile-menu .fw-menu-level-3__menu-link {
padding: 5px 20px
}
.fw-mobile-menu .fw-menu-level-4 {
padding: 5px 0
}
.fw-mobile-menu .fw-menu-level-4__menu-link {
padding: 5px 30px
}
.fw-mobile-menu__close {
right: 10px;
padding: 0;
top: 10px;
position: absolute
}
.fw-mobile-menu .fw-dropdown-icon {
color: #fff
}
.fw-mobile-menu .fw-dropdown-icon.open {
transform: rotate(90deg)
}
.fw-mobile-menu .mobile-menu-slogan {
font-size: 20px;
margin-top: 30px;
margin-bottom: 25px
}
.fw-mobile-menu .fw-header__phone a {
white-space: nowrap;
color: #fff
}
.fw-mobile-menu .fw-header__phone a:hover {
color: #e96e3e
}
.fw-mobile-menu .fw-menu-dropdown {
background: #0e0e0e
}
.fw-mobile-menu .fw-menu-level-2__menu-link {
color: #fff
}
.fw-mobile-menu__hide {
transform: translateX(-350px)
}
.fw-menu-level-1>li:nth-child(2) {
padding-right: 30px
}
.fw-menu-level-1__dropdown {
position: absolute
}
.fw-menu-level-1__menu-item+.fw-menu-level-1__menu-item {
margin-left: 0
}
@media (max-width:960px) {
.fw-menu-level-1__menu-item+.fw-menu-level-1__menu-item {
margin-left: 0
}
}
.fw-menu-level-1__menu-item:hover>.fw-menu-link {
color: #e96e3e
}
@media (min-width:960px) {
.fw-menu-level-1__menu-item:hover .fw-menu-level-1__dropdown {
display: block
}
}
.fw-menu-level-1__menu-item.fw-current-menu-item .fw-menu-level-1__menu-link {
color: black;
background-color: transparent;
font-weight: 500
}
@media (min-width:960px) and (max-width:1200px) {
.fw-menu-level-1__menu-item .menu-link {
padding: 0.5rem 0.75rem
}
}
.fw-menu-level-1__menu-link {
color: #000;
font-size: 0.75rem;
text-transform: uppercase;
font-weight: 300;
padding: 12px 6px;
position: relative;
white-space: nowrap;
transition: color linear 0.3s;
line-height: 1.375rem;
letter-spacing: 0.03125rem;
min-width: 110%
}
@media (min-width:960px) {
.fw-menu-level-1__menu-link {
line-height: 1;
font-size: 0.95rem;
letter-spacing: 0.5px;
color: #000
}
}
.menu-btn__dropdown {
position: absolute;
width: 46px;
height: 56px;
right: 0;
top: 0
}
.menu-link__title {
font-weight: 600;
text-transform: uppercase;
margin-bottom: 5px;
white-space: nowrap
}
.fw-menu-level-2 {
list-style: none;
padding: 10px 0;
margin: 0
}
.fw-menu-level-2__menu-link {
color: #0e0e0e;
padding: 6px 12px;
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 300;
line-height: 1.375rem
}
.fw-menu-level-2__menu-link:hover {
color: #f8682f !important
}
.fw-menu-level-2__dropdown {
left: 100%;
top: 0;
width: -moz-fit-content;
width: -webkit-fit-content;
position: absolute;
border-left: 1px solid transparent;
width: fit-content
}
.fw-menu-level-2__menu-item-dropdown {}
@media (min-width:960px) {
.fw-menu-level-2__menu-item-dropdown:hover .fw-menu-level-2__dropdown {
display: block
}
}
.fw-menu-level-2__menu-item-dropdown>.menu-link {
padding-right: 2.7rem !important
}
.fw-menu-level-2__menu-item-dropdown>.menu-link:after {
top: 1rem
}
.fw-menu-level-2__menu-item-dropdown>.menu-link:hover:after {
transform: translateX(5px)
}
@media (max-width:960px) {
.fw-menu-level-2__menu-item-dropdown>.menu-link:after {
display: none
}
}
.fw-menu-level-2__menu-item-dropdown .menu__dropdown {
background: #e9ecef
}
@media (max-width:1200px) {
.fw-menu-level-2__menu-item-dropdown .menu__dropdown {
position: absolute;
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
z-index: 10;
top: 0;
left: 100%;
border-left: 10px solid transparent
}
}
.menu-level-3 .menu-link {
color: #000
}
.menu-level-3 .menu-link:hover {
color: #e96e3e
}
@media (max-width:960px) {
.menu-level-3 .menu-link {
padding: 0.5rem 1.5rem 0.5rem 2rem
}
}
.fw-menu-dropdown {
display: none;
z-index: 99
}
.fw-menu-dropdown ul {
background-color: #0e0e0e
}
.fw-menu-dropdown .fw-menu-link {
color: #fff
}
.fw-menu-dropdown .menu {
display: block;
background: #000;
padding: 1rem 0;
}
@media (max-width:960px) {
.fw-menu-dropdown .menu {
padding: 0
}
}
.fw-menu-dropdown .open {
display: block
}
.fw-menu-dropdown:hover {}
@media (max-width:1200px) {
.fw-menu-dropdown:hover>.menu__dropdown {
display: block;
position: absolute;
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
z-index: 101
}
}
@media (max-width:960px) {
#top-menu {
position: fixed;
width: 300px;
background: #fff;
top: 0;
left: -320px;
z-index: 1090;
bottom: 0;
height: 100vh;
overflow-y: auto;
display: block;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
transition: all linear 0.3s
}
#top-menu .menu-item {
position: relative
}
#top-menu .menu-item.current-menu-item>.menu-link {
color: #fff
}
#top-menu .menu-item .menu-link {
color: #000
}
#top-menu .menu-item .menu-link.bg-secondary {
color: #fff
}
#top-menu .menu__dropdown .menu {
background: #f4f4f4
}
}
#top-menu.show {
left: 0px
}
#menu-catalog .angle-down {
opacity: 0;
visibility: hidden
}
#menu-additional>.menu-link:after {
display: none
}
.bg-menu {
background: #fff
}
.fw-menu-level-2.column-2 {
width: 40rem;
column-count: 2;
padding: 1rem 0.5rem;
column-rule: 1px dashed rgba(255, 255, 255, 0.2)
}
.fw-menu-level-2.column-2 .menu-item {
display: inline-block;
width: 100%
}
.fw-menu-level-2.column-3 {
width: 60rem;
column-count: 3;
padding: 1rem 0.5rem;
column-rule: 1px dashed rgba(255, 255, 255, 0.2)
}
.fw-menu-level-2.column-3 .menu-item {
display: inline-block;
width: 100%
}
.fw-menu-level-3 {
list-style: none;
padding: 15px 0;
margin: 0
}
.fw-menu-level-3__menu-link {
padding: 5px 20px
}
@media (min-width:960px) {
.fw-menu-level-3__menu-item-dropdown:hover .fw-menu-level-3__dropdown {
display: block
}
}
.fw-menu-level-3__dropdown {
left: 100%;
top: 0;
width: -moz-fit-content;
width: -webkit-fit-content;
position: absolute;
border-left: 1px solid transparent;
width: fit-content
}
.fw-menu-level-4 {
list-style: none;
padding: 15px 0;
margin: 0
}
.fw-menu-level-4__menu-link {
padding: 5px 20px
}
.fw-header--main-page .fw-dropdown-desktop-icon {
border-color: black transparent transparent transparent !important
}
@media (min-width:960px) {
.fw-menu-level-1__menu-link-wrap {
position: relative
}
}
.fw-menu-level-1__menu-link-wrap .fw-dropdown-desktop-icon {
position: absolute;
right: -3px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 4px 3px 0 3px;
border-color: #fff transparent transparent transparent;
transition: 0.3s
}
@media (max-width:960px) {
.fw-menu-level-1__menu-link-wrap .fw-dropdown-desktop-icon {
display: none
}
}
.fw-menu-level-1__menu-link-wrap:hover .fw-dropdown-desktop-icon {
border-color: #f8682f transparent transparent transparent !important
}
@media (min-width:960px) {
.fw-menu-dropdown {
background: transparent
}
.fw-menu-level-2 {
background: #0e0e0e;
overflow: hidden
}
}
@media (max-width:960px) {}
.fw-mobile-menu__close {
cursor: pointer
}
.fw-btn {
border-radius: 22px;
transition: none !important;
max-width: 760px;
min-height: 54px;
margin: 0;
border: none;
overflow: visible;
font: inherit;
color: inherit;
white-space: nowrap;
text-transform: none;
-webkit-appearance: none;
box-sizing: border-box;
padding: 12px 20px 12px 24px;
vertical-align: middle;
font-size: 1rem;
text-align: center;
text-decoration: none;
position: relative;
font-weight: 400;
display: flex;
justify-content: center;
align-items: center;
font-style: normal;
line-height: 1.375rem;
font-family: "Helvetica Neue", sans-serif
}
@media (max-width: 960px) {
.fw-btn {
font-size: 0.875rem;
padding: 5px 25px;
width: 100%;
min-width: auto
}
}
.fw-btn:not(:disabled) {
cursor: pointer
}
.fw-btn::-moz-focus-inner {
border: 0;
padding: 0
}
.fw-btn-primary {
border: 1px solid #e96e3e;
color: #e96e3e !important;
background-color: transparent
}
.fw-btn-primary a {
color: #e96e3e !important
}
.fw-btn-primary:hover,
.fw-btn-primary:active {
background-color: #e96e3e;
color: white !important;
border-color: #f8682f
}
.fw-btn-primary:disabled {
color: #f6c5b2 !important;
border-color: #f6c5b2
}
.fw-btn-primary-border {
border-radius: 22px
}
.fw-btn-border {
border-radius: 22px
}
.fw-btn-secondary {
color: #fff;
background-color: #e96e3e !important;
transition: 0.3s
}
.fw-btn-secondary:hover,
.fw-btn-secondary:active {
color: #fff;
background-color: #f8682f !important
}
.fw-btn-secondary:disabled {
background-color: #f6c5b2 !important
}
.fw-btn-chips {
white-space: nowrap;
background-color: #e2e9f1;
border-radius: 24px;
text-transform: uppercase;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 22px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
padding-left: 0 !important
}
.fw-btn-chips.active {
background-color: #e96e3e
}
.fw-btn-chips.active a {
color: #fff !important
}
.fw-btn-chips__list {
display: flex;
list-style: none;
padding-left: 0;
gap: 8px;
flex-wrap: wrap
}
@media {
.fw-btn-chips__list--horizontal-scroll {
white-space: nowrap
}
}
@media (max-width: 960px) {
.fw-btn-chips__list--horizontal-scroll {
flex-wrap: nowrap;
overflow: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.fw-btn-chips__list--horizontal-scroll::-webkit-scrollbar {
display: none
}
}
.fw-btn-chips a {
padding: 12px 16px;
transition: none
}
.fw-btn-chips a:hover {
color: white !important
}
.fw-btn-chips:hover {
background-color: #e96e3e;
color: white
}
.fw-btn-chips.uk-active {
background-color: #e96e3e
}
.fw-btn-chips.uk-active a {
color: white !important
}
.fw-btn-chips--grey a {
color: black !important
}
.fw-btn-chips--grey:hover {
background-color: #7b8b9a
}
.fw-btn-chips--grey.uk-active {
background-color: #7b8b9a
}
.fw-btn-chips--grey.uk-active a,
.fw-btn-chips--grey.uk-active div {
color: white !important
}
.fw-btn-chips--curent {
background-color: #e96e3e
}
.fw-btn-chips.fw-categories__item {
padding: 0
}
.fw-btn-chips.fw-categories__item a {
color: black;
cursor: pointer
}
.fw-btn-chips.fw-categories__item a:hover {
color: white !important
}
#category-toggle {
cursor: pointer;
user-select: none
}
#category-toggle svg {
max-width: max-content
}
.fw-btn-default:disabled,
.fw-btn-primary:disabled,
.fw-btn-secondary:disabled,
.fw-btn-accent:disabled {
background-color: transparent;
color: #999;
border-color: #e5e5e5
}
.fw-btn-accent {
background-image: linear-gradient(to right, #e96e3e 0%, #000 100%);
background-repeat: repeat-x;
color: #fff
}
.fw-btn-accent:hover {
background-image: linear-gradient(to right, #e96e3e 50%, #000 100%);
background-repeat: repeat-x
}
.fw-btn-sm {
padding: 0 10px;
line-height: 28px;
font-size: 0.875rem
}
@media (min-width:1200px) {
.fw-btn-lg {
padding: 0 40px;
line-height: 53px;
font-size: 0.875rem
}
}
.fw-btn-link {
padding: 0;
line-height: 1.5;
background: none;
color: #000
}
.fw-btn-link:hover,
.fw-btn-link:focus {
color: #f8682f;
text-decoration: underline
}
.fw-btn-link:disabled {
color: #999;
text-decoration: none
}
.fw-btn-light-border {
background-color: transparent;
color: #fff;
border: 1px solid transparent;
border-color: #fff
}
.fw-btn-light-border:hover,
.fw-btn-light-border:focus {
background-color: #fff;
border-color: #fff;
color: #212529 !important
}
.fw-btn-light-border:active,
.fw-btn-light-border.uk-active {
background-color: #fff;
color: #212529 !important
}
.fw-btn-group {
display: inline-flex;
vertical-align: middle;
position: relative
}
.uk-button-group>.uk-button:nth-child(n+2),
.uk-button-group>div:nth-child(n+2) .uk-button {
margin-left: -1px
}
.uk-button-group .uk-button:hover,
.uk-button-group .uk-button:focus,
.uk-button-group .uk-button:active,
.uk-button-group .uk-button.uk-active {
position: relative;
z-index: 1
}
.fw-btn-continue {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem
}
.fw-btn-action {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem
}
.fw-btn-catalog {
padding-left: 15px;
padding-right: 15px
}
.fw-btn .uk-icon {
transform: translateY(-1px)
}
.fw-btn--minus,
.fw-btn--plus {
transition: scale 0.2s;
width: 32px;
height: 32px;
background-color: #e2e9f1;
border-radius: 50%;
margin: 3px
}
.fw-btn--minus:hover,
.fw-btn--plus:hover {
background-color: #e96e3e;
scale: 1.2
}
.fw-btn--minus {
background-image: url("../../uploads/storage/icons/minus.svg")
}
.fw-btn--minus:hover {
background-image: url("../../uploads/storage/icons/minus-white.svg")
}
.fw-btn--plus {
background-image: url("../../uploads/storage/icons/plus.svg")
}
.fw-btn--plus:hover {
background-image: url("../../uploads/storage/icons/plus-white.svg")
}
a {
text-decoration: none
}
a:hover {
text-decoration: none
}
article a:not([class]) {
color: #e96e3e;
border-bottom: 1px solid transparent;
transition: 0.3s
}
article a:not([class]):hover {
text-decoration: none;
border-bottom: 1px solid #e96e3e
}
.fw-link,
.fw-link-default {
color: #000;
border-bottom: 1px solid transparent
}
.fw-link:hover,
.fw-link-default:hover {
border-color: inherit
}
.fw-link-bbs {
border-bottom: 1px solid;
text-decoration: none
}
.fw-link-bbs:hover {
text-decoration: none
}
.fw-link-bbds {
border-bottom: 1px dashed;
text-decoration: none
}
.fw-link-bbds:hover {
text-decoration: none
}
.fw-link-bbdt {
border-bottom: 1px dotted;
text-decoration: none
}
.fw-link-bbdt:hover {
text-decoration: none
}
.fw-link-text-primary {
color: #000
}
.fw-link-text-primary:hover {
color: #e96e3e
}
.fw-link-gray-primary {
color: #a1a1a1
}
.fw-link-gray-primary:hover {
color: #e96e3e
}
.fw-read-more {
color: #e96e3e;
border: 0
}
.fw-read-more span {
transition: 0.3s
}
.fw-read-more:hover {
text-decoration: none
}
.fw-read-more:hover span,
.fw-read-more:hover .fw-link-arrow-right {
transform: translateX(3px)
}
.fw-read-more:hover .span-inverse,
.fw-read-more:hover .fw-link-arrow-left {
transform: translateX(-3px)
}
.fw-link-text-secondary {
color: #000
}
.fw-link-text-secondary:hover {
color: #000
}
.fw-link-text-white {
color: #000
}
.fw-link-text-white:hover {
color: #fff
}
.fw-link-light-primary {
color: #fff
}
.fw-link-light-primary:hover {
color: #e96e3e
}
.fw-link-light-secondary {
color: #fff
}
.fw-link-light-secondary:hover {
color: #000
}
.fw-link-nodecor {
text-decoration: none
}
.fw-link-nodecor:hover {
text-decoration: none
}
.fw-link-parent {
margin-bottom: 5px;
font-size: 12px;
margin-right: 5px;
margin-bottom: 5px;
position: relative;
display: inline-block;
height: 22px;
border-radius: 4px;
line-height: 22px;
border: 1px solid #e96e3e;
color: #e96e3e;
padding: 0 10px
}
.fw-link-parent:hover {
background-color: #e96e3e;
color: #fff;
text-decoration: none
}
.fw-social-icon {
display: block;
width: 25px;
height: 25px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
transition: 0.3s;
will-change: transform
}
.fw-social-icon:hover {
transform: scale(1.2)
}
.icon-instagram {
background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
color: rgba(255, 255, 255, 0.7) !important;
transition: 0.3s
}
.icon-instagram:hover {
color: #fff !important
}
.icon-telegram {
background: #08c !important;
color: rgba(255, 255, 255, 0.7) !important;
transition: 0.3s
}
.icon-telegram:hover {
color: #fff !important
}
.icon-facebook {
background: #3b5998 !important;
color: rgba(255, 255, 255, 0.7) !important;
transition: 0.3s
}
.icon-facebook:hover {
color: #fff !important
}
.icon-vk {
background: #4d7198 !important;
color: rgba(255, 255, 255, 0.7) !important;
transition: 0.3s
}
.icon-vk:hover {
color: #fff !important
}
.fw-contacts-links {
color: #e96e3e !important;
font-family: Helvetica Neue, sans-serif;
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 1.5625rem
}
h3 {
font-size: 1.2rem;
font-weight: 600;
margin-bottom: 10px
}
h4 {
font-size: 1.125rem;
font-weight: 600;
margin-bottom: 10px
}
.title-scroll .title-h1 {
font-size: 6rem;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.00625rem;
text-transform: uppercase;
font-family: Atyp Display, sans-serif;
color: #e96e3e;
align-self: flex-start;
margin-bottom: 0
}
@media (max-width:960px) {
.title-scroll .title-h1 {
font-size: 2.875rem;
line-height: 2.875rem
}
}
.fw-title {
color: inherit;
display: flex;
flex-wrap: wrap;
align-items: baseline;
text-transform: uppercase !important
}
.fw-title h2,
.fw-title a {
font-family: Atyp Display, sans-serif;
font-size: 2rem;
font-weight: 600;
color: inherit;
margin-bottom: 42px;
line-height: 1.25;
text-transform: uppercase
}
@media (max-width: 960px) {
.fw-title h2,
.fw-title a {
font-size: 1.625rem;
font-style: normal;
line-height: 2.375rem;
letter-spacing: 0.00625rem
}
}
.fw-title h2 span:not([class]),
.fw-title a span:not([class]) {
color: #e96e3e
}
.fw-title h2 b,
.fw-title a b {
font-weight: 800
}
.fw-title h3 {
font-size: 1.25rem;
font-weight: 600;
color: inherit;
margin-bottom: 0;
line-height: 1.25
}
.fw-title h3 span:not([class]) {
color: #e96e3e
}
.fw-title h3 b {
font-weight: 800
}
.fw-title-center {
text-align: center;
justify-content: center
}
.fw-title-center+.fw-title-line {
margin-left: auto;
margin-right: auto
}
.fw-title-line {
width: 5rem;
background: #e96e3e;
height: 0;
margin-bottom: 40px
}
.fw-footer-title {
font-weight: 700;
color: white;
font-size: 1.8rem
}
.fw-title-big {
display: flex;
flex-wrap: wrap
}
.fw-title-big h1 {
font-size: 3.125rem;
font-weight: 600;
color: #000;
text-transform: uppercase;
line-height: 1.5
}
@media (max-width:1200px) {
.fw-title-big h1 {
font-size: 2.5rem
}
}
@media (max-width:960px) {
.fw-title-big h1 {
font-size: 2.2rem;
text-align: center
}
}
@media (max-width:640px) {
.fw-title-big h1 {
font-size: 1.75rem
}
}
@media (max-width:960px) {
.fw-title-big {
justify-content: center
}
}
.fw-icon-menu {
display: flex;
list-style: none;
padding: 0;
margin-left: -15px;
margin-bottom: 0
}
.fw-icon-menu>li {
padding-left: 15px;
text-align: center
}
.fw-icon-menu>li>a {
color: #000;
transition: all linear 0.3s
}
.fw-icon-menu>li>a:hover {
color: #e96e3e;
text-decoration: none
}
.fw-icon-menu__link {
position: relative;
display: block
}
.fw-icon-menu__item {
position: relative;
width: min-content
}
.fw-icon-menu__icon {
width: 20px;
height: 20px;
position: relative;
margin: 0 auto 2px;
line-height: 1;
}
.fw-icon-menu__badge {
position: absolute;
left: 50%;
transform: translateX(50%);
top: 40px;
display: flex;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
background-color: #e96e3e;
color: #fff;
line-height: 17px;
font-size: 12px;
text-align: center;
border-radius: 50%;
transition: 0.3s
}
.fw-icon-menu__badge-changeVal {
color: #e96e3e
}
.fw-icon-menu__badge[data-val="0"] {
display: none
}
.fw-icon-menu__name {
font-size: 14px;
}
.fw-mainslider__container {
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 100%;
padding-top: 40px;
padding-bottom: 60px;
box-sizing: border-box
}
@media (max-width:1400px) {
.fw-mainslider__container {
padding-bottom: 25px
}
}
@media (max-width:640px) {
.fw-mainslider__container {
padding-bottom: 25px;
padding-top: 25px
}
}
.fw-mainslider__title {
color: #fff;
text-transform: uppercase;
font-size: 3rem;
font-weight: 600;
font-family: 'Helvetica', "Atyp Display", Arial, sans-serif;
line-height: 1.3;
margin-bottom: 30px
}
@media (max-width:1600px) {
.fw-mainslider__title {
font-size: 2.75rem;
margin-bottom: 5px
}
}
@media (max-width:1400px) {
.fw-mainslider__title {
font-size: 2.5rem
}
}
@media (max-width:1024px) {
.fw-mainslider__title {
font-size: 2rem
}
}
@media (max-width:960px) {
.fw-mainslider__title {
text-align: center;
line-height: 1.2
}
}
@media (max-width:640px) {
.fw-mainslider__title {
font-size: 1.9rem
}
}
@media (max-width:450px) {
.fw-mainslider__title {
font-size: 1.25rem
}
}
.fw-mainslider__text {
color: #fff;
font-size: 1.25rem;
font-family: 'Helvetica', "Atyp Display", Arial, sans-serif;
line-height: 1.3;
margin-bottom: 25px
}
@media (max-width:1600px) {
.fw-mainslider__text {
font-size: 1rem
}
}
@media (max-width:1400px) {
.fw-mainslider__text {
font-size: 0.875rem
}
}
@media (max-width:1024px) {
.fw-mainslider__text {
margin-bottom: 10px
}
}
@media (max-width:960px) {
.fw-mainslider__text {
text-align: center;
line-height: 1.2
}
}
.fw-mainslider__form {
margin-bottom: 45px
}
@media (max-width:1600px) {
.fw-mainslider__form {
margin-bottom: 15px
}
}
.fw-mainslider__form .custom-form-call {
flex-direction: row
}
.fw-mainslider__image img {
filter: brightness(0.7)
}
.fw-mainslider__features-wrap .fw-mainslider__features-item {
display: flex;
align-items: center
}
@media (max-width:640px) {
.fw-mainslider__features-wrap .fw-mainslider__features-item {
justify-content: center
}
}
.fw-mainslider__features-wrap .fw-mainslider__features-img {
width: 45px;
height: 45px;
flex-shrink: 0
}
.fw-mainslider__features-wrap .fw-mainslider__features-img img {
width: 100%
}
.fw-mainslider__features-wrap .fw-mainslider__features-txt {
color: #fff;
line-height: 1.3;
margin-left: 20px
}
@media (max-width:960px) {
.fw-mainslider__features-wrap .fw-mainslider__features-txt {
font-size: 0.875rem
}
}
.widget-mess {
position: absolute;
bottom: 30px;
right: 30px;
height: 200px;
display: flex;
flex-direction: column;
justify-content: end;
z-index: 10;
text-align: center
}
.widget-mess__btn-wrap {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0;
transition: all 0.2s;
gap: 4px
}
.widget-mess__btn-wrap .widget-mess__btn-item.telegram {
transform: translateY(126px);
transition: 0.3s;
pointer-events: none
}
.widget-mess__btn-wrap .widget-mess__btn-item.whatsapp {
transform: translateY(185px);
transition: 0.4s;
pointer-events: none
}
.widget-mess__btn-wrap .widget-mess__btn-item.instagram {
transform: translateY(66px);
transition: 0.4s;
pointer-events: none
}
.widget-mess__btn-wrap.open {
opacity: 1
}
.widget-mess__btn-wrap.open .widget-mess__btn-item.telegram {
transform: translateY(0px);
pointer-events: auto;
transition: 0.4s
}
.widget-mess__btn-wrap.open .widget-mess__btn-item.whatsapp {
transform: translateY(0px);
pointer-events: auto;
transition: 0.4s
}
.widget-mess__btn-wrap.open .widget-mess__btn-item.instagram {
transform: translateY(0px);
pointer-events: auto;
transition: 0.4s
}
.widget-mess__btn-item {
width: 56px;
height: 56px;
display: flex;
justify-content: center;
align-items: center
}
.widget-mess__btn-item a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%
}
.widget-mess__logo-wrap {
width: 56px;
height: 56px;
border-radius: 50%;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
background-color: #7b8b9a;
overflow: hidden;
margin-top: 10px
}
.widget-mess__logo-wrap .widget-mess__js-click {
cursor: pointer;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center
}
.widget-mess__logo-wrap .widget-mess__js-click .wid-image__static {
display: block
}
.widget-mess__logo-wrap .widget-mess__js-click .wid-image__close {
display: none
}
.widget-mess__logo-wrap .widget-mess__js-click.open .wid-image__static {
display: none
}
.widget-mess__logo-wrap .widget-mess__js-click.open .wid-image__close {
display: block
}
.fw-catalog-menu {
background: rgba(0, 0, 0, 0.75);
padding: 0;
margin: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 9999;
display: none
}
.fw-catalog-menu.show {
display: block
}
.fw-catalog-menu__inner {
background-color: #fff;
padding: 30px;
padding-left: 0;
position: relative;
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column
}
@media (min-width:1200px) {
.fw-catalog-menu__inner {
width: 1200px
}
}
.fw-catalog-menu__inner:before {
content: '';
position: absolute;
background-color: #f7f7f7;
width: 300px;
left: 0;
top: 0;
bottom: 0
}
.fw-catalog-menu__icon {
width: 22px;
flex: 0 0 22px;
margin-right: 15px
}
.fw-catalog-menu__arrow {
display: block;
width: 15px;
min-width: 15px;
margin-left: auto
}
.fw-catalog-menu__header {
display: flex;
margin-bottom: 20px;
position: relative
}
.fw-catalog-menu__body {
position: relative;
flex-grow: 1;
overflow: auto;
user-select: none;
padding-left: 30px
}
.fw-catalog-menu__leftcol {
flex: 0 0 270px;
max-width: 270px;
padding-left: 30px
}
.fw-catalog-menu__rightcol {
flex-grow: 1;
padding-left: 30px
}
.fw-catalog-menu__btn-close {
position: absolute;
transition: 0.3s;
right: 0;
will-change: transform
}
.fw-catalog-menu__btn-close:hover {
transform: rotate(180deg)
}
.fw-catalog-menu__title {
font-size: 20px;
font-weight: 500
}
.fw-catalog-menu__nav {
list-style: none;
padding: 0;
margin-bottom: 0
}
.fw-catalog-menu__level-1 {
margin-left: -30px
}
.fw-catalog-menu__level-1>.fw-catalog-menu__item {
width: 250px;
padding: 5px 50px 5px 30px
}
.fw-catalog-menu__level-1>.fw-catalog-menu__item.show {
background-color: #fff
}
.fw-catalog-menu__level-1>.fw-catalog-menu__dropdown.show>.fw-catalog-menu__level-2 {
display: block
}
.fw-catalog-menu__item-level1.show {
background-color: #fff
}
.fw-catalog-menu__link {
line-height: 14px
}
.fw-catalog-menu__link+.fw-catalog-menu__nav {
margin-top: 10px
}
.fw-catalog-menu__level-2 {
display: none;
position: absolute;
left: 330px;
top: 0;
width: calc(100% - 330px - 10px);
height: 100%;
overflow-y: auto;
font-size: 14px
}
.fw-catalog-menu__level-2 div.fw-catalog-menu__item {
padding-top: 10px;
padding-bottom: 10px;
max-width: 33.32223%;
flex: 0 0 33.32223%;
box-sizing: border-box
}
.fw-catalog-menu__level-2 div.fw-catalog-menu__item.fw-catalog-menu__item>a {
font-weight: 600
}
.fw-catalog-menu__level-3>.fw-catalog-menu__item {
margin-bottom: 5px
}
.fw-catalog-menu__level-3:last-child {
margin-bottom: 0
}
.fw-catalog-menu__level-3 .fw-catalog-menu__link {
font-size: 13px
}
.fw-catalog-menu__level-4 {
margin-left: 20px
}
.fw-catalog-menu__level-4>.fw-catalog-menu__item {
margin-top: 10px
}
.fw-catalog-menu__item>a {
text-decoration: none
}
.fw-catalog-menu__item>a:hover {
text-decoration: none
}
.fw-catalog-menu__link.level-2 {
font-weight: bold !important
}
.fw-catalog-menu__item-level1 .fw-catalog-menu__link {
color: #212529;
font-size: 14px
}
.fw-catalog-menu__item-level1 .fw-catalog-menu__link:hover {
color: #212529
}
.fw-catalog-menu__item-level2 .fw-catalog-menu__link {
color: #212529
}
.fw-catalog-menu__item-level2 .fw-catalog-menu__link:hover {
color: #f8682f
}
.fw-catalog-menu__icon {
transform: scale(1);
transition: 0.2s
}
.fw-catalog-menu__link-wrap {
display: flex;
align-items: center
}
.fw-catalog-menu__item .fw-catalog-menu__title {
display: block;
margin-bottom: 20px
}
.fw-catalog-menu__item-level2>.fw-catalog-menu__link {
font-weight: 600
}
.fw-hide-content {
display: none !important
}
html {
background-color: #f4f6fa
}
.callback-window__logo a{
display: block;
width: 100px;
}
.callback-window__logo a img{
display: block;
width: 100%;
}