/*img, bg img*/
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;}
.img-fit img {object-fit: cover!important;width: 100%!important;height: 100%!important;}
img[src="/img/"] {
  display: none;
}

/*colors:*/
:root {
    --color-0: #fff;
    --color-1: #E9D2E5;
    --color-2: #9C5B96;
    --color-3: #5D375A;
    --color-4: #CD8BB8;
    --color-5: #9C5B96;
    --color-6: #271F27;
    --color-7: #FFEAFD;
    --color-8: #E9D2E5;
    --color-9: #E9D2E5;
    --color-10: #eeeeee;
    --color-11: rgba(39,31,39,.8);
    --color-12: rgba(186,150,43,.8);
    --color-13: #f7f7f7;
    --color-14: #E9D2E5;
  }
  /*-> bg-colors, text-colors*/
  .bg-grad-1 {background-image: linear-gradient(90deg, var(--color-1), rgba(255,255,255,0));}
  .bg-grad-2 {background: var(--color-1);background: linear-gradient(0deg,rgba(233, 210, 229, 1) 0%, rgba(205, 139, 184, 1) 100%);}
  .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,0,0,.4);}
  .bg-overlay-2 {background-color: rgba(0,0,0,.6);}
  .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-0)!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-2)!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-0)!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;}
  .color-x-b:not(.btn):not(.btn), .color-x-b a:not(.btn), a.color-x-b, .color-x-b svg path {color:  var(--color-1)!important;}
  .color-x-b a:hover, a.color-x-b:hover, .color-x-b a:hover svg path {color:var(--color-2)!important;fill:var(--color-2)!important;}

/*borders*/
.border-bottom, .border-left, .border-top, .border-right, .border {border-color: var(--color-4)!important;}
.border-bottom-2, .border-2 {border-color: var(--color-1)!important;}
/* h1 - h6 - p settings */
h1,h2,h3,h4,h5,h6,p {margin-bottom: 0;font-weight: 100;}
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: 150%;margin-bottom: 0;}
p:last-child {margin-bottom: 0;}
b, strong {font-weight: 500;}
small {font-weight: 500;}

.modal-title {font-weight: bold;color: var(--color-2);font-size: 2rem;}

.modal-header .close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin-top: calc(-.5 * var(--bs-modal-header-padding-y));
    margin-right: calc(-.5 * var(--bs-modal-header-padding-x));
    margin-bottom: calc(-.5 * var(--bs-modal-header-padding-y));
    margin-left: auto;
}

.modal-header .close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e);
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;
    filter: var(--bs-btn-close-filter);
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity);
}

/*noUI*/
.noUi-target {background: var(--color-1);box-shadow: none;border: none;}
.noUi-connect {background: var(--color-4);}
.noUi-horizontal {height: 8px;}
.noUi-horizontal .noUi-handle {width: 20px;height: 20px;}
.noUi-handle {background: var(--color-2);box-shadow: none;border: none;border-radius: .5rem;}
.noUi-handle:after, .noUi-handle:before {display: none;}

/*navs*/
.dropdown-menu .nav-link {color: var(--color-3);}

/*text*/
.text-danger {color: var(--color-2)!important;}
.text-primary {color: var(--color-3)!important;}

