/*img, bg img*/
.img-fit img {object-fit: cover!important;width: 100%!important;height: 100%!important;}
img {max-width: 100%;height: auto!important;}
.img-fluid img {min-width: 100%;}
.bg-image {background-repeat: no-repeat;}
.bg-cover {background-size: cover;}
.bg-100 {background-size: 100%;}
.bg-center {background-position: center;}
.ar-43, .img-ar-43 img {aspect-ratio: 4 / 3;}
.ar-11, .img-ar-11 img {aspect-ratio: 1 / 1;}

/*colors:*/
:root {
    --color-0: #fff!important;
    --color-1: #8E1616!important;
    --color-2: #E8C999!important;
    --color-3: #F8EEDF!important;
    --color-4: rgba(0,0,0,.8)!important;
    --color-5: rgba(255,255,255,.33)!important;
    --color-6: #9F8F72!important;
    --color-7: #ECE9EA!important;
    --color-8: #F3EFE7!important;
    --color-9: #636268!important;
    --color-10: #636268!important;
    --color-11: #a3a3a3!important;
    --color-12: #636268!important;
    --color-13: #636268!important;
  }
/*-> bg-colors, text-colors*/
.bg-grad-1 {background-image: linear-gradient(90deg, var(--color-1), rgba(255,255,255,0));}
.bg-grad-2 {background-image: linear-gradient(0deg, rgba(47,136,194,.8), rgba(37,20,88,.6));}
.bg-grad-3 {background-image: linear-gradient(0deg, rgba(222,29,36,.8), rgba(222,29,33,.6));}
.bg-overlay-1 {background-color: rgba(0,51,102,.77);}
.bg-0 {background-color: #fff;transition: all ease-in .1s;}
.bg-1 {background-color: var(--color-1);transition: all ease-in .1s;}
.bg-2 {background-color: var(--color-2);transition: all ease-in .1s;}
.bg-3 {background-color: var(--color-3);transition: all ease-in .1s;}
.bg-4 {background-color: var(--color-4);}
.bg-5 {background-color: var(--color-5);}
.bg-6 {background-color: var(--color-6);}
.bg-7 {background-color: var(--color-7);}
.bg-8 {background-color: var(--color-8);}
.bg-9 {background-color: var(--color-9);}
.bg-10 {background-color: var(--color-10);}
.bg-11 {background-color: var(--color-11);}
.bg-12 {background-color: var(--color-12);}
.bg-13 {background-color: var(--color-13);}
.color-0:not(.btn), .color-0 a:not(.btn), a.color-0 {color: #fff!important;}
.color-0 a:hover:not(.btn), a.color-0:hover {color: #fff!important;}
.color-1:not(.btn):not(.btn), .color-1 a:not(.btn), a.color-1, .color-1 svg path {color:  var(--color-1)!important;}
.color-1 a:hover, a.color-1:hover, a:hover .color-1 svg path {color:var(--color-1)!important;}
.color-2:not(.btn):not(.btn), .color-2 a:not(.btn), a.color-2, .color-2 svg path {color:var(--color-2)!important;}
.color-2 a:hover, a.color-2:hover {color:var(--color-2)!important;}
.color-3:not(.btn), .color-3 a:not(.btn), a.color-3, .color-3 svg path {color: var(--color-3)!important;}
.color-3 a:hover:not(.btn), a.color-3:hover {color: var(--color-3)!important;}
.color-4:not(.btn), .color-4 a:not(.btn), a.color-4 {color: var(--color-4)!important;}
.color-4 a:hover:not(.btn), a.color-4:hover {color: var(--color-4)!important;}
.color-5:not(.btn), .color-5 a:not(.btn), a.color-5 {color: var(--color-5)!important;}
.color-5 a:hover:not(.btn), a.color-4:hover {color: var(--color-5)!important;}
.color-6:not(.btn), .color-6 a:not(.btn), a.color-6 {color: var(--color-6)!important;}
.color-6 a:hover:not(.btn), a.color-6:hover {color:var(--color-0)!important;}
.color-7:not(.btn), .color-7 a:not(.btn), a.color-7, .color-7 svg path {color: var(--color-7)!important;}
.color-7 a:hover:not(.btn), a.color-7:hover {color: var(--color-7)!important;}
.color-8:not(.btn), .color-8 a:not(.btn), a.color-8 {color: var(--color-8)!important;}
.color-8 a:hover:not(.btn), a.color-4:hover {color: var(--color-8)!important;}
.color-9:not(.btn), .color-9 a:not(.btn), a.color-9 {color: var(--color-9)!important;}
.color-9 a:hover:not(.btn), a.color-9:hover {color: var(--color-9)!important;}
.color-10:not(.btn), .color-10 a:not(.btn), a.color-10 {color: var(--color-10)!important;}
.color-10 a:hover:not(.btn), a.color-10:hover {color:var(--color-10)!important;}
.color-11:not(.btn), .color-11 a:not(.btn), a.color-11, .color-11 svg path {color: var(--color-11)!important;}
.color-11 a:hover:not(.btn), a.color-11:hover {color: var(--color-11)!important;}
.color-12:not(.btn), .color-12 a:not(.btn), a.color-12 {color: var(--color-12)!important;}
.color-12 a:hover:not(.btn), a.color-12:hover {color: var(--color-12)!important;}
.color-13:not(.btn), .color-13 a:not(.btn), a.color-13 {color: var(--color-13)!important;}
.color-13 a:hover:not(.btn), a.color-13:hover {color: var(--color-13)!important;}

/*onestep and shop*/
#os-checkout .title h2 {color: var(--color-10)!important;}
.form-control {padding: 1rem!important;font-size: 1rem!important;color: var(--color-10)!important;}
input::placeholder {color: var(--color-11)!important;}
#checkoutForm .row [class*=color-1] {padding: 0!important;}

/*modals*/
.modal-dialog, .modal-content {height: auto;}

/* h1 - h6 - p settings */
h1{font-size:3rem;line-height:120%}
h2{font-size:2rem;line-height:120%}
h3{font-size:2rem;line-height:130%}
h4{font-size:1rem;line-height:130%}
h5{font-size:1rem;line-height:140%}
p{line-height: 130%;margin-bottom: 0;}
p:last-child {margin-bottom: 0;}
b, strong {font-weight: 800;}
small {font-weight: 500;}

/* link color settings */
a {color:var(--color-1);}
a:hover {color:var(--color-0);}
.link-primary {}
.link-secondary {}
.link-success {}
.link-danger {}
.link-warning {}
.link-info {}
.link-light {}
.link-dark {}

/* backgrounds */
.bg-primary {}
.bg-secondary {}
.bg-success {}
.bg-danger {}
.bg-warning {}
.bg-info {}
.bg-light {}
.bg-dark {}
.bg-body {}

/* button settings */
.btn {border-radius: 100px;}
.btn-default {color:#333; background-color: transparent;}
.btn-default:hover {color:#fff; background-color:rgba(91,86,82,1);}
.btn-primary {color:#fff; background-color:rgba(91,86,82,1);}
.btn-primary:hover {color:#fff; background-color:#284734;}
.btn-secondary {color:#fff; background-color:rgba(91,86,82,1);}
.btn-secondary:hover{color:#fff; background-color:#284734;}
.btn-success {color:#fff; background-color:var(--color-6)!important;border-color: var(--color-6)!important; }
.btn-success:hover {color:#fff; background-color:var(--color-1)!important;border-color: var(--color-1)!important;}
.btn-info {color:var(--color-1)!important; background-color:var(--color-0)!important;border-color: var(--color-1)!important;}
.btn-info:hover {color:#fff!important; background-color:var(--color-1)!important;border-color: var(--color-1)!important;}
.btn-danger {color:var(--color-0)!important; background-color:var(--color-1)!important;border-color: var(--color-1)!important;}
.btn-danger:hover {color:#fff!important; background-color:var(--color-4)!important;border-color: var(--color-4)!important;}

/*shadows*/
.shadow-ext{box-shadow:0 10px 0 rgba(0,0,0,.1)}
.shadow-ext-2{box-shadow:0 10px 33px rgba(0,0,0,.10)}
.shadow-ext-3{box-shadow:-4px 4px 0 rgba(0,0,0,.33)}
.text-shadow{text-shadow: 1px 1px 0 rgba(0,0,0,.25);}

/* card */
.card {}
.card-header {}
.card-header h1 {}
.card-header h2 {}
.card-img-top {}
.card-body {}
.card-title {}
.card-text {}
.card-footer {}

/* home */
body.home {}

/* category page */
body.rv {}
body.rv .card {}
body.rv .card-header {}
body.rv .card-header h1 {}
body.rv .card-header h2 {}
body.rv .card-img-top {}
body.rv .card-body {}
body.rv .card-title {}
body.rv .card-text {}
body.rv .card-footer {}

/* page */
.article-text p {margin-bottom: 1rem;font-size: 1.2rem;}
.article-text h1 {font-size: 3rem;font-weight: 800;color: var(--color-6);}
.article-text h2 {font-size: 2rem;font-weight: 800;color: var(--color-6);}
.article-text h3 {font-size: 2rem;font-weight: 800;color: var(--color-6);}
.article-text h4 {font-size: 2rem;font-weight: 800;color: var(--color-6);}
.article-text h5 {font-size: 1rem;font-weight: 800;color: var(--color-6);}
.article-text li {font-size: 1.2rem;font-weight: 300;color: var(--color-10);}
body.ck .article-content {}
body.ck .article-content h1 {color: var(--color-6);margin-top: 2rem;}
body.ck .article-content h2 {color: var(--color-6);margin-top: 2rem;}
body.ck .article-content h3 {color: var(--color-6);margin-top: 2rem;}
body.ck .article-content h4 {color: var(--color-6);margin-top: 2rem;}
body.ck .article-content h5 {color: var(--color-6);margin-top: 2rem;}
body.ck .article-content p {}
body.ck .article-content a {color: var(--color-6);}
body.ck .article-content a:hover {color: var(--color-1);}
body.ck .article-content iframe {}
body.ck .article-content img { max-width:100%; height:auto !important; }
body.ck .article-content blockquote {text-align: center;font-size: 2rem;color: var(--color-6);padding: 3rem 0;border-top: 1px solid var(--color-1);border-bottom: 1px solid var(--color-1);margin: 1rem 0;}

/* bs5 carousel settins */
.carousel.slide {}
.carousel-indicators {}
.carousel-indicators.active {}
.carousel-inner {}
.carousel-item {}
.carousel-item.active {}
.carousel-caption {}
.carousel-control-prev {}
.carousel-control-prev-icon {}
.carousel-control-next {}
.carousel-control-next-icon {}

/* cms collapsible element */
.panel-group {}
.panel.panel-default {}
.panel-heading {}
.panel-title {}
.panel-title a {}
.panel-title a:after {}
.panel-collapse.collapse.show {}
.panel-collapse.collapse {}
.panel-body {}
.panel-body p {}
.panel-body a {}
.panel-body a:hover {}

/* cms tab element */
.tabpanel {}
.tabpanel .nav.nav-tabs {}
.tabpanel .nav.nav-tabs li {}
.tabpanel .nav.nav-tabs li.active {}
.tab-content {}
.tab-content .tab-pane {}
.tab-content .tab-pane.active {}
.tab-content p {}
.tab-content a {}
.tab-content a:hover {}

/* cms special elements ! optional */
.cta-button1 {}
.specialContainer1 {}
.specialContainer2 {}
.specialContainer3 {}

/* font settings */
.f-11 {font-size: 11px;}
.f-12 {font-size: 12px;}
.f-13 {font-size: 13px;}
.f-14 {font-size: 14px;}
.f-15 {font-size: 15px;}
.f-16 {font-size: 16px !important;}
.f-18 {font-size: 18px;}
.f-20, .f-20 * {font-size: 20px;}
.f-22, .f-22 * {font-size: 22px;}
.f-24, .f-24 * {font-size: 24px;}
.f-26, .f-26 * {font-size: 26px;}
.f-28, .f-28 * {font-size:28px;}
.f-30, .f-30 * {font-size:30px}
.f-32, .f-32 * {font-size:32px;}
.f-34, .f-34 * {font-size:34px;}
.f-36, .f-36 * {font-size:36px;}
.f-38, .f-38 * {font-size:38px;}
.f-40, .f-40 * {font-size:40px;}
.f-42, .f-42 * {font-size:42px;}
.f-44, .f-44 * {font-size:44px;}
.f-46, .f-46 * {font-size:46px;}
.f-48, .f-48 * {font-size:48px;}

.fw-regular * { font-weight: 100; }
.fw-400, .fw-400 * {font-weight:400;}
.fw-500, .fw-500 * {font-weight:500;}
.fw-600, .fw-600 * {font-weight:600;}
.fw-700, .fw-700 * {font-weight:700;}

.lh-n, .lh-n h1, .lh-n h2 {line-height: normal;}
.lh-0 {line-height:0;}
.lh-15 {line-height:1.5rem;}
.lh-18 {line-height:1.8rem;}
.lh-50, .lh-50 * {line-height:5rem;}
.lh-100 {line-height:100%;}

/*font-weight + sizes*/
.font-weight-200 > * {font-weight: 200;}
.font-weight-300 > * {font-weight: 300;}
.font-weight-400 > * {font-weight: 400;}
.font-weight-500 > * {font-weight: 500;}
.font-weight-600 > * {font-weight: 600;}
.font-weight-700 > * {font-weight: 700;}
.font-weight-800 > * {font-weight: 800;}
.font-weight-200 {font-weight: 200;}
.font-weight-300 {font-weight: 300;}
.font-weight-400 {font-weight: 400;}
.font-weight-500 {font-weight: 500;}
.font-weight-600 {font-weight: 600;}
.font-weight-700 {font-weight: 700;}
.font-weight-800 {font-weight: 800;}
.lh-150 {line-height: 150%;}
.xs-font,.xs-font h1,.xs-font h2,.xs-font h3,.xs-font h4,.xs-font h5,.xs-font p{font-size:.9rem!important;}
.s-font,.s-font h1,.s-font h2,.s-font h3,.s-font h4,.s-font h5,.s-font p{font-size:1.1rem!important;}
.m-font,.m-font h1,.m-font h2,.m-font h3,.m-font h4,.m-font h5,.m-font p{font-size:1.2rem!important;}
.l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:1.55rem!important;}
.xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:2.5rem!important;line-height: 120%!important;}
.xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:3.3rem!important;line-height: 130%;}
.xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:4.5rem!important;line-height: 120%;}

/* commons settings */
.empty:empty { display: none; } /* add this class to elements if you want them hidden if their contents is empty! */

/* resposive breakpoints */
/* mobile */
@media (max-width: 500px) {
}

/* tablet portrait */
@media (max-width: 767px) {
  .btn {padding-left: .71rem;padding-right: .71rem;}
  .btn svg {margin-left: .5rem;}
  .l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:1.5rem!important;line-height: 120%!important;}
  .xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:1.7rem!important;line-height: 120%!important;}
  .xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:2rem!important;line-height: 120%;}
  .xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:2rem!important;line-height: 120%;}
}

/* tablet landscape */
@media (max-width: 1024px) {
}

/* desktop */
@media (max-width: 1400px) {
}

/* full hd */
@media (min-width: 1900px) {
}

/*cookie popup css*/
.popup-cookieconsent-div-footer {background-color: transparent!important;}
.popup-cookieconsent-div {background-color: #333!important;overflow-y: auto!important;}
.popup-cookieconsent-div-content {background-color: #333!important;color:#fff!important;}
.popup-cookieconsent-div-main a {padding: .5rem;display: inline-block;}
.cook.active {color: #fff!important;}
.cookies-allowed-title {color: #fff !important;}
.popup-cookieconsent-div a {color: #d3d3d3!important;}
.popup-cookieconsent-div .row, .popup-cookieconsent-down .row {max-width: 1240px;margin-left:auto!important;margin-right: auto!important;}
.popup-cookieconsent-down {background-color: #333!important;border-top:none!important;position: fixed;bottom:0;left:0;width:100%;}
.popup-cookieconsent-down a {color: #fff;}
.popup-cookieconsent-down p {color: #fff;}
.popup-cookieconsent-button a {border:solid 3px #fff!important;border-radius: 33px!important;padding-left: 24px!important;padding-right:24px!important;background-color:#fff!important;}
.popup-cookieconsent-button a:hover {color:#333!important;}
.popup-cookieconsent-button.save a, .popup-cookieconsent-button.allow a {background-color: #333!important;color:#fff!important;}
.popup-cookieconsent-button.cancel a, .popup-cookieconsent-close-button a {color: #333!important;}
.popup-cookieconsent-close-button a:after {line-height: 24px;}

@media (max-width: 767px) {
.popup-cookieconsent-div p, .popup-cookieconsent-down p {font-size: .8rem;}
  .side {background-size: 0;}
  .popup-cookieconsent-button  {display: block!important;}
  .cookies-allowed-title {margin-top: 1rem!important;}
}