@charset "UTF-8";
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-webkit-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-o-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-ms-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fadeinout {
    0% {
        opacity: 0;
    }
    to {
        opacity: 0.2;
    }
}
@keyframes blink-red {
    50% {
        color: #ff9d9d;
    }
}
@keyframes blink-dark-red {
    50% {
        color: #b73131;
    }
}
@font-face {
    font-family: "Code Pro Regular";
    src: url(Code-Pro.eot);
    src: url(Code-Pro.eot?#iefix) format("embedded-opentype"), url(Code-Pro.woff) format("woff"), url(Code-Pro.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
* {
    font-family: "Open Sans", sans-serif;
    letter-spacing: -0.02em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", sans-serif;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
html {
    font-size: 16px;
}
@media (max-width: 1370px) {
    html {
        font-size: 15px;
    }
}
@media (max-width: 1280px) {
    html {
        font-size: 14px;
    }
}
@media (max-width: 1024px) {
    html {
        font-size: 12px;
    }
}
@media (max-width: 420px) {
    html {
        font-size: 10px;
    }
    main > .page {
        background: url(../img/letter_mobile.png) right bottom no-repeat #fff;
    }
}
main > .page {
    background: url(../img/letter.png) right bottom no-repeat #fff;
}
.free-phone span {
    font-size: 0.4864864865em;
    display: block;
    font-weight: lighter;
    text-transform: uppercase;
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #FFF;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    background-color: #FFF;
}
::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #E5941F;
}
.animate-spin:before {
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block;
}
.animate-step-spin:before {
    animation: spin 1s steps(8) infinite;
    display: inline-block;
}
.animated {
    transition: all 1s;
}
.animated.show {
    opacity: 1;
}
#svg line,
.animated.hide,
html.wf-loading {
    opacity: 0;
}
i.icon-excel {
    background-image: url(../img/excel.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    margin-bottom: 0.2em;
    display: inline-block;
    vertical-align: middle;
}
i.icon-excel.large {
    width: 1.5em;
    height: 1.5em;
}
i.icon-bonus {
    border-radius: 50%;
    border: 1px solid #df362a;
}
i.icon-bonus:before {
    content: "";
}
.color-green {
    color: #389900;
}
.color-green > i.icon-bonus {
    border-color: #389900;
}
i.icon-russia:before {
    content: "";
    margin-right: 0.8em;
}
@font-face {
    font-family: "q16";
    src: url(q16.eot?44813105);
    src: url(q16.eot?44813105#iefix) format("embedded-opentype"), url(q16.woff2?44813105) format("woff2"), url(q16.woff?44813105) format("woff"), url(q16.ttf?44813105) format("truetype"), url(q16.svg?44813105#q16) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
[class*=" icon-"]:before,
[class^="icon-"]:before {
    font-family: "q16";
    font-style: normal;
    font-weight: 400;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-eye:before {
    content: "";
}
.icon-globe-1:before {
    content: "";
}
.icon-right-open:before {
    content: "";
}
.icon-down-open:before {
    content: "";
}
.icon-star-empty:before {
    content: "";
}
.icon-star:before {
    content: "";
}
.icon-heart-empty:before {
    content: "";
}
.icon-heart:before {
    content: "";
}
.icon-camera:before {
    content: "";
}
.icon-credit-card:before {
    content: "";
}
.icon-tags:before {
    content: "";
}
.icon-tag:before {
    content: "";
}
.icon-eye-off:before {
    content: "";
}
.icon-cancel-circled:before {
    content: "";
}
.icon-ok:before {
    content: "";
}
.icon-th:before {
    content: "";
}
.icon-th-list:before {
    content: "";
}
.icon-cog:before {
    content: "";
}
.icon-wrench:before {
    content: "";
}
.icon-phone:before {
    content: "";
}
.icon-link:before {
    content: "";
}
.icon-th-large:before {
    content: "";
}
.icon-pencil:before {
    content: "";
}
.icon-location:before {
    content: "";
}
.icon-award:before {
    content: "";
}
.icon-globe:before {
    content: "";
}
.icon-gift:before {
    content: "";
}
.icon-zoom-in:before {
    content: "";
}
.icon-zoom-out:before {
    content: "";
}
.icon-link-out:before {
    content: "";
}
.icon-picture-1:before {
    content: "";
}
.icon-arrows-cw:before {
    content: "";
}
.icon-up-open:before {
    content: "";
}
.icon-edit:before {
    content: "";
}
.icon-cog-alt:before {
    content: "";
}
.icon-resize-full:before {
    content: "";
}
.icon-resize-small:before {
    content: "";
}
.icon-left-open:before {
    content: "";
}
.icon-plus:before {
    content: "";
}
.icon-minus:before {
    content: "";
}
.icon-lock:before {
    content: "";
}
.icon-up-dir:before {
    content: "";
}
.icon-down-dir:before {
    content: "";
}
.icon-floppy:before {
    content: "";
}
.icon-check:before {
    content: "";
}
.icon-vendors:before {
    content: "";
}
.icon-cog-1:before {
    content: "";
}
.icon-wallet:before {
    content: "";
}
.icon-chart-bar:before {
    content: "";
}
.icon-key:before {
    content: "";
}
.icon-doc:before {
    content: "";
}
.icon-autocatalog:before {
    content: "";
}
.icon-pin:before {
    content: "";
}
.icon-home:before {
    content: "";
}
.icon-picture:before {
    content: "";
}
.icon-search:before {
    content: "";
}
.icon-search-1:before {
    content: "";
}
.icon-company:before {
    content: "";
}
.icon-contacts:before {
    content: "";
}
.icon-payments:before {
    content: "";
}
.icon-sale:before {
    content: "";
}
.icon-warranty:before {
    content: "";
}
.icon-cancel:before {
    content: "";
}
.icon-attach:before {
    content: "";
}
.icon-buhgalter:before {
    content: "";
}
.icon-discount:before {
    content: "";
}
.icon-russia:before {
    content: "";
}
.icon-tested:before {
    content: "";
}
.icon-basket:before {
    content: "";
}
.icon-spin4:before {
    content: "";
}
.icon-folder-open:before {
    content: "";
}
.icon-folder:before {
    content: "";
}
.icon-lock-open:before {
    content: "";
}
.icon-user:before {
    content: "";
}
.icon-video:before {
    content: "";
}
.icon-videocam:before {
    content: "";
}
.icon-ccw:before {
    content: "";
}
.icon-cw:before {
    content: "";
}
.icon-attention-circled:before {
    content: "";
}
.icon-autoparts:before {
    content: "";
}
.icon-list-alt:before {
    content: "";
}
.icon-align-left:before {
    content: "";
}
.icon-align-center:before {
    content: "";
}
.icon-align-right:before {
    content: "";
}
.icon-align-justify:before {
    content: "";
}
.icon-scissors:before {
    content: "";
}
.icon-alert:before {
    content: "";
}
.icon-help-circled-1:before {
    content: "";
}
.icon-info-circled-1:before {
    content: "";
}
.icon-help:before {
    content: "";
}
.icon-info-1:before {
    content: "";
}
.icon-attention:before {
    content: "";
}
.icon-pencil-1:before {
    content: "";
}
.icon-download-1:before {
    content: "";
}
.icon-print:before {
    content: "";
}
.icon-bell:before {
    content: "";
}
.icon-left-circle:before {
    content: "";
}
.icon-list-add:before {
    content: "";
}
.icon-palette:before {
    content: "";
}
.icon-off:before {
    content: "";
}
.icon-right-circle:before {
    content: "";
}
.icon-trash-empty:before {
    content: "";
}
.icon-doc-1:before {
    content: "";
}
.icon-bookmark:before {
    content: "";
}
.icon-upload-1:before {
    content: "";
}
.icon-down-circle:before {
    content: "";
}
.icon-up-circle:before {
    content: "";
}
.icon-q16:before {
    content: "";
}
.icon-play:before {
    content: "";
}
.icon-product:before {
    content: "";
}
.icon-production:before {
    content: "";
}
.icon-industries:before {
    content: "";
}
.icon-racks:before {
    content: "";
}
.icon-carts:before {
    content: "";
}
.icon-containers:before {
    content: "";
}
.icon-painting:before {
    content: "";
}
.icon-tooling:before {
    content: "";
}
.icon-equipment:before {
    content: "";
}
.icon-kitting:before {
    content: "";
}
.icon-repairs:before {
    content: "";
}
.icon-designing:before {
    content: "";
}
.icon-contact-web:before {
    content: "";
}
.icon-contact-phone:before {
    content: "";
}
.icon-contact-location:before {
    content: "";
}
.icon-contact-mail:before {
    content: "";
}
.icon-check-empty:before {
    content: "";
}
.icon-bookmark-empty:before {
    content: "";
}
.icon-phone-squared:before {
    content: "";
}
.icon-twitter:before {
    content: "";
}
.icon-filter:before {
    content: "";
}
.icon-docs:before {
    content: "";
}
.icon-menu:before {
    content: "";
}
.icon-list-bullet:before {
    content: "";
}
.icon-list-numbered:before {
    content: "";
}
.icon-sort-down:before {
    content: "";
}
.icon-sort-up:before {
    content: "";
}
.icon-paste:before {
    content: "";
}
.icon-plus-squared:before {
    content: "";
}
.icon-angle-left:before {
    content: "";
}
.icon-angle-right:before {
    content: "";
}
.icon-angle-up:before {
    content: "";
}
.icon-angle-down:before {
    content: "";
}
.icon-spinner:before {
    content: "";
}
.icon-folder-empty:before {
    content: "";
}
.icon-folder-open-empty:before {
    content: "";
}
.icon-star-half-alt:before {
    content: "";
}
.icon-direction:before {
    content: "";
}
.icon-crop:before {
    content: "";
}
.icon-unlink:before {
    content: "";
}
.icon-attention-alt:before {
    content: "";
}
.icon-lock-open-alt:before {
    content: "";
}
.icon-ellipsis-vert:before {
    content: "";
}
.icon-minus-squared:before {
    content: "";
}
.icon-minus-squared-alt:before {
    content: "";
}
.icon-euro:before {
    content: "";
}
.icon-dollar:before {
    content: "";
}
.icon-rouble:before {
    content: "";
}
.icon-doc-inv:before {
    content: "";
}
.icon-doc-text-inv:before {
    content: "";
}
.icon-sort-alt-up:before {
    content: "";
}
.icon-sort-alt-down:before {
    content: "";
}
.icon-thumbs-up-alt:before {
    content: "";
}
.icon-thumbs-down-alt:before {
    content: "";
}
.icon-youtube:before {
    content: "";
}
.icon-instagram-1:before {
    content: "";
}
.icon-viber:before {
    content: "";
}
.icon-apple:before {
    content: "";
}
.icon-android:before {
    content: "";
}
.icon-vkontakte:before {
    content: "";
}
.icon-plus-squared-alt:before {
    content: "";
}
.icon-cube:before {
    content: "";
}
.icon-file-pdf:before {
    content: "";
}
.icon-file-word:before {
    content: "";
}
.icon-file-excel:before {
    content: "";
}
.icon-file-powerpoint:before {
    content: "";
}
.icon-file-image:before {
    content: "";
}
.icon-file-archive:before {
    content: "";
}
.icon-file-audio:before {
    content: "";
}
.icon-file-video:before {
    content: "";
}
.icon-file-code:before {
    content: "";
}
.icon-sliders:before {
    content: "";
}
.icon-share:before {
    content: "";
}
.icon-newspaper:before {
    content: "";
}
.icon-wifi:before {
    content: "";
}
.icon-bell-off-empty:before {
    content: "";
}
.icon-trash:before {
    content: "";
}
.icon-toggle-off:before {
    content: "";
}
.icon-toggle-on:before {
    content: "";
}
.icon-whatsapp:before {
    content: "";
}
.icon-user-plus:before {
    content: "";
}
.icon-user-times:before {
    content: "";
}
.icon-balance-scale:before {
    content: "";
}
.icon-percent:before {
    content: "";
}
.icon-wpforms:before {
    content: "";
}
.icon-envelope-open:before {
    content: "";
}
.icon-address-book:before {
    content: "";
}
.icon-user-circle-o:before {
    content: "";
}
.icon-id-card-o:before {
    content: "";
}
.icon-telegram:before {
    content: "";
}
.icon-facebook-squared:before {
    content: "";
}
html {
    scroll-behavior: smooth;
    color: #45525e;
}
body {
    overflow-x: hidden;
}
h1 {
    font-size: 5rem;
}
h1.header,
h2 {
    font-size: 3rem;
}
h2 {
    color: #576470;
}
h2.smaller,
header .tools .links a i {
    font-size: 2rem;
}
h1.header {
    line-height: 1;
    padding-top: 2rem;
}
h1.header > .small-text {
    font-size: 1.5rem;
}
h1.header,
p.header {
    /* max-width: 55rem; */
	max-width: 100%;
}
h2.h4,
h4 {
    font-size: 1.2rem;
}
.orders table a,
div.a,
main a {
    color: #FFA100;
}
.box > label,
.cat-list i,
a,
div.a {
    cursor: pointer;
}
input[type="number"] {
    -moz-appearance: textfield;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input:focus,
textarea:focus {
    outline: 0;
}
dfn {
    font-weight: lighter;
    font-style: normal;
}
textarea {
    line-height: 1.2;
    padding: 0.2rem 0.1rem;
}
.hideit {
    display: none !important;
}
.middle-flex {
    display: flex;
    align-items: center;
}
.hidden-label {
    position: absolute;
    height: 1px;
    width: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    overflow: hidden;
}
.container {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-left: auto;
    margin-right: auto;
}
.white-page {
    background: #fff;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    position: relative;
    min-height: 61vh;
}
.shadow-lg,
.shadow-md {
    box-shadow: 0 0 transparent, 0 0 transparent, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.bg-semiwhite {
    background: rgba(255, 255, 255, 0.5);
}
.bg-white {
    background-color: #fff;
}
.flex-wrap {
    flex-wrap: wrap;
}
.break-words {
    word-break: break-word;
}
.border-r-dashed-grey {
    border-right: 1px solid #dfe4e7;
}
.border-b-dashed-grey {
    border-bottom: 1px solid #dfe4e7;
}
.no-wrap {
    white-space: nowrap;
}
.line-height-1 {
    line-height: 1;
}
.line-height-1-1 {
    line-height: 1.1;
}
.line-height-1-2 {
    line-height: 1.2;
}
.font-weight-normal {
    font-weight: 400;
}
.inverted {
    background: #84919a;
    color: #fff;
    padding: 0.1rem 1rem 0;
}
.inverted.primary {
    background: #FFA100;
}
.circle-counter {
    background: gray;
    color: #fff;
    align-self: flex-start;
    padding: 0.3rem 0.5rem;
    border-radius: 1rem;
    margin-right: 0.4rem;
}
.dimmed {
    opacity: 0.5;
}
.dimmed.loading {
    filter: blur(2px);
    pointer-events: none;
}
.pe-auto {
    pointer-events: auto;
}
.h-panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.abs-lt-2 {
    position: absolute;
    left: 2rem;
    top: 2rem;
}
.svg-img-btn {
    cursor: pointer;
    opacity: 0.8;
}
.svg-img-btn:hover {
    opacity: 1;
}
.model3d {
    display: none;
    justify-content: center;
    align-items: center;
}
.model3d.show {
    display: flex;
}
.pb-8,
main > .catalog > div {
    padding-bottom: 2rem;
}
.mb-12 {
    margin-bottom: 3rem !important;
}
.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.slick-slider {
    display: none;
    opacity: 0;
}
.slick-slider.slick-initialized {
    display: block;
    opacity: 1;
    transition: opacity 0.3s ease-out;
}
.slick-slider .slick-prev {
    left: -1.5rem;
}
.slick-slider .slick-next {
    right: -1.5rem;
}
.vert-menu > div {
    padding: 0.5rem 1rem;
}
.vert-menu > div:hover {
    background: #dfe4e7;
}
.vert-menu > div.selected {
    background: #bddfff;
}
.p-a {
    position: absolute;
}
.p-a.r-t {
    right: 0;
    top: 0;
}
.p-a.r-b {
    right: 0;
    bottom: 0;
}
.p-a > :not(.m-0) {
    margin: 1rem;
}
.p-r {
    position: relative;
}
.cat-list {
    display: flex;
    flex-wrap: wrap;
}
.cat-list > * {
    margin-right: 0.5rem;
    margin-top: 0.4rem;
}
.cat-list > div {
    border: 1px solid gray;
    border-radius: 8px;
    padding: 0.1rem 0.5rem 0.1rem 0.3rem;
}
.flex-items,
header .top .parent .children > div > a {
    display: flex;
    align-items: center;
}
.flex-items.center {
    justify-content: center;
}
.flex-items.center > * {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.flex-items.right {
    justify-content: flex-end;
}
.flex-items.right > * {
    margin-left: 1rem;
}
.twins {
    display: flex;
    justify-content: space-between;
}
.twins:not(.auto) {
    width: 100%;
}
.twins.evenly {
    justify-content: space-evenly;
}
.twins.center {
    justify-content: center;
}
.twins.right {
    justify-content: flex-end;
}
.twins.between {
    justify-content: space-between;
}
.twins.left {
    justify-content: flex-start;
}
.twins:not(.no-margins) > :first-child {
    margin-right: 1rem;
}
.twins:not(.no-margins) > :last-child {
    margin-left: 1rem;
}
.twins.small-margins > :first-child {
    margin-right: 0.5rem;
}
.twins.small-margins > :last-child {
    margin-left: 0.5rem;
}
.twins.mirror {
    flex-direction: row-reverse;
}
.twins.mirror:not(.no-margins) > :first-child {
    margin-left: 1rem;
    margin-right: 0;
}
.twins.mirror:not(.no-margins) > :last-child {
    margin-right: 1rem;
    margin-left: 0;
}
.twins.mirror.small-margins > :first-child {
    margin-left: 0.5rem;
    margin-right: 0;
}
.twins.mirror.small-margins > :last-child {
    margin-right: 0.5rem;
    margin-left: 0;
}
.twins > .tight {
    width: 12rem;
}
.twins.large-margins > :first-child {
    margin-right: 3rem;
}
.twins.large-margins > :last-child {
    margin-left: 3rem;
}
.twins.margins-2 {
    margin-top: 0.5rem;
}
.twins.margins-2 > :first-child {
    margin-right: 0.25rem;
}
.twins.margins-2 > :last-child {
    margin-left: 0.25rem;
}
.twins.margins-2 > :not(:first-child):not(:last-child) {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
.twins > .short {
    width: 8rem;
}
.twins > .shortest {
    width: 3rem;
}
.twins > .grow {
    flex-grow: 1;
}
.twins.tile-inside > * {
    margin: 0.5rem;
}
.twins.equal > * {
    width: 50%;
}
.top-underline {
    padding-top: 1rem;
    border-top: 1px solid #c7ced1;
    margin-top: 1rem;
}
.bottom-underline {
    border-bottom: 1px solid #c7ced1;
}
.bottom-underline:not(.compact) {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.v-center {
    align-items: center;
}
.v-bottom {
    align-items: flex-end;
}
.flex-wrap-four {
    display: flex;
    flex-wrap: wrap;
}
.flex-wrap-four > * {
    flex: 0 1 24%;
    max-width: 24%;
    margin-right: 1rem;
}
.flex-wrap-four > :nth-child(4n) {
    margin-right: 0;
}
.content {
    text-align: left;
}
.content .right {
    text-align: right;
}
.content .header {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.2;
}
.content .header.large {
    font-size: 1.5rem;
    line-height: 1.3;
}
.content .header.big {
    font-size: 2.2rem;
    line-height: 1.3;
}
.content .meta {
    color: #6b7a85;
}
.content .label {
    background: #f7f7f7;
    border: 1px solid #dfe4e7;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    display: inline-block;
}
.titled.video {
    position: relative;
}
.titled.video video {
    width: 100%;
}
.titled.video > div {
    position: absolute;
    color: #fff;
    text-align: center;
    width: 100%;
}
.titled.video > .center {
    top: 50%;
    font-size: 2rem;
    font-weight: 700;
    margin-top: -2rem;
}
.titled.video > .bottom {
    bottom: 5%;
    font-size: 1.5rem;
}
.item > .large.image {
    width: 500px;
    min-width: 500px;
}
.item .extra,
header .main .main-menu .detailed.children > .column a .description + .image {
    margin-top: 1rem;
}
.title-laser {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 3rem;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin: 3rem 0 4rem;
}
.title-laser .title {
    margin-right: -3.5em;
    line-height: 1.2;
    flex-basis: min-content;
}
.title-laser .title > h2 {
    padding: 0;
    font-size: inherit;
}
.title-laser .title > h2.small {
    font-size: 0.7em;
}
.title-laser .title span {
    display: block;
}
.title-laser .title.first-smaller span:first-child {
    font-size: 0.5em;
}
.title-laser .title.last-smaller span:last-child {
    font-size: 0.5em;
}
.title-laser.smaller {
    font-size: 2.5rem;
}
.title-laser img {
    min-width: 5em;
}
.title-laser .laser {
    background-image: url(../img/design/title-box.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 5em;
    height: 4em;
}
.product-gallery {
    display: flex;
}
.product-gallery .thumbs {
    margin-left: -11%;
    display: flex;
    flex-direction: column;
    width: 20%;
    justify-content: center;
}
.product-gallery .thumbs .thumb {
    overflow: hidden;
    border-radius: 50%;
    margin: 5% 0;
    border: 7px solid #fff;
}
.product-attr-order {
    max-width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.product-info {
    display: flex;
}
.image-bg-wrap {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
}
.image-bg-wrap .image-bg {
    background-position: center;
    background-size: cover;
    min-height: 260px;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.image-bg-wrap:hover .image-bg {
    width: 110%;
    height: 110%;
}
.image-bg-wrap > .content {
    position: absolute;
    bottom: 1rem;
    left: 0.5rem;
    right: 0.5rem;
    text-align: center;
    color: #fff;
}
.image-bg-wrap > .content .title {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
}
.image-bg-wrap > .content .title.small {
    font-size: 1.2rem;
}
.image-bg-wrap > .content .desc {
    line-height: 1;
}
.image-bg-wrap > .content .desc.small {
    font-size: 0.9rem;
}
.image-bg-wrap .gradient.primary.bottom {
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: linear-gradient(rgba(2, 62, 116, 0), #E5941F);
}
.cards > div {
    max-width: 300px;
}
.cards.minimalism > div {
    padding: 1rem;
}
.cards.card > div {
    border: 1px solid #c7ced1;
    border-radius: 5px;
}
.cards.card > div:hover {
    background: #fafafa;
}
.cards .card-line {
    border-bottom: 1px solid #c7ced1;
}
.min-h-half {
    min-height: 57vh;
}
.max-h-100 {
    max-height: 100px;
}
.max-w-190 {
    max-width: 190px !important;
}
.max-w-25pe {
    max-width: 25%;
}
.max-w-30pe {
    max-width: 30%;
}
.max-w-50pe {
    max-width: 50%;
}
.max-w-20rem {
    max-width: 20rem;
}
.min-h-8 {
    min-height: 8rem;
}
.min-h-9 {
    min-height: 9rem;
}
.w-300 {
    width: 300px;
}
.w-100 {
    width: 100px;
}
.w-150 {
    width: 150px;
}
.w-200 {
    width: 200px;
}
.w-124 {
    width: 124px;
}
.w-50 {
    width: 50px;
}
.w-86 {
    width: 86px;
}
.w-192 {
    width: 192px;
}
.w-half {
    width: 50%;
}
.max-w-half {
    max-width: 50%;
}
.min-w-half {
    min-width: 50%;
}
.h-full {
    height: 100%;
}
.product-put-basket button.buy,
.w-full {
    width: 100%;
}
.max-w-full {
    max-width: 100%;
}
.w-20per {
    width: 20%;
}
.w-25per {
    width: 25%;
}
.w-30per {
    width: 30%;
}
.w-35per {
    width: 35%;
}
.w-10per {
    width: 10%;
}
.w-15per {
    width: 15%;
}
.w-5per {
    width: 5%;
}
.min-w-2rem {
    min-width: 2rem;
}
.min-w-6rem {
    min-width: 6rem;
}
.min-w-12rem {
    min-width: 12rem;
}
.max-w-12rem {
    max-width: 12rem;
}
.max-w-21rem {
    max-width: 21rem;
}
.min-w-300 {
    min-width: 300px;
}
.z-1 {
    z-index: 1;
}
.box {
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 6px;
    background: #efefef;
}
.box.selected {
    background: #bddfff;
}
.box > .panel {
    margin-top: auto;
}
.basket-icon-data {
    text-align: right;
    margin: 0 1rem;
    white-space: nowrap;
}
.dropdown > .children.hover-target {
    background: #f7f7f7;
    padding: 0.5rem 0;
    line-height: 1;
    right: 0;
    left: 0;
    box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}
.dropdown > .children.hover-target > a,
.dropdown > .children.hover-target > div.a {
    cursor: pointer;
    display: block;
    padding: 0.3rem 1rem;
}
.dropdown > .children.hover-target > a:hover,
.dropdown > .children.hover-target > div.a:hover {
    background: #FFF;
}
.breadcrumbs {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    color: #576470;
}
.breadcrumbs a {
    font-weight: 700;
}
div.message {
    padding: 4rem;
    border-radius: 7px;
    position: relative;
}
div.message.small {
    padding: 2rem 3rem;
    border-radius: 16px;
}
div.message.smaller {
    padding: 1rem 2rem;
    border-radius: 16px;
}
div.message.smallest {
    padding: 1rem;
}
div.message.gray {
    background: #ececec;
    border: 1px solid #e5e5e5;
}
div.message.green {
    background: rgba(61, 218, 61, 0.1);
    border: 1px solid #b6d4b6;
}
div.message.no-margins {
    padding: 2rem;
    margin: 0;
}
div.message.alert {
    background: #ffd5d5;
    border: 1px solid #f08080;
}
div.message .title {
    margin-bottom: 1rem;
    font-size: 2rem;
}
div.message.primary {
    background-color: #bddfff;
    border: 1px solid #f2bc6d;
    color: #FFA100;
}
div.message .p-t-r {
    right: 0;
    top: 0;
}
.free-phone {
    font-size: 1.64rem;
    line-height: 1;
    text-align: right;
}
.free-phone .attention {
    font-size: 0.65rem;
}
@media (min-width: 420px) and (max-width: 1280px) {
    .free-phone {
        display: none;
    }
}
.price {
    color: #db1e1e;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
}
.price.small {
    font-size: 1.1rem;
}
.price.smaller {
    font-size: 0.9rem;
}
.price .maxPrice {
    color: #631000;
    font-size: 0.7rem;
    text-decoration: line-through;
    text-align: right;
}
.price .law {
    font-size: 0.8rem;
    color: #576470;
    margin-top: -0.2rem;
    margin-bottom: 0.2rem;
    text-align: right;
    font-weight: 400;
}
.slider {
    display: flex;
    width: 100%;
    position: relative;
    justify-content: center;
    align-items: center;
    user-select: none;
}
.slider .min-w-150 {
    min-width: 150px;
}
.slider .slider-body {
    width: 100%;
    height: 100%;
    display: flex;
    scroll-behavior: smooth;
    overflow: hidden;
}
.slider .slider-body > a > div,
.slider .slider-body > div {
    background-size: cover;
    background-position: center;
}
.slider > a,
.slider > button,
.slider > div.a {
    cursor: pointer;
    position: absolute;
    font-size: 3rem;
    color: #FFA100;
    z-index: 2;
}
.slider > a.large,
.slider > button.large,
.slider > div.a.large {
    font-size: 5rem;
}
.slider > a.white,
.slider > button.white,
.slider > div.a.white {
    color: #fff;
}
.slider > a:hover,
.slider > button:hover,
.slider > div.a:hover {
    opacity: 0.6;
}
.slider-fixed > a :before,
.slider-fixed > button :before,
.slider > a :before,
.slider > button :before,
.slider > div.a :before,
.slider > div.a::before {
    margin: 0;
}
.slider > a.disabled,
.slider > button.disabled,
.slider > div.a.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
}
.slider > a.left,
.slider > button.left,
.slider > div.a.left {
    left: 0;
}
.slider > a.right,
.slider > button.right,
.slider > div.a.right {
    right: 0;
}
.min-w-1340 {
    min-width: 1324px;
}
.w-1340 {
    width: 1324px;
}
.min-w-100per {
    min-width: 100%;
}
.w-100per {
    width: 100%;
}
.slider-fixed,
.slider-texts {
    display: flex;
    justify-content: center;
}
.slider-texts {
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 10%;
    margin-right: 47%;
    color: #fff;
}
.slider-texts div.h1 {
    line-height: 1;
    font-size: 3.7em;
    margin-bottom: 1em;
}
.slider-texts div.h2 {
    color: #fff;
    margin-bottom: 10%;
    font-weight: 700;
    font-size: 3.3em;
    line-height: 1.4;
}
.slider-texts .text {
    margin-bottom: 2em;
    font-size: 1.4em;
    line-height: 1.3;
    margin-right: 16%;
}
.slider-texts .text > div {
    margin-bottom: 0.6rem;
}
.slider-texts .small-text {
    margin-top: 2em;
    font-size: 0.8em;
}
.slider-texts a.button {
    margin-right: 3em;
}
.slider-texts a.button.white-frame {
    color: #fff;
    border: 0.1em solid;
    font-size: 1.2em;
    padding: 0.8em 1.5em;
    text-transform: none;
}
.slider-texts a.button.white-frame:hover {
    background-color: rgba(255, 255, 255, 0.2);
}
.slider-texts a.button.white-circle-shadow {
    background: #fff;
    border-radius: 2rem;
    text-transform: uppercase;
    box-shadow: 5px 7px 0 rgba(255, 255, 255, 0.2);
}
.slider-texts a.button.white-circle-shadow:hover {
    box-shadow: 7px 10px 0 rgba(255, 255, 255, 0.2);
}
.slider-texts a.button.white-circle-shadow:active {
    box-shadow: none;
    background: rgba(255, 255, 255, 0.9);
}
.slider > div.a {
    margin-left: -1rem;
    margin-right: -1rem;
}
.slider-fixed {
    width: 100%;
    position: relative;
    align-items: center;
    user-select: none;
}
.slider-fixed .min-w-150 {
    min-width: 150px;
}
.slider-fixed .slider-body {
    display: flex;
    scroll-behavior: smooth;
    overflow: hidden;
}
.slider-fixed > a,
.slider-fixed > button {
    position: absolute;
    font-size: 3rem;
    color: #FFA100;
    z-index: 2;
}
.slider-fixed > a.large,
.slider-fixed > button.large {
    font-size: 5rem;
}
.slider-fixed > a.white,
.slider-fixed > button.white {
    color: #fff;
}
.slider-fixed > a:hover,
.slider-fixed > button:hover {
    opacity: 0.6;
}
.slider-fixed > a.disabled,
.slider-fixed > button.disabled {
    opacity: 0.5;
}
.slider-fixed > a.left,
.slider-fixed > button.left {
    left: 0;
}
.slider-fixed > a.right,
.slider-fixed > button.right {
    right: 0;
}
.min-w-100vw {
    min-width: calc(100vw - 8px);
}
.w-100vw {
    width: calc(100vw - 8px);
}
.video-card {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
    border-radius: 3px;
    overflow: hidden;
    margin: 0.875em 1em;
    height: auto;
    background: #fff;
    cursor: pointer;
}
.video-card .title {
    padding: 1rem;
    line-height: 1.3;
    font-weight: 700;
    color: #FFA100;
}
.video-card .image {
    position: relative;
}
.video-card .image .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0;
    transition: all 0.3s;
}
.video-card .image .overlay i {
    font-size: 4rem;
    opacity: 0;
    transition: all 0.3s;
    color: #fff;
}
.video-card:hover .image .overlay {
    background: rgba(0, 0, 0, 0.5);
}
.video-card:hover .image .overlay i {
    opacity: 0.8;
    font-size: 5rem;
}
.slick-arrow,
.video-card .image .overlay {
    display: flex;
    justify-content: center;
    align-items: center;
}
.slick-next:before,
.slick-prev:before {
    color: #FFA100;
    font-size: 2rem;
}
.slick-track {
    display: flex !important;
}
.slick-slide {
    height: inherit !important;
}
.toggle {
    align-items: center;
    border-radius: 100px;
    display: flex;
    line-height: 1.1;
}
.toggle:last-of-type {
    margin: 0;
}
.toggle__input {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.toggle__input:not([disabled]):active + .toggle-track {
    background: #FFA100;
    border: 1px solid #2476c2;
}
.toggle__input:disabled + .toggle-track {
    cursor: not-allowed;
    opacity: 0.7;
}
.toggle-track {
    background: #e5efe9;
    border: 1px solid #84919a;
    border-radius: 100px;
    cursor: pointer;
    display: flex;
    height: 20px;
    margin-right: 12px;
    position: relative;
    width: 35px;
    flex: 0 0 35px;
}
.toggle-indicator {
    align-items: center;
    background: #576470;
    border-radius: 14px;
    bottom: 2px;
    display: flex;
    height: 14px;
    justify-content: center;
    left: 2px;
    outline: solid 2px transparent;
    position: absolute;
    transition: 0.25s;
    width: 14px;
}
.checkMark {
    fill: #fff;
    height: 10px;
    width: 10px;
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
}
.toggle__input:checked + .toggle-track .toggle-indicator {
    background: #E5941F;
    transform: translateX(15px);
}
.toggle__input:checked + .toggle-track .toggle-indicator .checkMark {
    opacity: 1;
    transition: opacity 0.25s ease-in-out;
}
@media screen and (-ms-high-contrast: active) {
    .toggle-track {
        border-radius: 0;
    }
}
.color-primary {
    color: #db1e1e;
}
.color-secondary {
    color: #3d5171;
}
.color-accent {
    color: #db1e1e !important;
}
.color-success {
    color: #256600 !important;
}
.color-lightgray {
    color: #6b7a85;
}
.red {
    color: red;
}
.red-text {
    color: #8b0000;
}
.left,
.orders table td.l,
.orders table th.l {
    text-align: left;
}
.right {
    text-align: right;
}
.small-text {
    font-size: 0.8em;
}
.smaller-text {
    font-size: 0.67em;
}
.normal-text {
    font-size: 1rem;
}
.larger-text {
    font-size: 1.2em;
}
.large-text {
    font-size: 1.5em;
}
.v-large-text {
    font-size: 3em;
}
.largest-text {
    font-size: 4em;
}
.four-col-text,
.three-col-text,
.two-col-text {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}
.four-col-text,
.three-col-text {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
.four-col-text {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}
.wrap-text {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}
.wrap-force {
    word-break: break-all;
}
header {
    position: sticky;
    top: 0;
    z-index: 150;
    background: #fff;
}
header .top {
    font-size: 0.9rem;
    background: #f7f7f7;
    color: #576470;
}
header .top i:first-child {
    font-size: 1.1em;
}
header .top .top-menu-left > * {
    margin-right: 1.5rem;
}
header .top .top-menu-right > :not(:first-child) {
    margin-left: 1.5rem;
}
header .top .parent {
    position: relative;
}
header .top .parent .children {
    box-shadow: 0 3px 3px rgba(40, 45, 52, 0.2);
    padding-top: 0.8rem;
    background: #f7f7f7;
}
header .top .parent .children > div {
    padding: 0.7rem 1rem;
}
header .top .parent .children > div:hover {
    background: #9bcdff;
}
header .top .parent .children > div > a > i {
    margin-left: -0.3rem;
}
header .logo {
    width: 22rem;
}
header .tools {
    background: #fff;
    padding: 1.5rem;
    justify-content: space-between;
}
header .tools,
header .tools .links,
header .tools .links a {
    display: flex;
    align-items: center;
}
header .tools .links a {
    line-height: 1;
    margin: 0 0.2rem;
}
header .tools .links a i.icon-whatsapp {
    color: #80d074;
    font-size: 2.4em;
}
header .tools .links a i.icon-viber {
    color: #834a95;
}
header .tools .links a i.icon-telegram {
    color: #26a7e6;
}
header .tools .links a i.icon-instagram-1 {
    content: url(../img/logos/instagram.svg);
    height: 2rem;
}
header .tools .links a i.icon-youtube {
    content: url(../img/logos/youtube.svg);
    height: 2rem;
}
header .tools .links a span {
    font-size: 0.9rem;
    font-weight: lighter;
    margin-right: 0.2rem;
}
header .tools .account {
    font-size: 0.9rem;
}
header .tools .account .red {
    color: #ad1c00;
}
header .tools .account > div:first-child {
    margin-bottom: 0.7rem;
}
header .tools .basket {
	border-radius: 50px;
    border: 1px dashed;
    position: relative;
    font-size: 2rem;
}
header .tools .basket.full i {
    color: #db1e1e;
}
header .tools .basket.full.circle:after {
    -moz-animation: spin 18s infinite linear;
    -o-animation: spin 18s infinite linear;
    -webkit-animation: spin 18s infinite linear;
    animation: spin 18s infinite linear;
    display: inline-block;
}
header .tools .basket.circle:after {
    content: url(../img/circle-dashed.svg);
    margin: 0;
    width: 1.8em;
    height: 1.8em;
    top: -8%;
    left: -15%;
    position: absolute;
    pointer-events: none;
}
header .tools .basket span {
    position: absolute;
    display: none;
}
header .main {
    background: #E5941F;
    box-shadow: 0 6px 7px rgba(38, 45, 59, 0.3);
    z-index: 3;
}
header .main,
header .main > .container {
    position: relative;
}
header .main > div > div:first-child {
    background: #FFA100;
}
header .main .main-menu.starter {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
header .main .main-menu .menu-item:not(.blink-red) > a,
header .main .main-menu .menu-item:not(.blink-red) > div.a {
    color: #fff;
}
header .main .main-menu .menu-item:not(.detailed) {
    position: relative;
}
header .main .main-menu .menu-item:hover {
    background: radial-gradient(ellipse at center, #E5941F 0, #FFA100 100%);
}
header .main .main-menu .menu-item > a,
header .main .main-menu .menu-item > div.a {
    padding: 0.2rem 1.5rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    display: flex;
    height: 100%;
    align-items: center;
    border-left: 1px solid #FFF;
}
header .main .main-menu .menu-item > a:last-child,
header .main .main-menu .menu-item > div.a:last-child {
   
}


.main-menu .menu-item:last-child a {
	border-right: 1px solid #FFF;
}

header .main .main-menu .menu-item > a i:first-child,
header .main .main-menu .menu-item > div.a i:first-child {
    font-size: 1.4rem;
}
header .main .main-menu .menu-item > a > *,
header .main .main-menu .menu-item > div.a > * {
    vertical-align: middle;
}
header .main .main-menu .menu-item.delayed.active > .children {
    display: block !important;
}
header .main .main-menu .menu-item.delayed > .children {
    z-index: 10;
    position: absolute;
}
header .main .main-menu .menu-item.delayed > .children:not(.mobile) {
    display: none;
}
header .main .main-menu .detailed.children > .column a .image img,
header .main .main-menu .menu-item.delayed > .children.mobile {
    width: 100%;
}
header .main .main-menu.end {
    min-height: 3.1rem;
}
header .main .main-menu.end .menu-item > a,
header .main .main-menu.end .menu-item > div.a {
    border: 0;
    padding: 0.2rem 0.5rem;
}
header .main .main-menu.end .searcher + .menu-item {
    margin-left: 1rem;
}
header .main .main-menu .children {
    background: #FFA100;
    max-height: 45vh;
    overflow-y: scroll;
	overflow-x: hidden;
    text-transform: none;
    box-shadow: 0 5px 19px rgba(0, 0, 0, 0.5);
    border-bottom-left-radius: 10px;
}
header .main .main-menu .children::-webkit-scrollbar-thumb {
    background-color: #db1e1e;
}
header .main .main-menu .children a {
	text-transform: uppercase;
    display: block;
    line-height: 1;
    padding-left: 1.3rem;
    padding-right: 1.3rem;
}
header .main .main-menu .children .child:hover {
    background: radial-gradient(ellipse at center, #E5941F 0, #FFA100 100%);
}
header .main .main-menu .children .child:last-child {
    border-bottom-left-radius: 10px;
}
header .main .main-menu .children > .child:not(:last-child) > a {
    border-bottom: 1px solid #E5941F;
}
header .main .main-menu .children > .child:nth-last-child(-n + 3) > .children {
    top: unset !important;
    bottom: 0;
}
header .main .main-menu .children > .child > .children .child:last-child {
    border-bottom-left-radius: 0;
}
header .main .main-menu .children:not(.detailed) a {
    color: #fff;
}
header .main .main-menu .children.subcats {
    width: 160%;
    max-height: none !important;
    overflow: unset;
}
header .main .main-menu .children.subcats > .child {
    position: relative;
}
header .main .main-menu .children.subcats > .child > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header .main .main-menu .children.subcats > .child > .children {
    display: none;
    left: 100%;
    width: 100%;
    top: 0;
    overflow: auto;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    z-index: 10;
    position: absolute;
}
footer .main > .left .links a,
header .main .main-menu .children.subcats > .child.active > .children {
    display: block;
}
.extracted_menus .detailed.children,
header .main .main-menu .detailed.children {
    max-height: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    left: 1.5rem;
    right: 0;
    overflow: hidden;
    background-color: #f7f7f7;
    color: #576470;
    padding: 2rem;
}
.extracted_menus .detailed.children:not(.swap),
header .main .main-menu .detailed.children:not(.swap) {
    justify-content: space-between;
}
.extracted_menus .detailed.children.news,
header .main .main-menu .detailed.children.news {
    flex-direction: row-reverse;
}
.extracted_menus .detailed.children.news .column:first-child,
header .main .main-menu .detailed.children.news .column:first-child {
    border-right: none;
}
.extracted_menus .detailed.children.news .column:last-child,
header .main .main-menu .detailed.children.news .column:last-child {
    border-right: 1px solid #dfe4e7;
}
.extracted_menus .detailed.children.news .column a,
header .main .main-menu .detailed.children.news .column a {
    display: flex;
    flex-direction: row;
}
.extracted_menus .detailed.children.news .column.last a,
header .main .main-menu .detailed.children.news .column.last a {
    flex-direction: column;
}
.extracted_menus .detailed.children.news .column.last .image,
.reports.container > .twins > * label,
header .main .main-menu .detailed.children.news .column.last .image {
    margin-bottom: 1rem;
}
.extracted_menus .detailed.children.news .column:not(.last) .image,
header .main .main-menu .detailed.children.news .column:not(.last) .image {
    margin-right: 1rem;
    filter: grayscale(100%);
    flex: 0 0 8rem;
}
.extracted_menus .detailed.children.news .column:not(.last) a:hover .image,
header .main .main-menu .detailed.children.news .column:not(.last) a:hover .image {
    filter: none;
}
.extracted_menus .detailed.children > .column,
header .main .main-menu .detailed.children > .column {
    width: 33%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.extracted_menus .detailed.children > .column:not(:last-child),
header .main .main-menu .detailed.children > .column:not(:last-child) {
    border-right: 1px solid #dfe4e7;
}
.extracted_menus .detailed.children > .column.swap,
header .main .main-menu .detailed.children > .column.swap {
    width: auto;
}
.extracted_menus .detailed.children > .column a,
header .main .main-menu .detailed.children > .column a {
    border: 0;
    margin: 2rem 1rem;
}
.extracted_menus .detailed.children > .column a.quantize,
header .main .main-menu .detailed.children > .column a.quantize {
    min-height: 100px;
    width: 100%;
}
.extracted_menus .detailed.children > .column a .title,
header .main .main-menu .detailed.children > .column a .title {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}
.extracted_menus .detailed.children > .column a .description,
header .main .main-menu .detailed.children > .column a .description {
    font-size: 0.9rem;
}
header .main .main-menu .detailed.children > .column a .description + .description {
    margin-top: 0.5rem;
}
header .main .main-menu .detailed.children > .column a .description.date {
    color: #84919a;
}
.extracted_menus .detailed.children > .column a:hover,
header .main .main-menu .detailed.children > .column a:hover {
    background: 0 0;
}
header .main .main-menu .detailed.children > .column a:hover .title {
    color: #E5941F;
}
header .main .main-menu .detailed.children > .column a:hover .description {
    color: #353d45;
}
header .main .main-menu-search {
    min-height: 3.2rem;
}
header .main .searcher {
    font-size: 1.2rem;
    width: 100%;
    padding-left: 2rem;
    display: flex;
}
.extracted_menus .detailed.children > .column a .image img,
header .main .searcher .search-bar,
main > .page .head_image img {
    width: 100%;
}
header .main .searcher .results {
    margin-top: 18px;
    width: 100%;
    width: calc(100% - 2rem);
}
@media (max-width: 420px) {
    .extracted_menus {
        margin: 0 2rem 2rem !important;
    }
}
.extracted_menus > * {
    display: flex;
    background: 0 0 !important;
}
.extracted_menus .detailed.children > .column a .description + .image {
    margin-top: 1rem;
}
.extracted_menus .detailed.children > .column a .description + .description {
    margin-top: 0.5rem;
}
.extracted_menus .detailed.children > .column a .description.date {
    color: #84919a;
}
.extracted_menus .detailed.children > .column a:hover .title {
    color: #E5941F;
}
.extracted_menus .detailed.children > .column a:hover .description {
    color: #353d45;
}
footer {
    color: #fff;
    background: #E5941F;
    font-size: 0.8rem;
    padding: 2.5rem 0 1.5rem;
}
footer .main {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
footer .main > .left {
    width: 25%;
}
footer .main > .left .links {
    display: flex;
    margin-bottom: 1.5rem;
}
footer .main > .left .links a:first-child {
    font-weight: 700;
}
footer .main > .left .links:not(:last-child) a {
    margin-right: 2rem;
}
footer .main > .left .author {
    opacity: 0.7;
    display: flex;
    align-items: center;
    font-size: 0.6rem;
    line-height: 1;
}
footer .main > .left .author:hover {
    opacity: 1;
}
footer .main > .left .author div {
    margin-right: 0.5rem;
    text-align: right;
    width: 5rem;
}
footer .main > .left .author img {
    height: 2rem;
}
footer .main > .center {
    width: 50%;
    text-align: center;
}
footer .main > .center .logo img {
    height: 4rem;
    margin: auto;
}
footer .main > .center > :not(:last-child) {
    margin-bottom: 2rem;
}
footer .main > .center > * {
    line-height: 1.1;
}
footer .main > .right {
    width: 25%;
    text-align: right;
}
footer .main > .right .contact > :first-child {
    font-weight: 700;
}
footer .main > .right .contact > :not(:first-child) {
    line-height: 1.1;
}
footer .main > .right .partners img {
	width: auto;
    height: 1.6rem;
    margin-left: auto;
}
footer .main > .right .partners > .socs {
    font-size: 1.6rem;
    line-height: 1;
}
footer .main > .right .partners > .socs > * {
    margin: 0 0.5rem;
}
main {
    background: #f7f7f7;
    padding-top: 1px;
    margin-top: -1px;
}
main > .page {
    overflow: hidden;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    padding-bottom: 4rem;
    position: relative;
    min-height: 61vh;
}
main > .page .head_image {
    margin-left: -1.4rem;
    margin-right: -1.4rem;
    width: calc(100% + 1.4rem + 1.4rem);
    max-width: none;
}
main > .page h2 {
    padding: 2rem 0 1rem;
    position: relative;
}
main > .page h3 {
    font-weight: 700;
    font-size: 1.5rem;
}
.icon.size-32 {
    width: 32px;
}
.icon.size-64 {
    width: 64px;
}
main > .page > .product .qty-show {
    margin-top: 0;
}
main > .page > .product .props {
    margin: 3rem 0 0;
    border: 1px solid #c7ced1;
    border-radius: 5px;
    background: #f7f7f7;
    font-size: 0.9rem;
    overflow: hidden;
}
main > .page > .product .props .title {
    background: #E5941F;
    color: #fff;
    padding: 1rem 2rem;
    font-weight: 700;
    font-size: 1rem;
}
main > .page > .product .props > .cols {
    display: flex;
    padding: 2rem;
}
main > .page > .product .props > .cols > div {
    width: 50%;
}
main > .page > .product .props > .cols > div:first-child {
    padding-right: 5%;
}
main > .page > .product .props > .cols > div > div {
    display: flex;
    padding: 1rem 0;
}
main > .page > .product .props > .cols > div > div .liner {
    flex-grow: 1;
    border-bottom: 1px dashed #84919a;
}
main > .page > .product .props > .cols > div > div > :last-child {
    text-align: right;
}
main > .page > .product h1 {
    padding: 2rem 0;
    font-size: 2.5rem;
    line-height: 1;
}
main > .page > .product h2:not(.real),
main > .page > .product h3 {
    font-size: 1.5rem;
    line-height: 1;
    padding: 2rem 0;
}
main > .page > .product p {
    margin-bottom: 2rem;
    font-size: 0.9rem;
}
main > .page > .product .price-balance {
    position: relative;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
main > .page > .product .price-balance > div:first-child {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
main > .page > .product .price-balance > div:first-child .maxPrice {
    font-size: 1rem;
}
main > .page > .product .price-balance > div:first-child .price {
    font-size: 3rem;
}
main > .page > .product .price-balance > div:first-child a {
    color: #e75a23;
    text-decoration: underline;
    font-weight: 700;
}
main > .page > .product .price-balance .balance {
    position: absolute;
    right: 0;
    font-weight: 700;
}
main > .page > .product .qty-sum {
    display: flex;
    margin-bottom: 2rem;
    margin-top: auto;
    align-items: flex-start;
}
main > .page > .product .qty-sum .uppercase {
    color: #e75a23;
    text-decoration: underline;
    font-weight: 700;
}
main > .page > .product .qty-sum > :not(:last-child) {
    margin-right: 2rem;
}
@media (min-width: 840px) {
    main > .page > .product > .main-info {
        display: flex;
    }
    main > .page > .product > .main-info > div {
        width: 45%;
    }
    main > .page > .product > .main-info > div:first-child {
        margin-right: 5%;
    }
    main > .page > .product > .main-info > div:first-child img {
        max-width: 100%;
        max-height: 500px;
        margin: auto;
    }
    main > .page > .product > .main-info > div:last-child {
        display: flex;
        flex-direction: column;
    }
}
main > .orders {
    background: #fff;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    padding-bottom: 4rem;
    position: relative;
    min-height: 61vh;
}
main > .orders h1 {
    padding: 2rem 0;
    font-size: 3rem;
    line-height: 1;
}
.orders .list-orders {
    width: 100%;
}
.orders h4 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}
.orders .sum {
    margin: 1rem 1rem 3rem;
}
.orders .header {
    margin: 5rem 1rem 0;
}
.orders table {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    font-size: 0.85rem;
    cursor: pointer;
}
.orders table a:hover {
    text-decoration: underline;
}
.orders table,
.orders table * {
    position: relative;
}
.orders table td,
.orders table th {
    padding-left: 8px;
    text-align: left;
    border-bottom: 1px solid #fff;
}
.orders table thead th {
    height: 40px;
    background: #809cb3;
}
.orders table tbody tr {
    height: 30px;
}
.orders table tbody tr:last-child {
    border: 0;
}
.orders table td.c,
.orders table th.c,
figure {
    text-align: center;
}
.orders table td.r,
.orders table th.r,
table.inputs .right input {
    text-align: right;
}
.orders th {
    color: #fff;
    line-height: 1.2;
    font-weight: unset;
}
.orders tbody tr:nth-child(even) {
    background-color: #f7f7f7;
}
.orders tbody tr {
    color: #353d45;
    line-height: 1.2;
    font-weight: unset;
    background-color: #fafafa;
}
.orders tbody tr:hover {
    color: #282d34;
    background-color: #fff;
    border-bottom: 1px solid #f2bc6d;
}
.orders td:last-child,
.orders th:last-child {
    text-align: right;
    padding-right: 1rem;
}
.orders td:first-child,
.orders th:first-child {
    text-align: center;
    padding-left: 0.5rem;
}
main > .catalog {
    overflow: hidden;
    background: #fff;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    position: relative;
    min-height: 61vh;
}
main > .catalog.short {
    min-height: 30vh;
}
main > .catalog h3 {
    font-size: 3rem;
    padding: 2rem 0;
    line-height: 1.1;
    max-width: 67%;
}
main > .catalog h3.p-0 {
    padding: 0;
}
main > .catalog h3.pt-10.pb-0 {
    padding-top: 2.5rem;
    padding-bottom: 0;
}
main > .catalog > div:not(.not-flex) {
    display: flex;
}
main > .catalog > div.sm-bp {
    padding-bottom: 0.5rem;
}
main > .catalog > div .filter {
    width: 260px;
    min-width: 260px;
}
main > .catalog > div .content {
    flex-grow: 1;
    padding-left: 1.5rem;
    transition: all 0.5s;
}
main > .catalog > div .content.loading {
    opacity: 0.5;
    filter: blur(2px);
    pointer-events: none;
}
main > .catalog > div .content .basket-sum {
    margin-top: 3rem;
    border-top: 1px solid #6b7a85;
    padding-top: 1rem;
    text-align: center;
}
main > .catalog > div .content .basket-sum > div:first-child {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 2rem;
}
main > .catalog > div .content .basket-sum button {
    margin: 0 auto 2rem;
}
main > .catalog > div .content .basket-sum .comments {
    width: 100%;
    border: 1px solid #84919a;
    border-radius: 5px;
    margin-bottom: 2rem;
    padding: 0.5rem 1rem;
}
main > .catalog > div > .stats,
main > .page > div > .stats {
    position: absolute;
    right: 1.5rem;
    top: 0.8rem;
    z-index: 1;
}
main > .catalog > div > .stats.second,
main > .page > div > .stats.second {
    top: 2.7rem;
}
.filter .title {
    font-weight: 700;
    background: #dfe4e7;
    border-radius: 10px;
    margin-bottom: 0.7rem;
    padding: 0.1rem 1rem;
    margin-left: -1rem;
}
.filter .title.accent {
    background: #db1e1e;
    color: #fff;
}
.filter .group {
    font-size: 0.8rem;
    margin-bottom: 1.3rem;
}
.filter .group > * {
    padding: 0 0.4rem;
    display: flex;
    align-items: center;
    line-height: 1;
    cursor: pointer;
}
.filter .group > * > * {
    padding: 0.4rem 0;
}
.filter .group > :not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.filter .group > :hover {
    background: #f7f7f7;
}
.filter .group > * > input {
    margin-right: 0.5rem;
}
.filter .group > * > label {
    flex-grow: 1;
    cursor: pointer;
}
.filter .group > * span {
    opacity: 0.5;
    margin-left: 0.2rem;
}
.filter .group > a {
    padding: 0.6rem 1rem;
    font-weight: 700;
}
.sort-panel-pc {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 2rem;
    font-size: 0.9rem;
    line-height: 1;
}
.sort-panel-pc > :not(:first-child) {
    margin-left: 1.5em;
}
.sort-panel-pc > :first-child {
    display: flex;
    margin-right: auto;
}
.sort-panel-pc > :first-child > input {
    margin-right: 0.4rem;
}
.sort-panel-pc > div {
    cursor: pointer;
}
.sort-panel-pc > div.active {
    color: #db1e1e;
    font-weight: 700;
}
.container.exchange {
    padding-bottom: 5rem;
}
.container.exchange .running {
    background: #bef5be;
}
.container.exchange .waiting {
    background: #ffff91;
}
.container.exchange h4,
.reports.container > .twins > * h4 {
    font-weight: 700;
    font-size: 1.1rem;
    margin: 2.5rem 0 1rem;
}
.container.exchange > .twins {
    justify-content: space-between;
}
.container.exchange table {
    line-height: 1;
    font-size: 0.8rem;
}
.container.exchange table tr > * {
    padding-left: 0.5rem;
    padding-top: 0.5rem;
}
.container.exchange table tr:first-child {
    border-bottom: 1px solid #f2bc6d;
}
main > .container .vendors {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    margin-top: 3rem;
    justify-content: space-evenly;
}
main > .container .vendors > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 18px;
    margin-bottom: 35px;
    text-align: center;
    width: 12rem;
}
main > .container .vendors > a img {
    margin-bottom: 10px;
    max-width: 150px;
    max-height: 50px;
}
main > .container .vendors > a div {
    line-height: 1.1;
    max-width: 100%;
    color: #E5941F;
}
.article {
    padding: 2rem 8rem;
}
.article .out-of-article {
    margin-left: -8rem !important;
    margin-right: -8rem !important;
    width: calc(100% + 8rem + 8rem);
}
ymaps[class$="balloon__content"] {
    margin: 0 !important;
    padding: 0;
}
ymaps[class$="balloon__tail"]:after {
    background-color: #d60000;
}
ymaps:not([class]) .y-title,
ymaps:not([class]) span {
    display: block;
}
ymaps:not([class]) .y-title.primary {
    background: #E5941F;
}
ymaps:not([class]) h3 {
    margin: 0;
}
ymaps:not([class]) .y-contact a {
    font-weight: 700;
}
ymaps:not([class]) .y-title {
    background: #d60000;
    padding: 0.5rem 1rem;
    line-height: 1;
    color: #fff;
}
ymaps:not([class]) .y-add {
    padding: 0.5rem 1rem;
    color: #696969;
}
ymaps:not([class]) .y-add span:first-child {
    font-size: 1.3rem;
}
ymaps:not([class]) .y-add span:last-child {
    font-weight: 700;
}
ymaps:not([class]) .y-contact {
    border-top: 1px solid #b4b4b4;
    padding: 0.5rem 1rem;
}
.litpro h2,
.litpro p {
    background: #32303d;
    text-align: center;
    color: #fff;
}
.litpro h2 {
    margin: 0;
    font-size: 56px;
    padding-top: 47px;
    line-height: 60px;
}
.litpro p {
    font-size: 22px;
    line-height: 20px;
    padding: 48px 80px;
    margin: 0 !important;
}
trix-editor,
trix-toolbar .trix-button:not(:disabled) {
    background: #fff;
}
trix-editor {
    max-height: 50vh;
    overflow-y: scroll;
}
figure img {
    margin: auto;
}
figure figcaption {
    font-size: 0.8em;
    font-style: italic;
}
main > .groups {
    position: relative;
    background-image: url(../img/groups.jpg);
    background-size: cover;
    width: 100%;
    height: calc(100vw * 0.386);
    text-align: center;
}
main > .groups h1,
main > .groups2 h1 {
    line-height: 1;
    padding-top: 3vw;
    font-size: 5vw;
}
main > .groups h1 {
    color: #6b7a85;
}
main > .groups p {
    font-size: 1vw;
}
main > .groups h3 {
    font-weight: 700;
    font-size: 3rem;
    line-height: 1.1;
    margin-bottom: 2rem;
    color: #353d45;
}
main > .groups .twins,
main > .groups2 .twins {
    position: absolute;
    display: flex;
    width: 80vw;
    left: 10vw;
}
main > .groups .twins {
    top: 18vw;
    justify-content: space-between;
}
main > .groups2 {
    background-image: url(../img/groups2.jpg);
}
main > .groups2 br {
    display: none;
}
main > .groups2 h1 {
    color: rgba(255, 255, 255, 0.8);
}
main > .groups2 p {
    font-size: 1vw;
    color: rgba(255, 255, 255, 0.6);
}
main > .groups2 h3 {
    font-size: 3rem;
    color: rgba(255, 255, 255, 0.8);
}
main > .groups2 .twins {
    top: 13vw;
    flex-direction: column;
}
main > .groups2 .twins > div {
    text-align: left;
    margin-bottom: 6rem;
}
main > .groups2,
main > .groups3,
main > .groups4 {
    position: relative;
    background-size: cover;
    width: 100%;
    height: calc(100vw * 0.386);
    text-align: center;
}
main > .groups3.c {
    background-image: url(../img/group3c2.jpg);
}
main > .groups3.d {
    background-image: url(../img/group3d.jpg);
}
main > .groups3.e {
    background-image: url(../img/group3e.jpg);
}
main > .groups3 h1,
main > .groups4 h1 {
    line-height: 1;
    color: #6b7a85;
    padding-top: 3vw;
    font-size: 5vw;
}
main > .groups3 p,
main > .groups4 p {
    font-size: 1vw;
}
main > .groups2 h3,
main > .groups3 h3,
main > .groups4 h3 {
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 2rem;
}
main > .groups3 h3 {
    font-size: 3rem;
    color: #6b7a85;
}
main > .groups3 .twins {
    position: absolute;
    top: 18vw;
    display: flex;
    justify-content: space-between;
    width: 90vw;
    left: 5vw;
}
main > .groups4 {
    background-image: url(../img/groups4.jpg);
}
main > .groups4 .overlay {
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    animation: 1s linear 0s infinite alternate fadeinout;
}
main > .groups4 h1 {
    color: #576470;
    padding-top: 4vw;
}
main > .groups4 h3 {
    font-size: 2.5vw;
    color: #353d45;
}
main > .groups4 .twins {
    position: absolute;
    top: 16vw;
    display: flex;
    justify-content: space-evenly;
    width: 80vw;
    left: 10vw;
}
main > .groups4 .twins > div > * {
    margin-bottom: 3rem;
}
main > .groups4 .twins > div > a {
    display: block;
    max-width: 14rem;
    margin: 4rem auto auto;
}
.intro,
main > .searcher {
    color: #fff;
    width: 100%;
    background-size: cover;
}
.intro {
    position: relative;
    background-image: url(../img/banner.jpg);
    height: calc(100vw * 0.411);
    padding-left: 7vw;
    padding-top: 8vw;
}
@media (min-aspect-ratio: 1912/1100) and (max-aspect-ratio: 1912/900) {
    .intro {
        height: calc(100vh - 193px);
        background-position: bottom center;
    }
}
.intro .pos-button {
    position: absolute;
    bottom: 7vw;
}
.intro .pos-button a.button {
    font-size: 1.3vw;
}
.intro h1 {
    line-height: 1;
    font-size: 4vw;
    margin-bottom: 2vw;
    width: 55vw;
}
.intro .p,
.intro p {
    font-size: 1.5vw;
    width: 31vw;
    margin-bottom: 4vw;
}
.intro p.small-text {
    font-size: 1vw;
    line-height: 1.2;
    opacity: 0.7;
    position: absolute;
    bottom: 0;
}
.intro .p {
    font-size: 1.4vw;
    width: 38vw;
}
.intro a.white-frame {
    border: 0.2vw solid;
    font-size: 1.5vw;
    padding: 0.4vw 1.4vw;
    margin-right: 3vw;
    text-transform: none;
}
.intro a.white-frame:hover {
    background-color: rgba(255, 255, 255, 0.2);
}
main > .searcher {
    background: url(../img/searcher.webp);
    height: calc(100vw * 0.2625);
    text-align: center;
}
main > .searcher h2 {
    font-size: 3vw;
    padding-top: 7.5vw;
    text-transform: uppercase;
    color: #fff;
}
main > .searcher h2,
main > .searcher p {
    line-height: 1;
    opacity: 0.8;
}
main > .searcher .search-bar {
    width: 50%;
    margin: 3vw auto 2vw;
    font-size: 1.4rem;
}
main > .searcher .results {
    width: 50%;
    top: 1.5rem;
    left: 25%;
    text-align: left;
}
.searcher {
    position: relative;
}
.search-bar,
.searcher .results {
    background: #fff;
    border-radius: 7px;
}
.searcher .results {
    position: absolute;
    z-index: 1;
    font-size: 0.8rem;
    text-transform: none;
    padding: 1rem 0 0;
    line-height: 1.1;
    max-height: 50vh;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3);
    overflow-y: auto;
    overscroll-behavior: contain;
}
.searcher .results > * {
    padding: 0.4rem 1rem;
    display: block;
    border-bottom: 1px solid #ddd;
}
.searcher .results button:hover,
.searcher .results > :hover {
    background: #51a3ee;
}
.searcher .results > div {
    background: #c7ced1;
    cursor: default;
    padding: 0.6rem 1rem;
    font-weight: 700;
    color: #282d34;
}
.searcher .results > div:hover {
    background: #c7ced1;
}
.searcher .results > a {
    color: #3d5171;
}
.searcher .results button {
    color: #E5941F;
    font-weight: 700;
    background: 0 0;
    width: 100%;
    padding-top: 0.6rem;
    text-align: left;
    padding-bottom: 0.6rem;
}
.search-bar {
    z-index: 2;
    position: relative;
    display: flex;
    box-shadow: 0 3px 5px rgba(61, 81, 113, 0.2);
}
.search-bar > button:first-child {
    padding: 0 0.4rem;
    font-size: 1.2em;
    display: flex;
    align-items: center;
}
.search-bar > button:last-child {
    text-transform: uppercase;
    font-weight: 700;
    padding: 0.4rem 1rem;
    font-size: 0.7em;
    width: 6rem;
}
.search-bar input {
    font-size: 0.8em;
    flex-grow: 1;
    padding-right: 0.4rem;
}
.search-bar input::placeholder {
    font-size: 0.8em;
    font-style: italic;
}
main > .benefits {
    color: #fff;
    background: #506e86;
    background: radial-gradient(ellipse at center, #506e86 0, #3d5171 100%);
    padding: 2rem 0;
    font-size: 0.8rem;
    line-height: 1.1;
}
main > .benefits .container {
    justify-content: space-between;
}
main > .benefits .container,
main > .benefits .container > * {
    display: flex;
    align-items: center;
}
main > .benefits i {
    font-size: 3.4rem;
    display: block;
    float: left;
}
main > .bottom {
    display: flex;
    background: #fff;
    justify-content: flex-end;
    padding-top: 2rem;
    text-align: center;
}
main > .bottom .title {
    font-size: 2vw;
    font-weight: 700;
    text-transform: uppercase;
    padding: 2vw 0 1vw;
    color: #576470;
}
main > .bottom p {
    line-height: 1;
    font-size: 0.9vw;
    padding: 0 0 2vw;
    color: #45525e;
}
main > .bottom .input-group {
    padding: 0.3rem 0.5rem;
    font-size: 1.1vw;
    margin: 0 auto 1vw;
}
main > .bottom button {
    padding: 0.5rem 1.5rem;
    margin: 1vw;
    font-size: 0.9vw;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
main > .bottom .feedback,
main > .bottom .subscribe {
    width: 45%;
    height: calc(45vw * 0.492);
    background-size: cover;
}
main > .bottom .subscribe {
    background-image: url(../img/subscribe.webp);
}
main > .bottom .feedback {
    background-image: url(../img/feedback.webp);
    padding: 0 13vw 0 8vw;
}
main > .bottom .feedback p {
    padding: 5vw 0 1vw;
}
.modal-message .title {
    background: #506e86;
    padding: 0.7rem 3rem;
    color: #fff;
    font-weight: 700;
}
.modal-message .text {
    padding: 3rem;
}
.fs-2r {
    font-size: 2rem;
}
.va-m,
.zoom-on-hover img {
    vertical-align: middle;
}
.close-btn {
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 2rem;
    height: 2rem;
    opacity: 0.3;
    cursor: pointer;
}
.close-btn:hover {
    opacity: 0.6;
}
.close-btn:after,
.close-btn:before {
    position: absolute;
    left: 0.5rem;
    content: " ";
    height: 3rem;
    width: 1px;
    background-color: #333;
}
.close-btn:before {
    transform: rotate(45deg);
}
.close-btn:after {
    transform: rotate(-45deg);
}
.modal {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.5);
    padding: 2rem 1rem;
}
.modal:not(.model3d) {
    display: flex;
}
.modal .window {
    position: relative;
    margin: auto;
    width: 98%;
    max-width: 500px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 1px 1px 44px rgba(0, 0, 0, 0.3);
}
.modal .window.wider {
    max-width: 37rem;
}
.modal .window.theme2 .title {
    background: #f0f0f0;
    color: #E5941F;
    padding: 1.5rem 1rem 1rem;
    font-size: 1.3rem;
    border-bottom: 1px solid rgba(45, 84, 152, 0.09);
}
.modal .window.theme2 .body {
    padding: 1rem 3rem 2rem;
}
.modal .window.theme3 .title {
    padding: 3rem 1rem 1rem;
    background: 0 0;
    font-size: 1.4rem;
    color: #353d45;
}
.modal .window.theme3 .body {
    padding: 1rem 3rem 2rem;
}
.modal .window.theme3 .panel {
    background: 0 0;
    border-top: 1px solid #e3e3e3;
}
.modal .window .title {
    background: #506e86;
    color: #fff;
    padding: 1rem;
    text-align: center;
    font-weight: 700;
}
.modal .window .title.accent {
    background: #db1e1e;
}
.modal .window .body {
    padding: 2rem 3rem;
}
.modal .window .panel {
    width: 100%;
    background: #dfe4e7;
    display: flex;
    justify-content: flex-end;
    padding: 1rem 2rem;
}
.modal .window .panel button {
    margin-left: 1rem;
}
.modal .window .panel.center {
    justify-content: center;
}
.modal .window .panel.center i {
    font-size: 1.7rem;
}
.modal .window .panel.between {
    justify-content: space-between;
}
.modal .window .panel .law {
    line-height: 1;
    color: #84919a;
}
.modal .window,
.modal-bg {
    background: #f7f7f7;
}
.zoom-on-hover a .zoom-wrapper {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}
.zoom-on-hover a > img {
    -webkit-transition: -webkit-transform 0.15s ease 0s !important;
    -moz-transition: -moz-transform 0.15s ease 0s !important;
    -o-transition: -o-transform 0.15s ease 0s !important;
    transition: transform 0.15s ease 0s !important;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}
.zoom-on-hover .img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.zoom-on-hover a .zoom-wrapper > img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}
.zoom-on-hover a:hover > img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
.zoom-on-hover a:hover .zoom-wrapper {
    background-color: rgba(0, 0, 0, 0.5);
}
.zoom-on-hover a:hover .zoom-wrapper > img {
    opacity: 1;
}
.zoom-on-hover .caption-visible {
    display: none !important;
}
.lg-backdrop.in {
    opacity: 0.9 !important;
}
.lg-toolbar .lg-icon {
    color: #ddd;
}
@media (max-width: 420px) {
    .gallery-wrap {
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .gallery-wrap .justified-gallery > .entry-visible {
        border: 1px solid #ddd;
    }
}
.pdf-cat {
    width: 12rem;
    margin: 2rem;
    position: relative;
    line-height: 1.1;
    text-align: center;
}
.pdf-cat > a.del,
.zoom-on-hover a .zoom-wrapper {
    position: absolute;
    right: 0;
    top: 0;
}
.pdf-cat-icon {
    height: 10rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.container.about {
    display: flex;
    flex-direction: column;
}
.container.about > img {
    max-width: none;
}
.container.about .title {
    margin-top: 2rem;
    font-size: 2rem;
    font-weight: 700;
}
.container.about .flex {
    margin: 3rem 0;
    justify-content: space-between;
}
.container.about .flex.odd {
    flex-direction: row-reverse;
}
.container.about .flex.odd .text .info {
    margin-right: 3rem;
}
.container.about .flex.odd .text .caption {
    margin-right: -3rem;
    margin-left: -16rem;
}
.container.about .flex:not(.odd) .image img {
    margin-left: auto;
}
.container.about .flex:not(.odd) .text .info {
    margin-left: 3rem;
}
.container.about .flex:not(.odd) .text .caption {
    margin-left: -3rem;
    margin-right: -16rem;
}
.container.about .flex .image,
.container.about .flex .text {
    width: 50%;
}
.container.about .flex .text {
    font-size: 1.2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.container.about .flex .text .caption {
    text-align: center;
    background: #E5941F;
    position: relative;
    line-height: 1;
}
.container.about .flex .text .caption .large {
    /*font-size: 7rem;
    font-weight: 700;
    margin-top: -4.6rem;
    color: #db1e1e;*/
	
	font-size: 50px;
    color: white;
    margin-top: 5px;
    margin-bottom: 5px;
	
}
.container.about .flex .text .caption .mid {
    color: #fff;
    font-size: 2rem;
    margin-bottom: 1rem;
}
@media (max-width: 1536px) {
    .container.about .flex .image {
        width: 40%;
    }
    .container.about .flex .text {
        font-size: 1rem;
    }
    /*.container.about .flex .text .caption .large {
        font-size: 5rem;
        margin-top: -3.4rem;
    }*/
    .container.about .flex .text .caption .mid {
        font-size: 1.4rem;
    }
}
@media (max-width: 420px) {
    .container.about {
        padding: 0;
    }
    .container.about .title {
        line-height: 1.2;
    }
    .container.about .flex {
        flex-direction: column-reverse !important;
        margin: 2rem 0;
    }
    .container.about .flex .image,
    .container.about .flex .text {
        width: 100%;
    }
    .container.about .flex .text {
        flex-direction: column-reverse;
    }
    .container.about .flex .text .info {
        margin-left: 0 !important;
        line-height: 1.2;
        margin-top: 2rem;
    }
    .container.about .flex .text .caption {
        margin: 0 !important;
        padding: 1rem;
        background: #E5941F;
    }
    .container.about .flex .text .caption .large {
        line-height: 0.7;
        margin-bottom: 1.2rem;
        margin-top: 0;
        font-size: 3rem;
    }
    .container.about .flex .text .caption .mid {
        margin-bottom: 0.4rem;
    }
}
.container.staff {
    margin-top: 3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.container.staff > * {
    margin: 2rem 2rem 6rem;
    width: 320px;
}
.container.staff > * .image {
    overflow: hidden;
}
.container.staff > * .image img {
    transition: transform 1s, opacity 1s;
}
.container.staff > :hover .image img {
    transform: scale(1.1);
}
.container.staff > :hover .title {
    color: #db1e1e;
}
.container.staff > * .title {
    font-size: 1.5rem;
    padding: 0.5rem 0 0;
    font-weight: 700;
    transition: color 1s;
    line-height: 1.2;
    margin-bottom: 0.5rem;
}
.container.staff > * .desc {
    padding-bottom: 0.5rem;
}
.container.staff > * .contact {
    border-top: 1px solid;
    padding-top: 1rem;
}
.container.staff > * .contact > a {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #FFA100;
}
.contact-page .medium.header {
    font-weight: 700;
    border-bottom: 1px solid #45525e;
    margin-bottom: 1rem;
}
.contact-page h1.medium.header {
    font-size: 1rem;
    padding: 0;
}
.contact-page .title {
    font-weight: 700;
}
.contact-page .field > label {
    font-weight: 700;
    font-size: 0.9rem;
}
.input-icon {
    position: relative;
    margin-top: 0.5rem;
}
.input-icon > i {
    position: absolute;
    font-size: 1.2rem;
    top: -0.2rem;
}
.input-icon > input,
.input-icon > textarea {
    padding-left: 2rem;
}
.vertical.divider {
    width: 1px;
    border-left: 1px solid #dfe4e7;
    display: flex;
    justify-content: center;
    color: #dfe4e7;
    margin: 0 50px;
    text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
}
.blink-red {
    animation: blink-red 2s linear infinite;
}
.blink-dark-red {
    animation: blink-dark-red 2s linear infinite;
}
.hover-trigger > .hover-target {
    display: none;
}
.hover-trigger:hover > .hover-target {
    display: block;
    z-index: 10;
    position: absolute;
}
.hover-trigger:hover > .hover-target.detailed {
    display: flex;
}
.hover-trigger:hover > .hover-target.mod {
    max-height: 50vh;
    overflow-y: scroll;
    text-align: left;
}
.header span {
    text-transform: none;
}
.qty-selector input:focus,
button,
button:focus {
    outline: 0;
}
button.buy {
    min-width: 8.5em;
}
a.button:not(.cropped) {
    padding: 0.5rem 1.5rem;
    border-radius: 5px;
    font-weight: 700;
}
a.button,
button {
    line-height: initial;
}
a.button.small,
button.small {
    padding: 0.2rem 0.6rem;
    border-radius: 5px;
}
a.button.std,
button.std {
    padding: 0.5rem 1.5rem;
    border-radius: 5px;
}
a.button.sq,
button.sq {
    padding: 0.5rem 0.7rem;
    border-radius: 5px;
}
.teaser-boxes .teaser-box img,
button.full {
    width: 100%;
}
a.button.large,
button.large {
    padding: 1rem 2.5rem;
    border-radius: 5px;
}
a.button.accent,
button.accent {
    color: #fff;
    background: linear-gradient(#db1e1e, #db1e1e);
}
a.button.accent:hover,
button.accent:hover {
    background: linear-gradient(#ff421d, #db1e1e);
}
a.button.accent:active,
button.accent:active {
    background: linear-gradient(#db1e1e, #db1e1e);
}
a.button.disabled,
button.disabled {
    background: rgba(165, 165, 165, 0.5) !important;
    pointer-events: none;
}
button.reddish {
    color: #fff;
    background: rgba(255, 0, 0, 0.5);
}
button.reddish:hover {
    background: #c80000;
}
a.button.primary,
button.primary {
    color: #fff;
    background: #E5941F;
}
a.button.primary:hover,
button.primary:hover {
    background: linear-gradient(#E5941F, #E5941F);
}
a.button.primary:active,
button.primary:active {
    background: linear-gradient(#E5941F, #FFA100);
}
a.button.gray,
button.gray {
    color: #353d45;
    background: #c7ced1;
}
a.button.gray:hover,
button.gray:hover {
    background: linear-gradient(#f2bc6d, #84919a);
}
a.button.gray:active,
button.gray:active {
    background: linear-gradient(#6b7a85, #84919a);
}
button:disabled {
    opacity: 0.5;
}
a.button.light-gray,
button.light-gray {
    color: #45525e;
    background: #dfe4e7;
}
a.button.light-gray:hover,
button.light-gray:hover {
    background: linear-gradient(#c7ced1, #f2bc6d);
}
a.button.light-gray:active,
button.light-gray:active {
    background: linear-gradient(#84919a, #f2bc6d);
}
a.button.darkgray,
button.darkgray {
    color: #fff;
    background: #f2bc6d;
}
a.button.darkgray:hover,
button.darkgray:hover {
    background: linear-gradient(#6b7a85, #576470);
}
a.button.darkgray:active,
button.darkgray:active {
    background: linear-gradient(#576470, #6b7a85);
}
.balance-state {
    margin-top: 4px;
    line-height: 1;
    color: gray;
}
.teaser .balance-state {
    margin-top: 0;
    line-height: normal;
}
.qty-show {
    background-image: url(../img/scale.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 33px;
    height: 17px;
    margin-left: 0.7rem;
}
.qty-show.qty-few {
    background-image: url(../img/scale2.svg);
}
.qty-show.qty-mid {
    background-image: url(../img/scale3.svg);
}
.qty-show.qty-lot {
    background-image: url(../img/scale4.svg);
}
.button-frame,
.qty-selector {
    border-radius: 5px;
    overflow: hidden;
}
.qty-selector {
    border-top: 1px solid #c7ced1;
    border-bottom: 1px solid #c7ced1;
    display: flex;
}
.qty-selector input {
    flex-grow: 1;
    text-align: center;
    max-width: 3em;
}
.qty-selector button {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-radius: 0;
}
.button-frame {
    border: 1px solid #c7ced1;
    white-space: nowrap;
}
.button-frame:hover,
table tr.child:hover {
    background: #dfe4e7;
}
.article .teaser {
    border-top: none;
}
.article .teaser > div.info {
    width: 56%;
}
.article .teaser > div:last-child {
    width: 23%;
}
.article .qty-selector > *,
.teaser-boxes .teaser-box .info .qty-sum .qty-selector {
    display: none;
}
.teaser,
.teaser > div.info .codes {
    display: flex;
    justify-content: space-between;
}
.teaser {
    margin: 1.5rem 0;
    font-size: 0.9rem;
    border-top: 1px solid rgba(42, 82, 121, 0.35);
}
.teaser > div.info {
    width: 50%;
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    line-height: 1;
    padding-left: 1rem;
    padding-right: 2rem;
    margin-right: auto;
    border-right: 1px dashed #dedede;
    overflow: hidden;
}
.teaser > div.info.souvenir {
    justify-content: center;
}
.teaser > div.info a {
    color: #FFA100;
    font-weight: 700;
}
.teaser > div.info .codes {
    align-items: center;
}
.teaser > div.info .codes .oem {
    text-overflow: ellipsis;
    max-width: 200px;
    overflow: hidden;
}
.teaser > div.info .logo {
    height: 20px;
    max-width: none;
}
.teaser > div.info > :not(:last-child) {
    margin-bottom: 1rem;
}
.teaser > div.info .small-text:not(.red-text) {
    color: #45525e;
}
.teaser > div:first-child {
    width: 20%;
    position: relative;
    overflow: hidden;
}
.teaser > div:first-child:after {
    color: #fff;
    font-weight: 700;
    transform: rotate(-45deg);
    position: absolute;
    top: -0.3rem;
    width: 6rem;
    text-align: center;
    left: -2.1rem;
    padding-top: 1.2rem;
}
.teaser > div:first-child.new:after {
    content: "NEW";
    background: #E5941F;
}
.teaser > div:first-child.hit:after {
    content: "HIT";
    background: #db1e1e;
}
.teaser > div:first-child.sale:after {
    content: "SALE";
    background: #db1e1e;
}
.teaser > div:last-child {
    width: 29%;
    margin-left: 1%;
    justify-content: space-between;
    margin-top: 1rem;
    font-size: 0.76rem;
    max-width: 22rem;
}
.teaser > div:last-child a,
.teaser > div:last-child span.a {
    color: #db1e1e;
    text-decoration: underline;
    font-weight: 700;
}
.teaser > div:last-child .maxPrice {
    font-size: 0.7rem;
}
.teaser .qty-sum {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.teaser.basket-item > div:first-child {
    width: 15%;
}
.teaser.basket-item > div.info {
    width: 48%;
}
.teaser.basket-item > div:last-child {
    width: 37%;
    min-width: 20rem;
    justify-content: space-between;
}
.teaser.basket-item > .qty-sum {
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}
.teaser.basket-item > .qty-sum .qty-selector {
    margin: 0 1rem;
}
.teaser.basket-item > .qty-sum > div:last-child {
    width: 100%;
    margin-bottom: 0;
}
.teaser.basket-item > .qty-sum > div:last-child > .price {
    font-size: 1.2rem;
}
.teaser.basket-item > .qty-sum > div:last-child > .price:first-child {
    width: 28%;
    font-weight: 400;
    color: #45525e;
    font-size: 1.1rem;
}
.teaser.basket-item > .qty-sum > div:last-child > .price.sum {
    width: 32%;
}
.teaser.basket-item > .qty-sum > div:last-child > .qty-selector {
    display: flex;
    justify-content: space-between;
    width: 32%;
    margin: 0 2.5%;
}
.teaser.basket-item > .qty-sum > div:last-child > a {
    width: 5%;
}
.teaser-boxes,
.teasers {
    display: flex;
    flex-wrap: wrap;
}
.teaser-boxes .teaser-box {
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
    border: 1px solid #c7ced1;
    border-radius: 7px;
    overflow: hidden;
    position: relative;
    width: 346px;
    background: #f6f6f6;
    display: flex;
    flex-direction: column;
}
.teaser-boxes .teaser-box .put-favourites {
    top: 1rem;
    position: absolute;
    left: 1rem;
}
.teaser-boxes .teaser-box .balance-state {
    position: absolute;
    right: 1rem;
    top: 1rem;
}
.teaser-boxes .teaser-box .price-line {
    display: flex;
    justify-content: center;
}
.teaser-boxes .teaser-box .price-line .price {
    font-size: 2rem;
}
.teaser-boxes .teaser-box .info {
    padding: 2rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.teaser-boxes .teaser-box .info .title {
    font-weight: 700;
}
.teaser-boxes .teaser-box .info > div:not(:last-child) {
    margin-bottom: 1rem;
}
.teaser-boxes .teaser-box .info .qty-sum {
    margin-bottom: 0;
    justify-content: center;
}
.teasers > .box {
    max-width: 100px;
    margin-right: 1rem;
    text-align: center;
    line-height: 1;
}
#banners {
    background: #506e86;
    background: radial-gradient(ellipse at center, #9fb4c6 0, #FFF 100%);
    display: flex;
    justify-content: space-evenly;
    padding: 3rem 0;
    font-size: 0.8vw;
    position: relative;
    overflow: hidden;
}
#banners .gigant {
    z-index: 0;
    position: absolute;
    font-size: 57vh;
    left: 10vw;
    bottom: -8vh;
    line-height: 1;
    opacity: 0.2;
}
#banners > div {
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#banners > * {
    width: 34vw;
}
#banners > * > div {
    margin: 0.6vw 0;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 1px 1px 8px rgba(77, 32, 20, 0.4);
    opacity: 0.86;
}
#banners > * > div:hover {
    box-shadow: 1px 1px 20px rgba(77, 32, 20, 0.6);
    opacity: 1;
}
#banners > * > div:after {
    color: #fff;
    font-weight: 700;
    transform: rotate(-45deg);
    position: absolute;
    top: 0.8vw;
    width: 6vw;
    text-align: center;
    left: -1.7vw;
}
#banners .news > div:after {
    content: "NEW";
    background: #E5941F;
}
#banners .sales {
    width: 17vw;
}
#banners .sales > div:after {
    content: "SALE";
    background: #db1e1e;
}
#banners .hits > div:after {
    content: "HIT";
    background: #ff421d;
}
#banners .caption {
    background: #45525e;
    color: #fff;
    text-align: center;
    width: 16.46vw;
    height: 3.6vw;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    padding: 0 1rem;
}
#banners .image {
    overflow: hidden;
    background-size: cover;
    position: relative;
}
#banners .image .price {
    position: absolute;
    bottom: 0.5vw;
    right: 0.5vw;
    z-index: 2;
}
#banners .image .corner {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 75%;
    z-index: 1;
}
#banners .hits .image,
#banners .news .image,
#banners .sales .image {
    width: 16.46vw;
    height: 10.99vw;
}
#banners .saler .image {
    width: 26.3vw;
    height: 30.41vw;
}
.paginator .current {
    background: #b8cee0;
}
.pager {
    width: 4rem;
    text-align: center;
    border-bottom: 1px solid #45525e;
}
.reports.container > .twins {
    margin-top: 1rem;
    justify-content: center;
}
.reports.container > .twins > :first-child {
    margin-right: 2rem;
}
.reports.container > .center {
    width: 100%;
    text-align: center;
}
.reports.container > .center:not(.no-pads) {
    padding: 3rem 0 5rem;
}
.reports.container > .center button {
    padding: 0.5rem 2.5rem;
}
.reports.container > .center .icon-spinner {
    font-size: 1.5rem;
}
.blocks > * {
    display: block;
}
.w-min-350 {
    min-width: 350px;
}
.w-min-200 {
    min-width: 200px;
}
button:disabled {
    pointer-events: none;
    background: #f2bc6d;
}
input.ul,
select.ul {
    border-bottom: 1px solid #c7ced1;
}
.boxes {
    display: flex;
    flex-wrap: wrap;
    max-width: 440px;
}
.boxes .box {
    width: 200px;
    margin-right: 1rem;
    text-align: center;
    line-height: 1;
}
.boxes .box > :not(:last-child) {
    margin-bottom: 1rem;
}
.boxes .box .name {
    font-weight: 700;
    font-size: 1.1rem;
}
.boxes .box .count {
    font-size: 4rem;
}
.boxes .box .date {
    font-weight: 700;
}
.boxes .box span {
    display: block;
    font-size: 0.8rem;
    font-weight: 400;
}
.settlements {
    padding-bottom: 4rem;
}
table {
    width: 100%;
    line-height: 1;
}
table .center {
    text-align: center;
}
table.v-a-top tr {
    vertical-align: top;
}
table th {
    background: #bddfff;
    border: 1px solid #fff;
}
table td,
table th {
    padding: 1rem;
    margin: 0.2rem;
}
table td.minimal,
table th.minimal {
    width: 1rem;
}
table.compact td,
table.compact th {
    padding: 0.3rem;
    margin: 0.1rem;
}
table.white-bg {
    background: #fff;
}
table td.no-tp {
    padding-top: 0;
}
table .bl {
    border-bottom: 1px solid #dfe4e7;
}
table tr {
    padding: 0 0.5rem;
}
table tr.disabled {
    opacity: 0.5;
    pointer-events: none;
}
table tr:hover {
    background: #f7f7f7;
}
table tr.sum {
    font-weight: 700;
}
table tr.sum td {
    background: #dfe4e7;
    border: 1px solid #fff;
}
table tr.error {
    background: #ffe9e0;
}
table tr.child {
    opacity: 0.8;
}
table tr.child td {
    padding: 0.5rem 1rem;
}
table.inputs tr {
    background: #f7f7f7;
}
table .in-stock {
    background: #eeffe0 !important;
}
table.dashed-underline tr:not(:last-child) {
    border-bottom: 1px dashed #c7ced1;
}
table .selected {
    background: #eeffe0;
}
table .selected:hover {
    background: #d2ffb8;
}
table.interact-tr {
    cursor: pointer;
}
table.scrollable {
    height: 100%;
    overflow-y: auto;
    display: block;
}
.ifl-grp {
    position: relative;
}
.ifl-grp .fake {
    background: #fff;
    display: block;
}
.ifl-grp label:not(.fake) {
    font-size: 1em;
    color: #a1a1a1;
    position: absolute;
    pointer-events: none;
    top: 0.7em;
    left: 0.8em;
    transition: all 0.1s ease;
}
.ifl-grp label:not(.fake).link {
    color: #FFA100;
}
.ifl-grp label.fake ~ label.link {
    white-space: nowrap;
    right: 0.8em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ifl-grp .fake,
.ifl-grp input,
.ifl-grp textarea {
    width: 100%;
    padding: 0.5em 1em;
    border: 1px solid #e7e7e7;
    transition: all 0.2s ease;
}
.ifl-grp .fake:focus,
.ifl-grp .fake:hover,
.ifl-grp input:focus,
.ifl-grp input:hover,
.ifl-grp textarea:focus,
.ifl-grp textarea:hover {
    border: 1px solid #cecece;
}
.ifl-grp .fake:focus,
.ifl-grp input:focus,
.ifl-grp textarea:focus {
    border-bottom: 1px solid #E5941F;
}
.ifl-grp .fake.red,
.ifl-grp input.red,
.ifl-grp textarea.red {
    border: 1px solid #c64f4f;
}
.ifl-grp input.changed ~ label,
.ifl-grp input.filled ~ label,
.ifl-grp input:focus ~ label,
.ifl-grp label.fake.changed ~ label,
.ifl-grp textarea.changed ~ label,
.ifl-grp textarea.filled ~ label,
.ifl-grp textarea:focus ~ label {
    top: -1.4em;
    bottom: 0;
    left: 0;
    font-size: 0.8em;
    opacity: 1;
    color: #404040;
}
.ifl-grp input::placeholder {
    opacity: 0;
}
.ifl-grp input:focus::placeholder {
    opacity: 1;
}
.ifl-grp.compact-label label {
    letter-spacing: -1px;
}
@media (max-width: 840px) {
    .ifl-grp .fake,
    .ifl-grp input,
    .ifl-grp textarea {
        padding: 1rem;
    }
    .ifl-grp label:not(.fake) {
        top: 1em;
        left: 1.5em;
    }
    .ifl-grp input.changed ~ label,
    .ifl-grp input:focus ~ label,
    .ifl-grp label.fake.changed ~ label,
    .ifl-grp textarea.changed ~ label,
    .ifl-grp textarea:focus ~ label {
        top: -1.7em;
        left: 1em;
        font-size: 1em;
    }
}
form:not(.clear) .error {
    font-size: 0.8rem;
    line-height: 1;
    padding-top: 0.5rem;
    color: red;
}
form:not(.clear) input:not([type="checkbox"]),
form:not(.clear) textarea {
    display: block;
    width: 100%;
    border-bottom: 1px solid #dfe4e7;
}
form:not(.clear) select {
    height: 1.5rem;
}
form:not(.clear) h4 {
    font-weight: 700;
    font-size: 1.1rem;
}
form:not(.clear) div.label,
form:not(.clear) label {
    display: block;
    padding-top: 2rem;
}
form:not(.clear) div.label.no-pads,
form:not(.clear) label.no-pads {
    padding-top: 0;
}
form:not(.clear) div.label.small-pad,
form:not(.clear) label.small-pad {
    padding-top: 1rem;
}
form:not(.clear) div.label.larger-pads,
form:not(.clear) label.larger-pads {
    padding-top: 2rem;
    padding-bottom: 1rem;
}
form:not(.clear).styled {
    border: 1px solid #f2bc6d;
    padding: 2rem;
    border-radius: 9px;
    background: #f7f7f7;
}
form:not(.clear) .option {
    border: 1px solid #84919a;
    border-radius: 5px;
    padding: 0.2rem 0.4rem;
}
form:not(.clear) .option.larger-py {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
form:not(.clear) .option i {
    cursor: pointer;
}
form:not(.clear) .option:hover {
    background-color: #dfe4e7;
}
.form {
    width: 400px;
}
.form.wide {
    width: 660px;
}
.form.tight {
    width: 360px;
}
.form.full-width {
    width: 100%;
}
.form.small {
    width: 320px;
}
.form.max-wide {
    max-width: 600px;
}
.form.shadowed {
    box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.21);
}
.form.styled {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 3px 2px 6px rgba(0, 0, 0, 0.07);
    padding: 2rem;
    border-radius: 9px;
    background: #f7f7f7;
}
@media (max-width: 420px) {
    .form {
        width: 100%;
    }
}
.form .label > span,
.form label > span {
    font-size: 0.7em;
    color: #6b7a85;
}
.form .label > input,
.form .label > select,
.form .label > textarea,
.form label > input,
.form label > select,
.form label > textarea {
    font-style: italic;
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
}
.one-line-input {
    display: flex;
    justify-content: space-between;
}
.one-line-input label {
    display: flex;
    align-items: center;
    padding: 0;
    flex-grow: 1;
}
.one-line-input label:not(.checkbox-first) {
    justify-content: flex-end;
}
.one-line-input label input:not(.w-full) {
    width: auto;
}
.one-line-input.left label {
    justify-content: flex-start;
}
.label-input-line {
    display: flex;
    width: 100%;
}
.label-input-line input,
.label-input-line select {
    font-style: italic;
    flex-grow: 1;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
}
select.short {
    width: 13rem;
}
select.shortest {
    width: 6rem;
}
select.border-bottom {
    border-bottom: 1px solid #f2bc6d;
}
.dimensions:not(.no-margins) {
    margin-top: 1rem;
}
.dimensions label {
    display: inline;
    padding: 0;
}
.dimensions input {
    display: inline;
    text-align: center;
}
.dimensions input[type="text"] {
    width: 2.7rem;
    font-size: 0.8rem;
}
.dimensions.small input[type="text"] {
    width: 2rem;
    font-size: 0.8rem;
}
.dimensions input[type="checkbox"] {
    width: 1rem;
}
input[type="file"]:not(.wide) {
    max-width: 260px;
}
.dim-hover {
    opacity: 0.5;
}
.dim-hover:hover {
    opacity: 1;
}
.custom-file-input {
    width: 127px;
    height: 100px;
    border: 1px solid #c7ced1;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.custom-file-input.full {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.custom-file-input.full,
.custom-file-input.full-width {
    width: 100%;
    max-width: none !important;
}
.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}
.custom-file-input::before {
    content: "+";
    display: flex;
    background-color: rgba(255, 255, 255, 0.3);
    color: #E5941F;
    text-shadow: 1px 1px 5px #fff, 1px 1px 10px #fff, 1px 1px 15px #fff;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 2rem;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.custom-file-input.loading::before {
    background: radial-gradient(#fff, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
}
.custom-file-input.loading::after {
    content: " ";
    background-image: url(../img/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.custom-file-input:hover,
.input-group {
    border: 1px solid #f2bc6d;
}
.custom-file-input:hover::before {
    background-color: rgba(255, 255, 255, 0.5);
    color: #f2bc6d;
    text-shadow: 1px 1px 5px #fff, 1px 1px 10px #fff, 1px 1px 15px #fff;
}
.input-group {
    background: #fff;
    border-radius: 7px;
    overflow: hidden;
    display: flex;
    padding: 0.5rem;
    max-width: 100%;
    margin: 1rem auto;
}
.input-group > i {
    padding: 0 0.4rem;
    font-size: 1em;
    display: flex;
    align-items: center;
    opacity: 0.5;
}
.input-group input {
    font-size: 0.8em;
    flex-grow: 1;
    padding-right: 0.4rem;
}
.input-group input:focus {
    outline: 0;
}
.input-group input::placeholder {
    font-size: 0.8em;
    font-style: italic;
}
.input-group.compact {
    margin: 1rem auto;
}
.input-right {
    display: flex;
}
.input-right > input {
    flex-grow: 1;
    text-align: right;
    margin-left: 0.5rem;
}
.form-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #d2d6dc;
    border-width: 1px;
    border-radius: 0.375rem;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
}
.form-input:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
    border-color: #a4cafe;
}
input.short {
    width: 2rem;
}
.zoom {
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.5);
    background-position: center;
    background-size: contain;
}
.zoom i {
    position: absolute;
    right: 2vw;
    top: 2vw;
    font-size: 2rem;
    cursor: pointer;
    z-index: 10;
}
.zoom img {
    position: absolute;
    max-width: none;
    max-height: none;
}
.ui.cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}
.ui.cards .content:not(:first-child) {
    font-size: 0.9em;
}
.ui.cards .content:first-child {
    display: flex;
    align-items: center;
}
.ui.cards a.card,
.ui.link.card,
.ui.link.cards .card,
a.ui.card {
    -webkit-transform: none;
    transform: none;
}
.ui.card.horizontal,
.ui.horizontal.cards > .card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    min-width: 270px;
    max-width: 100%;
    width: 48%;
}
.ui.card.horizontal {
    width: 400px;
}
.ui.cards > .card {
    font-size: 1em;
    margin: 0.875em 0.5em;
    float: none;
}
.ui.card,
.ui.cards > .card {
    max-width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 290px;
    min-height: 0;
    background: #fff;
    padding: 0;
    border: 0;
    border-radius: 0.28571429rem;
    -webkit-box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    -webkit-transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    transition: box-shadow 0.1s ease, transform 0.1s ease;
    transition: box-shadow 0.1s ease, transform 0.1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    word-wrap: break-word;
}
.ui.card.horizontal > .image,
.ui.horizontal.cards > .card > .image {
    border-radius: 0.28571429rem 0 0 0.28571429rem;
    width: 150px;
}
.ui.horizontal.cards > .card .image {
    width: 208px;
    display: flex;
    background: #eee;
    align-content: center;
    flex-wrap: wrap;
}
.ui.card > .image,
.ui.cards > .card > .image {
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0;
    background: rgba(0, 0, 0, 0.05);
}
.ui.horizontal.cards > .card .image img {
    height: auto;
}
.ui.card > :first-child,
.ui.cards > .card > :first-child {
    border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
    border-top: none !important;
}
.ui.card > .content,
.ui.cards > .card > .content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    border: 0;
    border-top: 1px solid rgba(34, 36, 38, 0.1);
    background: 0;
    margin: 0;
    padding: 1em;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
.ui.card > :last-child,
.ui.cards > .card > :last-child {
    border-radius: 0 0 0.28571429rem 0.28571429rem !important;
}
.ui.card > .content > .header:not(.ui),
.ui.cards > .card > .content > .header:not(.ui) {
    font-weight: 700;
    font-size: 1.28571429em;
    margin-top: -0.21425em;
    line-height: 1.28571429em;
}
.ui.card > .content > .header,
.ui.cards > .card > .content > .header {
    display: block;
    margin: "";
    font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: rgba(0, 0, 0, 0.85);
}
.ui.card .meta,
.ui.cards > .card .meta {
    font-size: 1em;
    color: rgba(0, 0, 0, 0.4);
}
.ui.card .meta :last-child,
.ui.cards > .card .meta :last-child {
    margin-right: 0;
}
.ui.card > .content > .header + .description,
.ui.card > .content > .meta + .description,
.ui.cards > .card > .content > .header + .description,
.ui.cards > .card > .content > .meta + .description {
    margin-top: 0.5em;
}
.ui.card > .content > .description,
.ui.cards > .card > .content > .description {
    clear: both;
    color: rgba(0, 0, 0, 0.68);
}
.ui.card > .content p:last-child,
.ui.cards > .card > .content p:last-child {
    margin-bottom: 0;
}
.ui.card > .content p,
.ui.cards > .card > .content p {
    margin: 0 0 0.5em;
}
.ui.horizontal.cards > .card .image .year {
    text-align: center;
    color: #f6f6f6;
    width: 100%;
    font-size: 22px;
    font-weight: 700;
    background-color: #123985;
    padding: 7px 0;
    margin: 12px 0;
}
.ui.raised.card,
.ui.raised.cards > .card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.link.cards .raised.card:hover,
.ui.link.raised.card:hover,
.ui.raised.cards a.card:hover,
a.ui.raised.card:hover {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.15), 0 2px 10px 0 rgba(34, 36, 38, 0.25);
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.15), 0 2px 10px 0 rgba(34, 36, 38, 0.25);
}
.ui.cards a.card:hover,
.ui.link.card:hover,
.ui.link.cards .card:not(.icon):hover,
a.ui.card:hover {
    cursor: pointer;
    background: #fff;
    border: 0;
    -webkit-box-shadow: 0 1px 3px 0 #bcbdbd, 0 0 0 1px #d4d4d5;
    box-shadow: 0 1px 3px 0 #bcbdbd, 0 0 0 1px #d4d4d5;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}
.ui.big.card {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.ui.big.card .content {
    padding: 1em 3em;
}
.ui.card:after,
.ui.cards:after {
    display: block;
    content: " ";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
section.subs-block {
    padding: 2rem 1rem;
}
section.subs-block .ui.cards .card {
    width: 264px;
    margin: 0.875em 1em;
    font-size: 0.9rem;
}
.bold {
    font-weight: 700;
}
.color-gray {
    color: #45525e;
}
.ui.ui.ui.blue.ribbon.label {
    border-color: #1a69a4;
}
.ui.card .image > .ui.ribbon.label,
.ui.image > .ui.ribbon.label {
    left: calc(0.05rem - 1.2em);
}
.ui.blue.labels .label,
.ui.ui.ui.blue.label {
    background-color: #2185d0;
    border-color: #2185d0;
    color: #fff;
}
.ui.card .image > .ribbon.label,
.ui.image > .ribbon.label {
    position: absolute;
    top: 1rem;
}
.ui.ribbon.label {
    left: calc(-1rem - 1.2em);
    padding-left: calc(1rem - -1.2em);
    padding-right: 1.2em;
    position: relative;
    margin: 0;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    border-radius: 0 0.28571429rem 0.28571429rem 0;
    border-color: rgba(0, 0, 0, 0.15);
}
.ui.label:first-child {
    margin-left: 0;
}
.ui.label,
.ui.labels .label {
    font-size: 0.85714286rem;
}
.ui.label {
    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
    margin: 0 0.14285714em;
    background-color: #e8e8e8;
    background-image: none;
    padding: 0.5833em 0.833em;
    color: rgba(0, 0, 0, 0.6);
    text-transform: none;
    font-weight: 700;
    border: 0 solid transparent;
    border-radius: 0.28571429rem;
    -webkit-transition: background 0.1s ease;
    transition: background 0.1s ease;
}
.ui.ribbon.label:after {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    background-color: transparent;
    border-style: solid;
    border-width: 0 1.2em 1.2em 0;
    border-color: transparent;
    border-right-color: inherit;
    width: 0;
    height: 0;
}
.ui.steps:not(.unstackable) {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.ui.steps {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: "";
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 1.14285714em;
    border-radius: 0.28571429rem;
    border: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.steps .step.active {
    cursor: auto;
    background: #f3f4f5;
}
.ui.steps .step:first-child {
    padding-left: 2em;
    border-radius: 0.28571429rem 0 0 0.28571429rem;
}
.ui.step,
.ui.steps .step {
    font-size: 1rem;
}
.ui.steps .step,
.ui.steps .step:after {
    -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
    transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
}
.ui.steps .step {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: 1.14285714em 2em;
    background: #fff;
    color: rgba(0, 0, 0, 0.87);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    border-right: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.steps .step.active {
    color: #123985;
    font-size: 32px;
}
.ui.steps .step.active .title {
    margin-top: 0;
    margin-bottom: 0;
}
.ui.steps .step > i {
    font-size: 32px;
}
.ui.steps .step .title {
    font-family: inherit;
    font-size: 32px;
    text-transform: uppercase;
    margin-top: 6px;
    font-weight: 700;
    margin-bottom: 5px;
}
.ui.steps .active.step:after {
    display: block;
}
.ui.steps .step.active:after {
    background: #f3f4f5;
}
.ui.steps .step:after {
    display: none;
    position: absolute;
    z-index: 2;
    content: "";
    top: 50%;
    right: 0;
    background-color: #fff;
    width: 1.14285714em;
    height: 1.14285714em;
    border-style: solid;
    border-color: rgba(34, 36, 38, 0.15);
    border-width: 0 1px 1px 0;
    -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
    transform: translateY(-50%) translateX(50%) rotate(-45deg);
}
.ui.steps .step:last-child {
    border-radius: 0 0.28571429rem 0.28571429rem 0;
    border-right: 0;
    margin-right: 0;
}
.ui.four.statistics {
    margin-top: 48px;
}
.ui.statistics {
    margin: 1em -1.5em -1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.ui.four.statistics .statistic {
    min-width: 25%;
    margin: 0 0 1em;
}
.ui.statistics > .statistic {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 1.5em 1em;
    max-width: none;
}
.ui.four.statistics .statistic .label,
.ui.four.statistics .statistic .value {
    font-family: inherit;
}
.ui.statistic > .label,
.ui.statistics .statistic > .label {
    font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.87);
    text-transform: uppercase;
    text-align: center;
}
.ui.statistic > .text.value,
.ui.statistics .statistic > .text.value {
    font-size: 2rem;
    line-height: 1em;
    min-height: 2em;
    font-weight: 700;
    text-align: center;
}
.ui.statistic > .label ~ .value,
.ui.statistics .statistic > .label ~ .value {
    margin-top: 0;
}
.ui.statistic > .value,
.ui.statistics .statistic > .value {
    font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 4rem;
    font-weight: 400;
    line-height: 1em;
    color: #1b1c1d;
    text-transform: uppercase;
    text-align: center;
}
.right.floated {
    float: right;
}
#svg #static g:not(.disabled):hover {
    opacity: 1;
}
#svg #static g:not(.disabled):hover line {
    opacity: 1 !important;
}
#svg {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    outline: 0 !important;
}
@media (max-width: 420px) {
    .ui.horizontal.cards > .card {
        width: auto;
    }
    .ui.horizontal.cards > .card .image {
        width: 50%;
    }
    .ui.horizontal.cards > .card .image .year {
        font-size: 1.5rem;
    }
    section.subs-block .ui.cards .card {
        margin: 1.5rem 0;
    }
}
.pdf-generator > div {
    max-width: 560px;
}
[x-cloak] {
    display: none !important;
}
@media (max-width: 1007px) {
    html {
        font-size: 12px;
    }
    #bg img {
        width: 28%;
    }
}
@media (max-width: 840px) {
    #main {
        flex-direction: column-reverse;
        text-align: center;
    }
    #main .current {
        margin: 1rem;
    }
    .page {
        height: auto;
    }
    #menu {
        padding: 0 2vh;
        margin-bottom: 4vh;
        justify-content: space-between;
    }
    #menu > div {
        width: auto;
    }
    .twins {
        flex-direction: column;
    }
    .twins > :not(:first-child) {
        margin-top: 2rem;
    }
    .twins > * {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .twins.center {
        align-items: center;
    }
    .image-bg-wrap {
        margin: 0.5rem 0 !important;
    }
    .column {
        max-width: 100%;
    }
}
@media (max-width: 420px) {
    html {
        font-size: 10px;
    }
    a.button,
    button {
        margin: 0;
    }
    .buttons {
        margin-bottom: 3rem;
    }
    #footer br,
    .no-mobile {
        display: none;
    }
    .basket-icon-data {
        min-width: 68px;
    }
    .slider {
        overflow: hidden;
    }
    .slider > a.right,
    .slider > button.right {
        right: -2rem;
        opacity: 0.5;
    }
    .slider > a.left,
    .slider > button.left {
        left: -2rem;
        opacity: 0.5;
    }
    .w-100vw {
        width: 100vw;
    }
    .min-w-100vw {
        min-width: 100vw;
    }
    .article {
        padding-left: 0;
        padding-right: 0;
    }
    .ui.big.card {
        width: 100%;
    }
}













.menu-item a i:before {
	margin: 0 !important;
}

.icon-user-circle-o:before {
	margin: 0 !important;
}

.woocommerce-info {
	border-top-color: #E5941F !important;
}

.woocommerce-info::before {
	color: #E5941F !important;
}


.link__ {
	text-decoration: underline;
	color: #E5941F;
}

.cart__ {
	padding-bottom: 40px;
}