/* link color settings */
a {color:var(--color-2);}
a:hover {color:var(--color-3);}
.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{font-size:1rem;outline:none;box-shadow:none;position:relative;transition:all ease-out .1s;border-width: 2px;border-radius:.25rem;font-weight:400;padding:.75rem 1.25rem .75rem;text-transform:uppercase;box-shadow: 0 1px 2px rgba(0,0,0,0);}
.btn-sm {padding: .2rem 1rem;box-shadow: none;border: none;text-transform: none;}
.btn.hover-end:hover svg {transform: translateX(5px);transition: all ease-in .1s;}
.btn.hover-down:hover svg {transform: translateY(5px);transition: all ease-in .1s;}
.btn-primary{color:var(--color-0);background-color:var(--color-2);border-color:var(--color-2);box-shadow:0 3px 0 rgba(0,0,0,0);border-width: 1px;border-bottom: none;border-left: none;border-right: none;}
.btn-primary:hover, .btn-check:focus+.btn-primary, .btn-primary:focus{color:#fff;background-color:var(--color-3);border-color:var(--color-3);box-shadow:0 1px 0 rgba(0,0,0,0)}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,0)}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#000}
.btn-secondary{color:var(--color-0);background-color:var(--color-2);border-color: var(--color-2);}
.btn-secondary:hover, .btn-check:focus+.btn-secondary, .btn-secondary:focus{color:#fff;background-color:var(--color-1);border-color:var(--color-0);}
.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,0)}
.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333}
.btn-info{background-color:var(--color-0);border:1px solid var(--color-4);color:var(--color-2);}
.btn-info:hover{color:var(--color-0);background-color:var(--color-3);border-color:var(--color-3)}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {background-color: var(--color-2);border-color: var(--color-2);}
.btn-success{color:var(--color-0);background-color:var(--color-2);border:0 solid var(--color-1);}
.btn-success:hover, .btn-check:focus+.btn-success, .btn-success:focus, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle{color:#fff;background-color:var(--color-1);border-color:var(--color-2);}
.btn.focus,.btn:focus{box-shadow:none;border-color: none;}
.btn-outline-warning {
    --bs-btn-color: var(--color-5);
    --bs-btn-border-color: var(--color-4);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--color-4);
    --bs-btn-hover-border-color: var(--color-4);
    --bs-btn-focus-shadow-rgb: 255,193,7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--color-4);
    --bs-btn-active-border-color: var(--color-4);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--color-4);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--color-4);
    --bs-gradient: none
}
.btn-outline-success {
    --bs-btn-color: var(--color-1);
    --bs-btn-border-color: var(--color-1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-3);
    --bs-btn-hover-border-color: var(--color-1);
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-2);
    --bs-btn-active-border-color: var(--color-1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--color-1);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--color-1);
    --bs-gradient: none;
}

/*shadows*/
.shadow-ext{box-shadow:0 10px 0 rgba(0,0,0,.1)}
.shadow-ext-2{box-shadow:0 30px 25px rgba(0,0,0,.1)}
.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);}

/*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;}


/* card */
.card {border-color: var(--color-1);}
.card-header {}
.card-header h1 {}
.card-header h2 {}
.card-img-top {position: relative;overflow: hidden;}
.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 > * {color: var(--color-6);}
.article-text h1 {margin-bottom: 3rem; color: var(--color-2);}
.article-text h2 {margin-bottom: 2.5rem; font-size: 2.98rem; color: var(--color-2);}
.article-text h3 {margin-bottom: 2.5rem; color: var(--color-2);}
.article-text h4 {margin-bottom: 2rem; color: var(--color-2);font-size: 24px;}
.article-text h5 {margin-bottom: 2rem; color: var(--color-2);}
.article-text p, .article-text-2 p, .article-text li, .article-text-2 li {margin-bottom: 1.1rem;line-height: 1.55;font-size: 18px;}
.article-text strong, .article-text a {color: var(--color-2);}
.article-text.bg-1 strong { color: var(--color-3);}
.article-text.bg-1 p { color: var(--color-3);margin-bottom: 1rem;}
.article-text iframe {max-width: 100%;}
body.ck .article-content {}
body.ck .article-content h1 {}
body.ck .article-content h2 {}
body.ck .article-content p {}
body.ck .article-content a {}
body.ck .article-content a:hover {}
body.ck .article-content iframe {}
body.ck .article-content img { max-width:100%; height:auto !important; }

/* 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 {}

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

/* 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-100 > * {font-weight: 100;}
.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:1rem!important;}
.sm-font,.sm-font h1,.sm-font h2,.sm-font h3,.sm-font h4,.sm-font h5,.sm-font p{font-size:1.3rem!important;}
.m-font,.m-font h1,.m-font h2,.m-font h3,.m-font h4,.m-font h5,.m-font p{font-size:1.6rem!important;}
.ml-font,.ml-font h1,.ml-font h2,.ml-font h3,.ml-font h4,.ml-font h5,.ml-font p{font-size:1.8rem!important;}
.l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:2rem!important;}
.xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:2.8rem!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: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:5.8rem!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! */

/*aspect ratios*/
.ar-11 {aspect-ratio: 1 / 1;}
.ar-112 {aspect-ratio: 100 / 117;}
.ar-43 {aspect-ratio: 4 / 3;}
.ar-34 {aspect-ratio: 3 / 4;}
.ar-169 {aspect-ratio: 16 / 9;}

/*hovers*/
.hover-scale-1 {transform: scale(1,1); transition: all ease-in-out .2s;}
.hover-scale-1:hover {transform: scale(1.033,1.033); transition: all ease-in .3s;}

/* resposive breakpoints */
/* mobile */
@media (max-width: 500px) {
  #start .xxl-font {font-size:36px !important;line-height: 120%!important;}
}

/* tablet portrait */
@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;}
}

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

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

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