.slick-slider {
    -khtml-user-select: none
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}

.mfp-bg,
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.mfp-wrap {
    z-index: 1043;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-height:300px),
screen and (max-width:800px) and (orientation:landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media (max-width:900px) {
    .mfp-arrow {
        transform: scale(.75)
    }

    .mfp-arrow-left {
        transform-origin: 0
    }

    .mfp-arrow-right {
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

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

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

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

body {
    margin: 0;
    font-family: Open Sans, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #3e3e3e;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: none !important
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 12px
}

p {
    margin-top: 0;
    margin-bottom: 15px
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    font-style: normal;
    line-height: inherit
}

address,
dl,
ol,
ul {
    margin-bottom: 1rem
}

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

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 14px
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #f60;
    text-decoration: "none";
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #b34700;
    text-decoration: underline
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

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

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

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

[role=button],
a,
area,
button,
input:not([type=range]),
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

table {
    border-collapse: collapse
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #b5b5b5;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

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

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

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

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

output {
    display: inline-block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none !important
}

@media (min-width:992px),
print {
    .sidebar-primary .main {
        width: calc(210px + ((100% - 360px) / 12 * 8));
        margin-left: 15px;
        margin-right: 15px;
        float: left;
        margin-left: 0
    }
}

@media (min-width:992px),
print {
    .sidebar {
        width: calc(90px + ((100% - 360px) / 12 * 4));
        margin-left: 15px;
        margin-right: 15px;
        float: left;
        float: right;
        margin-right: 0
    }
}

body:not(#tinymce) {
    overflow-x: hidden
}

@media (min-width:992px) {
    body:not(#tinymce) {
        padding-top: 152px
    }

    body:not(#tinymce).admin-bar {
        padding-top: 184px
    }
}

.container {
    margin: 0 auto;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

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

.container:after {
    clear: both
}

@media (min-width:768px) {
    .container {
        margin: 0 auto;
        max-width: 750px
    }

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

    .container:after {
        clear: both
    }
}

@media (min-width:992px) {
    .container {
        margin: 0 auto;
        max-width: 970px
    }

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

    .container:after {
        clear: both
    }
}

@media (min-width:1024px) {
    .container {
        margin: 0 auto;
        max-width: 1005px
    }

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

    .container:after {
        clear: both
    }
}

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

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: PT Serif, serif;
    color: #424242;
    font-weight: 400
}

.h1,
h1 {
    font-size: 36px;
    margin-bottom: 30px
}

.h1,
.h2,
h1,
h2 {
    line-height: 1.3
}

.h2,
h2 {
    font-weight: 400;
    font-size: 24px
}

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

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

hr {
    margin: 35px 0;
    border-color: #dadada;
    border-style: solid
}

ul {
    list-style: none;
    padding-left: 0
}

ul li {
    position: relative;
    padding-left: 15px
}

ul li:before {
    content: "\f111";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 8px;
    font-family: Font Awesome\ 5 Free;
    color: #f60;
    font-weight: 900;
    line-height: 27px
}

table {
    border: 0
}

tr:nth-child(2n) {
    background-color: #dadada
}

td,
th {
    padding: 0 15px;
    border: 0
}

.responsive_table {
    width: 100%;
    overflow-y: hidden;
    padding: 20px 15px;
    border: 1px solid #dadada
}

.responsive_table td,
.responsive_table th {
    white-space: nowrap;
    font-size: 15px
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

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

.row:after {
    clear: both
}

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

.clearfix:after {
    clear: both
}

.wrap {
    margin-top: 25px;
    margin-bottom: 60px
}

.scrollToTop {
    width: 56px;
    height: 56px;
    padding: 10px;
    text-align: center;
    background: #f5f5f5;
    font-weight: 700;
    color: #f60;
    position: fixed;
    bottom: 30px;
    right: 15px;
    display: none
}

.scrollToTop,
.scrollToTop:hover {
    text-decoration: none
}

.text-right {
    text-align: right
}

.inline-block {
    display: inline-block
}

.alignright[class*=layout-column-] {
    justify-self: end
}

.slick-slide img {
    margin: 0 auto
}

@media (max-width:767px) {
    .slick-slide img {
        height: 160px !important;
        -o-object-fit: cover !important;
        object-fit: cover !important
    }
}

.epay_form {
    max-width: 700px
}

.epay_form input[type=email],
.epay_form input[type=number],
.epay_form input[type=text],
.epay_form textarea {
    width: 100%;
    border-radius: 0;
    border: 1px solid #ccc
}

.epay_form textarea {
    height: 100px
}

.epay_form label {
    margin: 15px 0 0;
    font-size: 15px
}

@media (min-width:992px) {
    .epay_form .smaller {
        width: 30% !important
    }
}

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

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

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

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs,
    th.visible-xs {
        display: table-cell !important
    }
}

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

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

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

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

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm,
    th.visible-sm {
        display: table-cell !important
    }
}

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

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

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

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

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md,
    th.visible-md {
        display: table-cell !important
    }
}

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

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

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

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg,
    th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

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

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

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

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

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

    table.visible-print {
        display: table !important
    }

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

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

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

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

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

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

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

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

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

.btn-default,
.btn-primary,
.caldera-grid .btn.btn-default {
    display: inline-block;
    color: #fff !important;
    background-color: #f60;
    border: 1px solid transparent;
    font-size: 18px;
    text-decoration: none !important;
    box-shadow: none;
    text-align: center;
    border-radius: 0;
    padding: 9px 15px;
    margin: 5px auto;
    font-weight: 700
}

.btn-default.focus,
.btn-default:focus,
.btn-primary.focus,
.btn-primary:focus,
.caldera-grid .btn.btn-default.focus,
.caldera-grid .btn.btn-default:focus {
    color: #fff !important;
    background-color: #f60;
    border-color: transparent;
    outline: 0
}

.btn-default:hover,
.btn-primary:hover,
.caldera-grid .btn.btn-default:hover {
    color: #f60 !important;
    background-color: #fff;
    border-color: #f60
}

.btn-default.active,
.btn-default:active,
.btn-primary.active,
.btn-primary:active,
.caldera-grid .btn.btn-default.active,
.caldera-grid .btn.btn-default:active,
.open>.btn-default.dropdown-toggle,
.open>.btn-primary.dropdown-toggle,
.open>.caldera-grid .btn.btn-default.dropdown-toggle {
    color: #fff !important;
    background-color: #f60;
    border-color: transparent;
    box-shadow: none
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.caldera-grid .btn.btn-default.active.focus,
.caldera-grid .btn.btn-default.active:focus,
.caldera-grid .btn.btn-default.active:hover,
.caldera-grid .btn.btn-default:active.focus,
.caldera-grid .btn.btn-default:active:focus,
.caldera-grid .btn.btn-default:active:hover,
.open>.btn-default.dropdown-toggle.focus,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover,
.open>.caldera-grid .btn.btn-default.dropdown-toggle.focus,
.open>.caldera-grid .btn.btn-default.dropdown-toggle:focus,
.open>.caldera-grid .btn.btn-default.dropdown-toggle:hover {
    color: #f60 !important;
    background-color: #fff;
    border-color: #f60;
    outline: 0
}

.btn-default.active,
.btn-default:active,
.btn-primary.active,
.btn-primary:active,
.caldera-grid .btn.btn-default.active,
.caldera-grid .btn.btn-default:active,
.open>.btn-default.dropdown-toggle,
.open>.btn-primary.dropdown-toggle,
.open>.caldera-grid .btn.btn-default.dropdown-toggle {
    background-image: none
}

.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
.caldera-grid .btn.btn-default.disabled.focus,
.caldera-grid .btn.btn-default.disabled:focus,
.caldera-grid .btn.btn-default.disabled:hover,
.caldera-grid .btn.btn-default[disabled].focus,
.caldera-grid .btn.btn-default[disabled]:focus,
.caldera-grid .btn.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .caldera-grid .btn.btn-default.focus,
fieldset[disabled] .caldera-grid .btn.btn-default:focus,
fieldset[disabled] .caldera-grid .btn.btn-default:hover {
    background-color: #f60;
    border-color: transparent
}

.btn-default .badge,
.btn-primary .badge,
.caldera-grid .btn.btn-default .badge {
    color: #f60 !important;
    background-color: #fff
}

.btn-default:focus,
.btn-primary:focus,
.caldera-grid .btn.btn-default:focus {
    box-shadow: none
}

@media (min-width:768px) {

    .btn-default,
    .btn-primary,
    .caldera-grid .btn.btn-default {
        padding: 8px 30px
    }
}

.main,
.sidebar-primary .main {
    margin-right: 0;
    margin-left: 0
}

@media (min-width:992px),
print {
    .sidebar-primary .main {
        width: calc(210px + ((100% - 360px) / 12 * 8));
        margin-left: 15px;
        margin-right: 15px;
        float: left;
        margin-left: 0
    }
}

.sidebar {
    margin-right: 0;
    margin-left: 0
}

@media (min-width:992px),
print {
    .sidebar {
        width: calc(90px + ((100% - 360px) / 12 * 4));
        margin-left: 15px;
        margin-right: 15px;
        float: left;
        float: right;
        margin-right: 0
    }
}

.alignnone {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    height: auto
}

.aligncenter {
    display: block;
    margin: .65em auto;
    height: auto
}

.alignleft,
.alignright {
    margin-bottom: .65em;
    height: auto
}

@media (min-width:768px) {
    .alignleft {
        float: left;
        margin-right: .65em
    }

    .alignright {
        float: right;
        margin-left: .65em
    }
}

.thumbnail,
.wp-caption {
    display: block;
    padding: 4px;
    margin-bottom: 27px;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: border .2s ease-in-out
}

.thumbnail>img,
.thumbnail a>img,
.wp-caption>img,
.wp-caption a>img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

.thumbnail .caption,
.wp-caption .caption {
    padding: 9px;
    color: #3e3e3e
}

a.active.wp-caption,
a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover,
a.wp-caption:focus,
a.wp-caption:hover {
    border-color: #f60
}

.wp-caption-text {
    padding: 10px
}

.screen-reader-text {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.screen-reader-text:active,
.screen-reader-text:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.wp-block-separator {
    max-width: none;
    border-bottom: 1px solid #dadada
}

.nav-primary {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: -9999px;
    left: -9999px;
    transition: all .4s ease;
    background: #fff
}

.nav-primary li {
    padding: 0
}

.nav-primary li:before {
    content: none;
    top: auto;
    position: static;
    display: inline;
    margin-right: 0;
    font-size: 0
}

.nav-primary--open {
    position: fixed;
    left: 0;
    right: 0;
    top: 76px;
    height: 100%;
    padding-bottom: 100px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 10
}

@media (min-width:992px) {
    .nav-primary {
        position: relative;
        top: auto;
        left: auto;
        display: inline-block;
        background: transparent
    }
}

.main-menu {
    margin: 10px 0 0;
    padding: 0;
    list-style: none
}

.main-menu__item {
    border-bottom: 1px solid #e3e3e3
}

.main-menu__item.gray>a,
.main-menu__item.menu-item-object-category>a {
    background-color: #e7e7e7
}

.main-menu__item--open .main-menu__sub-menu {
    display: block
}

.main-menu__item--open .main-menu__link .fa:before {
    content: "\f106"
}

.main-menu__link {
    padding: 10px 15px;
    display: block
}

.main-menu__link,
.main-menu__link:active,
.main-menu__link:hover,
.main-menu__link:visited {
    text-decoration: none;
    color: #3e3e3e
}

@media (min-width:992px) {
    .main-menu__link .fa {
        display: none
    }
}

.main-menu__sub-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0 15px;
    }

.main-menu__sub-menu__link {
    padding: 10px 15px;
    display: block
}

.main-menu__sub-menu__link,
.main-menu__sub-menu__link:active,
.main-menu__sub-menu__link:hover,
.main-menu__sub-menu__link:visited {
    text-decoration: none;
    color: #3e3e3e
}

.main-menu__sub-menu__link .fa {
    display: none
}

@media (min-width:992px) {
    .main-menu {
        padding: 0;
        margin: 0;
        list-style: none;
        position: static;
        background: #ffffff !important;
        display: flex;
        width: 100%;
justify-content: center;
gap: 20px;
align-items: center;
    }

}

 .nav_contact {
    width: 100%;
    text-align: center;
}

.nav-primary {
    width: 100%;
    background: #ffffff;
    padding-bottom: 10px;
}

header.banner {
    background: #ffffff;
}

@media (min-width: 992px) {

  header.banner {
      position: relative;
      z-index: 1000;
      background: #ffffff;
      border-bottom: 2px solid #e0e0e0;  /* forces visible separation */
  }

  .container {
      position: relative;
      z-index: 999;
  }


}

}

.nav-primary .main-menu {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    background: #ffffff !important;
    padding: 40px 0;
}

    .main-menu li {
        padding: 0
    }

    .main-menu li:before {
        content: none;
        top: auto;
        position: static;
        display: inline;
        margin-right: 0;
        font-size: 0
    }

    .main-menu--open {
        position: static
    }

       .main-menu__item--active .main-menu__link {
        color: #000
    }

    .main-menu__item--active .main-menu__link:hover:after {
        content: none
    }

    .main-menu__item--ancestor--active .main-menu__link,
    .main-menu__item--parent--active .main-menu__link {
        position: relative;
        text-decoration: none;
        color: #f60
    }

    .main-menu__item--ancestor--active>a,
    .main-menu__item--parent--active>a {
        color: #f60 !important
    }

    .main-menu__item--ancestor--active:hover .main-menu__link:after,
    .main-menu__item--parent--active:hover .main-menu__link:after {
        content: none
    }

    .main-menu__item:last-child .main-menu__link {
        margin-right: 0
    }

    .main-menu__link {
    display: block;
    position: relative;
    padding: 12px 0 10px;
    margin: 0;
    font-family: Open Sans, sans-serif;
    font-size: 18px;
    transition: .2s ease 0s;

    background: #ffffff;   /* ✅ ADD THIS LINE */
}

    .main-menu__link,
    .main-menu__link:focus,
    .main-menu__link:visited {
        text-decoration: none;
        color: #000
    }

    .main-menu__link:hover {
        text-decoration: none;
        color: #f60
    }

/* CRITICAL FIX: match actual WordPress classes */


/* FINAL CLEAN MENU CONTROL */

.main-menu > li {
    display: inline-block !important;
    position: relative;
}

.main-menu > li > .sub-menu {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 0;
}

.main-menu > li:hover > .sub-menu {
    display: block !important;
}

.breadcrumbs {
    padding: 0;
    display: inline-block;
    float: left
}

@media (min-width:992px) {
    .breadcrumbs {
        max-width: 90%
    }
}

.breadcrumbs__items {
    margin-bottom: 40px;
    color: #000;
    font-weight: 400;
    font-size: 14px
}

.breadcrumbs__items a,
.breadcrumbs__items a:hover,
.breadcrumbs__items a:visited {
    text-decoration: none;
    color: #000
}

.breadcrumbs__items .breadcrumb_last {
    color: #f60
}

.hero {
    position: relative;
    margin-top: 0;
}


@media (min-width: 768px) {
  .hero {
      margin-top: 0;
  }
}

.admin-bar .hero {
    margin-top: 0;
}

.hero__content {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    padding-top: 50px;
    padding-bottom: 50px
}

@media (min-width:992px) {
    .hero__content {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.hero__title {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.333333;
    color: #3e3e3e
}

@media (min-width:768px) {
    .hero__title {
        font-size: 38px
    }
}

@media (min-width:992px) {
    .hero__title {
        font-size: 36px
    }
}

.hero__title span {
    padding: 0 20px;
    background: #fff
}

.hero--img {
    height: 700px !important
}

@media (max-width:767px) {
    .hero--img {
        height: 134px !important
    }
}

@media (max-width:991px) {
    .hero--img {
        height: 242px !important
    }
}

@media (min-width:768px) {
    .hero .btn-tertiary {
        margin-left: 15px
    }
}

@media (min-width:992px) {
    .hero .btn-tertiary {
        margin-left: 30px
    }
}

@media (min-width:992px),
print {
    .text_with_right_image__content {
        width: calc(180px + ((100% - 360px) / 12 * 7));
        margin-left: 15px;
        margin-right: 15px;
        float: left;
        margin-left: 0
    }
}

.text_with_right_image__image {
    margin: 15px 0 25px
}

@media (min-width:992px),
print {
    .text_with_right_image__image {
        width: calc(120px + ((100% - 360px) / 12 * 5));
        margin-left: 15px;
        margin-right: 15px;
        float: left;
        float: right;
        margin-right: 0;
        margin: 10px 0 0
    }
}

.text_with_right_image__image img {
    margin: 0 auto
}

@media (min-width:992px),
print {
    .text_with_right_image__image img {
        float: right
    }
}

.text_with_right_image__content-wrap:before {
    content: "";
    display: table
}

.text_with_right_image__content-wrap:after {
    content: "";
    clear: both;
    display: table
}

@media (min-width:992px),
print {
    .category .text_with_right_image {
        margin-top: 60px
    }
}

.text_with_right_image.intro {
    margin-top: 0
}

.contact_us_section__wrap {
    padding: 15px;
    background: #dadada
}

@media (min-width:992px) {
    .contact_us_section__wrap {
        padding: 30px
    }
}

.contact_us_section .caldera-grid .btn {
    font-size: 24px
}

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

.categories_list:after {
    clear: both
}

@media (min-width:992px),
print {
    .categories_list {
        width: 782px;
        margin: 0 auto;
        float: none
    }
}

.categories_list .h1 {
    font-size: 30px;
    margin-bottom: 35px
}

.categories_list__item {
    position: relative;
    max-width: 376px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:768px),
print {
    .categories_list__item {
        max-width: none;
        width: calc(50% - 15px);
        float: left;
        margin-right: 30px
    }

    .categories_list__item:nth-child(odd) {
        margin-right: 0
    }
}

.categories_list__item a,
.categories_list__item a:focus,
.categories_list__item a:visited {
    text-decoration: none;
    color: #fff
}

.categories_list__item:hover .categories_list__title {
    padding: 10.5px 0;
    background-color: #fff;
    border: 1px solid #f60
}

.categories_list__item:hover .categories_list__title h4 {
    color: #f60
}

.categories_list__title {
    padding: 11.5px 0;
    width: 100%;
    background: #f60;
    color: #fff;
    text-align: center
}

.categories_list__title h4 {
    color: #fff;
    font-weight: 700;
    margin: 0
}

.categories_list__image img {
    margin: 0 auto
}

@media (min-width:768px) {
    .categories_list__image img {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        height: 200px
    }
}

.banner {
    position: relative;
    z-index: 500;
    background-color: #fff;
    background: linear-gradient(180deg, #fff 78%, hsla(0, 0%, 100%, .8) 88%, hsla(0, 0%, 100%, .7) 90%, hsla(0, 0%, 100%, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=0);
    height: 99px
}

@media (min-width:992px) {
    .banner {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 180px;
        background: linear-gradient(180deg, #fff 37%, hsla(0, 0%, 100%, .8) 62%, hsla(0, 0%, 100%, .7) 68%, hsla(0, 0%, 100%, 0));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=0);
        transition: height .6s ease
    }

    .admin-bar .banner {
        top: 32px
    }

    .banner--sticky {
        height: 91px;
        background-image: none !important;
        background-color: #fff !important;
        box-shadow: 0 4px 4px 0 hsla(0, 0%, 85%, .6);
        transition: height .6s ease
    }

    .banner--sticky .custom-logo {
        margin-top: 10px;
        max-height: 70px !important;
        transition: all .5s ease !important
    }

    .banner--sticky .container {
        display: block
    }
}

.banner .custom-logo {
    width: auto;
    height: auto;
    margin-top: 6px;
    transition: all .5s ease-in;
    max-height: 70px
}

@media (min-width:992px),
print {
    .banner .custom-logo {
        margin-top: 3px;
        max-height: 152px
    }
}

.banner__contact {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 15px;
    padding: 0 0 0 15px;
    text-align: center
}

.banner__contact li {
    padding: 0
}

.banner__contact li:before {
    content: none;
    top: auto;
    position: static;
    display: inline;
    margin-right: 0;
    font-size: 0
}

@media (min-width:992px) {
    .banner__contact {
        text-align: right
    }
}

.banner__contact li {
    display: inline-block
}

.banner__contact a {
    text-decoration: none
}

.banner .mobile_menu {
    -ms-flex-align: center;
    align-items: center;
    float: right;
    text-decoration: none;
    color: #f60;
    margin-top: 32px
}

@media (min-width:375px) {
    .banner .mobile_menu {
        margin-top: 43px
    }
}

.banner .mobile_menu:focus,
.banner .mobile_menu:hover,
.banner .mobile_menu:visited {
    text-decoration: none;
    color: #f60
}

.banner .mobile_menu>span {
    margin-right: 10px;
    display: none;
    visibility: hidden;
    vertical-align: middle
}

@media (min-width:375px) {
    .banner .mobile_menu>span {
        display: inline;
        visibility: visible
    }
}

.banner .mobile_menu .fa {
    vertical-align: middle;
    background-color: transparent
}

.banner .mobile_menu.--open span {
    display: none
}

.banner .mobile_menu.--open .fa:before {
    content: "\f00d"
}

@media (min-width:992px) {
    .banner .mobile_menu {
        display: none
    }
}

.logo_cont {
    width: calc(240px + ((100% - 360px) / 12 * 9));
    margin-left: 15px;
    margin-right: 15px;
    float: left;
    margin-left: 0
}

@media (min-width:992px) {
    .logo_cont {
        width: calc(120px + ((100% - 360px) / 12 * 5));
        float: left
    }
}

@media (min-width:992px) {

    .logo_cont,
    .nav_cont {
        margin-left: 15px;
        margin-right: 15px;
        margin-left: 0
    }

    .nav_cont {
        width: calc(180px + ((100% - 360px) / 12 * 7));
        float: left;
        margin-right: 0;
        margin-top: 40px;
        text-align: right;
        float: right !important;
        transition: margin-top .8s ease
    }

    .banner--sticky .nav_cont {
        margin-top: 0
    }
}

.content-info {
    padding: 30px 0 40px;
    font-size: 14px;
    color: #fff;
    background: #f60
}

@media (min-width:992px) {
    .content-info {
        height: 170px
    }
}

@media (min-width:992px) {
    .content-info .container {
        margin: 0 auto;
        max-width: 990px
    }

    .content-info .container:before {
        content: "";
        display: table
    }

    .content-info .container:after {
        content: "";
        clear: both;
        display: table
    }
}

@media (min-width:768px),
print {
    .content-info .widget {
        width: calc(150px + ((100% - 360px) / 12 * 6));
        margin-left: 15px;
        margin-right: 15px;
        float: left;
        margin-left: 0
    }
}

@media (min-width:992px),
print {
    .content-info .widget {
        width: calc(60px + ((100% - 360px) / 12 * 3));
        margin-left: 15px;
        margin-right: 15px;
        float: left;
        margin-left: 0
    }
}

.content-info .widget .wp-caption {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0
}

.content-info a,
.content-info a:focus,
.content-info a:hover,
.content-info a:visited {
    color: #fff;
    text-decoration: none
}

article header a,
article header a:hover {
    text-decoration: none
}

.single-product .teaser_text {
    margin-bottom: 15px
}

@media (min-width:992px) {
    .single-product .teaser_text {
        width: calc(180px + ((100% - 360px) / 12 * 7));
        margin-left: 15px;
        margin-right: 15px;
        margin-left: 0;
        float: left
    }
}

.single-product .intro_text {
    margin-top: 15px
}

@media (min-width:992px),
print {
    .single-product .intro_text {
        width: calc(180px + ((100% - 360px) / 12 * 7));
        margin-left: 15px;
        margin-right: 15px;
        margin-left: 0;
        float: left;
        margin-top: 10px
    }
}

.single-product .intro_images {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 30px;
    text-align: center
}

.single-product .intro_images li {
    padding: 0
}

.single-product .intro_images li:before {
    content: none;
    top: auto;
    position: static;
    display: inline;
    margin-right: 0;
    font-size: 0
}

@media (min-width:992px),
print {
    .single-product .intro_images {
        width: calc(120px + ((100% - 360px) / 12 * 5));
        margin-left: 15px;
        margin-right: 15px;
        float: left;
        margin-left: 0;
        margin: 0;
        float: right
    }
}

.single-product .intro_images li {
    margin-bottom: 30px;
    text-align: right
}

.single-product .intro_images li img {
    margin: 0 auto
}

@media (min-width:992px),
print {
    .single-product .intro_images li img {
        display: inline-block
    }
}

body#tinymce {
    margin: 12px !important
}

.category .page-header h1 {
    margin-bottom: 30px
}

.cookie_notice {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 40px 0 25px;
    z-index: 110;
    background: rgba(0, 0, 0, .7);
    color: #fff
}

.cn_closed .cookie_notice {
    display: none;
    visibility: hidden
}

.cookie_notice__icon {
    width: calc(30px + ((100% - 360px) / 12 * 2));
    margin-left: 15px;
    margin-right: 15px;
    float: left;
    margin-left: 0
}

@media (min-width:768px) {
    .cookie_notice__icon {
        width: calc(((100% - 360px) / 12 * 1));
        margin-left: 15px;
        margin-right: 15px;
        float: left;
        margin-left: 0
    }
}

.cookie_notice__icon span {
    width: 23px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/cookiemaerket-icon.png) 50% no-repeat
}

.cookie_notice__text {
    width: calc(270px + ((100% - 360px) / 12 * 10));
    margin-left: 15px;
    margin-right: 15px;
    float: left;
    float: right;
    margin-right: 0
}

@media (min-width:768px) {
    .cookie_notice__text {
        width: calc(240px + ((100% - 360px) / 12 * 9));
        margin-left: 15px;
        margin-right: 15px;
        float: left;
        margin-left: 0
    }
}

.cookie_notice__text a {
    color: #f60
}

.cookie_notice__btn {
    margin: 0;
    text-align: center;
    clear: both
}

@media (min-width:768px) {
    .cookie_notice__btn {
        width: calc(30px + ((100% - 360px) / 12 * 2));
        margin-left: 15px;
        margin-right: 15px;
        float: left;
        float: right;
        margin-right: 0;
        clear: none
    }
}

@media print {
    .no-print {
        display: none;
        visibility: hidden;
        font-size: 0
    }

    body,
    body:not(#tinymce) {
        padding-top: 0;
        font-size: 18px;
        line-height: 1.2
    }

    .banner,
    .banner--sticky {
        position: static
    }

    .hero {
        margin-top: 0
    }

    .hero,
    .hero--img {
        position: static !important
    }

    .hero--img {
        text-align: center;
        height: 700px !important
    }

    .hero img {
        position: static !important;
        margin: 0 auto
    }

    .backstretch,
    .backstretch-item {
        position: static !important;
        overflow: visible !important
    }

    .slick-slide,
    .slick-track {
        width: 100% !important
    }

    .slick-list {
        overflow: visible !important
    }

    .container {
        max-width: none
    }

    .wrap {
        margin-top: 50px
    }

    .responsive_table td,
    .responsive_table th {
        white-space: nowrap;
        font-size: 17px
    }
}

print_btn_wrap {
    display: inline-block
}

.print_btn {
    display: none
}

@media (min-width:992px) {
    .print_btn {
        margin: 0 0 25px;
        text-align: right;
        display: inline-block;
        font-size: 14px;
        vertical-align: top
    }

    .print_btn,
    .print_btn:hover {
        text-decoration: none
    }
}