@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap");

body {
    background: #f9f9f9;
    display: flex;
    flex-direction: column;
    font-family: Work Sans, sans-serif;
    height: 100%;
    justify-content: space-between;
    min-height: 100vh;
    position: relative
}

body.no-js .intro {
    opacity: 1;
    transform: none
}

body .intro {
    opacity: 0;
    transform: translateY(-20px)
}

body.no-scroll {
    overflow: hidden;
    padding-right: 17px
}

body .btn.btn-default {
    border-radius: 0;
    padding: 0
}

body .btn .btn-inner {
    align-items: center;
    display: flex
}

body .btn .inner-icon {
    height: 20px;
    margin-right: 10px;
    width: 20px
}

body .btn .inner-text {
    color: inherit;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .6px;
    text-transform: uppercase
}

body .btn.pulse-animate {
    position: relative
}

body .btn.pulse-animate:after {
    animation: pulse-dot 5s cubic-bezier(.455, .03, .515, .955) -.4s infinite;
    background-color: #c31432;
    border-radius: 15px;
    content: "";
    display: block;
    filter: blur(2px);
    height: 20px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(.8);
    width: 20px
}

@keyframes pulse-dot {
    40% {
        opacity: 0;
        transform: scale(.8)
    }
    50% {
        opacity: .3;
        transform: scale(1)
    }
    60% {
        opacity: 0;
        transform: scale(2)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

body .btn-border {
    border: 1px solid #000;
    border-radius: 2px;
    padding: 10px 30px
}

body .btn-border, body .btn-empty {
    background: none;
    color: #000;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .6px;
    outline: none;
    text-transform: uppercase
}

body .btn-empty {
    border: none;
    padding: 0;
    transition: all .4s
}

body .btn-empty.btn-icon {
    align-items: center;
    display: flex;
    transition: all .4s
}

body .btn-empty.btn-icon svg {
    fill: #000;
    height: 15px;
    margin-right: 10px;
    max-width: 15px;
    min-width: 15px
}

body .btn-empty.btn-icon span {
    white-space: nowrap
}

body .btn-empty:hover {
    text-decoration: underline
}

body .btn-fill {
    background: #000;
    border: 1px solid #000;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .6px;
    outline: none;
    padding: 10px 30px;
    text-transform: uppercase
}

body .btn-fill.btn-icon {
    align-items: center;
    display: flex;
    transition: all .4s
}

body .btn-fill.btn-icon svg {
    fill: #fff;
    height: 15px;
    margin-right: 10px;
    max-width: 15px;
    min-width: 15px
}

body .btn-fill.btn-icon span {
    white-space: nowrap
}

body .btn-border.btn-small, body .btn-empty.btn-small, body .btn-fill.btn-small {
    padding: 5px 20px
}

body .btn-border.loading, body .btn-empty.loading, body .btn-fill.loading {
    pointer-events: none;
    position: relative
}

body .btn-border.loading:before, body .btn-empty.loading:before, body .btn-fill.loading:before {
    background: #fff;
    content: "";
    filter: blur(1px);
    height: 120%;
    left: -5%;
    opacity: .85;
    position: absolute;
    top: -10%;
    width: 110%
}

body .btn-border.loading:after, body .btn-empty.loading:after, body .btn-fill.loading:after {
    animation: loader-rotate 4s cubic-bezier(.455, .03, .515, .955) infinite;
    background: url(../img/icons/loading.svg) 50%;
    background-size: cover;
    content: "";
    height: 18px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 18px
}

@keyframes loader-rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0deg)
    }
    to {
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

body h1, body h2, body h3, body h4, body h5, body h6, body ol, body p, body ul {
    margin: 0;
    padding: 0
}

body a {
    text-decoration: none
}

.return-to-top {
    align-items: center;
    border-radius: 3px;
    bottom: 15px;
    display: flex;
    height: 40px;
    justify-content: center;
    opacity: 0;
    position: fixed;
    right: 15px;
    transition: all .3s;
    transition: all .4s;
    visibility: hidden;
    width: 40px;
    z-index: 333
}

.return-to-top img, .return-to-top svg {
    height: 35%;
    width: 35%
}

.return-to-top svg {
    fill: #fff;
    transform: rotate(-90deg)
}

.return-to-top.active {
    opacity: 1;
    visibility: visible
}

.demo-label {
    background: rgba(0, 0, 0, .7);
    border-radius: 2px;
    bottom: 20px;
    left: 50%;
    opacity: .5;
    padding: 10px 20px;
    position: fixed;
    text-align: center;
    transform: translateX(-50%);
    transition: all .4s;
    z-index: 1001
}

.demo-label .label-heading {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px
}

.demo-label .btn-fill {
    border-radius: 30px;
    font-size: 12px;
    margin-top: 10px
}

.demo-label:hover {
    opacity: 1
}

.theme-settings {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    bottom: 15px;
    left: 15px;
    opacity: .5;
    overflow: hidden;
    position: fixed;
    z-index: 333
}

.theme-settings, .theme-settings .settings-button {
    align-items: center;
    display: flex;
    max-width: 40px;
    transition: all .5s
}

.theme-settings .settings-button {
    background: #e9e9e9;
    border: none;
    border-radius: 3px;
    height: 40px;
    justify-content: center;
    min-width: 40px;
    outline: none;
    padding: 0
}

.theme-settings .settings-button img, .theme-settings .settings-button svg {
    height: 35%;
    width: 35%
}

.theme-settings .settings-inner {
    align-items: center;
    display: flex
}

.theme-settings .settings-inner .inner-button {
    align-items: center;
    background: #e9e9e9;
    border: none;
    border-radius: 3px;
    display: flex;
    font-size: 14px;
    height: 40px;
    justify-content: center;
    max-width: 40px;
    min-width: 40px;
    outline: none;
    padding: 0;
    transition: all .5s
}

.theme-settings .settings-inner .inner-button img, .theme-settings .settings-inner .inner-button svg {
    height: 35%;
    width: 35%
}

.theme-settings .settings-inner .inner-button.background-default {
    color: #fff
}

.theme-settings .settings-inner .inner-button.background-default.button-refresh {
    background: #e9e9e9 !important
}

.theme-settings .settings-inner .inner-button + .inner-button {
    margin-left: 2px
}

.theme-settings.active {
    border-color: #eee;
    max-width: 320px;
    opacity: 1;
    padding: 5px
}

.theme-settings.active .settings-button {
    background: #fff
}

.toast-container {
    bottom: 40px;
    position: fixed;
    right: 40px;
    z-index: 999
}

.toast-container .toast {
    border: none;
    bottom: 0;
    left: 0;
    position: relative;
    z-index: 999
}

.toast-container .toast .toast-header {
    border-radius: 2px 2px 0 0
}

.toast-container .toast .toast-header.success {
    background: #6b8e23
}

.toast-container .toast .toast-header.warning {
    background: crimson
}

.toast-container .toast .toast-body {
    background: #fff;
    border-radius: 0 0 2px 2px
}

.modal-service-wrapper {
    background: rgba(0, 0, 0, .5);
    height: 100%;
    left: 0;
    opacity: 0;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    transition: all .3s;
    visibility: hidden;
    width: 100%;
    z-index: -1
}

.modal-service-wrapper.active {
    opacity: 1;
    visibility: visible;
    z-index: 2222
}

.modal-service-wrapper .modal-service {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 100%;
    padding: 50px 150px;
    position: relative
}

.modal-service-wrapper .modal-service .service-inner {
    background: #fff;
    height: 100%;
    padding: 50px;
    position: relative;
    width: 100%
}

.modal-service-wrapper .modal-service .service-inner .service-button {
    background: none;
    background: #fff;
    border: .5px solid #ccc;
    border-radius: 3px;
    outline: none;
    padding: 25px 20px 28px;
    position: absolute;
    right: 15px;
    top: 30px;
    z-index: 111
}

.modal-service-wrapper .modal-service .service-inner .service-button .button-inner {
    position: relative
}

.modal-service-wrapper .modal-service .service-inner .service-button .button-inner .button-bar {
    background: #000;
    display: block;
    height: 2px;
    transition: all .2s;
    width: 22px
}

.modal-service-wrapper .modal-service .service-inner .service-button .button-inner .button-bar:first-child {
    transform: rotate(45deg) translateY(2.5px) translateX(2.5px)
}

.modal-service-wrapper .modal-service .service-inner .service-button .button-inner .button-bar:nth-child(2) {
    opacity: 0
}

.modal-service-wrapper .modal-service .service-inner .service-button .button-inner .button-bar:nth-child(3) {
    transform: rotate(-45deg)
}

.modal-service-wrapper.full-width .modal-service, .modal-service-wrapper.full-width .modal-service .service-inner {
    padding: 0
}

.modal-service-wrapper.full-width .modal-service .service-inner .service-map {
    min-height: 100vh;
    position: relative
}

.modal-service-wrapper.full-width .modal-service .service-inner .service-map .easypack-widget {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.modal-service-wrapper.full-width .modal-service .service-inner .service-map .easypack-widget .easypack-search-widget .search-group {
    padding-right: 100px
}

.modal-service-wrapper.full-width .modal-service .service-inner .service-map .easypack-widget .map-list-row {
    height: 100%;
    min-height: 400px
}

.alert-wrapper {
    left: 0;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2222
}

.alert-wrapper .alert {
    border-radius: 0;
    box-shadow: 5px 10px 35px 0 rgba(0, 0, 0, .15);
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 5%;
    max-width: 90%;
    text-align: center
}

.alert-wrapper .alert button {
    background: url(../img/icons/close.svg) 50%;
    background-repeat: no-repeat;
    background-size: 40%;
    box-shadow: none;
    height: 15px;
    opacity: 1;
    outline: none;
    padding: 10px;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px
}

.breadcrumb-wrapper {
    margin: 0;
    padding: 0 0 30px;
    transition: all .4s
}

.breadcrumb-wrapper .breadcrumb {
    background: none;
    border-radius: 0;
    display: flex;
    margin-bottom: 0;
    padding: 0
}

.breadcrumb-wrapper .breadcrumb .breadcrumb-item {
    color: #999;
    font-size: 12px;
    font-weight: 400
}

.breadcrumb-wrapper .breadcrumb .breadcrumb-item a {
    transition: all .4s
}

.breadcrumb-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
    font-weight: 200
}

.input-service {
    margin-top: 15px
}

.input-service label {
    color: #000;
    font-size: 12px;
    font-size: 11px;
    font-weight: 500;
    font-weight: 400;
    letter-spacing: .6px;
    padding-left: 15px;
    text-align: left;
    text-transform: uppercase;
    text-transform: none;
    width: 100%
}

.input-service input, .input-service textarea {
    background: #fff;
    border: 1px solid #000;
    border-radius: 50px;
    display: block;
    height: 45px;
    padding: 10px 20px;
    transition: all .4s;
    width: 100%
}

.input-service input:focus, .input-service textarea:focus {
    background: #f1fbf4;
    box-shadow: none;
    outline: none
}

.input-service input.warning, .input-service textarea.warning {
    box-shadow: none
}

.input-service .input-alert {
    color: #dc3545;
    font-size: 11px;
    margin-top: 7px;
    padding-left: 15px
}

.input-service .value {
    color: #000;
    font-size: 15px;
    text-align: left
}

.input-service .textarea-value {
    background: #f9f9f9;
    border-radius: 2px;
    color: #000;
    font-size: 14px;
    font-weight: 300;
    padding: 15px
}

.input-service textarea {
    border-radius: 5px;
    height: 150px
}

.input-service.loading {
    pointer-events: none;
    position: relative
}

.input-service.loading:before {
    background: #fff;
    content: "";
    filter: blur(1px);
    height: 105%;
    left: -2.5%;
    opacity: .85;
    position: absolute;
    top: -2.5%;
    width: 105%
}

.input-service.loading:after {
    animation: loader-rotate 4s cubic-bezier(.455, .03, .515, .955) infinite;
    background: url(../img/icons/loading.svg) 50%;
    background-size: cover;
    content: "";
    height: 18px;
    left: 50%;
    position: absolute;
    top: 68%;
    transform: translate(-50%, -50%);
    width: 18px
}

.checkbox-wrapper {
    cursor: pointer;
    display: block;
    margin: 0
}

.checkbox-wrapper .radio-box {
    color: #000;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .5px;
    text-align: left;
    transition: all .3s
}

.checkbox-wrapper .radio-box a {
    text-decoration: underline
}

.checkbox-wrapper .radio-box .box-square {
    border: 2px solid #999;
    content: "";
    display: block;
    height: 12px;
    margin-right: 10px;
    margin-top: 3px;
    max-width: 12px;
    min-width: 12px;
    transition: all .3s
}

.checkbox-wrapper input {
    position: absolute;
    visibility: hidden;
    width: auto !important
}

.checkbox-wrapper.checkbox-alert .radio-box {
    color: #dc3545
}

.checkbox-wrapper.checkbox-alert .radio-box .box-square {
    border-color: #dc3545
}

.select-wrapper {
    border: 1px solid #999;
    border-radius: 30px;
    overflow: hidden;
    position: relative
}

.select-wrapper select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    border: none;
    border-radius: 50px;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-size: 11px;
    font-weight: 500;
    font-weight: 400;
    height: auto;
    letter-spacing: .6px;
    outline: none;
    padding: 6px 100px 5px 15px;
    text-transform: uppercase;
    width: 100%
}

.select-wrapper svg {
    fill: #000;
    height: 6px;
    max-width: 6px;
    min-width: 6px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg)
}

.products-flexbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.products-flexbox .product-service {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 3.5%;
    position: relative;
    transition: all .4s;
    width: 23.5%
}

.products-flexbox .product-service .badge-wrapper {
    left: 7px;
    position: absolute;
    top: 7px;
    width: 100%;
    z-index: 111
}

.products-flexbox .product-service .badge-wrapper .badge {
    align-items: center;
    border-radius: 2px;
    color: #fff;
    display: flex;
    font-size: 10px;
    height: 25px;
    justify-content: center;
    margin-bottom: 6px;
    text-align: center;
    width: 90px
}

.products-flexbox .product-service .badge-wrapper .badge.promotion {
    background: tomato;
    display: none
}

.products-flexbox .product-service .badge-wrapper .badge.new {
    background: #6b8e23;
    display: none
}

.products-flexbox .product-service .badge-wrapper .badge.bestseller {
    background: #1e90ff;
    display: none
}

.products-flexbox .product-service .badge-wrapper .badge.sale {
    background: crimson;
    display: none
}

.products-flexbox .product-service .badge-wrapper .badge.own {
    background: #ef7b0a;
    display: none
}

.products-flexbox .product-service .service-favorite {
    background: #fff;
    border: none;
    border-radius: 2px;
    display: flex;
    outline: none;
    padding: 5px;
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: 222
}

.products-flexbox .product-service .service-favorite svg {
    height: 15px;
    transition: all .4s;
    width: 15px
}

.products-flexbox .product-service .service-favorite svg path {
    transition: all .4s
}

.products-flexbox .product-service .service-favorite svg path:first-child {
    fill: #fff
}

.products-flexbox .product-service .service-favorite.checked svg path:first-child, .products-flexbox .product-service .service-favorite:hover svg path:first-child {
    fill: #e9b9b9
}

.products-flexbox .product-service .service-image-wrapper {
    background: #f3f3f3;
    display: block;
    padding-top: 160%;
    position: relative;
    transition: all .4s;
    width: 100%
}

.products-flexbox .product-service .service-image-wrapper .image-cover {
    align-items: center;
    background: rgba(0, 0, 0, .2);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .4s;
    width: 100%;
    z-index: 121
}

.products-flexbox .product-service .service-image-wrapper .image-cover .cover-inner {
    align-items: center;
    display: flex;
    height: 43px;
    justify-content: center;
    width: 43px
}

.products-flexbox .product-service .service-image-wrapper .image-cover .cover-inner img {
    height: 16px;
    width: 16px
}

.products-flexbox .product-service .service-image-wrapper .service-image {
    align-items: center;
    display: flex;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.products-flexbox .product-service .service-image-wrapper .service-image img {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    transition: opacity .4s ease-in-out;
    width: 100%
}

.products-flexbox .product-service .service-image-wrapper .service-image .image-hover {
    opacity: 0
}

.products-flexbox .product-service .service-image-wrapper.square {
    padding-top: 100%
}

.products-flexbox .product-service .service-image-wrapper.cover .service-image img {
    -o-object-fit: cover;
    object-fit: cover
}

.products-flexbox .product-service .service-image-wrapper:hover .image-hover {
    opacity: 1;
    transition: opacity .4s ease-in-out
}

.products-flexbox .product-service .info {
    color: #000;
    display: block;
    font-size: 12px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .6px;
    text-align: center;
    text-transform: uppercase
}

.products-flexbox .product-service .info.list-view {
    display: none
}

.products-flexbox .product-service .name {
    color: #000;
    display: block;
    font-size: 14.5px;
    font-weight: 500;
    margin-top: 15px;
    text-align: center;
    transition: all .4s
}

.products-flexbox .product-service .name.list-view {
    display: none
}

.products-flexbox .product-service .price {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.5px;
    margin-top: 10px;
    text-align: center
}

.products-flexbox .product-service .price small {
    color: #999;
    display: none;
    font-size: 18px;
    font-weight: 400;
    margin-right: 7px;
    position: relative
}

.products-flexbox .product-service .price small:after {
    background: #666;
    content: "";
    height: .5px;
    left: 1px;
    position: absolute;
    top: 50%;
    width: 100%
}

.products-flexbox .product-service .price span {
    color: #999;
    font-size: 12px;
    font-weight: 400
}

.products-flexbox .product-service.promotion .promotion {
    display: flex !important
}

.products-flexbox .product-service.promotion .price {
    color: tomato
}

.products-flexbox .product-service.promotion .price small {
    display: inline-block
}

.products-flexbox .product-service.bestseller .bestseller, .products-flexbox .product-service.new .new, .products-flexbox .product-service.own .own, .products-flexbox .product-service.sale .sale {
    display: flex !important
}

.products-flexbox .product-service:hover .service-image-wrapper .image-cover {
    opacity: 1
}

.products-flexbox .product-service:hover .name {
    text-decoration-color: #000 !important;
    text-decoration-line: underline !important;
    text-decoration-style: solid !important;
    text-decoration-thickness: .5px !important
}

.products-flexbox .product-service.service-hidden {
    border: none !important;
    margin: 0 !important;
    opacity: 0;
    padding: 0 !important;
    visibility: hidden
}

.products-flexbox.loading {
    pointer-events: none;
    position: relative
}

.products-flexbox.loading:before {
    background: #fff;
    content: "";
    filter: blur(1px);
    height: 100%;
    left: 0;
    opacity: .85;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999
}

.products-flexbox.loading:after {
    animation: loader-rotate 4s cubic-bezier(.455, .03, .515, .955) infinite;
    background: url(../img/icons/loading.svg) 50%;
    background-size: cover;
    bottom: 50px;
    content: "";
    height: 40px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 40px;
    z-index: 999
}

.products-flexbox.grid-list .product-service {
    flex-direction: row;
    justify-content: flex-start;
    width: 100% !important
}

.products-flexbox.grid-list .product-service header {
    margin-right: 15px;
    min-width: 17%
}

.products-flexbox.grid-list .product-service .info {
    margin-top: 0;
    text-align: left
}

.products-flexbox.grid-list .product-service .info.grid-view {
    display: none
}

.products-flexbox.grid-list .product-service .info.list-view {
    display: block
}

.products-flexbox.grid-list .product-service .name {
    margin-top: 0;
    text-align: left
}

.products-flexbox.grid-list .product-service .name.grid-view {
    display: none
}

.products-flexbox.grid-list .product-service .name.list-view {
    display: block;
    padding-right: 50px
}

.products-flexbox.grid-list .product-service .price {
    text-align: left
}

.products-flexbox.grid-list .product-service:not(:first-child) {
    margin-top: 30px
}

.categories-flexbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.categories-flexbox .category-service {
    margin-top: 3.5%;
    transition: all .4s;
    width: 31%
}

.categories-flexbox .category-service .service-image-wrapper {
    background: #f3f3f3;
    display: block;
    padding-top: 160%;
    position: relative;
    transition: all .4s;
    width: 100%
}

.categories-flexbox .category-service .service-image-wrapper .image-cover {
    align-items: center;
    background: rgba(0, 0, 0, .2);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .4s;
    width: 100%;
    z-index: 121
}

.categories-flexbox .category-service .service-image-wrapper .image-cover .cover-inner {
    align-items: center;
    display: flex;
    height: 43px;
    justify-content: center;
    width: 43px
}

.categories-flexbox .category-service .service-image-wrapper .image-cover .cover-inner img {
    height: 16px;
    width: 16px
}

.categories-flexbox .category-service .service-image-wrapper .service-image {
    align-items: center;
    display: flex;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.categories-flexbox .category-service .service-image-wrapper .service-image img {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.categories-flexbox .category-service .service-image-wrapper.square {
    padding-top: 100%
}

.categories-flexbox .category-service .service-image-wrapper.cover .service-image img {
    -o-object-fit: cover;
    object-fit: cover
}

.categories-flexbox .category-service .name {
    color: #000;
    display: block;
    font-size: 14.5px;
    font-weight: 500;
    margin-top: 15px;
    text-align: center;
    transition: all .4s
}

.categories-flexbox .category-service:hover .service-image-wrapper .image-cover {
    opacity: 1
}

.categories-flexbox .category-service:hover .name {
    text-decoration-color: #000 !important;
    text-decoration-line: underline !important;
    text-decoration-style: solid !important;
    text-decoration-thickness: .5px !important
}

.categories-flexbox .category-service.service-hidden {
    border: none !important;
    margin: 0 !important;
    opacity: 0;
    padding: 0 !important;
    visibility: hidden
}

.categories-flexbox.loading {
    pointer-events: none;
    position: relative
}

.categories-flexbox.loading:before {
    background: #fff;
    content: "";
    filter: blur(1px);
    height: 100%;
    left: 0;
    opacity: .85;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999
}

.categories-flexbox.loading:after {
    animation: loader-rotate 4s cubic-bezier(.455, .03, .515, .955) infinite;
    background: url(../img/icons/loading.svg) 50%;
    background-size: cover;
    bottom: 50px;
    content: "";
    height: 40px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 40px;
    z-index: 999
}

.news-flexbox {
    flex-wrap: wrap
}

.news-flexbox, .news-flexbox .news-service {
    display: flex;
    justify-content: space-between
}

.news-flexbox .news-service {
    flex-direction: column;
    margin-top: 3.5%;
    position: relative;
    transition: all .4s;
    width: 31%
}

.news-flexbox .news-service .service-image-wrapper {
    background: #f3f3f3;
    display: block;
    padding-top: 100%;
    position: relative;
    transition: all .4s;
    width: 100%
}

.news-flexbox .news-service .service-image-wrapper .image-cover {
    align-items: center;
    background: rgba(0, 0, 0, .2);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .4s;
    width: 100%;
    z-index: 121
}

.news-flexbox .news-service .service-image-wrapper .image-cover .cover-inner {
    align-items: center;
    display: flex;
    height: 43px;
    justify-content: center;
    width: 43px
}

.news-flexbox .news-service .service-image-wrapper .image-cover .cover-inner img {
    height: 16px;
    width: 16px
}

.news-flexbox .news-service .service-image-wrapper .service-image {
    align-items: center;
    display: flex;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.news-flexbox .news-service .service-image-wrapper .service-image img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.news-flexbox .news-service .date {
    color: #000;
    display: block;
    font-size: 12px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .6px;
    margin-top: 15px;
    text-transform: uppercase
}

.news-flexbox .news-service .date.list-view {
    display: none
}

.news-flexbox .news-service .name {
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-top: 3px;
    padding-right: 20px;
    transition: all .4s
}

.news-flexbox .news-service .name.list-view {
    display: none
}

.news-flexbox .news-service:hover .service-image-wrapper .image-cover {
    opacity: 1
}

.news-flexbox .news-service:hover .name {
    text-decoration-color: #000 !important;
    text-decoration-line: underline !important;
    text-decoration-style: solid !important;
    text-decoration-thickness: .5px !important
}

.news-flexbox .news-service.service-hidden {
    border: none !important;
    margin: 0 !important;
    opacity: 0;
    padding: 0 !important;
    visibility: hidden
}

.body-wrapper {
    transition: all .4s
}

.body-wrapper.active {
    filter: blur(5px);
    transform: translateX(-620px)
}

.header-live {
    transition: all .4s
}

.header-live .alert {
    background: #000;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    text-align: center
}

.header-live .alert .alert-inner {
    color: #fff;
    font-size: 9.2px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 7px 25px;
    position: relative;
    text-transform: uppercase
}

.header-live .alert .alert-inner .btn-close {
    background: none;
    border: none;
    box-shadow: none;
    cursor: pointer;
    height: 12px;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .4s;
    width: 12px
}

.header-live .alert .alert-inner .btn-close span {
    background: #fff;
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 12px
}

.header-live .alert .alert-inner .btn-close span:first-child {
    transform: rotate(45deg) translateY(-50%)
}

.header-live .alert .alert-inner .btn-close span:nth-child(2) {
    transform: rotate(-45deg) translateY(-50%)
}

.header-live .alert .alert-inner .btn-close:after {
    content: none
}

.header-bag-sidebar {
    background: rgba(0, 0, 0, .2);
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: all .4s;
    visibility: hidden;
    width: 100%;
    z-index: -1
}

.header-bag-sidebar .sidebar-service {
    background: #fff;
    box-shadow: -10px 5px 35px 0 rgba(0, 0, 0, .15);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: all .4s
}

.header-bag-sidebar .sidebar-service .service-heading {
    color: #000;
    display: flex;
    justify-content: space-between;
    min-height: 116px;
    padding: 40px
}

.header-bag-sidebar .sidebar-service .service-heading .heading {
    font-size: 24px;
    font-weight: 400;
    line-height: 28px
}

.header-bag-sidebar .sidebar-service .service-heading .delivery {
    font-size: 13px;
    line-height: 18px;
    text-align: right
}

.header-bag-sidebar .sidebar-service .service-inner {
    max-height: calc(100% - 285px);
    padding: 0 40px 40px;
    width: 620px
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    position: relative;
    transition: all .4s
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service-loader {
    background: hsla(0, 0%, 96%, .8);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 222
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service-loader .loader-image {
    background: #fff;
    border-radius: 50%;
    box-shadow: 3px 8px 20px 0 rgba(0, 0, 0, .2);
    display: inline-block;
    height: 90px;
    left: 50%;
    padding: 5px 0 0 5px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(.5);
    width: 90px
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service-loader .loader-image div {
    animation: loader-image 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    transform-origin: 40px 40px
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service-loader .loader-image div:after {
    background: #000;
    border-radius: 50%;
    content: " ";
    display: block;
    height: 7px;
    margin: -4px 0 0 -4px;
    position: absolute;
    width: 7px
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service-loader .loader-image div:first-child {
    animation-delay: -36ms
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service-loader .loader-image div:first-child:after {
    left: 63px;
    top: 63px
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service-loader .loader-image div:nth-child(2) {
    animation-delay: -72ms
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service-loader .loader-image div:nth-child(2):after {
    left: 56px;
    top: 68px
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service-loader .loader-image div:nth-child(3) {
    animation-delay: -.108s
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service-loader .loader-image div:nth-child(3):after {
    left: 48px;
    top: 71px
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service-loader .loader-image div:nth-child(4) {
    animation-delay: -.144s
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service-loader .loader-image div:nth-child(4):after {
    left: 40px;
    top: 72px
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service-loader .loader-image div:nth-child(5) {
    animation-delay: -.18s
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service-loader .loader-image div:nth-child(5):after {
    left: 32px;
    top: 71px
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service-loader .loader-image div:nth-child(6) {
    animation-delay: -.216s
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service-loader .loader-image div:nth-child(6):after {
    left: 24px;
    top: 68px
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service-loader .loader-image div:nth-child(7) {
    animation-delay: -.252s
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service-loader .loader-image div:nth-child(7):after {
    left: 17px;
    top: 63px
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service-loader .loader-image div:nth-child(8) {
    animation-delay: -.288s
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service-loader .loader-image div:nth-child(8):after {
    left: 12px;
    top: 56px
}

@keyframes loader-image {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service-loader.hidden {
    display: none
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service {
    align-items: center;
    display: flex;
    width: 100%
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-image-wrapper {
    background: #f3f3f3;
    border: none;
    display: block;
    max-width: 95px;
    min-width: 95px;
    outline: none;
    padding-top: 152px;
    position: relative;
    transition: all .4s
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-image-wrapper .service-image {
    align-items: center;
    display: flex;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-image-wrapper .service-image img {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-image-wrapper.square {
    padding-top: 95px
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-image-wrapper.cover .service-image img {
    -o-object-fit: cover;
    object-fit: cover
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-name {
    padding-left: 20px;
    width: 100%
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-name .info {
    background: none;
    border: none;
    color: #000;
    display: block;
    font-size: 12px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .6px;
    letter-spacing: 0;
    margin-top: 10px;
    outline: none;
    padding: 0;
    text-align: left;
    text-transform: uppercase
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-name .info + .info {
    margin-top: 0
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-name .name {
    background: none;
    border: none;
    color: #000;
    display: block;
    font-size: 13px;
    font-weight: 500;
    outline: none;
    padding: 0;
    text-align: left;
    transition: all .4s
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .breakpoint {
    display: none
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .price {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -.5px;
    margin-left: 100px;
    max-width: 75px;
    min-width: 75px
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .price span {
    color: #999;
    font-size: 11px;
    font-weight: 400
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity {
    align-self: center;
    display: flex;
    margin-left: 20px;
    max-width: 80px;
    min-width: 80px
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity .input-number {
    background: none;
    border: none;
    border-radius: 0;
    margin: 0;
    outline: none;
    padding: 0;
    text-align: center;
    width: 35px
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity .input-number, .header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity .input-number-decrement, .header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity .input-number-increment {
    height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity .input-number-decrement, .header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity .input-number-increment {
    align-items: center;
    background: #f3f3f3;
    border: none;
    border-radius: 2px;
    color: #000;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    justify-content: center;
    min-width: 20px;
    outline: none;
    text-align: center;
    transition: background .4s
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity .input-number-decrement:active, .header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity .input-number-increment:active {
    background: #000;
    color: #fff
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity input[type=number]::-webkit-inner-spin-button, .header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity input[type=number]::-webkit-outer-spin-button {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity input[type=number] {
    -moz-appearance: textfield
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity + .price {
    margin-left: 20px
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity.loading {
    pointer-events: none;
    position: relative
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity.loading:before {
    background: #fff;
    content: "";
    filter: blur(1px);
    height: 100%;
    left: 0;
    opacity: .85;
    position: absolute;
    top: 0;
    width: 100%
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity.loading:after {
    animation: loader-rotate 4s cubic-bezier(.455, .03, .515, .955) infinite;
    background: url(../img/icons/loading.svg) 50%;
    background-size: cover;
    content: "";
    height: 18px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 18px
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-delete {
    background: none;
    border: none;
    display: flex;
    margin-left: 20px;
    max-width: 15px;
    min-width: 15px;
    outline: none;
    padding: 0
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-delete svg {
    width: 100%
}

.header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper:hover .name {
    text-decoration-color: #000 !important;
    text-decoration-line: underline !important;
    text-decoration-style: solid !important;
    text-decoration-thickness: .5px !important
}

.header-bag-sidebar .sidebar-service .service-menu-wrapper {
    background: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .6s;
    width: 100%;
    z-index: 222
}

.header-bag-sidebar .sidebar-service .service-menu-wrapper.hidden {
    transform: translateX(100%);
    z-index: 1
}

.header-bag-sidebar .sidebar-service .service-menu-wrapper + .service-menu-wrapper {
    z-index: 444
}

.header-bag-sidebar .sidebar-service .service-menu {
    max-height: 100%
}

.header-bag-sidebar .sidebar-service .service-menu .backlink {
    background: none;
    border: none;
    display: block;
    outline: none;
    padding: 15px 20px;
    width: 100%
}

.header-bag-sidebar .sidebar-service .service-menu .backlink .backlink-inner {
    align-items: center;
    display: flex
}

.header-bag-sidebar .sidebar-service .service-menu .backlink .backlink-inner span {
    color: #000;
    font-size: 15px;
    font-weight: 500
}

.header-bag-sidebar .sidebar-service .service-menu .backlink .backlink-inner img {
    height: 10px;
    margin-right: 15px;
    transform: rotate(180deg)
}

.header-bag-sidebar .sidebar-service .service-menu .backlink.backlink-close {
    background: #fff;
    left: 0;
    position: absolute;
    top: 0
}

.header-bag-sidebar .sidebar-service .service-menu .backlink.backlink-close.hidden {
    display: none
}

.header-bag-sidebar .sidebar-service .service-menu .menu-filters-button {
    align-items: center;
    background: none;
    border: none;
    border-top: 45px solid #f1f1f1;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    justify-content: center;
    outline: none;
    padding: 15px 20px;
    width: 100%
}

.header-bag-sidebar .sidebar-service .service-menu .menu-filters-button svg {
    fill: #000;
    height: 14px;
    margin-right: 10px;
    max-width: 14px;
    min-width: 14px
}

.header-bag-sidebar .sidebar-service .service-menu .menu-filters-button span {
    color: #000;
    font-size: 18px;
    font-weight: 500
}

.header-bag-sidebar .sidebar-service .service-menu .menu-filters-button.hidden {
    display: none
}

.header-bag-sidebar .sidebar-service .service-menu .menu-heading {
    border-top: 45px solid #f1f1f1;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 15px 20px;
    text-align: center
}

.header-bag-sidebar .sidebar-service .service-menu .menu-currency-languages {
    border-top: 45px solid #f1f1f1
}

.header-bag-sidebar .sidebar-service .service-menu .menu-currency-languages .currency-languages-wrapper {
    align-items: center;
    display: flex;
    padding: 15px 50px 15px 20px
}

.header-bag-sidebar .sidebar-service .service-menu .menu-currency-languages .currency-languages-wrapper .icon {
    fill: #000;
    height: 20px;
    margin-right: 20px;
    max-width: 20px;
    min-width: 20px
}

.header-bag-sidebar .sidebar-service .service-menu .menu-currency-languages .currency-languages-wrapper ul {
    align-items: center;
    display: flex
}

.header-bag-sidebar .sidebar-service .service-menu .menu-currency-languages .currency-languages-wrapper ul li button {
    background: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    outline: none;
    padding: 0 6px 1px
}

.header-bag-sidebar .sidebar-service .service-menu .menu-currency-languages .currency-languages-wrapper ul li button img {
    height: 24px;
    width: 24px
}

.header-bag-sidebar .sidebar-service .service-menu .menu-currency-languages .currency-languages-wrapper ul li button span {
    color: #000;
    font-size: 14px;
    font-weight: 500
}

.header-bag-sidebar .sidebar-service .service-menu .menu-currency-languages .currency-languages-wrapper ul li + li {
    margin-left: 5px
}

.header-bag-sidebar .sidebar-service .service-menu .menu-currency-languages .currency-languages-wrapper + .currency-languages-wrapper {
    border-top: .5px solid #ccc
}

.header-bag-sidebar .sidebar-service .service-menu .menu-list {
    border-top: 45px solid #f1f1f1;
    list-style: none
}

.header-bag-sidebar .sidebar-service .service-menu .menu-list li a, .header-bag-sidebar .sidebar-service .service-menu .menu-list li button {
    align-items: center;
    background: none;
    border: none;
    display: flex;
    outline: none;
    padding: 15px 50px 15px 20px;
    position: relative;
    width: 100%
}

.header-bag-sidebar .sidebar-service .service-menu .menu-list li a .icon, .header-bag-sidebar .sidebar-service .service-menu .menu-list li button .icon {
    fill: #000;
    height: 20px;
    margin-right: 10px;
    max-width: 20px;
    min-width: 20px
}

.header-bag-sidebar .sidebar-service .service-menu .menu-list li a span, .header-bag-sidebar .sidebar-service .service-menu .menu-list li button span {
    color: #000;
    font-size: 15px;
    font-weight: 500
}

.header-bag-sidebar .sidebar-service .service-menu .menu-list li a.has-child:after, .header-bag-sidebar .sidebar-service .service-menu .menu-list li button.has-child:after {
    background: url(../img/icons/right-chevron.svg) 50%;
    background-size: cover;
    content: "";
    height: 10px;
    max-width: 10px;
    min-width: 10px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.header-bag-sidebar .sidebar-service .service-menu .menu-list li a.background-default .icon, .header-bag-sidebar .sidebar-service .service-menu .menu-list li button.background-default .icon {
    fill: #fff
}

.header-bag-sidebar .sidebar-service .service-menu .menu-list li a.background-default span, .header-bag-sidebar .sidebar-service .service-menu .menu-list li button.background-default span {
    color: #fff
}

.header-bag-sidebar .sidebar-service .service-menu .menu-list li:not(:last-child) {
    border-bottom: .5px solid #ccc
}

.header-bag-sidebar .sidebar-service .service-menu .menu-filters-button:not(.hidden) + .menu-heading {
    border-top: none
}

.header-bag-sidebar .sidebar-service .service-menu .menu-heading + .menu-list {
    border-top: .5px solid #ccc
}

.header-bag-sidebar .sidebar-service .service-menu .category-nav-wrapper {
    border-top: 45px solid #f1f1f1;
    padding: 20px
}

.header-bag-sidebar .sidebar-service .service-menu .category-nav-wrapper .filter-nav {
    margin-top: 0
}

.header-bag-sidebar .sidebar-service .service-menu .category-nav-wrapper .filter-nav .heading {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px
}

.header-bag-sidebar .sidebar-service .service-menu .category-nav-wrapper .filter-nav .heading:not(:first-of-type) {
    margin-top: 30px
}

.header-bag-sidebar .sidebar-service .service-menu .category-nav-wrapper .filter-nav .checkbox-wrapper .radio-box {
    font-size: 17px;
    letter-spacing: 1px
}

.header-bag-sidebar .sidebar-service .service-menu .category-nav-wrapper .filter-nav .checkbox-wrapper .radio-box .box-square {
    margin-top: 7px
}

.header-bag-sidebar .sidebar-service .service-menu .category-nav-wrapper .filter-nav .range-wrapper {
    justify-content: flex-start
}

.header-bag-sidebar .sidebar-service .service-menu .category-nav-wrapper .filter-nav .range-wrapper input[type=number] {
    margin: 0 10px
}

.header-bag-sidebar .sidebar-service .service-menu .category-nav-wrapper .inner-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-top: 30px
}

.header-bag-sidebar .sidebar-service .service-menu .category-nav-wrapper .inner-footer > * + * {
    margin-left: 20px
}

.header-bag-sidebar .sidebar-service .service-summary {
    background: #fff;
    border-top: 1px solid #ccc;
    bottom: 81px;
    color: #000;
    font-size: 17px;
    line-height: 24px;
    margin-top: 30px;
    padding: 20px 42px 20px 40px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 100%
}

.header-bag-sidebar .sidebar-service .service-footer {
    align-items: center;
    background: #fff;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    padding: 0 40px 40px;
    position: absolute;
    width: 100%
}

.header-bag-sidebar .sidebar-service .product-modal {
    background: #fff;
    height: 100%;
    left: 0;
    max-height: 100vh;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .4s;
    visibility: hidden;
    width: 100%
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner {
    max-height: 100%;
    opacity: 0;
    padding: 40px;
    transform: scale(.9);
    transition: all .4s;
    visibility: hidden
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-heading {
    color: #000;
    display: flex;
    justify-content: space-between
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-heading .heading {
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    padding-right: 15px
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-heading .btn-modal-close {
    background: none;
    border: none;
    cursor: pointer;
    height: 25px;
    max-width: 25px;
    min-width: 25px;
    outline: none;
    padding: 0;
    position: relative
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-heading .btn-modal-close span {
    background: #000;
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 25px
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-heading .btn-modal-close span:first-child {
    transform: rotate(45deg) translateY(-50%)
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-heading .btn-modal-close span:nth-child(2) {
    transform: rotate(-45deg) translateY(-50%)
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner .service-image-wrapper-outer {
    margin-top: 50px;
    max-width: 380px;
    width: 100%
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner .service-image-wrapper-outer .service-image-wrapper {
    background: #f3f3f3;
    display: block;
    padding-top: 160%;
    position: relative;
    transition: all .4s;
    width: 100%
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner .service-image-wrapper-outer .service-image-wrapper .service-image {
    align-items: center;
    display: flex;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner .service-image-wrapper-outer .service-image-wrapper .service-image img {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner .service-image-wrapper-outer .service-image-wrapper.square {
    padding-top: 100%
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner .service-image-wrapper-outer .service-image-wrapper.cover .service-image img {
    -o-object-fit: cover;
    object-fit: cover
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-features {
    margin-top: 50px
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-features .feature-inner {
    display: flex
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-features .feature-inner p {
    color: #000;
    font-size: 13px;
    letter-spacing: .3px;
    opacity: .7;
    text-transform: uppercase
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-features .feature-inner p:nth-child(2) {
    font-weight: 700;
    margin-left: 20px
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-description {
    margin-top: 45px
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-description p {
    color: #000;
    font-size: 13px;
    letter-spacing: .3px;
    opacity: .7
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-footer {
    align-items: center;
    display: flex;
    padding-top: 40px
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-footer > * + * {
    margin-left: 20px
}

.header-bag-sidebar .sidebar-service .product-modal .modal-inner.active {
    opacity: 1;
    transform: none;
    visibility: visible
}

.header-bag-sidebar .sidebar-service .product-modal.active {
    opacity: 1;
    visibility: visible
}

.header-bag-sidebar .sidebar-service.active {
    transform: translateX(0)
}

.header-bag-sidebar.favorite .sidebar-service .service-inner {
    max-height: calc(100% - 236px)
}

.header-bag-sidebar.favorite .sidebar-service .service-footer {
    border-top: 1px solid #ccc;
    padding-top: 40px
}

.header-bag-sidebar.active {
    opacity: 1;
    visibility: visible;
    z-index: 555
}

nav.section-header {
    transition: all .4s
}

nav.section-header .header-top {
    align-items: center;
    border-bottom: .5px solid #ccc;
    display: flex;
    justify-content: space-between;
    min-height: 50px;
    padding: 13px 0
}

nav.section-header .header-top p {
    color: #000;
    font-size: 9.2px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase
}

nav.section-header .header-top .nav-button {
    align-items: flex-end;
    background: none;
    border: none;
    display: none;
    flex-direction: column;
    justify-content: center;
    outline: none;
    padding: 10px
}

nav.section-header .header-top .nav-button .button-bar {
    background: #000;
    border-radius: 10px;
    height: 2px;
    transition: all .4s;
    width: 24px
}

nav.section-header .header-top .nav-button .button-bar:nth-child(2) {
    margin-top: 4px;
    width: 27px
}

nav.section-header .header-top .nav-button .button-bar:nth-child(3) {
    margin-top: 4px;
    width: 30px
}

nav.section-header .header-top .nav-button:focus .button-bar, nav.section-header .header-top .nav-button:hover .button-bar {
    width: 30px !important
}

nav.section-header .header-top .top-service {
    align-items: center;
    display: flex
}

nav.section-header .header-top .top-currency .dropdown-button {
    background: #e9e9e9;
    border: none;
    border-radius: 3px;
    height: 27px;
    outline: none;
    padding: 5px 18px 5px 5px;
    position: relative
}

nav.section-header .header-top .top-currency .dropdown-button span {
    color: #000;
    display: block;
    font-size: 9.2px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase
}

nav.section-header .header-top .top-currency .dropdown-button svg {
    fill: #000;
    height: 6px;
    max-width: 6px;
    min-width: 6px;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg)
}

nav.section-header .header-top .top-currency .dropdown-menu {
    min-width: auto;
    padding: 0
}

nav.section-header .header-top .top-currency .dropdown-menu li .dropdown-item {
    outline: none;
    padding: 5px 16px 5px 5px
}

nav.section-header .header-top .top-currency .dropdown-menu li .dropdown-item span {
    color: #000;
    display: block;
    font-size: 9.2px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase
}

nav.section-header .header-top .top-currency + .top-languages {
    margin-left: 5px
}

nav.section-header .header-top .top-currency + .top-navigation:before, nav.section-header .header-top .top-currency + .top-social-media:before {
    border-right: .5px solid #ccc;
    content: "";
    display: inline-block;
    height: 14px;
    margin: 0 20px 0 24px
}

nav.section-header .header-top .top-languages .dropdown-button {
    background: #e9e9e9;
    border: none;
    border-radius: 3px;
    height: 27px;
    outline: none;
    padding: 0 18px 2px 5px;
    position: relative
}

nav.section-header .header-top .top-languages .dropdown-button img {
    height: 21px;
    width: 21px
}

nav.section-header .header-top .top-languages .dropdown-button svg {
    fill: #000;
    height: 6px;
    max-width: 6px;
    min-width: 6px;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg)
}

nav.section-header .header-top .top-languages .dropdown-menu {
    min-width: auto;
    padding: 0
}

nav.section-header .header-top .top-languages .dropdown-menu li .dropdown-item {
    outline: none;
    padding: 0 16px 2px 5px
}

nav.section-header .header-top .top-languages .dropdown-menu li .dropdown-item img {
    height: 21px;
    width: 21px
}

nav.section-header .header-top .top-languages + .top-navigation:before, nav.section-header .header-top .top-languages + .top-social-media:before {
    border-right: .5px solid #ccc;
    content: "";
    display: inline-block;
    height: 14px;
    margin: 0 20px 0 24px
}

nav.section-header .header-top .top-social-media {
    align-items: center;
    display: flex
}

nav.section-header .header-top .top-social-media li a img, nav.section-header .header-top .top-social-media li a svg {
    fill: #000;
    height: 16px;
    transition: all .4s;
    width: 16px
}

nav.section-header .header-top .top-social-media li:not(:last-child) {
    margin-right: 10px
}

nav.section-header .header-top .top-social-media:after {
    border-right: .5px solid #ccc;
    content: "";
    display: block;
    height: 14px;
    margin: 0 20px
}

nav.section-header .header-top .top-navigation {
    align-items: center;
    display: flex
}

nav.section-header .header-top .top-navigation li a {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 9.2px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all .4s
}

nav.section-header .header-top .top-navigation li:not(:last-child) {
    border-right: .5px solid #ccc;
    margin-right: 20px;
    padding-right: 20px
}

nav.section-header .header-management {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
    position: relative
}

nav.section-header .header-management .management-logo {
    display: block
}

nav.section-header .header-management .management-logo .logo-text {
    color: #000;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: -.9px
}

nav.section-header .header-management .management-logo .logo-text span {
    color: #c31432;
    font-size: 30px;
    font-weight: 700;
    line-height: 10px
}

nav.section-header .header-management .management-logo .logo-image {
    max-width: 200px;
    min-width: 200px;
    position: relative
}

nav.section-header .header-management .management-logo .logo-image img {
    width: 100%
}

nav.section-header .header-management .management-logo .logo-image.image-size-3 {
    max-width: 125px;
    min-width: 125px
}

nav.section-header .header-management .management-logo .logo-image.image-size-6 {
    max-width: 150px;
    min-width: 150px
}

nav.section-header .header-management .management-logo .logo-image.image-size-9 {
    max-width: 175px;
    min-width: 175px
}

nav.section-header .header-management .management-logo .logo-image.image-size-12 {
    max-width: 200px;
    min-width: 200px
}

nav.section-header .header-management .management-offer {
    position: relative
}

nav.section-header .header-management .management-offer button {
    align-items: center;
    border: none;
    border-radius: 20px;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 37px;
    letter-spacing: .6px;
    outline: none;
    padding: 0 20px;
    text-transform: uppercase
}

nav.section-header .header-management .management-offer button svg {
    fill: #fff;
    height: 6px;
    margin-left: 10px;
    max-width: 6px;
    min-width: 6px;
    transform: rotate(90deg)
}

nav.section-header .header-management .management-offer .offer-dropdown {
    bottom: 0;
    left: 0;
    min-width: 310px;
    opacity: 0;
    padding-top: 20px;
    position: absolute;
    transform: translateY(100%);
    visibility: hidden;
    z-index: -1
}

nav.section-header .header-management .management-offer .offer-dropdown .offer-dropdown-inner {
    background: #fff;
    border-top-style: solid;
    border-top-width: 2px;
    box-shadow: 5px 8px 32px 0 rgba(0, 0, 0, .18);
    padding: 10px 0 10px 10px
}

nav.section-header .header-management .management-offer .offer-dropdown .offer-dropdown-inner .dropdown-item {
    background: none;
    padding: 0;
    position: relative
}

nav.section-header .header-management .management-offer .offer-dropdown .offer-dropdown-inner .dropdown-item .item-heading {
    background: none;
    border-right: 10px solid #fff;
    color: #000;
    display: block;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 13px;
    padding: 15px 40px 15px 18px;
    transition: all .4s
}

nav.section-header .header-management .management-offer .offer-dropdown .offer-dropdown-inner .dropdown-item .dropdown-menu-inner {
    background: #fff;
    box-shadow: 15px 8px 20px 0 rgba(0, 0, 0, .13);
    opacity: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%);
    visibility: hidden;
    z-index: 444
}

nav.section-header .header-management .management-offer .offer-dropdown .offer-dropdown-inner .dropdown-item .dropdown-menu-inner .menu-item {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .7px;
    line-height: 13px;
    padding: 10px
}

nav.section-header .header-management .management-offer .offer-dropdown .offer-dropdown-inner .dropdown-item.active, nav.section-header .header-management .management-offer .offer-dropdown .offer-dropdown-inner .dropdown-item:hover {
    background: #f3f3f3
}

nav.section-header .header-management .management-offer .offer-dropdown .offer-dropdown-inner .dropdown-item.active .dropdown-menu-inner {
    opacity: 1;
    visibility: visible
}

nav.section-header .header-management .management-offer .offer-dropdown .offer-dropdown-inner .dropdown-item.has-child .item-heading:after {
    background: url(../img/icons/right-chevron.svg) 50%;
    background-size: cover;
    content: "";
    height: 6px;
    opacity: .5;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px
}

nav.section-header .header-management .management-offer .offer-dropdown.active {
    opacity: 1;
    visibility: visible;
    z-index: 333
}

nav.section-header .header-management .management-breakpoint, nav.section-header .header-management .management-offer.hidden-header-categories {
    display: none
}

nav.section-header .header-management .management-search-engine {
    align-items: center;
    border: .5px solid #000;
    border-radius: 50px;
    display: flex;
    height: 40px;
    justify-content: space-between;
    overflow: hidden;
    transition: all .4s
}

nav.section-header .header-management .management-search-engine input {
    background: none;
    border: none;
    color: #000;
    font-size: 11px;
    font-weight: 500;
    height: 40px;
    letter-spacing: 1px;
    margin: 0;
    min-width: 470px;
    padding: 10px 15px;
    transition: all .4s;
    width: 100%
}

nav.section-header .header-management .management-search-engine input:focus {
    outline: none
}

nav.section-header .header-management .management-search-engine input::-moz-placeholder {
    color: #000;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    opacity: .5
}

nav.section-header .header-management .management-search-engine input::placeholder {
    color: #000;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    opacity: .5
}

nav.section-header .header-management .management-search-engine .btn-search {
    align-items: center;
    background: #000;
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 40px;
    justify-content: center;
    min-width: 40px;
    outline: none;
    transform: translateX(1px);
    transition: background .4s
}

nav.section-header .header-management .management-search-engine .btn-search svg {
    fill: #fff;
    height: 15px;
    width: 15px
}

nav.section-header .header-management .management-search-engine .btn-search:hover {
    background: #000
}

nav.section-header .header-management .management-service {
    align-items: center;
    display: flex
}

nav.section-header .header-management .management-service .service-icons a, nav.section-header .header-management .management-service .service-icons button {
    align-items: center;
    background: none;
    border: none;
    display: flex;
    outline: none;
    padding: 0;
    position: relative;
    transition: all .4s
}

nav.section-header .header-management .management-service .service-icons a svg, nav.section-header .header-management .management-service .service-icons button svg {
    fill: #444;
    height: 20px;
    transition: all .4s;
    width: 20px
}

nav.section-header .header-management .management-service .service-icons a .quantity-badge, nav.section-header .header-management .management-service .service-icons button .quantity-badge {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: 8px;
    font-weight: 500;
    height: 17px;
    justify-content: center;
    left: 15px;
    position: absolute;
    text-align: center;
    top: -7px;
    width: 17px
}

nav.section-header .header-management .management-service .service-icons a .quantity-badge.pulse-badge:after, nav.section-header .header-management .management-service .service-icons button .quantity-badge.pulse-badge:after {
    animation: pulse-badge 3s cubic-bezier(.455, .03, .515, .955) -.4s infinite;
    background-color: #c31432;
    border-radius: 15px;
    content: "";
    display: block;
    filter: blur(2px);
    height: 20px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(.8);
    width: 20px
}

@keyframes pulse-badge {
    40% {
        opacity: 0;
        transform: scale(.8)
    }
    50% {
        opacity: .6;
        transform: scale(1)
    }
    60% {
        opacity: 0;
        transform: scale(2)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

nav.section-header .header-management .management-service .service-icons a .cost-line, nav.section-header .header-management .management-service .service-icons button .cost-line {
    align-self: flex-end;
    color: #444;
    font-size: 11px;
    margin-left: 15px;
    transform: translateY(3px)
}

nav.section-header .header-management .management-service .service-icons a .cost-line small, nav.section-header .header-management .management-service .service-icons button .cost-line small {
    font-size: 11px;
    letter-spacing: 0
}

nav.section-header .header-management .management-service .service-icons a:hover, nav.section-header .header-management .management-service .service-icons button:hover {
    color: #000
}

nav.section-header .header-management .management-service .service-icons a:hover svg, nav.section-header .header-management .management-service .service-icons button:hover svg {
    fill: #000
}

nav.section-header .header-management .management-service .service-icons:nth-child(2) {
    margin-left: 20px
}

nav.section-header .header-management .management-service .service-icons:nth-child(2) a .quantity-badge {
    left: 13px
}

nav.section-header .header-management .management-service .service-nav-button {
    display: none
}

nav.section-header .header-management .management-service .service-nav-button .nav-button {
    align-items: center;
    background: none;
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: -10px;
    outline: none;
    padding: 10px;
    transform: translateY(2px)
}

nav.section-header .header-management .management-service .service-nav-button .nav-button .button-bar {
    background: #000;
    border-radius: 10px;
    height: 1.5px;
    transition: all .4s;
    width: 25px
}

nav.section-header .header-management .management-service .service-nav-button .nav-button .button-bar:nth-child(2), nav.section-header .header-management .management-service .service-nav-button .nav-button .button-bar:nth-child(3) {
    margin-top: 5px
}

nav.section-header .header-management .management-service .service-nav-button .nav-button .button-name {
    color: #000;
    display: block;
    font-size: 8px;
    font-weight: 500;
    letter-spacing: .7px;
    line-height: 8px;
    margin-top: 5px;
    text-transform: uppercase
}

nav.section-header .header-categories {
    border-top: .5px solid #ccc;
    padding: 20px 0
}

nav.section-header .header-categories .horizontal-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between
}

nav.section-header .header-categories .horizontal-menu li + li {
    margin: 0 !important
}

nav.section-header .header-categories .horizontal-menu .specials-category {
    background-color: #000;
    border-radius: 10px;
    color: #fff;
    padding: 10px 20px
}

nav.section-header .header-categories .horizontal-menu .specials-category a span {
    color: #fff
}

nav.section-header .header-categories .horizontal-menu .specials-category .dropdown a svg {
    fill: #fff
}

nav.section-header .header-categories .other-products {
    display: none
}

nav.section-header .header-categories > ul {
    align-items: center;
    display: flex;
    justify-content: center;
    list-style: none;
    width: 100%
}

nav.section-header .header-categories > ul > li a {
    color: #000;
    font-size: 15px;
    font-weight: 500
}

nav.section-header .header-categories > ul > li .dropdown a {
    align-items: center;
    display: flex
}

nav.section-header .header-categories > ul > li .dropdown a svg {
    fill: #000;
    height: 6px;
    margin-left: 10px;
    max-width: 6px;
    min-width: 6px;
    transform: rotate(90deg)
}

nav.section-header .header-categories > ul > li .dropdown .dropdown-menu li {
    position: relative
}

nav.section-header .header-categories > ul > li .dropdown .dropdown-menu li a {
    font-size: .85em
}

nav.section-header .header-categories > ul > li .dropdown .dropdown-menu li a:active {
    background: #ccc
}

nav.section-header .header-categories > ul > li .dropdown .dropdown-menu li a svg {
    transform: none
}

nav.section-header .header-categories > ul > li .dropdown .dropdown-menu > li:hover {
    background-color: #f1f1f1
}

nav.section-header .header-categories > ul > li .dropdown .dropdown-menu > li:hover > .submenu {
    display: block
}

nav.section-header .header-categories > ul > li .dropdown .dropdown-menu .submenu {
    display: none;
    left: 100%;
    position: absolute;
    top: -7px
}

nav.section-header .header-categories > ul > li .dropdown .dropdown-menu .submenu.submenu-left {
    left: auto;
    right: 100%
}

nav.section-header .header-categories > ul > li + li {
    margin-left: 0
}

nav.section-header .other-products {
    display: none
}

section.section-welcome {
    transition: all .4s
}

section.section-welcome.no-js {
    display: none
}

section.section-welcome .welcome-item {
    background: #f3f3f3;
    display: flex;
    justify-content: space-between
}

section.section-welcome .welcome-item .item-image {
    height: 570px;
    position: relative;
    width: 43%;
    z-index: 111
}

section.section-welcome .welcome-item .item-image img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    transition: all .4s;
    width: 100%
}

section.section-welcome .welcome-item .item-image img.cover {
    -o-object-fit: cover;
    object-fit: cover
}

section.section-welcome .welcome-item .item-description {
    align-self: center;
    color: #000;
    position: relative;
    transition: all .4s;
    width: 50%
}

section.section-welcome .welcome-item .item-description:before {
    background: #f9f9f9;
    border-radius: 50%;
    content: "";
    display: block;
    height: 300px;
    left: -240px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 300px
}

section.section-welcome .welcome-item .item-description .info {
    font-size: 9.2px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 20px;
    position: relative;
    text-transform: uppercase
}

section.section-welcome .welcome-item .item-description .text {
    font-size: 39px;
    line-height: 45px;
    margin-bottom: 20px;
    max-width: 400px;
    position: relative
}

section.section-welcome .welcome-item .item-description .description {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 40px;
    max-width: 400px;
    opacity: .7;
    position: relative
}

section.section-welcome .welcome-item .item-description.white {
    color: #fff
}

section.section-welcome .welcome-item.full-width-background {
    height: 570px;
    position: relative
}

section.section-welcome .welcome-item.full-width-background .item-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: auto
}

section.section-welcome .welcome-item.full-width-background .item-description {
    position: relative;
    text-align: center;
    width: 100%
}

section.section-welcome .welcome-item.full-width-background .item-description:before {
    content: none
}

section.section-welcome .welcome-item.full-width-background .item-description .text {
    margin: 0 auto 20px
}

section.section-welcome .welcome-item.full-width-background .item-description .description {
    margin: 0 auto 40px
}

section.section-welcome .welcome-item.full-width-background .item-description .btn {
    background: #f3f3f3;
    border-radius: 15px;
    padding: 5px 12px
}

section.section-welcome .welcome-item.full-width-background .item-description .btn.pulse-animate:after {
    left: 12px;
    top: 5px
}

section.section-welcome .welcome-item.full-width-background.auto-height {
    height: auto
}

section.section-welcome .welcome-item.full-width-background.auto-height .item-image {
    height: auto;
    left: auto;
    position: relative;
    top: auto
}

section.section-welcome .welcome-item.full-width-background.auto-height .item-image img {
    height: auto;
    width: 100%
}

section.section-welcome .welcome-item.full-width-background.auto-height .item-description {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

section.section-welcome .owl-carousel-welcome {
    position: relative
}

section.section-welcome .owl-carousel-welcome .welcome-item .item-image img.position-animate {
    opacity: 0
}

section.section-welcome .owl-carousel-welcome .welcome-item .item-description.position-animate {
    opacity: 0;
    transform: translateX(20px)
}

section.section-welcome .owl-carousel-welcome .owl-dots {
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 15px;
    position: absolute !important;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

section.section-welcome .owl-carousel-welcome .owl-dots .owl-dot {
    align-items: center;
    background: hsla(0, 0%, 100%, .3);
    border: 1px solid transparent;
    border-radius: 50%;
    display: flex;
    height: 17px;
    justify-content: center;
    margin: 5px;
    outline: none;
    transition: all .4s;
    width: 17px
}

section.section-welcome .owl-carousel-welcome .owl-dots .owl-dot span {
    background-color: #222;
    border-radius: 50%;
    height: 6px;
    margin: 0;
    max-width: 6px;
    min-width: 6px;
    transition: all .4s
}

section.section-welcome .owl-carousel-welcome .owl-dots .owl-dot.active {
    background: #fff;
    border: 1px solid #000
}

section.section-welcome .owl-carousel-welcome .owl-dots .owl-dot.active span {
    background-color: #000
}

section.section-welcome .owl-carousel-welcome .owl-nav {
    align-items: center;
    bottom: 20px;
    display: flex;
    margin-top: 0;
    position: absolute !important;
    right: 20px
}

section.section-welcome .owl-carousel-welcome .owl-nav .owl-next, section.section-welcome .owl-carousel-welcome .owl-nav .owl-prev {
    background-color: #f3f3f3;
    background-image: url(../img/icons/right-chevron.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 45%;
    border-radius: 2px;
    display: block;
    height: 30px;
    margin: 0;
    outline: none;
    padding: 0;
    width: 30px
}

section.section-welcome .owl-carousel-welcome .owl-nav .owl-prev {
    margin-right: 5px;
    transform: rotate(-180deg)
}

section.section-welcome .welcome-mobile-item {
    display: none
}

section.section-welcome .welcome-mobile-item img {
    width: 100%
}

section.section-welcome .owl-carousel-welcome-mobile {
    display: none
}

section.section-welcome + section.section-categories {
    margin-top: 60px
}

section.section-categories {
    margin-top: 20px;
    transition: all .4s
}

section.section-categories .categories-flexbox {
    display: flex;
    justify-content: space-between
}

section.section-categories .categories-flexbox .flexbox-service {
    position: relative
}

section.section-categories .categories-flexbox .flexbox-service .service-inner {
    border-radius: 3px;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

section.section-categories .categories-flexbox .flexbox-service .service-inner img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

section.section-categories .categories-flexbox .flexbox-service .service-inner .inner-cover {
    background: rgba(0, 0, 0, .2);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .4s;
    width: 100%
}

section.section-categories .categories-flexbox .flexbox-service .service-inner .inner-name {
    bottom: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    transition: all .4s;
    width: 100%
}

section.section-categories .categories-flexbox .flexbox-service .service-inner .inner-name .name-box {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    overflow: hidden;
    padding: 20px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

section.section-categories .categories-flexbox .flexbox-service .service-inner:hover .inner-cover {
    opacity: 1
}

section.section-categories .categories-flexbox .flexbox-service .service-inner:hover .inner-name {
    bottom: 20px
}

section.section-categories .categories-flexbox .flexbox-service.service-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 0 !important
}

section.section-categories .categories-flexbox .flexbox-service.service-wrapper .service-inner {
    height: auto;
    padding-top: 100%;
    position: relative;
    width: auto;
    width: 100%
}

section.section-categories .categories-flexbox.version-2 .flexbox-service {
    padding-top: 49%;
    width: 49%
}

section.section-categories .categories-flexbox.version-3 .flexbox-service {
    padding-top: 32%;
    width: 32%
}

section.section-categories .categories-flexbox.version-4 .flexbox-service {
    padding-top: 24%;
    width: 24%
}

section.section-categories .categories-flexbox.version-5 .flexbox-service {
    padding-top: 65.9%;
    width: 32%
}

section.section-categories .categories-flexbox.version-6a .flexbox-service {
    padding-top: 49%;
    width: 23.5%
}

section.section-categories .categories-flexbox.version-6a .flexbox-service .service-inner .inner-name .name-box {
    font-size: 14px;
    padding: 10px
}

section.section-categories .categories-flexbox.version-6a .flexbox-service.service-double {
    align-content: space-between;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 49%
}

section.section-categories .categories-flexbox.version-6a .flexbox-service.service-double .service-inner {
    padding-top: 47.9%;
    width: 47.9%
}

section.section-categories .categories-flexbox.version-6a .flexbox-service.service-double .service-inner.vertical-100 {
    width: 100%
}

section.section-categories .categories-flexbox.version-6b .flexbox-service {
    padding-top: 49%;
    width: 23.5%
}

section.section-categories .categories-flexbox.version-6b .flexbox-service .service-inner .inner-name .name-box {
    font-size: 14px;
    padding: 10px
}

section.section-categories .categories-flexbox.version-6b .flexbox-service.service-double {
    align-content: space-between;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 49%
}

section.section-categories .categories-flexbox.version-6b .flexbox-service.service-double .service-inner {
    padding-top: 47.9%;
    width: 47.9%
}

section.section-categories .categories-flexbox.version-6b .flexbox-service.service-double .service-inner.vertical-100 {
    width: 100%
}

section.section-categories .categories-flexbox.version-6b .flexbox-service.service-double .service-inner.vertical-100:first-child {
    margin-bottom: 4%
}

section.section-categories .categories-flexbox.version-7 .flexbox-service {
    padding-top: 49%;
    width: 23.5%
}

section.section-categories .categories-flexbox.version-7 .flexbox-service .service-inner .inner-name .name-box {
    font-size: 14px;
    padding: 10px
}

section.section-advantages {
    margin-top: 100px;
    transition: all .4s
}

section.section-advantages .advantages-flexbox {
    display: flex;
    justify-content: space-between
}

section.section-advantages .advantages-flexbox .flexbox-service {
    padding: 0 10px;
    text-align: center;
    width: 25%
}

section.section-advantages .advantages-flexbox .flexbox-service .service-icon {
    height: 40px;
    width: 40px
}

section.section-advantages .advantages-flexbox .flexbox-service .service-name {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .6px;
    margin-top: 10px;
    text-transform: uppercase;
    text-transform: none
}

section.section-offer {
    margin-top: 100px;
    transition: all .4s
}

section.section-offer .section-heading {
    text-align: center
}

section.section-offer .section-heading h2 {
    color: #000;
    font-size: 34px;
    font-weight: 400
}

section.section-offer .section-heading p {
    color: #000;
    font-size: 13px;
    letter-spacing: .3px;
    margin: 10px auto 0;
    max-width: 600px;
    opacity: .7
}

section.section-offer .nav-tabs {
    align-items: center;
    border: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px
}

section.section-offer .nav-tabs .nav-item .nav-link {
    background: none;
    border: none;
    border-radius: 0;
    color: #000 !important;
    color: auto;
    font-size: 12px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .6px;
    margin: 5px 10px;
    opacity: .5;
    padding: 0;
    text-transform: uppercase;
    text-transform: none;
    transition: .4s
}

section.section-offer .nav-tabs .nav-item .nav-link.active {
    color: inherit !important;
    opacity: 1
}

section.section-offer .products-flexbox {
    margin-top: 10px
}

section.section-cta {
    margin-top: 100px;
    transition: all .4s
}

section.section-cta.no-js {
    display: none
}

section.section-cta .cta-item {
    position: relative
}

section.section-cta .cta-item .item-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

section.section-cta .cta-item .item-image img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    transition: all .4s;
    width: 100%
}

section.section-cta .cta-item .item-image img.cover {
    -o-object-fit: cover;
    object-fit: cover
}

section.section-cta .cta-item .item-description {
    align-items: center;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 400px;
    padding: 70px 40px;
    position: relative;
    text-align: center;
    width: 100%
}

section.section-cta .cta-item .item-description .info {
    font-size: 9.2px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 20px;
    position: relative;
    text-transform: uppercase
}

section.section-cta .cta-item .item-description .text {
    font-size: 39px;
    line-height: 45px;
    margin: 0 auto 20px;
    max-width: 520px;
    position: relative
}

section.section-cta .cta-item .item-description .description {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 auto 40px;
    max-width: 400px;
    opacity: .85;
    position: relative
}

section.section-cta .cta-item .item-description .btn {
    background: #f3f3f3;
    border-radius: 15px;
    padding: 5px 12px
}

section.section-cta .cta-item .item-description .btn.pulse-animate:after {
    left: 12px;
    top: 5px
}

section.section-cta .cta-item .item-description.white {
    color: #fff
}

section.section-cta .cta-item.auto-height .item-image {
    height: auto;
    left: auto;
    position: relative;
    top: auto
}

section.section-cta .cta-item.auto-height .item-image img {
    height: auto;
    width: 100%
}

section.section-cta .cta-item.auto-height .item-description {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    min-height: auto;
    position: absolute;
    top: 0;
    width: 100%
}

section.section-cta .owl-carousel-cta {
    background: #f3f3f3;
    position: relative
}

section.section-cta .owl-carousel-cta .owl-dots {
    display: none
}

section.section-cta .owl-carousel-cta .owl-nav {
    align-items: center;
    bottom: 17px;
    display: flex;
    margin-top: 0;
    position: absolute !important;
    right: 20px
}

section.section-cta .owl-carousel-cta .owl-nav .owl-next, section.section-cta .owl-carousel-cta .owl-nav .owl-prev {
    background-color: #f3f3f3;
    background-image: url(../img/icons/right-chevron.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 45%;
    border-radius: 2px;
    display: block;
    height: 30px;
    margin: 0;
    outline: none;
    padding: 0;
    width: 30px
}

section.section-cta .owl-carousel-cta .owl-nav .owl-prev {
    margin-right: 5px;
    transform: rotate(-180deg)
}

section.section-blog {
    margin-top: 100px;
    transition: all .4s
}

section.section-blog.subpage {
    background: #fff;
    margin-top: 0;
    padding: 70px 0 100px
}

section.section-blog .section-heading {
    text-align: center
}

section.section-blog .section-heading h1, section.section-blog .section-heading h2 {
    color: #000;
    font-size: 34px;
    font-weight: 400
}

section.section-blog .section-heading h1 a, section.section-blog .section-heading h2 a {
    color: inherit
}

section.section-blog .section-heading p {
    color: #000;
    font-size: 13px;
    letter-spacing: .3px;
    margin: 10px auto 0;
    max-width: 600px;
    opacity: .7
}

section.section-blog .blog-categories {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px
}

section.section-blog .blog-categories > * {
    border-radius: 30px;
    margin: 5px
}

section.section-blog .btn-more-products-wrapper {
    margin-top: 80px
}

section.section-blog .btn-more-products-wrapper .more-products-counter {
    margin-bottom: 35px
}

section.section-blog .btn-more-products-wrapper .more-products-counter .number {
    color: #000;
    font-size: 12px;
    margin-bottom: 10px
}

section.section-blog .btn-more-products-wrapper .more-products-counter .line {
    background: #eee;
    height: 2px;
    margin: 0 auto;
    position: relative;
    width: 170px
}

section.section-blog .btn-more-products-wrapper .more-products-counter .line .line-inner {
    background: #333;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

section.section-industries {
    margin-top: 100px;
    transition: all .4s
}

section.section-industries .section-heading {
    text-align: center
}

section.section-industries .section-heading h2 {
    color: #000;
    font-size: 34px;
    font-weight: 400
}

section.section-industries .section-heading h2 a {
    color: inherit
}

section.section-industries .section-heading p {
    color: #000;
    font-size: 13px;
    letter-spacing: .3px;
    margin: 10px auto 0;
    max-width: 600px;
    opacity: .7
}

section.section-industries .industries-flexbox {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 25px auto 0;
    max-width: 1100px
}

section.section-industries .industries-flexbox .flexbox-service {
    background: #f3f3f3;
    border-radius: 2px;
    color: #000;
    font-size: 16px;
    margin: 10px;
    padding: 10px 20px
}

section.section-industries .industries-flexbox .flexbox-service:hover {
    color: #fff
}

section.section-newsletter {
    background: #fff;
    margin-top: 100px;
    padding: 100px 0;
    transition: all .4s
}

section.section-newsletter.subpage {
    margin-top: 0;
    padding-top: 0
}

section.section-newsletter .section-heading {
    text-align: center
}

section.section-newsletter .section-heading h2 {
    color: #000;
    font-size: 34px;
    font-weight: 400
}

section.section-newsletter .section-heading h2 a {
    color: inherit
}

section.section-newsletter .section-heading p {
    color: #000;
    font-size: 13px;
    letter-spacing: .3px;
    margin: 10px auto 0;
    max-width: 600px;
    opacity: .7
}

section.section-newsletter .newsletter-input {
    align-items: center;
    border: .5px solid #000;
    border-radius: 50px;
    display: flex;
    height: 40px;
    justify-content: center;
    margin: 50px auto 0;
    max-width: 100%;
    overflow: hidden;
    transition: all .4s;
    width: 580px
}

section.section-newsletter .newsletter-input input {
    background: none;
    border: none;
    color: #000;
    font-size: 11px;
    font-weight: 500;
    height: 40px;
    letter-spacing: 1px;
    margin: 0;
    padding: 10px 15px;
    transition: all .4s;
    width: 100%
}

section.section-newsletter .newsletter-input input:focus {
    outline: none
}

section.section-newsletter .newsletter-input input::-moz-placeholder {
    color: #000;
    font-size: 9.2px;
    font-weight: 500;
    letter-spacing: 1px;
    opacity: .5
}

section.section-newsletter .newsletter-input input::placeholder {
    color: #000;
    font-size: 9.2px;
    font-weight: 500;
    letter-spacing: 1px;
    opacity: .5
}

section.section-newsletter .newsletter-input .btn-search {
    align-items: center;
    border: none;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    letter-spacing: .6px;
    min-width: 40px;
    padding: 0 30px;
    text-transform: uppercase;
    transform: translateX(1px);
    transition: background .4s;
    white-space: nowrap
}

section.section-newsletter .newsletter-input .btn-search:hover {
    background: #000
}

section.section-newsletter .input-alert {
    color: #dc3545;
    font-size: 11px;
    margin-top: 7px;
    text-align: center
}

section.section-newsletter .checkbox-wrapper-outer {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

section.kategoria-section-content {
    background: #fff;
    padding: 70px 0 100px;
    transition: all .4s
}

section.kategoria-section-content .content-flexbox {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

section.kategoria-section-content .content-flexbox .flexbox-sidebar {
    position: relative;
    width: 20%
}

section.kategoria-section-content .content-flexbox .flexbox-sidebar .heading {
    margin-bottom: 25px
}

section.kategoria-section-content .content-flexbox .flexbox-sidebar .heading p {
    color: #000;
    font-size: 12px;
    font-size: 11px;
    font-weight: 500;
    font-weight: 400;
    letter-spacing: .6px;
    text-transform: uppercase
}

section.kategoria-section-content .content-flexbox .flexbox-body {
    width: 75%
}

section.kategoria-section-content .content-flexbox .flexbox-body .body-heading {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .heading-categories-button {
    align-items: center;
    border: none;
    border-radius: 30px;
    display: none;
    height: 29px;
    outline: none;
    padding: 0 18px
}

section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .heading-categories-button svg {
    fill: #fff;
    height: 14px;
    margin-right: 10px;
    max-width: 14px;
    min-width: 14px
}

section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .heading-categories-button span {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .6px;
    text-transform: uppercase
}

section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .heading-text {
    align-self: flex-start;
    color: #000;
    font-size: 12px;
    font-size: 11px;
    font-weight: 500;
    font-weight: 400;
    letter-spacing: .6px;
    text-transform: uppercase
}

section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .inner-wrapper {
    align-items: center;
    display: flex
}

section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .inner-wrapper .heading-grid-wrapper {
    margin-left: 30px;
    position: relative
}

section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .inner-wrapper .heading-grid-wrapper:before {
    border-left: 1px solid #999;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 1px;
    z-index: 999
}

section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .inner-wrapper .heading-grid-wrapper .heading-grid {
    border: 1px solid #999;
    border-radius: 30px;
    display: flex;
    height: 29px;
    overflow: hidden
}

section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .inner-wrapper .heading-grid-wrapper .heading-grid a, section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .inner-wrapper .heading-grid-wrapper .heading-grid button {
    align-items: center;
    background: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    height: 29px;
    justify-content: center;
    margin: 0;
    outline: none;
    padding: 0;
    transform: translateY(-1px);
    transition: all .4s;
    width: 35px
}

section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .inner-wrapper .heading-grid-wrapper .heading-grid a svg, section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .inner-wrapper .heading-grid-wrapper .heading-grid button svg {
    fill: #999;
    height: 15px;
    transition: all .4s;
    width: 15px
}

section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .inner-wrapper .heading-grid-wrapper .heading-grid a:hover svg, section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .inner-wrapper .heading-grid-wrapper .heading-grid button:hover svg {
    fill: #000
}

section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .inner-wrapper .heading-grid-wrapper .heading-grid a:first-child, section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .inner-wrapper .heading-grid-wrapper .heading-grid button:first-child {
    margin-left: 5px
}

section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .inner-wrapper .heading-grid-wrapper .heading-grid a:nth-child(2), section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .inner-wrapper .heading-grid-wrapper .heading-grid button:nth-child(2) {
    margin-right: 5px
}

section.kategoria-section-content .content-flexbox .flexbox-body .heading {
    display: none
}

section.kategoria-section-content .content-flexbox .flexbox-body .heading .heading-backlink {
    align-items: center;
    border-bottom: .5px solid #ccc;
    display: flex;
    padding: 12px 0
}

section.kategoria-section-content .content-flexbox .flexbox-body .heading .heading-backlink span {
    color: #666;
    font-size: 17px;
    font-weight: 500
}

section.kategoria-section-content .content-flexbox .flexbox-body .heading .heading-backlink img {
    height: 10px;
    margin-right: 10px;
    transform: rotate(180deg)
}

section.kategoria-section-content .content-flexbox .flexbox-body .heading .heading-name {
    color: #000;
    font-size: 22px;
    font-weight: 500;
    line-height: 25px;
    padding: 25px 0
}

section.kategoria-section-content .content-flexbox .flexbox-body .btn-more-products-wrapper {
    margin-top: 80px
}

section.kategoria-section-content .content-flexbox .flexbox-body .btn-more-products-wrapper .more-products-counter {
    margin-bottom: 35px
}

section.kategoria-section-content .content-flexbox .flexbox-body .btn-more-products-wrapper .more-products-counter .number {
    color: #000;
    font-size: 12px;
    margin-bottom: 10px
}

section.kategoria-section-content .content-flexbox .flexbox-body .btn-more-products-wrapper .more-products-counter .line {
    background: #eee;
    height: 2px;
    margin: 0 auto;
    position: relative;
    width: 170px
}

section.kategoria-section-content .content-flexbox .flexbox-body .btn-more-products-wrapper .more-products-counter .line .line-inner {
    background: #333;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

section.kategoria-section-content .content-description {
    border-top: .5px solid #ccc;
    margin-top: 100px;
    padding-top: 90px
}

section.kategoria-section-content .content-description .description-inner {
    margin: 0 auto;
    max-width: 800px;
    text-align: center
}

section.kategoria-section-content .content-description .description-inner h1, section.kategoria-section-content .content-description .description-inner h2 {
    color: #000;
    font-size: 34px;
    font-weight: 400
}

section.kategoria-section-content .content-description .description-inner h1 a, section.kategoria-section-content .content-description .description-inner h2 a {
    color: inherit
}

section.kategoria-section-content .content-description .description-inner p {
    color: #000;
    font-size: 13px;
    letter-spacing: .3px;
    margin-top: 10px;
    opacity: .7
}

.category-nav-wrapper {
    position: relative
}

.category-nav-wrapper .category-nav li {
    list-style: none
}

.category-nav-wrapper .category-nav li a {
    color: #000;
    display: block;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 15px;
    transition: all .4s
}

.category-nav-wrapper .category-nav li.active > a {
    font-weight: 700
}

.category-nav-wrapper .category-nav li:not(:last-child) {
    padding-bottom: 20px
}

.category-nav-wrapper .category-nav li ul {
    margin-top: 17px;
    padding-left: 17px
}

.category-nav-wrapper .category-nav li ul li {
    padding-bottom: 0 !important
}

.category-nav-wrapper .category-nav li ul li a {
    color: #000;
    font-size: 14px;
    letter-spacing: .7px;
    padding: 5px 0
}

.category-nav-wrapper .category-nav li ul li ul {
    margin: 14px 0
}

.category-nav-wrapper .category-nav > li > a {
    line-height: 19px
}

.category-nav-wrapper .filter-nav, .category-nav-wrapper .filter-nav .heading:not(:first-of-type) {
    margin-top: 65px
}

.category-nav-wrapper .filter-nav .checkbox-wrapper .radio-box {
    font-size: 17px;
    letter-spacing: 1px
}

.category-nav-wrapper .filter-nav .checkbox-wrapper .radio-box .box-square {
    margin-top: 7px
}

.category-nav-wrapper .filter-nav .range-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.category-nav-wrapper .filter-nav .range-wrapper input[type=number] {
    -moz-appearance: textfield;
    background: #f3f3f3;
    border: none;
    border-radius: 2px;
    font-size: 14px;
    height: 30px;
    margin: 0 10px;
    max-width: 100px;
    outline: none;
    text-align: center;
    width: 100%
}

.category-nav-wrapper .filter-nav .range-wrapper input[type=number]::-webkit-inner-spin-button, .category-nav-wrapper .filter-nav .range-wrapper input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.category-nav-wrapper .filter-nav .range-wrapper input[type=number]:invalid, .category-nav-wrapper .filter-nav .range-wrapper input[type=number]:out-of-range {
    border: 1px solid tomato
}

.category-nav-wrapper .filter-nav .range-wrapper span {
    display: block;
    min-width: 12px
}

.category-nav-wrapper .filter-nav .range-wrapper p {
    color: #000;
    font-size: 13px
}

.category-nav-wrapper .filter-nav .buttons-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 50px
}

.category-nav-wrapper .filter-nav .buttons-wrapper .btn-clear {
    background: none;
    border: none;
    color: #000;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .6px;
    outline: none;
    padding: 0;
    text-transform: uppercase
}

.category-nav-wrapper .filter-nav .buttons-wrapper .btn-filter {
    border: none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .6px;
    outline: none;
    padding: 3px 10px;
    text-transform: uppercase;
    transition: all .4s
}

section.produkt-section-content {
    background: #fff;
    padding: 70px 0 100px;
    transition: all .4s
}

section.produkt-section-content .heading {
    display: none
}

section.produkt-section-content .heading .heading-backlink {
    align-items: center;
    border-bottom: .5px solid #ccc;
    display: flex;
    padding: 12px 0
}

section.produkt-section-content .heading .heading-backlink span {
    color: #666;
    font-size: 17px;
    font-weight: 500
}

section.produkt-section-content .heading .heading-backlink img {
    height: 10px;
    margin-right: 10px;
    transform: rotate(180deg)
}

section.produkt-section-content .content-inner {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

section.produkt-section-content .content-inner .product-gallery {
    width: 38%
}

section.produkt-section-content .content-inner .product-gallery img {
    width: 100%
}

section.produkt-section-content .content-inner .product-gallery .lSSlideWrapper {
    position: relative
}

section.produkt-section-content .content-inner .product-gallery .lSAction a {
    background: none;
    margin-top: 0;
    transition: all .4s
}

section.produkt-section-content .content-inner .product-gallery .lSAction .lSPrev {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: none;
    width: 25px
}

section.produkt-section-content .content-inner .product-gallery .lSAction .lSPrev:after {
    background: url(../library/lightslider-master/dist/img/right-chevron.svg) 50%;
    background-size: cover;
    content: "";
    display: block;
    height: 25px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    width: 25px
}

section.produkt-section-content .content-inner .product-gallery .lSAction .lSNext {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transform: none;
    width: 25px
}

section.produkt-section-content .content-inner .product-gallery .lSAction .lSNext:after {
    background: url(../library/lightslider-master/dist/img/right-chevron.svg) 50%;
    background-size: cover;
    content: "";
    display: block;
    height: 25px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 25px
}

section.produkt-section-content .content-inner .product-gallery .lSGallery {
    margin-top: 23px !important
}

section.produkt-section-content .content-inner .product-gallery .lSGallery li {
    border-radius: 0;
    opacity: .6;
    transition: all .4s
}

section.produkt-section-content .content-inner .product-gallery .lSGallery li a {
    display: block;
    padding-top: 100%;
    position: relative;
    width: 100%
}

section.produkt-section-content .content-inner .product-gallery .lSGallery li a img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

section.produkt-section-content .content-inner .product-gallery .lSGallery li.active, section.produkt-section-content .content-inner .product-gallery .lSGallery li:hover {
    opacity: 1
}

section.produkt-section-content .content-inner .product-info {
    width: 55%
}

section.produkt-section-content .content-inner .product-info .info-alert {
    background: #f9f9f9;
    border-top: 2px solid crimson;
    margin-bottom: 30px;
    padding: 20px
}

section.produkt-section-content .content-inner .product-info .info-alert .alert-name {
    color: #000;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .3px;
    text-align: center;
    text-transform: uppercase
}

section.produkt-section-content .content-inner .product-info .info-alert .alert-content {
    margin-top: 10px
}

section.produkt-section-content .content-inner .product-info .info-alert .alert-content h2 {
    color: #000;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .3px;
    margin-bottom: 25px;
    opacity: .7;
    text-transform: uppercase
}

section.produkt-section-content .content-inner .product-info .info-alert .alert-content li, section.produkt-section-content .content-inner .product-info .info-alert .alert-content p {
    color: #000;
    font-size: 13px;
    letter-spacing: .3px;
    opacity: .7
}

section.produkt-section-content .content-inner .product-info .info-alert .alert-content ul {
    padding-left: 17px
}

section.produkt-section-content .content-inner .product-info .badge-wrapper {
    display: flex;
    margin-bottom: 20px
}

section.produkt-section-content .content-inner .product-info .badge-wrapper .badge {
    align-items: center;
    border-radius: 2px;
    color: #fff;
    display: flex;
    font-size: 10px;
    height: 25px;
    justify-content: center;
    margin-bottom: 6px;
    text-align: center;
    width: 90px
}

section.produkt-section-content .content-inner .product-info .badge-wrapper .badge.promotion {
    background: tomato;
    display: none
}

section.produkt-section-content .content-inner .product-info .badge-wrapper .badge.new {
    background: #6b8e23;
    display: none
}

section.produkt-section-content .content-inner .product-info .badge-wrapper .badge.bestseller {
    background: #1e90ff;
    display: none
}

section.produkt-section-content .content-inner .product-info .badge-wrapper .badge.sale {
    background: crimson;
    display: none
}

section.produkt-section-content .content-inner .product-info .badge-wrapper .badge.own {
    background: #ef7b0a;
    display: none
}

section.produkt-section-content .content-inner .product-info .badge-wrapper .badge:not(:last-child) {
    margin-right: 10px
}

section.produkt-section-content .content-inner .product-info h1 {
    color: #000;
    font-size: 28px;
    font-weight: 400;
    max-width: 650px
}

section.produkt-section-content .content-inner .product-info .info-producer {
    margin-top: 10px
}

section.produkt-section-content .content-inner .product-info .info-producer .producer-inner {
    display: flex
}

section.produkt-section-content .content-inner .product-info .info-producer .producer-inner p {
    color: #000;
    font-size: 13px;
    letter-spacing: .3px;
    opacity: .7;
    text-transform: uppercase
}

section.produkt-section-content .content-inner .product-info .info-producer .producer-inner p a {
    color: #1e90ff
}

section.produkt-section-content .content-inner .product-info .info-producer .producer-inner p a:hover {
    text-decoration: underline
}

section.produkt-section-content .content-inner .product-info .info-producer .producer-inner p:nth-child(2) {
    font-weight: 700;
    margin-left: 20px
}

section.produkt-section-content .content-inner .product-info .info-features {
    margin-top: 40px
}

section.produkt-section-content .content-inner .product-info .info-features > :not(:first-child) {
    margin-top: 10px
}

section.produkt-section-content .content-inner .product-info .info-features .feature-inner {
    display: flex
}

section.produkt-section-content .content-inner .product-info .info-features .feature-inner p {
    color: #000;
    font-size: 13px;
    letter-spacing: .3px;
    opacity: .7;
    text-transform: uppercase
}

section.produkt-section-content .content-inner .product-info .info-features .feature-inner p:nth-child(2) {
    font-weight: 700;
    margin-left: 20px
}

section.produkt-section-content .content-inner .product-info .info-features .select-wrapper-flexbox {
    align-items: center;
    display: flex
}

section.produkt-section-content .content-inner .product-info .info-features .select-wrapper-flexbox label {
    color: #000;
    font-size: 13px;
    letter-spacing: .3px;
    margin-bottom: 0;
    margin-right: 20px;
    opacity: .7;
    text-transform: uppercase;
    white-space: nowrap
}

section.produkt-section-content .content-inner .product-info .info-features .select-wrapper-flexbox:has(.box-wrapper) {
    align-items: flex-start !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important
}

section.produkt-section-content .content-inner .product-info .info-features .select-wrapper-flexbox .box-wrapper {
    display: flex;
    flex-flow: row;
    margin-top: 8px
}

section.produkt-section-content .content-inner .product-info .info-features .select-wrapper-flexbox .box-wrapper .box-item input[type=radio] {
    display: none
}

section.produkt-section-content .content-inner .product-info .info-features .select-wrapper-flexbox .box-wrapper .box-item input[type=radio]:checked + label {
    background-color: #000;
    border-color: #000;
    color: #fff !important;
    opacity: 1 !important
}

section.produkt-section-content .content-inner .product-info .info-features .select-wrapper-flexbox .box-wrapper .box-item input[type=radio]:disabled + label {
    background-color: #f5f5f5;
    cursor: not-allowed;
    opacity: .5 !important
}

section.produkt-section-content .content-inner .product-info .info-features .select-wrapper-flexbox .box-wrapper .box-item label {
    background-color: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    margin-right: 8px !important;
    padding: 10px 20px;
    transition: all .3s ease
}

section.produkt-section-content .content-inner .product-info .info-features .select-wrapper-flexbox .box-wrapper .box-item label:hover {
    border-color: #999
}

section.produkt-section-content .content-inner .product-info .info-features .select-wrapper-flexbox:has(.radio-wrapper) {
    align-items: flex-start !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important
}

section.produkt-section-content .content-inner .product-info .info-features .select-wrapper-flexbox .radio-wrapper {
    display: flex;
    flex-flow: row;
    margin-top: 8px
}

section.produkt-section-content .content-inner .product-info .info-features .select-wrapper-flexbox .radio-wrapper .radio-item label {
    cursor: pointer;
    display: inline-block;
    margin-right: 10px !important
}

section.produkt-section-content .content-inner .product-info .info-features .select-wrapper-flexbox .radio-wrapper .radio-item .color-circle {
    border: 2px solid transparent;
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    transition: .3s ease;
    width: 20px
}

section.produkt-section-content .content-inner .product-info .info-features .select-wrapper-flexbox .radio-wrapper .radio-item input[type=radio] {
    display: none
}

section.produkt-section-content .content-inner .product-info .info-features .select-wrapper-flexbox .radio-wrapper .radio-item input[type=radio]:checked + label .color-circle {
    border-color: #000
}

section.produkt-section-content .content-inner .product-info .info-features .select-wrapper-flexbox .radio-wrapper .radio-item input[type=radio]:disabled + label .color-circle {
    cursor: not-allowed;
    opacity: .4
}

section.produkt-section-content .content-inner .product-info .info-price {
    margin-top: 40px
}

section.produkt-section-content .content-inner .product-info .info-price .price-value {
    color: #000;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -.5px
}

section.produkt-section-content .content-inner .product-info .info-price .price-value small {
    color: #999;
    display: none;
    font-size: 28px;
    font-weight: 400;
    margin-right: 7px;
    position: relative
}

section.produkt-section-content .content-inner .product-info .info-price .price-value small:after {
    background: #666;
    content: "";
    height: .5px;
    left: 1px;
    position: absolute;
    top: 50%;
    width: 100%
}

section.produkt-section-content .content-inner .product-info .info-price .price-value span {
    color: #999;
    font-size: 18px;
    font-weight: 400
}

section.produkt-section-content .content-inner .product-info .info-price .price-last {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .3px;
    margin-top: 10px;
    opacity: .7
}

section.produkt-section-content .content-inner .product-info .info-price .price-availability {
    background: #f9f9f9;
    margin-top: 10px;
    padding: 10px
}

section.produkt-section-content .content-inner .product-info .info-price .price-availability .availability-inner {
    display: flex
}

section.produkt-section-content .content-inner .product-info .info-price .price-availability .availability-inner p {
    color: #000;
    font-size: 13px;
    letter-spacing: .3px;
    opacity: .7;
    text-transform: uppercase
}

section.produkt-section-content .content-inner .product-info .info-price .price-availability .availability-inner p:nth-child(2) {
    font-weight: 700;
    margin-left: 10px;
    position: relative
}

section.produkt-section-content .content-inner .product-info .info-price .price-availability .availability-inner p:nth-child(2):after {
    border-radius: 50%;
    content: "";
    height: 10px;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px
}

section.produkt-section-content .content-inner .product-info .info-price .price-availability .availability-inner.red p:nth-child(2):after {
    background: crimson
}

section.produkt-section-content .content-inner .product-info .info-price .price-availability .availability-inner.green p:nth-child(2):after {
    background: #6b8e23
}

section.produkt-section-content .content-inner .product-info .info-price .price-availability .availability-comment {
    margin-top: 5px
}

section.produkt-section-content .content-inner .product-info .info-price .price-availability .availability-comment p {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .3px;
    opacity: .7
}

section.produkt-section-content .content-inner .product-info .info-add {
    align-items: center;
    display: flex;
    margin-top: 30px
}

section.produkt-section-content .content-inner .product-info .info-add .service-quantity {
    align-self: center;
    display: flex;
    margin-right: 30px
}

section.produkt-section-content .content-inner .product-info .info-add .service-quantity .input-number {
    background: none;
    border: none;
    border-radius: 0;
    margin: 0;
    outline: none;
    padding: 0;
    text-align: center;
    width: 70px
}

section.produkt-section-content .content-inner .product-info .info-add .service-quantity .input-number, section.produkt-section-content .content-inner .product-info .info-add .service-quantity .input-number-decrement, section.produkt-section-content .content-inner .product-info .info-add .service-quantity .input-number-increment {
    height: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

section.produkt-section-content .content-inner .product-info .info-add .service-quantity .input-number-decrement, section.produkt-section-content .content-inner .product-info .info-add .service-quantity .input-number-increment {
    align-items: center;
    background: #f3f3f3;
    border: none;
    border-radius: 2px;
    color: #000;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    justify-content: center;
    min-width: 40px;
    outline: none;
    text-align: center;
    transition: background .4s
}

section.produkt-section-content .content-inner .product-info .info-add .service-quantity .input-number-decrement:active, section.produkt-section-content .content-inner .product-info .info-add .service-quantity .input-number-increment:active {
    background: #000;
    color: #fff
}

section.produkt-section-content .content-inner .product-info .info-add .service-quantity input[type=number]::-webkit-inner-spin-button, section.produkt-section-content .content-inner .product-info .info-add .service-quantity input[type=number]::-webkit-outer-spin-button {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

section.produkt-section-content .content-inner .product-info .info-add .service-quantity input[type=number] {
    -moz-appearance: textfield
}

section.produkt-section-content .content-inner .product-info .info-add .btn-empty, section.produkt-section-content .content-inner .product-info .info-add .btn-fill {
    margin-right: 30px
}

section.produkt-section-content .content-inner .product-info .info-add .btn-empty svg, section.produkt-section-content .content-inner .product-info .info-add .btn-empty svg path {
    transition: all .4s
}

section.produkt-section-content .content-inner .product-info .info-add .btn-empty svg path:first-child {
    fill: #fff
}

section.produkt-section-content .content-inner .product-info .info-add .btn-empty.checked svg path:first-child, section.produkt-section-content .content-inner .product-info .info-add .btn-empty:hover svg path:first-child {
    fill: #e9b9b9
}

section.produkt-section-content .content-inner .product-info .info-codes {
    align-items: center;
    border-top: 1px solid #e5e5e5;
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    padding-top: 35px
}

section.produkt-section-content .content-inner .product-info .info-codes .code-inner {
    display: flex;
    margin-right: 30px;
    margin-top: 5px
}

section.produkt-section-content .content-inner .product-info .info-codes .code-inner p {
    color: #000;
    font-size: 13px;
    letter-spacing: .3px;
    opacity: .7;
    text-transform: uppercase
}

section.produkt-section-content .content-inner .product-info .info-codes .code-inner p a {
    color: #1e90ff
}

section.produkt-section-content .content-inner .product-info .info-codes .code-inner p a:hover {
    text-decoration: underline
}

section.produkt-section-content .content-inner .product-info .info-codes .code-inner p:nth-child(2) {
    font-weight: 700;
    margin-left: 10px
}

section.produkt-section-content .content-inner .product-info .info-description {
    border-top: 1px solid #e5e5e5;
    margin-top: 40px;
    padding-top: 40px
}

section.produkt-section-content .content-inner .product-info .info-description .description-heading {
    color: #000;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .3px;
    margin-bottom: 25px;
    opacity: .7;
    text-transform: uppercase
}

section.produkt-section-content .content-inner .product-info .info-description img {
    max-width: 100% !important
}

section.produkt-section-content .content-inner .product-info .info-description li, section.produkt-section-content .content-inner .product-info .info-description p {
    color: #000;
    font-size: 13px;
    letter-spacing: .3px;
    opacity: .7
}

section.produkt-section-content .content-inner .product-info .info-description ul {
    padding-left: 17px
}

section.produkt-section-content .content-inner .product-info .info-download {
    border-top: 1px solid #e5e5e5;
    margin-top: 40px;
    padding-top: 40px
}

section.produkt-section-content .content-inner .product-info .info-download .download-heading {
    color: #000;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .3px;
    margin-bottom: 25px;
    opacity: .7;
    text-transform: uppercase
}

section.produkt-section-content .content-inner .product-info .info-download ul li a {
    align-items: center;
    display: flex
}

section.produkt-section-content .content-inner .product-info .info-download ul li a svg {
    fill: #c31432;
    height: 20px;
    margin-right: 10px;
    max-width: 20px;
    min-width: 20px
}

section.produkt-section-content .content-inner .product-info .info-download ul li a span {
    color: #000;
    font-size: 14px;
    text-decoration: underline;
    transition: all .4s
}

section.produkt-section-content .content-inner .product-info .info-download ul li a:hover span {
    color: #c31432
}

section.produkt-section-content .content-inner .product-info .info-download ul li + li {
    margin-top: 5px
}

section.produkt-section-content .content-inner .product-info.promotion .promotion {
    display: flex !important
}

section.produkt-section-content .content-inner .product-info.promotion .price-value {
    color: tomato
}

section.produkt-section-content .content-inner .product-info.promotion .price-value small {
    display: inline-block
}

section.produkt-section-content .content-inner .product-info.bestseller .bestseller, section.produkt-section-content .content-inner .product-info.new .new, section.produkt-section-content .content-inner .product-info.own .own, section.produkt-section-content .content-inner .product-info.sale .sale {
    display: flex !important
}

section.static-page-section-content {
    background: #fff;
    padding: 100px 0;
    transition: all .4s
}

section.static-page-section-content .content-inner {
    margin: 0 auto;
    max-width: 770px;
    width: 100%
}

section.static-page-section-content .content-inner .backlink {
    display: inline-block;
    margin-bottom: 30px
}

section.static-page-section-content .content-inner .backlink .backlink-inner {
    align-items: center;
    display: flex
}

section.static-page-section-content .content-inner .backlink .backlink-inner span {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .6px;
    text-transform: uppercase
}

section.static-page-section-content .content-inner .backlink .backlink-inner img {
    height: 8px;
    margin-right: 15px;
    transform: rotate(180deg)
}

section.static-page-section-content .content-inner .heading {
    color: #000;
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 1px
}

section.static-page-section-content .content-inner .heading + .inner-gallery {
    margin-top: 35px
}

section.static-page-section-content .content-inner .inner-info {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 35px
}

section.static-page-section-content .content-inner .inner-info .info-service {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .6px;
    margin-right: 30px;
    text-transform: uppercase
}

section.static-page-section-content .content-inner .inner-short-description {
    border-top: .5px solid #ccc;
    margin-top: 35px;
    padding-top: 35px
}

section.static-page-section-content .content-inner .inner-short-description p {
    color: #000;
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 25px
}

section.static-page-section-content .content-inner .inner-main-image {
    height: 400px;
    margin-top: 35px;
    overflow: hidden
}

section.static-page-section-content .content-inner .inner-main-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.static-page-section-content .content-inner .inner-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

section.static-page-section-content .content-inner .inner-gallery .gallery-service {
    background: #f9f9f9;
    display: block;
    margin-top: 1.3333333333%;
    overflow: hidden;
    padding-top: 20%;
    position: relative;
    width: 24%
}

section.static-page-section-content .content-inner .inner-gallery .gallery-service img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

section.static-page-section-content .content-inner .inner-gallery .gallery-service.service-hidden {
    margin-top: 0;
    opacity: 0;
    padding-top: 0;
    visibility: hidden
}

section.static-page-section-content .content-inner .inner-gallery.gallery-collapsed {
    margin-top: 0;
    padding-top: 0
}

section.static-page-section-content .content-inner .btn-gallery-more {
    margin-top: 30px
}

section.static-page-section-content .content-inner .btn-gallery-more.hidden {
    display: none
}

section.static-page-section-content .content-inner .inner-description {
    margin-top: 35px
}

section.static-page-section-content .content-inner .inner-description li, section.static-page-section-content .content-inner .inner-description p {
    color: #000;
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 25px
}

section.static-page-section-content .content-inner .inner-description ol, section.static-page-section-content .content-inner .inner-description ul {
    padding-left: 17px
}

section.static-page-section-content .content-inner .inner-description h1 {
    color: #000;
    font-size: 32px;
    font-weight: 400
}

section.static-page-section-content .content-inner .inner-description h2 {
    color: #000;
    font-size: 28px;
    font-weight: 400
}

section.static-page-section-content .content-inner .inner-description h3 {
    color: #000;
    font-size: 24px;
    font-weight: 400
}

section.static-page-section-content .content-inner .inner-description h4 {
    color: #000;
    font-size: 21px;
    font-weight: 400
}

section.static-page-section-content .content-inner .inner-description h5 {
    color: #000;
    font-size: 18px;
    font-weight: 400
}

section.static-page-section-content .content-inner .inner-description h6 {
    color: #000;
    font-size: 16px;
    font-weight: 400
}

section.static-page-section-content .content-inner .inner-download {
    border-top: 1px solid #e5e5e5;
    margin-top: 40px;
    padding-top: 40px
}

section.static-page-section-content .content-inner .inner-download .download-heading {
    color: #000;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .3px;
    margin-bottom: 25px;
    opacity: .7;
    text-transform: uppercase
}

section.static-page-section-content .content-inner .inner-download ul li a {
    align-items: center;
    display: flex
}

section.static-page-section-content .content-inner .inner-download ul li a svg {
    fill: #c31432;
    height: 20px;
    margin-right: 10px;
    max-width: 20px;
    min-width: 20px
}

section.static-page-section-content .content-inner .inner-download ul li a span {
    color: #000;
    font-size: 14px;
    text-decoration: underline;
    transition: all .4s
}

section.static-page-section-content .content-inner .inner-download ul li a:hover span {
    color: #c31432
}

section.static-page-section-content .content-inner .inner-download ul li + li {
    margin-top: 5px
}

section.faq-section-content {
    background: #fff;
    padding: 100px 0;
    transition: all .4s
}

section.faq-section-content .content-inner {
    margin: 0 auto;
    max-width: 770px;
    width: 100%
}

section.faq-section-content .content-inner .heading {
    text-align: center
}

section.faq-section-content .content-inner .heading h1 {
    color: #000;
    font-size: 50px;
    font-weight: 400
}

section.faq-section-content .content-inner .heading p {
    color: #000;
    font-size: 13px;
    letter-spacing: .3px;
    margin: 10px auto 0;
    max-width: 600px;
    opacity: .7
}

section.faq-section-content .content-inner .accordion {
    margin-top: 60px
}

section.faq-section-content .content-inner .accordion .accordion-item .accordion-header button {
    box-shadow: none;
    color: #000;
    font-size: 18px;
    font-weight: 400
}

section.faq-section-content .content-inner .accordion .accordion-item .accordion-body li, section.faq-section-content .content-inner .accordion .accordion-item .accordion-body p {
    color: #000;
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 25px
}

section.faq-section-content .content-inner .accordion .accordion-item .accordion-body ol, section.faq-section-content .content-inner .accordion .accordion-item .accordion-body ul {
    padding-left: 17px
}

section.kontakt-section-content {
    background: #fff;
    padding: 100px 0;
    transition: all .4s
}

section.kontakt-section-content .content-inner {
    align-items: center;
    display: flex;
    justify-content: space-around
}

section.kontakt-section-content .content-inner .inner-contacts {
    width: 40%
}

section.kontakt-section-content .content-inner .inner-contacts h1 {
    color: #000;
    font-size: 48px;
    font-weight: 400
}

section.kontakt-section-content .content-inner .inner-contacts p {
    font-size: 34px;
    opacity: .5;
    padding-left: 65px
}

section.kontakt-section-content .content-inner .inner-contacts address {
    margin-bottom: 0;
    margin-top: 50px;
    padding-left: 65px
}

section.kontakt-section-content .content-inner .inner-contacts address .address-service {
    display: inline-block
}

section.kontakt-section-content .content-inner .inner-contacts address .address-service .service-inner {
    align-items: center;
    display: flex
}

section.kontakt-section-content .content-inner .inner-contacts address .address-service .service-inner svg {
    height: 25px;
    margin-right: 12px;
    width: 25px
}

section.kontakt-section-content .content-inner .inner-contacts address .address-service .service-inner span {
    font-size: 25px;
    font-weight: 700
}

section.kontakt-section-content .content-inner .inner-contacts .contacts-social-media {
    align-items: center;
    display: flex;
    margin-left: 65px;
    margin-top: 30px
}

section.kontakt-section-content .content-inner .inner-contacts .contacts-social-media li.heading {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .6px;
    opacity: .7;
    text-transform: uppercase
}

section.kontakt-section-content .content-inner .inner-contacts .contacts-social-media li a svg {
    fill: #000;
    height: 18px;
    transition: all .4s;
    width: 18px
}

section.kontakt-section-content .content-inner .inner-contacts .contacts-social-media li:not(:last-child) {
    margin-right: 10px
}

section.kontakt-section-content .content-inner .inner-company-data {
    align-items: center;
    background: #f9f9f9;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    padding: 50px;
    text-align: center;
    width: 40%
}

section.kontakt-section-content .content-inner .inner-company-data address {
    color: #000;
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 0
}

section.kontakt-section-content .content-inner .inner-company-data address span {
    font-size: 21px;
    font-weight: 600
}

section.kontakt-section-content .content-hours {
    margin-top: 70px;
    padding: 0 5% 0 calc(5% + 65px)
}

section.kontakt-section-content .content-hours .heading {
    color: #000;
    font-size: 34px;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: center
}

section.kontakt-section-content .content-hours .hours-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

section.kontakt-section-content .content-hours .hours-inner .inner-service {
    background: #f9f9f9;
    border-radius: 2px;
    margin: 10px;
    padding: 15px;
    text-align: center
}

section.kontakt-section-content .content-hours .hours-inner .inner-service .name {
    color: #000;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase
}

section.kontakt-section-content .content-hours .hours-inner .inner-service .value {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px
}

section.kontakt-section-content .content-map-form-wrapper {
    display: flex;
    justify-content: space-between
}

section.kontakt-section-content .content-map-form-wrapper .content-form {
    width: 35%
}

section.kontakt-section-content .content-map-form-wrapper .content-map {
    padding: 0;
    width: 60%
}

section.kontakt-section-content .content-map-form-wrapper .content-map .map-inner {
    height: 100%;
    padding-top: 0
}

section.kontakt-section-content .content-form {
    margin-top: 80px
}

section.kontakt-section-content .content-form .heading {
    color: #000;
    font-size: 34px;
    font-weight: 400;
    margin-bottom: 30px
}

section.kontakt-section-content .content-form .info {
    margin-top: 30px
}

section.kontakt-section-content .content-form .info p {
    color: #000;
    font-size: 12px;
    font-size: 11px;
    font-weight: 500;
    font-weight: 400;
    letter-spacing: .6px;
    padding-left: 15px;
    text-transform: uppercase;
    text-transform: none
}

section.kontakt-section-content .content-form .row {
    margin-top: -15px
}

section.kontakt-section-content .content-form .checkbox-wrapper {
    margin-top: 30px
}

section.kontakt-section-content .content-form .checkbox-wrapper + .checkbox-wrapper {
    margin-top: 10px
}

section.kontakt-section-content .content-form .select-wrapper {
    border-color: #000;
    border-width: 1px
}

section.kontakt-section-content .content-form .select-wrapper select {
    color: #000;
    font-size: 14px;
    letter-spacing: 0;
    padding: 12px 100px 11px 19px;
    text-transform: none
}

section.kontakt-section-content .content-form .buttons-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 30px
}

section.kontakt-section-content .content-form .buttons-wrapper.center {
    justify-content: center
}

section.kontakt-section-content .content-map {
    margin-top: 80px;
    padding: 0 5% 0 calc(5% + 65px)
}

section.kontakt-section-content .content-map .map-inner {
    padding-top: 50%;
    position: relative;
    width: 100%
}

section.kontakt-section-content .content-map .map-inner iframe {
    border-radius: 5px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

section.kontakt-section-content .content-others {
    margin-top: 70px;
    padding: 0 5% 0 calc(5% + 65px)
}

section.kontakt-section-content .content-others .heading {
    color: #000;
    font-size: 34px;
    font-weight: 400;
    margin-bottom: 50px;
    text-align: center
}

section.kontakt-section-content .content-others .others-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

section.kontakt-section-content .content-others .others-inner .inner-service {
    border: .5px solid #ccc;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 1.5%;
    overflow: hidden;
    padding: 30px 20px 20px;
    position: relative;
    text-align: center;
    width: 30%
}

section.kontakt-section-content .content-others .others-inner .inner-service * + * {
    margin-top: 10px
}

section.kontakt-section-content .content-others .others-inner .inner-service .service-top {
    border-radius: 50%;
    height: 25px;
    left: 50%;
    position: absolute;
    top: -12px;
    transform: translateX(-50%);
    width: 25px
}

section.kontakt-section-content .content-others .others-inner .inner-service .service-iframe {
    padding-top: 50%;
    position: relative;
    width: 100%
}

section.kontakt-section-content .content-others .others-inner .inner-service .service-iframe iframe {
    border-radius: 2px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

section.kontakt-section-content .content-others .others-inner .inner-service .service-iframe + .service-name {
    margin-top: 15px
}

section.kontakt-section-content .content-others .others-inner .inner-service .service-image {
    border-radius: 50%;
    height: 70px;
    margin: 0 auto;
    overflow: hidden;
    width: 70px
}

section.kontakt-section-content .content-others .others-inner .inner-service .service-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.kontakt-section-content .content-others .others-inner .inner-service .service-name {
    color: #000
}

section.kontakt-section-content .content-others .others-inner .inner-service .service-job {
    color: #000;
    font-size: 11px;
    opacity: .7;
    text-transform: uppercase
}

section.kontakt-section-content .content-others .others-inner .inner-service .service-address {
    color: #000;
    font-size: 14px;
    font-weight: 300
}

section.kontakt-section-content .content-others .others-inner .inner-service .service-name + .service-job {
    margin-top: 3px
}

section.kontakt-section-content .content-others .others-inner .inner-service .service-hours {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

section.kontakt-section-content .content-others .others-inner .inner-service .service-hours .hour-box {
    background: #f9f9f9;
    border-radius: 2px;
    margin: 3px;
    padding: 5px;
    text-align: center
}

section.kontakt-section-content .content-others .others-inner .inner-service .service-hours .hour-box .name {
    color: #000;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: -.5px;
    text-transform: uppercase
}

section.kontakt-section-content .content-others .others-inner .inner-service .service-hours .hour-box .value {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -.5px;
    margin-top: 0
}

section.kontakt-section-content .content-others .others-inner .inner-service address {
    border-top: .5px solid #ddd;
    margin-bottom: 0;
    margin-top: 20px;
    padding-top: 20px;
    position: relative
}

section.kontakt-section-content .content-others .others-inner .inner-service address:after {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
    content: "";
    height: 100%;
    position: absolute;
    right: -20px;
    top: 0;
    width: 40px
}

section.kontakt-section-content .content-others .others-inner .inner-service address a {
    display: block;
    margin-top: 0 !important
}

section.section-footer {
    margin-top: 100px;
    transition: all .4s
}

section.section-footer .footer-inner {
    display: flex
}

section.section-footer .footer-inner .inner-service ul .heading {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .6px;
    margin-bottom: 20px;
    text-transform: uppercase;
    white-space: nowrap
}

section.section-footer .footer-inner .inner-service ul li a {
    color: #000;
    font-size: 14px;
    transition: all .4s;
    white-space: nowrap
}

section.section-footer .footer-inner .inner-service ul li + li {
    margin-top: 5px
}

section.section-footer .footer-inner .inner-service .social-media {
    align-items: center;
    display: flex
}

section.section-footer .footer-inner .inner-service .social-media li a img, section.section-footer .footer-inner .inner-service .social-media li a svg {
    fill: #000;
    height: 18px;
    transition: all .4s;
    width: 18px
}

section.section-footer .footer-inner .inner-service .social-media li + li {
    margin-top: 0
}

section.section-footer .footer-inner .inner-service .social-media li:not(:last-child) {
    margin-right: 10px
}

section.section-footer .footer-inner .inner-service address {
    margin-bottom: 0
}

section.section-footer .footer-inner .inner-service address a {
    color: #000;
    display: block;
    font-size: 16px;
    transition: all .5s
}

section.section-footer .footer-inner .inner-service address p {
    color: #000;
    font-size: 11px;
    margin-top: 15px
}

section.section-footer .footer-inner .inner-service + .inner-service {
    margin-left: 125px
}

section.section-footer .footer-credits {
    align-items: center;
    border-top: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
    padding: 35px 0
}

section.section-footer .footer-credits .credits-copyright {
    align-items: center;
    display: flex
}

section.section-footer .footer-credits .credits-copyright .copyright-logo .logo-text {
    color: #000;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: -.9px
}

section.section-footer .footer-credits .credits-copyright .copyright-logo .logo-text span {
    color: #c31432;
    font-size: 30px;
    font-weight: 700;
    line-height: 10px
}

section.section-footer .footer-credits .credits-copyright .copyright-logo .logo-image {
    max-width: 200px;
    min-width: 200px;
    position: relative
}

section.section-footer .footer-credits .credits-copyright .copyright-logo .logo-image img {
    width: 100%
}

section.section-footer .footer-credits .credits-copyright .copyright-logo .logo-image.image-size-3 {
    max-width: 125px;
    min-width: 125px
}

section.section-footer .footer-credits .credits-copyright .copyright-logo .logo-image.image-size-6 {
    max-width: 150px;
    min-width: 150px
}

section.section-footer .footer-credits .credits-copyright .copyright-logo .logo-image.image-size-9 {
    max-width: 175px;
    min-width: 175px
}

section.section-footer .footer-credits .credits-copyright .copyright-logo .logo-image.image-size-12 {
    max-width: 200px;
    min-width: 200px
}

section.section-footer .footer-credits .credits-copyright .divider {
    border-right: 1px solid #ccc;
    height: 30px;
    margin: 0 20px;
    width: 1px
}

section.section-footer .footer-credits .credits-copyright p {
    color: #000;
    font-size: 14px
}

section.section-footer .footer-credits .credits-copyright p a {
    color: inherit;
    transition: all .5s
}

section.section-footer .footer-credits .credits-payment ul {
    align-items: center;
    display: flex
}

section.section-footer .footer-credits .credits-payment ul li img {
    height: 15px
}

section.section-footer .footer-credits .credits-payment ul li + li {
    margin-left: 15px
}

section.section-footer.active {
    filter: blur(5px);
    transform: translateX(-620px)
}

.cookies-alert {
    background: rgba(0, 0, 0, .5);
    border-radius: 2px;
    bottom: 40px;
    left: 40px;
    padding: 20px 30px;
    position: fixed;
    transition: all .4s;
    width: 330px;
    z-index: 888
}

.cookies-alert .btn-close {
    background: none;
    border: none;
    box-shadow: none;
    cursor: pointer;
    height: auto;
    outline: none;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 4px;
    transition: opacity .4s;
    width: auto
}

.cookies-alert .btn-close span {
    background: #fff;
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 12px
}

.cookies-alert .btn-close span:first-child {
    transform: rotate(45deg) translateY(-50%)
}

.cookies-alert .btn-close span:nth-child(2) {
    transform: rotate(-45deg) translateY(-50%)
}

.cookies-alert .btn-close:after {
    content: none
}

.cookies-alert p {
    color: #fff;
    font-size: 11px;
    font-weight: 300
}

.cookies-alert p a {
    color: inherit;
    text-decoration: underline
}

.cookies-alert.hidden {
    opacity: 0;
    visibility: hidden
}

@media (max-width: 1399.98px) {
    nav.section-header .header-management .management-search-engine input {
        min-width: 340px
    }

    section.section-footer .footer-inner .inner-service + .inner-service {
        margin-left: 70px
    }
}

@media (max-width: 1199.98px) {
    nav.section-header .header-management .management-logo .logo-image, nav.section-header .header-management .management-logo .logo-image.image-size-12, nav.section-header .header-management .management-logo .logo-image.image-size-9 {
        max-width: 150px;
        min-width: 150px
    }

    section.produkt-section-content .content-inner .product-info .info-add {
        flex-wrap: wrap
    }

    section.produkt-section-content .content-inner .product-info .info-add .btn-fill {
        margin-left: 0;
        margin-top: 30px
    }

    section.produkt-section-content .content-inner .product-info .info-add .btn-empty {
        margin-top: 30px
    }

    section.produkt-section-content .content-inner .product-info .info-add .breakpoint {
        width: 100%
    }

    section.kontakt-section-content .content-inner {
        align-items: center;
        flex-direction: column;
        justify-content: center
    }

    section.kontakt-section-content .content-inner .inner-contacts {
        text-align: center;
        width: 100%
    }

    section.kontakt-section-content .content-inner .inner-contacts address, section.kontakt-section-content .content-inner .inner-contacts p {
        padding-left: 0
    }

    section.kontakt-section-content .content-inner .inner-contacts .contacts-social-media {
        justify-content: center;
        margin-left: 0
    }

    section.kontakt-section-content .content-inner .inner-company-data {
        margin-top: 40px;
        padding: 50px 80px;
        width: auto
    }

    section.kontakt-section-content .content-hours {
        margin-top: 60px;
        padding: 0
    }

    section.kontakt-section-content .content-form {
        margin-top: 60px
    }

    section.kontakt-section-content .content-map, section.kontakt-section-content .content-others {
        margin-top: 60px;
        padding: 0
    }

    section.section-footer .footer-inner {
        flex-wrap: wrap
    }

    section.section-footer .footer-inner .inner-service:first-child {
        order: 1
    }

    section.section-footer .footer-inner .inner-service:nth-child(2) {
        order: 2
    }

    section.section-footer .footer-inner .inner-service:nth-child(3) {
        order: 3
    }

    section.section-footer .footer-inner .inner-service:nth-child(4) {
        order: 4
    }

    section.section-footer .footer-inner .inner-service:nth-child(5) {
        margin-left: 0;
        margin-top: 40px;
        order: 6
    }

    section.section-footer .footer-inner .breakpoint {
        order: 5;
        width: 100%
    }

    section.section-footer .footer-credits .credits-copyright .copyright-logo .logo-image, section.section-footer .footer-credits .credits-copyright .copyright-logo .logo-image.image-size-12, section.section-footer .footer-credits .credits-copyright .copyright-logo .logo-image.image-size-9 {
        max-width: 150px;
        min-width: 150px
    }
}

@media (max-width: 991.98px) {
    .products-flexbox .product-service {
        width: 31%
    }

    .products-flexbox .product-service .badge-wrapper .badge {
        font-size: 9px;
        height: 20px;
        width: 80px
    }

    .products-flexbox.full-width .product-service {
        width: 23.5%
    }

    .products-flexbox.grid-list .product-service header {
        min-width: 27%
    }

    .category-nav-wrapper {
        position: relative
    }

    .category-nav-wrapper .category-nav li a {
        font-size: 15px;
        letter-spacing: 0
    }

    .category-nav-wrapper .category-nav li:not(:last-child) {
        padding-bottom: 15px
    }

    .category-nav-wrapper .category-nav li ul {
        margin-top: 12px;
        padding-left: 17px
    }

    .category-nav-wrapper .category-nav li ul li {
        padding-bottom: 0 !important
    }

    .category-nav-wrapper .category-nav li ul li a {
        font-size: 13px;
        letter-spacing: 0
    }

    .category-nav-wrapper .category-nav li ul li ul {
        margin-top: 10px
    }

    .category-nav-wrapper .filter-nav .checkbox-wrapper .radio-box {
        font-size: 15px;
        letter-spacing: 0
    }

    .category-nav-wrapper .filter-nav .checkbox-wrapper .radio-box .box-square {
        margin-top: 4px
    }

    .category-nav-wrapper .filter-nav .range-wrapper input[type=number] {
        font-size: 13px;
        margin: 0 3px
    }

    .category-nav-wrapper .filter-nav .range-wrapper p {
        font-size: 13px
    }

    .category-nav-wrapper .filter-nav .buttons-wrapper .btn-clear {
        font-size: 11px
    }

    .category-nav-wrapper .filter-nav .buttons-wrapper .btn-filter {
        font-size: 11px;
        padding: 3px 7px
    }

    nav.section-header .header-top p {
        display: none
    }

    nav.section-header .header-top .top-service {
        justify-content: space-between;
        width: 100%
    }

    nav.section-header .header-top .top-social-media:after {
        content: none
    }

    nav.section-header .header-management {
        flex-wrap: wrap;
        padding: 20px 0
    }

    nav.section-header .header-management .management-logo {
        order: 1
    }

    nav.section-header .header-management .management-offer {
        order: 4
    }

    nav.section-header .header-management .management-breakpoint {
        display: block;
        height: 20px;
        order: 3;
        width: 100%
    }

    nav.section-header .header-management .management-search-engine {
        order: 5
    }

    nav.section-header .header-management .management-service {
        order: 2
    }

    section.section-welcome .owl-carousel-welcome, section.section-welcome .welcome-item {
        display: none
    }

    section.section-welcome .owl-carousel-welcome-mobile, section.section-welcome .welcome-mobile-item {
        display: block
    }

    section.section-categories .categories-flexbox .flexbox-service .service-inner .inner-name {
        padding: 0
    }

    section.section-categories .categories-flexbox .flexbox-service .service-inner .inner-name .name-box {
        font-size: 14px;
        padding: 10px;
        transition: all .4s
    }

    section.section-categories .categories-flexbox .flexbox-service .service-inner:hover .inner-name {
        bottom: 0
    }

    section.section-categories .categories-flexbox .flexbox-service .service-inner:hover .inner-name .name-box {
        padding: 20px 10px
    }

    section.produkt-section-content .content-inner .product-info .info-producer > :not(:first-child) {
        margin-top: 7px
    }

    section.produkt-section-content .content-inner .product-info .info-producer .producer-inner {
        display: block
    }

    section.produkt-section-content .content-inner .product-info .info-producer .producer-inner p {
        font-size: 12px
    }

    section.produkt-section-content .content-inner .product-info .info-producer .producer-inner p:nth-child(2) {
        margin-left: 0
    }

    section.produkt-section-content .content-inner .product-info .info-features {
        margin-top: 30px
    }

    section.produkt-section-content .content-inner .product-info .info-features > :not(:first-child) {
        margin-top: 7px
    }

    section.produkt-section-content .content-inner .product-info .info-features .feature-inner {
        display: block
    }

    section.produkt-section-content .content-inner .product-info .info-features .feature-inner p {
        font-size: 12px
    }

    section.produkt-section-content .content-inner .product-info .info-features .feature-inner p:nth-child(2) {
        margin-left: 0
    }

    section.produkt-section-content .content-inner .product-info .info-features .select-wrapper-flexbox {
        display: block
    }

    section.produkt-section-content .content-inner .product-info .info-features .select-wrapper-flexbox label {
        font-size: 12px;
        margin-right: 0
    }

    section.produkt-section-content .content-inner .product-info .info-price {
        margin-top: 30px
    }

    section.produkt-section-content .content-inner .product-info .info-price .price-availability .availability-comment p, section.produkt-section-content .content-inner .product-info .info-price .price-availability .availability-inner p {
        font-size: 12px
    }

    section.produkt-section-content .content-inner .product-info .info-add .service-quantity .input-number {
        width: 50px
    }

    section.produkt-section-content .content-inner .product-info .info-add .btn-empty {
        margin-left: 0
    }

    section.produkt-section-content .content-inner .product-info .info-codes {
        display: block;
        margin-top: 30px;
        padding-top: 30px
    }

    section.produkt-section-content .content-inner .product-info .info-codes .code-inner {
        display: block;
        margin-top: 0
    }

    section.produkt-section-content .content-inner .product-info .info-codes .code-inner p {
        font-size: 12px
    }

    section.produkt-section-content .content-inner .product-info .info-codes .code-inner p:nth-child(2) {
        margin-left: 0
    }

    section.produkt-section-content .content-inner .product-info .info-codes > :not(:first-child) {
        margin-top: 7px
    }

    section.produkt-section-content .content-inner .product-info .info-description {
        margin-top: 30px;
        padding-top: 30px
    }

    section.produkt-section-content .content-inner .product-info .info-description .description-heading, section.produkt-section-content .content-inner .product-info .info-description li, section.produkt-section-content .content-inner .product-info .info-description p {
        font-size: 12px
    }

    section.produkt-section-content .content-inner .product-info .info-download {
        margin-top: 30px;
        padding-top: 30px
    }

    section.produkt-section-content .content-inner .product-info .info-download .download-heading {
        font-size: 12px;
        margin-bottom: 20px
    }

    section.produkt-section-content .content-inner .product-info .info-download ul li a span {
        font-size: 13px
    }

    section.section-footer .footer-inner .inner-service:first-child {
        order: 1
    }

    section.section-footer .footer-inner .inner-service:nth-child(2) {
        margin-left: 0;
        order: 4
    }

    section.section-footer .footer-inner .inner-service:nth-child(3) {
        order: 5
    }

    section.section-footer .footer-inner .inner-service:nth-child(4) {
        order: 6
    }

    section.section-footer .footer-inner .inner-service:nth-child(5) {
        margin-left: 70px;
        margin-top: 0;
        order: 2
    }

    section.section-footer .footer-inner .breakpoint {
        height: 40px;
        order: 3
    }

    section.section-footer .footer-credits .credits-payment {
        display: none
    }
}

@media (max-width: 785.98px) {
    .modal-service-wrapper .modal-service .service-inner .service-button {
        padding: 20px 15px 23px;
        right: 15px;
        top: 15px
    }
}

@media (max-width: 767.98px) {
    body.no-scroll {
        padding-right: 0
    }

    .body-wrapper.active {
        transform: translateX(-100%)
    }

    .breadcrumb-wrapper.subpage-hidden {
        display: none
    }

    .categories-flexbox .category-service, .news-flexbox .news-service, .products-flexbox .product-service, .products-flexbox.full-width .product-service {
        width: 48.25%
    }

    .header-bag-sidebar, .header-bag-sidebar .sidebar-service {
        width: 100%
    }

    .header-bag-sidebar .sidebar-service .service-heading {
        min-height: 76px;
        padding: 20px
    }

    .header-bag-sidebar .sidebar-service .service-inner {
        max-height: calc(100% - 205px);
        padding: 20px;
        width: 100%
    }

    .header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper {
        margin-top: 20px
    }

    .header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-image-wrapper {
        max-width: 80px;
        min-width: 80px;
        padding-top: 128px
    }

    .header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-image-wrapper.square {
        padding-top: 80px
    }

    .header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-name .info {
        margin-top: 5px
    }

    .header-bag-sidebar .sidebar-service .service-summary {
        bottom: 61px;
        padding: 10px 21px 10px 20px
    }

    .header-bag-sidebar .sidebar-service .service-footer {
        padding: 0 20px 20px
    }

    .header-bag-sidebar .sidebar-service .product-modal .modal-inner {
        padding: 20px
    }

    .header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-heading .heading {
        font-size: 18px;
        line-height: 22px
    }

    .header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-heading .btn-modal-close {
        height: 22px;
        max-width: 22px;
        min-width: 22px
    }

    .header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-heading .btn-modal-close span {
        width: 22px
    }

    .header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-features, .header-bag-sidebar .sidebar-service .product-modal .modal-inner .service-image-wrapper-outer {
        margin-top: 30px
    }

    .header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-features .feature-inner p {
        font-size: 11px;
        letter-spacing: 0
    }

    .header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-features .feature-inner p:nth-child(2) {
        margin-left: 10px
    }

    .header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-description {
        margin-top: 25px
    }

    .header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-footer {
        padding-top: 30px
    }

    .header-bag-sidebar.favorite .sidebar-service .service-inner {
        max-height: calc(100% - 157px)
    }

    .header-bag-sidebar.favorite .sidebar-service .service-footer {
        padding-top: 20px
    }

    nav.section-header .header-management .management-offer, nav.section-header .header-top {
        display: none
    }

    nav.section-header .header-management .management-search-engine {
        width: 100%
    }

    nav.section-header .header-management .management-search-engine input {
        min-width: auto;
        width: 100%
    }

    nav.section-header .header-management .management-service .service-icons a svg, nav.section-header .header-management .management-service .service-icons button svg {
        height: 21px;
        width: 21px
    }

    nav.section-header .header-management .management-service .service-icons a .cost-line, nav.section-header .header-management .management-service .service-icons button .cost-line {
        display: none
    }

    nav.section-header .header-management .management-service .service-icons + .service-icons {
        margin-left: 30px
    }

    nav.section-header .header-management .management-service .service-nav-button {
        display: block;
        margin-left: 20px
    }

    nav.section-header .header-categories {
        display: none
    }

    nav.section-header .header-categories > ul {
        gap: 10px;
        justify-content: space-between
    }

    nav.section-header .header-categories > ul li a {
        font-size: 14px
    }

    section.section-welcome + section.section-categories {
        margin-top: 40px
    }

    section.section-categories .categories-flexbox {
        flex-wrap: wrap
    }

    section.section-categories .categories-flexbox .flexbox-service {
        margin-top: 20px
    }

    section.section-categories .categories-flexbox .flexbox-service.service-wrapper .service-inner {
        padding-top: 70% !important
    }

    section.section-categories .categories-flexbox .flexbox-service.service-wrapper .service-inner + .service-inner {
        margin-top: 20px
    }

    section.section-categories .categories-flexbox.version-1 .flexbox-service, section.section-categories .categories-flexbox.version-2 .flexbox-service, section.section-categories .categories-flexbox.version-3 .flexbox-service {
        padding-top: 70%;
        width: 100%
    }

    section.section-categories .categories-flexbox.version-3 .flexbox-service.service-double {
        align-content: space-between;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%
    }

    section.section-categories .categories-flexbox.version-3 .flexbox-service.service-double .service-inner, section.section-categories .categories-flexbox.version-4 .flexbox-service {
        padding-top: 70%;
        width: 100%
    }

    section.section-categories .categories-flexbox.version-4 .flexbox-service.service-double {
        align-content: space-between;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%
    }

    section.section-categories .categories-flexbox.version-4 .flexbox-service.service-double .service-inner {
        padding-top: 70%;
        width: 100%
    }

    section.section-categories .categories-flexbox.version-4 .flexbox-service.service-double .service-inner.vertical-100:first-child {
        margin-bottom: 0
    }

    section.section-advantages {
        margin-top: 40px
    }

    section.section-advantages .advantages-flexbox {
        flex-wrap: wrap;
        justify-content: center
    }

    section.section-advantages .advantages-flexbox .flexbox-service {
        margin-top: 30px;
        width: 33.3333333333%
    }

    section.section-offer {
        margin-top: 70px
    }

    section.section-offer .section-heading h2 {
        font-size: 28px
    }

    section.section-industries {
        margin-top: 70px
    }

    section.section-industries .section-heading h2 {
        font-size: 28px
    }

    section.section-industries .industries-flexbox .flexbox-service {
        font-size: 14px;
        margin: 5px;
        padding: 5px 13px
    }

    section.section-cta {
        margin-top: 70px
    }

    section.section-cta .cta-item .item-description {
        padding: 50px 30px
    }

    section.section-cta .cta-item .item-description .text {
        font-size: 30px;
        line-height: 35px
    }

    section.section-blog {
        margin-top: 70px
    }

    section.section-blog.subpage {
        padding: 70px 0
    }

    section.section-blog.subpage .news-flexbox .news-service:nth-child(3) {
        display: flex
    }

    section.section-blog .section-heading {
        text-align: center
    }

    section.section-blog .section-heading h1, section.section-blog .section-heading h2 {
        font-size: 28px
    }

    section.section-blog .news-flexbox {
        margin-top: 15px
    }

    section.section-blog .news-flexbox .news-service:nth-child(3) {
        display: none
    }

    section.section-blog .btn-more-products-wrapper {
        margin-top: 50px
    }

    section.section-newsletter {
        margin-top: 70px;
        padding: 70px 0
    }

    section.section-newsletter .section-heading h2 {
        font-size: 28px
    }

    section.kategoria-section-content {
        padding-bottom: 70px;
        padding-top: 0
    }

    section.kategoria-section-content .content-flexbox .flexbox-sidebar {
        display: none
    }

    section.kategoria-section-content .content-flexbox .flexbox-body {
        width: 100%
    }

    section.kategoria-section-content .content-flexbox .flexbox-body .heading {
        display: block
    }

    section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .heading-categories-button {
        display: flex
    }

    section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .heading-text, section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .inner-wrapper .heading-grid-wrapper {
        display: none
    }

    section.kategoria-section-content .content-flexbox .flexbox-body .btn-more-products-wrapper {
        margin-top: 50px
    }

    section.kategoria-section-content .content-description {
        margin-top: 60px;
        padding-top: 50px
    }

    section.kategoria-section-content .content-description .description-inner h1, section.kategoria-section-content .content-description .description-inner h2 {
        font-size: 28px
    }

    section.produkt-section-content {
        padding-bottom: 70px;
        padding-top: 0
    }

    section.produkt-section-content .heading {
        display: block
    }

    section.produkt-section-content .content-inner {
        flex-direction: column
    }

    section.produkt-section-content .content-inner .product-gallery {
        width: 100%
    }

    section.produkt-section-content .content-inner .product-info {
        margin-top: 40px;
        width: 100%
    }

    section.produkt-section-content .content-inner .product-info .info-add .btn-fill {
        margin-right: 30px
    }

    section.static-page-section-content {
        padding: 70px 0
    }

    section.static-page-section-content.no-padding-mobile {
        padding: 0 0 70px
    }

    section.static-page-section-content .content-inner .backlink {
        display: inline-block;
        margin-bottom: 30px;
        width: 100%
    }

    section.static-page-section-content .content-inner .backlink .backlink-inner {
        border-bottom: .5px solid #ccc;
        padding: 12px 0
    }

    section.static-page-section-content .content-inner .backlink .backlink-inner span {
        color: #666;
        font-size: 17px;
        font-weight: 500;
        letter-spacing: 0;
        text-transform: none
    }

    section.static-page-section-content .content-inner .backlink .backlink-inner img {
        height: 10px;
        margin-right: 10px;
        transform: rotate(180deg)
    }

    section.static-page-section-content .content-inner .heading {
        font-size: 28px;
        letter-spacing: .5px
    }

    section.faq-section-content {
        padding: 70px 0
    }

    section.faq-section-content .content-inner .heading h1 {
        font-size: 32px
    }

    section.faq-section-content .content-inner .accordion {
        margin-top: 40px
    }

    section.faq-section-content .content-inner .accordion .accordion-item .accordion-header button {
        font-size: 15px;
        font-weight: 500
    }

    section.kontakt-section-content {
        padding: 70px 0
    }

    section.kontakt-section-content .content-inner .inner-contacts h1 {
        font-size: 28px
    }

    section.kontakt-section-content .content-inner .inner-contacts p {
        font-size: 22px
    }

    section.kontakt-section-content .content-inner .inner-contacts address .address-service .service-inner svg {
        height: 18px;
        margin-right: 8px;
        width: 18px
    }

    section.kontakt-section-content .content-inner .inner-contacts address .address-service .service-inner span {
        font-size: 18px;
        letter-spacing: -.3px
    }

    section.kontakt-section-content .content-inner .inner-contacts .contacts-social-media li.heading {
        color: #000;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: .6px;
        opacity: .7;
        text-transform: uppercase
    }

    section.kontakt-section-content .content-inner .inner-company-data {
        padding: 40px
    }

    section.kontakt-section-content .content-hours .heading {
        font-size: 28px
    }

    section.kontakt-section-content .content-hours .hours-inner .inner-service {
        margin: 3px;
        padding: 5px
    }

    section.kontakt-section-content .content-map-form-wrapper {
        flex-direction: column
    }

    section.kontakt-section-content .content-map-form-wrapper .content-form, section.kontakt-section-content .content-map-form-wrapper .content-map {
        width: 100%
    }

    section.kontakt-section-content .content-map-form-wrapper .content-map .map-inner {
        height: auto;
        padding-top: 50%
    }

    section.kontakt-section-content .content-form .heading {
        font-size: 28px;
        text-align: center
    }

    section.kontakt-section-content .content-form .buttons-wrapper > * {
        text-align: center;
        width: 100%
    }

    section.kontakt-section-content .content-others .heading {
        font-size: 28px
    }

    section.kontakt-section-content .content-others .others-inner .inner-service {
        margin: 1%;
        padding: 20px 10px;
        width: 48%
    }

    section.section-footer {
        margin-top: 70px
    }

    section.section-footer.active {
        transform: translateX(-100%)
    }

    section.section-footer .footer-credits {
        margin-top: 50px
    }

    section.section-footer .footer-credits .credits-copyright {
        flex-direction: column;
        text-align: center;
        width: 100%
    }

    section.section-footer .footer-credits .credits-copyright .divider {
        display: none
    }

    section.section-footer .footer-credits .credits-copyright p {
        font-size: 12px;
        margin-top: 15px
    }
}

@media (max-width: 575.98px) {
    body .btn-border {
        padding: 10px 18px
    }

    body .btn-border, body .btn-empty, body .btn-fill {
        color: #000;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: .6px;
        text-transform: uppercase
    }

    body .btn-fill {
        padding: 10px 18px
    }

    body .btn-fill.btn-small {
        padding: 7px 14px
    }

    .toast-container {
        bottom: 0;
        padding: 0;
        right: 0;
        width: 100%
    }

    .toast-container .toast {
        margin-bottom: 15px;
        margin-left: 15px;
        width: calc(100% - 30px)
    }

    .select-wrapper select {
        font-size: 10.5px;
        letter-spacing: .4px;
        padding-right: 30px
    }

    .header-bag-sidebar .sidebar-service {
        display: flex;
        flex-direction: column
    }

    .header-bag-sidebar .sidebar-service .service-inner {
        max-height: calc(100% - 225px)
    }

    .header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .product-service {
        flex-wrap: wrap;
        width: calc(100% - 25px)
    }

    .header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-name {
        width: calc(100% - 80px)
    }

    .header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity {
        margin-left: 0
    }

    .header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity .input-number {
        width: 30px
    }

    .header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity .input-number, .header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity .input-number-decrement, .header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity .input-number-increment {
        height: 25px
    }

    .header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity .input-number-decrement, .header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .service-quantity .input-number-increment {
        min-width: 25px
    }

    .header-bag-sidebar .sidebar-service .service-inner .product-service-wrapper .breakpoint {
        display: block;
        height: 10px;
        width: 100%
    }

    .header-bag-sidebar .sidebar-service .service-menu .category-nav-wrapper .inner-footer {
        flex-direction: column;
        width: 100%
    }

    .header-bag-sidebar .sidebar-service .service-menu .category-nav-wrapper .inner-footer > * {
        text-align: center;
        width: 100%
    }

    .header-bag-sidebar .sidebar-service .service-menu .category-nav-wrapper .inner-footer > * + * {
        margin-left: 0;
        margin-top: 10px
    }

    .header-bag-sidebar .sidebar-service .service-summary {
        bottom: 105px;
        font-size: 14px;
        text-align: center
    }

    .header-bag-sidebar .sidebar-service .service-summary br {
        content: ""
    }

    .header-bag-sidebar .sidebar-service .service-summary br:after {
        content: " "
    }

    .header-bag-sidebar .sidebar-service .service-footer {
        flex-direction: column-reverse;
        width: 100%
    }

    .header-bag-sidebar .sidebar-service .service-footer > * {
        text-align: center;
        width: 100%
    }

    .header-bag-sidebar .sidebar-service .service-footer > * + * {
        margin-bottom: 10px;
        margin-left: 0
    }

    .header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-footer {
        flex-direction: column-reverse;
        width: 100%
    }

    .header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-footer > * {
        text-align: center;
        width: 100%
    }

    .header-bag-sidebar .sidebar-service .product-modal .modal-inner .inner-footer > * + * {
        margin-bottom: 10px;
        margin-left: 0
    }

    nav.section-header .header-management .management-logo .logo-text {
        font-size: 20px;
        letter-spacing: -.7px
    }

    nav.section-header .header-management .management-logo .logo-text span {
        font-size: 25px
    }

    section.section-advantages .advantages-flexbox .flexbox-service {
        width: 50%
    }

    section.section-cta .cta-item .item-description {
        padding: 20px 10px
    }

    section.kategoria-section-content .content-flexbox .flexbox-body .body-heading .heading-categories-button span {
        font-size: 10.5px;
        letter-spacing: .4px
    }

    section.kategoria-section-content .content-flexbox .flexbox-body .btn-more-products-wrapper {
        margin-top: 50px
    }

    section.kategoria-section-content .content-flexbox .flexbox-body .btn-more-products-wrapper .btn-more-products {
        font-size: 10.5px;
        letter-spacing: .4px;
        padding: 10px 18px
    }

    section.static-page-section-content .content-inner .backlink {
        margin-bottom: 20px
    }

    section.static-page-section-content .content-inner .inner-info {
        margin-top: 25px
    }

    section.static-page-section-content .content-inner .inner-info .info-service {
        font-size: 10.5px;
        letter-spacing: .4px;
        margin-right: 20px
    }

    section.static-page-section-content .content-inner .inner-short-description {
        margin-top: 25px;
        padding-top: 25px
    }

    section.static-page-section-content .content-inner .inner-description, section.static-page-section-content .content-inner .inner-main-image {
        margin-top: 25px
    }

    section.static-page-section-content .content-inner .inner-description h1 {
        font-size: 28px
    }

    section.static-page-section-content .content-inner .inner-description h2 {
        font-size: 24px
    }

    section.static-page-section-content .content-inner .inner-description h3 {
        font-size: 20px
    }

    section.kontakt-section-content .content-others .others-inner .inner-service {
        margin: 1%;
        width: 100%
    }

    section.section-footer .footer-inner {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        text-align: center
    }

    section.section-footer .footer-inner .inner-service .social-media {
        justify-content: center
    }

    section.section-footer .footer-inner .inner-service + .inner-service {
        margin-left: 0;
        margin-top: 42px
    }

    section.section-footer .footer-inner .breakpoint {
        display: none
    }

    section.section-footer .footer-credits .credits-copyright .copyright-logo .logo-text {
        font-size: 20px;
        letter-spacing: -.7px
    }

    section.section-footer .footer-credits .credits-copyright .copyright-logo .logo-text span {
        font-size: 25px
    }

    .cookies-alert {
        bottom: 15px;
        left: 15px;
        padding: 20px;
        width: calc(100% - 30px)
    }
}