/***************** variables *********************/





@font-face { font-family: "algerian-regular"; src: url('../../assets/fonts/algerian-regular.woff'); }
@font-face { font-family: "monotype-corsiva-regular"; src: url('../../assets/fonts/monotype-corsiva-regular.woff'); }




html, body {background-color: #fff; cursor: default; font-family: "poppins", Arial, Sans-serif; font-size: 20px; line-height: 1.6; font-weight: 400; letter-spacing: .025rem; color: #000; overflow-x: hidden;} 

img {border: 0; max-width: 100%; vertical-align: middle !important;}

/***************** paragraphs *******************/

h1 {font-family: "rift-soft", Arial, Sans-serif; margin: 0; padding: 0; color: #112ab2; font-size: 4rem; line-height: 1.1; font-weight: 600;}
h2 {font-family: "rift-soft", Arial, Sans-serif; margin: 0; padding: 0; color: #112ab2; font-size: 3rem; line-height: 1.2; font-weight: 600;}
h3 {font-family: "rift-soft", Arial, Sans-serif; margin: 0; padding: 0; color: #112ab2; font-size: 2rem; line-height: 1.3; font-weight: 600;}
h4 {font-family: "poppins", Arial, Sans-serif; margin: 0; padding: 0; color: #000; font-size: 1.75rem; line-height: 1.4; font-weight: 400;}
h5 {font-family: "poppins", Arial, Sans-serif; margin: 0; padding: 0; color: #000; font-size: 1.25rem; line-height: 1.4; font-weight: 400;}
h6 {font-family: "poppins", Arial, Sans-serif; margin: 0; padding: 0; color: #000; font-size: 1rem; line-height: 1.4; font-weight: 400; letter-spacing: .125rem; text-transform: uppercase;}

.font1, .font1 :is(h1, h2, h3, h4, h5, h6, p) { font-family:"poppins", Arial, Sans-serif !important; }
.font2, .font2 :is(h1, h2, h3, h4, h5, h6, p) { font-family:"rift-soft", Arial, Sans-serif !important; }
.font3, .font3 :is(h1, h2, h3, h4, h5, h6, p) { font-family:"algerian-regular", serif !important;}
.font4, .font4 :is(h1, h2, h3, h4, h5, h6, p) { font-family:"monotype-corsiva-regular", cursive !important;}
.font-100, .font-100 .__content *:not(strong) {font-weight:100 !important;}
.font-300, .font-300 .__content *:not(strong) {font-weight:300 !important;}
.font-400, .font-400 .__content *:not(strong) {font-weight:400 !important;}
.font-500, .font-500 .__content *:not(strong) {font-weight:500 !important;}
.font-600, .font-600 .__content *:not(strong) {font-weight:600 !important;}
.font-700, .font-700 .__content *:not(strong) {font-weight:700 !important;}
.font-800, .font-800 .__content *:not(strong) {font-weight:800 !important;}
.font-900, .font-900 .__content *:not(strong) {font-weight:900 !important;}
.font-normal, .font-normal .__content *:not(strong) {font-weight:normal !important;}

.fs-1, .fs-1 h1, .fs-1 h2, .fs-1 h3, .fs-1 h4, .fs-1 h5, .fs-1 h6, .fs-1 p {font-family: "poppins", Arial, Sans-serif; font-size: 1rem; line-height: 1.6; font-weight: 400; color: #000;}
.fs-2, .fs-2 h1, .fs-2 h2, .fs-2 h3, .fs-2 h4, .fs-2 h5, .fs-2 h6, .fs-2 p {font-family: "poppins", Arial, Sans-serif; font-size: 1rem; line-height: 1.4; font-weight: 400; color: #000; letter-spacing: .125rem; text-transform: uppercase;}
.fs-3, .fs-3 h1, .fs-3 h2, .fs-3 h3, .fs-3 h4, .fs-3 h5, .fs-3 h6, .fs-3 p {font-family: "poppins", Arial, Sans-serif; font-size: 1.25rem; line-height: 1.4; font-weight: 400; color: #000;}
.fs-4, .fs-4 h1, .fs-4 h2, .fs-4 h3, .fs-4 h4, .fs-4 h5, .fs-4 h6, .fs-4 p {font-family: "poppins", Arial, Sans-serif; font-size: 1.75rem; line-height: 1.4; font-weight: 400; color: #000;}
.fs-5, .fs-5 h1, .fs-5 h2, .fs-5 h3, .fs-5 h4, .fs-5 h5, .fs-5 h6, .fs-5 p {font-family: "rift-soft", Arial, Sans-serif; font-size: 2rem; line-height: 1.3; font-weight: 600; color: #112ab2;}
.fs-6, .fs-6 h1, .fs-6 h2, .fs-6 h3, .fs-6 h4, .fs-6 h5, .fs-6 h6, .fs-6 p {font-family: "rift-soft", Arial, Sans-serif; font-size: 3rem; line-height: 1.2; font-weight: 600; color: #112ab2;}
.fs-7, .fs-7 h1, .fs-7 h2, .fs-7 h3, .fs-7 h4, .fs-7 h5, .fs-7 h6, .fs-7 p {font-family: "rift-soft", Arial, Sans-serif; font-size: 4rem; line-height: 1.1; font-weight: 600; color: #112ab2;}

.sm-text, .sm-text h1, .sm-text h2, .sm-text h3, .sm-text h4, .sm-text h5, .sm-text h6, .sm-text p {font-family: "poppins", Arial, Sans-serif; font-size: .75rem; line-height: 1.6; font-weight: 600; color: #000;}
.lg-text, .lg-text h1, .lg-text h2, .lg-text h3, .lg-text h4, .lg-text h5, .lg-text h6, .lg-text p {font-family: "rift-soft", Arial, Sans-serif; font-size: 8rem; line-height: 1; font-weight: 400; color: #112ab2;}
.lg-text s, .lg-text h1 s, .lg-text h2 s, .lg-text h3 s, .lg-text h4 s, .lg-text h5 s, .lg-text h6 s, .lg-text p s {text-decoration: none; color: #112ab2;}

.sm-lineheight.fs-1, .sm-lineheight.fs-1 h1, .sm-lineheight.fs-1 h2, .sm-lineheight.fs-1 h3, .sm-lineheight.fs-1 h4, .sm-lineheight.fs-1 h5, .sm-lineheight.fs-1 h6, .sm-lineheight.fs-1 p, .sm-lineheight p {line-height: 1.4;}
.sm-lineheight.fs-2, .sm-lineheight.fs-2 h1, .sm-lineheight.fs-2 h2, .sm-lineheight.fs-2 h3, .sm-lineheight.fs-2 h4, .sm-lineheight.fs-2 h5, .sm-lineheight.fs-2 h6, .sm-lineheight.fs-2 p, .sm-lineheight h6 {line-height: 1.2;}
.sm-lineheight.fs-3, .sm-lineheight.fs-3 h1, .sm-lineheight.fs-3 h2, .sm-lineheight.fs-3 h3, .sm-lineheight.fs-3 h4, .sm-lineheight.fs-3 h5, .sm-lineheight.fs-3 h6, .sm-lineheight.fs-3 p, .sm-lineheight h5 {line-height: 1.2;}
.sm-lineheight.fs-4, .sm-lineheight.fs-4 h1, .sm-lineheight.fs-4 h2, .sm-lineheight.fs-4 h3, .sm-lineheight.fs-4 h4, .sm-lineheight.fs-4 h5, .sm-lineheight.fs-4 h6, .sm-lineheight.fs-4 p, .sm-lineheight h4 {line-height: 1.2;}
.sm-lineheight.fs-5, .sm-lineheight.fs-5 h1, .sm-lineheight.fs-5 h2, .sm-lineheight.fs-5 h3, .sm-lineheight.fs-5 h4, .sm-lineheight.fs-5 h5, .sm-lineheight.fs-5 h6, .sm-lineheight.fs-5 p, .sm-lineheight h3 {line-height: 1;}
.sm-lineheight.fs-6, .sm-lineheight.fs-6 h1, .sm-lineheight.fs-6 h2, .sm-lineheight.fs-6 h3, .sm-lineheight.fs-6 h4, .sm-lineheight.fs-6 h5, .sm-lineheight.fs-6 h6, .sm-lineheight.fs-6 p, .sm-lineheight h2 {line-height: 1;}
.sm-lineheight.fs-7, .sm-lineheight.fs-7 h1, .sm-lineheight.fs-7 h2, .sm-lineheight.fs-7 h3, .sm-lineheight.fs-7 h4, .sm-lineheight.fs-7 h5, .sm-lineheight.fs-7 h6, .sm-lineheight.fs-7 p, .sm-lineheight h1 {line-height: 1;}

.lg-lineheight.fs-1, .lg-lineheight.fs-1 h1, .lg-lineheight.fs-1 h2, .lg-lineheight.fs-1 h3, .lg-lineheight.fs-1 h4, .lg-lineheight.fs-1 h5, .lg-lineheight.fs-1 h6, .lg-lineheight.fs-1 p, .lg-lineheight p {line-height: 2.5;}
.lg-lineheight.fs-2, .lg-lineheight.fs-2 h1, .lg-lineheight.fs-2 h2, .lg-lineheight.fs-2 h3, .lg-lineheight.fs-2 h4, .lg-lineheight.fs-2 h5, .lg-lineheight.fs-2 h6, .lg-lineheight.fs-2 p, .lg-lineheight h6 {line-height: 2.5;}

p {padding: 0; margin: 0;}

a {text-decoration: underline; color: #000; position: relative; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
a:hover, a:active, a:focus {color: #000; text-decoration: none; outline: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; outline-style: none !important;}

h1 a, .fs-7 a, h2 a, .fs-6 a, h3 a, .fs-5 a {text-decoration: none;}
h1 a:hover, .fs-7 a:hover, h2 a:hover, .fs-6 a:hover, h3 a:hover, .fs-5 a:hover {text-decoration: underline;} 

strong {font-weight: 700;}

h1 strong, .fs-7 strong, .fs-7 h1 strong, .fs-7 h2 strong, .fs-7 h3 strong, .fs-7 h4 strong, .fs-7 h5 strong, .fs-7 h6 strong, .fs-7 p strong {color: #ffaa96; font-weight: 600;}
h2 strong, .fs-6 strong, .fs-6 h1 strong, .fs-6 h2 strong, .fs-6 h3 strong, .fs-6 h4 strong, .fs-6 h5 strong, .fs-6 h6 strong, .fs-6 p strong {color: #ffaa96; font-weight: 600;}
h3 strong, .fs-5 strong, .fs-5 h1 strong, .fs-5 h2 strong, .fs-5 h3 strong, .fs-5 h4 strong, .fs-5 h5 strong, .fs-5 h6 strong, .fs-5 p strong {color: #ffaa96; font-weight: 600;}
.lg-text strong, .lg-text h1 strong, .lg-text h2 strong, .lg-text h3 strong, .lg-text h4 strong, .lg-text h5 strong, .lg-text h6 strong, .lg-text p strong {color: #ffaa96; font-weight: 600;}

::-moz-selection {color: #000; background: #ffaa96;}
::selection {color: #000; background: #ffaa96;}

.divider {width: 100%; margin: 5rem 0 2.5rem 0; height: 0; background-color: transparent; color: transparent; border: 0; border-top: .1rem solid #000;}

.spacer {height: 2.5rem;}
.sm-spacer {height: 5rem;}
.md-spacer {height: 7.5rem;}
.lg-spacer {height: 10rem;}

/***************** buttons *********************/

.btn {white-space: normal; border: none !important; font-size: 1rem; font-weight: 400; display: inline-block; text-align: left; padding: 1rem 2.5rem; border-radius: 2.5rem; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; font-style: normal; margin: 2.5rem 0 0 0; text-decoration: none !important; position: relative;}
.btn:after {content: "\f061"; font-family: "Font Awesome 6 Free"; font-size: .75rem; margin-left: .5rem; font-weight: 900;}
.btn:hover, .btn:active, .btn:focus {outline: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; outline-style: none !important; border-color: transparent !important;}

.btn-sm {font-size: .75rem;}
.btn-lg {font-size: 1.25rem;}

.btn-primary {background-color: #112ab2 !important; color: #fff!important;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {background-color: #000 !important; color: #fff !important;}

.btn-secondary {background-color: #ffaa96 !important; color: #000 !important;}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {background-color: #000 !important; color: #fff !important;}

.btn-info {padding: 0 !important; background-color: transparent !important; text-transform: uppercase; letter-spacing: .25rem; color: #000 !important; display: flex; align-items: center;}
.btn-info:after {content: "\f0a9"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #112ab2; font-size: 1.5rem; margin-left: .5rem; border: none; display: block; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
.btn-info:hover:after, .btn-success:active:after, .btn-success:focus:after {-webkit-animation: fadeInLeft .8s; animation: fadeInLeft .8s; animation-iteration-count: infinite;}
.text-center .btn-info {justify-content: center;}
.text-right .btn-info {justify-content: end;}

.btn-success {background-color: transparent !important; color: #000 !important; border: .1rem solid #112ab2 !important;}
.btn-success:hover, .btn-success:active, .btn-success:focus {background-color: #112ab2 !important; color: #fff !important; border: .1rem solid #112ab2 !important;}

.btn-danger {background-color: transparent !important; color: #000 !important; border: .1rem solid #000!important;}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {background-color: #112ab2 !important; color: #fff !important; border: .1rem solid #112ab2 !important;}

.btn-warning {background-color: transparent !important; color: #fff !important; border: .1rem solid #fff !important;}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus {background-color: #ffaa96 !important; color: #000 !important; border: .1rem solid #ffaa96 !important;}

.btn-dark {background-color: #000 !important; color: #fff !important;}
.btn-dark:hover, .btn-dark:active, .btn-dark:focus {background-color: #112ab2 !important; color: #fff !important;}

.btn-light {background-color: #fff !important; color: #000 !important;}
.btn-light:hover, .btn-light:active, .btn-light:focus {background-color: #ffaa96 !important; color: #000 !important;}

.btn-custom {width: 15rem; height: 15rem; border: .1rem solid #112ab2 !important; line-height: 1.6; padding: 1.5rem; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50% !important; background-color: transparent !important; color: #000 !important;}
.btn-custom:after {margin-left: 0; margin-top: .5rem;}
.btn-custom:hover, .btn-custom:active, .btn-custom:focus {background-color: #112ab2 !important; color: #fff !important; border: .1rem solid #112ab2 !important;}
.text-center .btn-custom {margin-left: auto; margin-right: auto;}
.text-right .btn-custom {margin-left: auto;}

/***************** badges *********************/

.badge {padding: 0; margin-top: 2rem !important; display: block; white-space: normal; font-size: 100%; font-weight: 400; text-align: left; border-radius: 0; background-color: transparent;}
.badge .__content {display: flex; flex-wrap: wrap;}
.badge .__content > * {padding: .45em 1em .25em 1em; margin-right: .5rem; margin-top: .5rem; border-radius: 0.675rem;}

.badge.badge-pill .__content > * {border-radius: 2.5rem;}

.badge.badge-primary .__content > * {background-color: #112ab2; color: #fff;}
.badge.badge-secondary .__content > * {background-color: #ffaa96; color: #000;}

.badge.badge-light .__content > * {background-color: #fff; color: #000;}
.badge.badge-dark .__content > * {background-color: #000; color: #fff;}

.badge.badge-muted .__content > * {background-color: #b3b3b3; color: #ccc;}

.badge.badge-custom1 .__content > * {background-color: #191919; color: #fff;}
.badge.badge-custom2 .__content > * {background-color: #333; color: #fff;}
.badge.badge-custom3 .__content > * {background-color: #999; color: #fff;}
.badge.badge-custom4 .__content > * {background-color: #ccc; color: #000;}
.badge.badge-custom5 .__content > * {background-color: #efefef; color: #000;}
.badge.badge-custom6 .__content > * {background-color: #f1faee; color: #000;}

.badge.text-center .__content {justify-content: center;}
.badge.text-right .__content {justify-content: end;}

/***************** breadcrumb *********************/

.breadcrumb {margin: 2.5rem 0 0 0 !important; text-align: center; padding: 2.5rem; border-radius: 2.5rem 2.5rem 0 0; background-color: #fff;}
.breadcrumb ul {margin: 0;}
.breadcrumb ul li {padding: 0; white-space: nowrap;}
.breadcrumb ul li:before {display: none;}
.breadcrumb .__content {padding: 0;}

.breadcrumb.not-cms ul {display: flex; justify-content: center;}
.breadcrumb.not-cms ul li:not(:last-child):after {content: "/"; margin: 0 1rem;}

.breadcrumb.text-left.not-cms ul {justify-content: start;}
.breadcrumb.text-right.not-cms ul {justify-content: end;}

/***************** borders *********************/

.border, .border-top, .border-bottom, .border-left, .border-right {border-width: .1rem;}

.border-primary {border-color: #112ab2;}
.border-secondary {border-color: #ffaa96;}

.border-light {border-color: #fff;}
.border-dark {border-color: #000;}

.border-custom1 {border-color: #191919;}
.border-custom2 {border-color: #333;}
.border-custom3 {border-color: #999;}
.border-custom4 {border-color: #ccc;}
.border-custom5 {border-color: #efefef;}
.border-custom6 {border-color: #f1faee;}

.border-primary .divider {border-top-color: #112ab2 !important;}
.border-secondary .divider {border-top-color: #112ab2 !important;}

.border-light .divider {border-top-color: #fff !important;}
.border-dark .divider {border-top-color: #000 !important;}

.border-custom1 .divider {border-top-color: #191919 !important;}
.border-custom2 .divider {border-top-color: #333 !important;}
.border-custom3 .divider {border-top-color: #999 !important;}
.border-custom4 .divider {border-top-color: #ccc !important;}
.border-custom5 .divider {border-top-color: #efefef !important;}
.border-custom6 .divider {border-top-color: #f1faee !important;}

.sm-radius {border-radius: 0.675rem;}
.md-radius {border-radius: 1.25rem;}
.lg-radius {border-radius: 2.5rem;}

table, tbody, tr, td {border: none;}

/***************** lists *********************/
.pager {margin: 1.25rem 0 0 0; padding: 0 1.25rem; display: flex; align-items: center; justify-content: start; width: 100%; border-radius: 0;}
.pager li {margin: 0 !important; padding: 0 !important;}
.pager li:before {display: none;}
.pager li a {padding: 0; font-size: .1rem; margin-right: 1rem; color: transparent; background: transparent; border: .1rem solid #000; width: 1rem; height: 1rem; border-radius: 50% !important;}
.pager li a:hover, .pager li a.active {background: #000; color: #000;}

.pager-center .pager {justify-content: center;}
.pager-center .pager li a {margin: 0 .5rem !important;}

.pager-right .pager {justify-content: end;}
.pager-right .pager li a {margin: 0 0 0 1rem !important;}

/***************** gallery *********************/

.carousel.carousel-fade .carousel-item {display: block; opacity: 0; transition: opacity ease-out .7s;}
.carousel.carousel-fade .carousel-item.active {opacity: 1 !important;}

.block-gallery .gallery .gallery-item {margin-bottom: 0;}
.block-gallery .gallery .gallery-item .image-container {margin-bottom: 0;}
.block-gallery .gallery .gallery-item .image-container a {border: none !important;}
.block-gallery .gallery .gallery-item .image-container a img {width: 100%;}
.block-gallery .gallery li:before {display: none;}

#block-gallery-modal .caption-container {position: relative; right: auto; bottom: 0; left: 0; padding: 2rem; width: 100%; text-align: left; color: #000; background: #191919; text-shadow: 0 0 0 rgba(0,0,0,0);}
#block-gallery-modal p {margin: .5rem 0 0 0 !important;}
#block-gallery-modal a.controls, #block-gallery-modal a.controls:visited, #block-gallery-modal a.controls:active, #block-gallery-modal a.controls:hover {width: auto; padding: 0 2.5rem; display: flex; align-items: center; text-decoration: none; text-shadow: 0 0 0 rgba(0,0,0,0); filter: alpha(opacity=0); border: none;}
#block-gallery-modal a.controls > i {position: relative; top: 0; font-size: 2rem; margin-top: 0;}
#block-gallery-modal .control-close {top: 2.5rem; right: 2.5rem; font-size: 2rem; line-height: .5; color: #112ab2; opacity: 1; text-shadow: 0 0 0 transparent;}
#block-gallery-modal.modal.fade .modal-dialog {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

.block-gallery .carousel {margin-top: 2.5rem !important;}
.block-gallery .carousel .carousel-control-next, .block-gallery .carousel .carousel-control-prev {border: none !important;}
.block-gallery .carousel .carousel-control {width: auto; padding: 0 2.5rem; text-shadow: 0 0 0 rgba(0,0,0,0); border: none !important;}
.block-gallery .carousel .carousel-indicators li {margin: 0 .5rem; background: transparent; opacity: 1; border: .1rem solid #fff; width: 1rem; height: 1rem; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.block-gallery .carousel .carousel-indicators li.active {background: #fff;}
.block-gallery .carousel .carousel-caption {left: 0; top: auto; bottom: 0; right: auto; width: 100%; margin: 0; padding: 2rem; background: rgba(0,0,0,0);}
.block-gallery .carousel .carousel-caption > h3 {padding: 0; font-size: 2rem; letter-spacing: .025rem; line-height: 1.4; color: #000; text-shadow: 0 0 0 transparent; margin-bottom: 0;}
.block-gallery .carousel .carousel-caption > p {margin: 0; font-size: 1rem; letter-spacing: .025rem; line-height: 1.5; font-weight: 400; padding: .5rem 0 0 0; color: #000; text-shadow: 0 0 0 transparent;}
.block-gallery .carousel .carousel-caption > .btn {margin: 1rem 0 0 0;}

.block-gallery .gallery div {margin-bottom:0;}
.block-gallery:not(.slick) .gallery {padding:8px !important;}
.block-gallery .gallery img {transition:.3s all; margin:0; height:100%; width:100%; object-fit:cover;}
.block-gallery:not(.slick) .gallery .gallery-item:hover {transform: scale(.98);}
.block-gallery .gallery .gallery-item .image-container {height:100%; border-radius:calc($boradius / 2); }
.block-gallery .gallery .gallery-item {transition:.3s all; padding:7px; margin:0;  flex-grow:1;}
.block-gallery:not(.gw-auto) .gallery .gallery-item {max-width:100%;}
:is(.block-gallery, .block-image) a {border:none;}
:is(.block-image) a:hover img {opacity:.8;}

.block-gallery.p-0 :is(.__content, .gallery, .gallery-item) {padding:0 !important; margin:0;}

.block-gallery .gallery .gallery-item video {object-fit:cover;}
.block-gallery .gallery .gallery-item.gallery-item-video a:before {content:""; position:absolute; inset:0; background-image:url('../../assets/images/video.png'); background-size:100px; background-position:center; background-repeat:no-repeat; background-color:rgba(0,0,0,0.3); display:block !important;}
.block-gallery.media .gallery .gallery-item .image-container {background-image:url('../../assets/images/loader.gif'); background-size:50px; background-position:center; background-repeat:no-repeat;}

.block-gallery.caption .gallery-item .image-container a {}
.block-gallery.caption .gallery-item .image-container a .caption {position: absolute; inset: 0; display: flex; flex-direction: column-reverse; justify-content: flex-start; padding: 2rem; color:#fff;}
.block-gallery.caption .gallery-item:hover .image-container a .caption {background-color:$opac8dark;}
.block-gallery.caption .gallery-item .image-container a .caption h5 {font-size:1.2rem; font-family:"rift-soft", Arial, Sans-serif;}
.block-gallery.caption .gallery-item .image-container a .caption p {font-size:.8rem; opacity:0; transition:.3s all; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.block-gallery.caption .gallery-item:hover .image-container a .caption p {opacity:1;}
.block-gallery.caption .gallery-item:has(.caption) {min-height:30vh;}

.full-width-all .block-gallery.no-gutter .gallery {padding:0px !important;}
.block-gallery.no-gutter .gallery {padding:15px;}
.block-gallery.no-gutter .gallery .gallery-item {padding:0; transform:none !important;}
.block-gallery.no-gutter .gallery .gallery-item .image-container {border-radius:0 !important; }

.block-gallery:is(.box, .slick):not(.logo) .gallery .gallery-item.col-sm-6 {height:350px;}
.block-gallery:is(.box, .slick):not(.logo) .gallery .gallery-item.col-sm-4 {height:250px;}
.block-gallery:is(.box, .slick):not(.logo) .gallery .gallery-item.col-sm-3 {height:200px;}
.block-gallery:is(.box, .slick):not(.logo) .gallery .gallery-item.col-sm-2 {height:150px;}
.block-gallery.logo :is(a,img) {border:none !important; cursor:default !important;}

.block-gallery.masonry {}
.block-gallery.masonry .gallery {grid-auto-flow: dense; display: grid; grid-template-columns: repeat(4, 1fr);}
.block-gallery.masonry .gallery-item {max-width:100%; height:100%;}
.block-gallery.masonry .gallery-item:nth-child(4n+1) {grid-column-end:span 1; grid-row-end:span 1; aspect-ratio:1/1;}
.block-gallery.masonry .gallery-item:nth-child(even) {grid-column-end:span 2; grid-row-end:span 2; aspect-ratio:1/1;}
.block-gallery.masonry .gallery-item:nth-child(3n+1) {grid-column-end:span 2; grid-row-end:span 1; aspect-ratio:2/1;}
.block-gallery.masonry.logo img {object-fit:contain !important;}
.block-gallery.masonry.logo .gallery-item:nth-child(3n+3) img {background-color:#ccc;}
.block-gallery.masonry.logo .gallery-item:nth-child(3n+1) img {background-color:#efefef;}
.block-gallery.masonry.logo .gallery-item:nth-child(3n+2) img {background-color:#999;}

.noclick.block-gallery .gallery-item :is(a, img) {cursor:default !important;}
.noclick.block-gallery .gallery-item {transform:none !important;}

.block-gallery .gallery .gallery-item .img-caption { transition:.3s all; border-radius:calc($boradius / 2); padding:.5rem 1rem; background:$opac8dark; color:#fff; margin:0 !important; position:absolute; inset:auto 1rem 1rem 1rem;}
.block-gallery .gallery .gallery-item .img-caption small { font-size:90%;   display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.block-gallery .gallery .gallery-item .img-caption * {margin-top:0;}
.block-gallery .gallery .gallery-item .img-caption p {line-height:1.5;}

#block-gallery-modal a.controls {border:none; text-decoration:none; top:5rem !important; bottom:5rem !important; height:auto !important;}
#block-gallery-modal {inset:0; height:100vh !important; overflow:hidden !important;}
#block-gallery-modal .modal-dialog {height: 100%; width: 100%; max-height: 90vh; max-width: 90vw; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) !important; margin: 0;}
#block-gallery-modal .modal-body, #block-gallery-modal .modal-content {height: 100%; background:transparent; border:none;}
#block-gallery-modal img {height: 100%; object-fit: contain; background:$opac8dark;}
#block-gallery-modal .caption-container {position:absolute; z-index:100; text-align:left; font-size:0; transition:.3s all; inset:auto 0 -1px 0; display: flex; align-items: flex-start; padding: 2rem; flex-direction: column; background-color: $opac8dark;  opacity:1; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
#block-gallery-modal img:hover ~ .caption-container {opacity:.2; }
#block-gallery-modal .caption-container h3 {font-size:1.5rem !important; margin-bottom:5px;} #block-gallery-modal .caption-container p {font-size:1rem !important;}
#block-gallery-modal .caption-container.hidden {display:none;}

.block-gallery.gutter.slick img {width:100%;}
.block-gallery.gutter img {width:90%;}
.block-gallery.gutter-md img {width:80%;}
.block-gallery.gutter-lg img {width:70%;}
.block-gallery:is(.gutter, .gutter-md, .gutter-lg) .gallery-item {}

.block-gallery.slick.vh {height:40vh;}
.block-gallery.slick.vh :is(.__content, .gallery, .slick-track, .gallery-item ,.image-container, a, img) {height:100% !important;}

@media (max-width:1440px) {
    .block-gallery .carousel .carousel-indicators li {width:10px; height:10px; margin:0 6px;}
    .main-slider .carousel-item img, .main-slider .carousel-item video {animation: pan-lr 20s linear infinite;}
} @media (max-width:992px) {
    .block-gallery.main-slider .carousel .carousel-caption h3 {font-size: calc(3.5rem + $addsize); line-height: 4.5rem;}
} @media (min-width:768px) {
    .slick[class*='vh-'] :is(.slick-track, .gallery .gallery-item) {height:100% !important;}
    .block-gallery[class*='vh-'] div:not(.__header) {height:100% !important;}
} @media (max-width:767px) {
    .block-gallery.box .gallery .gallery-item {height:250px !important;}
    .block-gallery.g-4 .gallery .gallery-item {flex: 1 25%; max-height: 20vh;}
    .block-gallery.g-3 .gallery .gallery-item {flex: 1 33%; max-height: 25vh;}
    .block-gallery.g-2 .gallery .gallery-item {flex: 1 50%; max-height: 30vh;}
    
    .block-gallery:not([class*='g-']) .gallery .gallery-item {flex: 1 50%; max-height: 30vh;}
    .block-gallery.gw-auto .gallery .gallery-item {max-width:50%;}
    
    .block-section.g-4 .__col {flex: 1 calc(100% / 4) !important; width: calc(100% / 4);}
    .block-section.g-3 .__col {flex: 1 calc(100% / 3) !important; width: calc(100% / 3);}
    .block-section.g-2 .__col {flex: 1 calc(100% / 2) !important; width: calc(100% / 2);}
    
    .block-gallery.masonry .gallery-item .image-container {border-radius:calc($boradius / 3);}
    .block-gallery.slick[class*="vh-"] {height:100% !important;}
    .block-gallery:not(.slick)[class*="vh-"] {height:unset !important;}
}

/***************** menu *********************/

.navbar {height: 10rem; padding: 0 2.5rem; position: fixed; width: 100%; flex-wrap: wrap; background-color: transparent; moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; z-index: 699 !important;}
.navbar a {border: none; text-transform: none;}
.navbar .nav-logo a {width: 22rem; display: block; padding: 0;}

.navbar .btn:after {display: none;}

.navbar .nav-toggler {width: 3rem; height: 3rem; cursor: pointer; border-radius: 0; display: none; align-items: center; justify-content: center; z-index: 700; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
.navbar .nav-toggler .figure {width: 100%; display: flex; flex-direction: column; justify-content: center; position: relative; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
.navbar .nav-toggler .figure .line {width: 100%; border-bottom: .2rem solid #000; margin: .3rem 0; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
.navbar .nav-toggler .figure .line-2 {width: 75%;}
.navbar .nav-toggler .figure .line-3 {width: 50%;}
.navbar .nav-toggler:hover .figure .line {width: 100%;}
.navbar.open .nav-toggler .figure .line-1 {width: 3rem; -webkit-transform: rotate(45deg); left: 0; position: absolute;}
.navbar.open .nav-toggler .figure .line-2 {width: 0;}
.navbar.open .nav-toggler .figure .line-3 {width: 3rem; -webkit-transform: rotate(-45deg); left: 0; position: absolute;}

.navbar .navbar-nav ul {margin: 0 !important; display: flex;}
.navbar .navbar-nav ul > * {pointer-events: auto;}
.navbar .navbar-nav ul .nav-item:before {display: none;}
.navbar .navbar-nav ul .nav-item {padding: 0 !important; display: flex; flex-direction: column; justify-content: center;}
.navbar .navbar-nav ul .nav-item .nav-link {text-decoration: none; font-family: "poppins", Arial, Sans-serif; font-size: 1.25rem; font-weight: 400; padding: 0; margin-right: 1.25rem; color: #000; border-bottom: .1rem solid transparent; display: flex; align-items: center;}
.navbar .navbar-nav ul .nav-item.active .nav-link, .navbar .navbar-nav ul .nav-item.parent .nav-link {font-weight: 800;}
.navbar .navbar-nav ul .nav-item .nav-link:hover, .navbar .navbar-nav ul .nav-item.nav-link:focus, .navbar .navbar-nav ul .open>.nav-link, .navbar .navbar-nav ul .open>.nav-link:focus, .navbar .navbar-nav ul .open>.nav-link:hover, .navbar .navbar-nav ul .nav-item:hover .nav-link {border-bottom: .1rem solid #112ab2;}
.navbar .navbar-nav ul .has_childs .nav-link:after {content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 1rem; margin-left: .5rem; border: none; display: block;}
.navbar .navbar-nav ul .has_childs.show .nav-link:after {content: "\f106"; font-family: "Font Awesome 6 Free"; font-weight: 900; transform: rotate(0);}

.navbar .navbar-nav ul .nav-item.d-main-none {display: none !important;}

.navbar.scroll {background-color: #f1faee;}
/*.navbar.scroll .nav-toggler .figure .line {border-color: #000;}
.navbar.scroll .navbar-nav ul .nav-item .nav-link {color: #000;}*/

.navbar .navbar-nav .dropdown-menu.show {display: block !important;}
.navbar .navbar-nav .dropdown-menu li a:after, .navbar .navbar-nav .nav-item.active .dropdown-menu .nav-link:after {display: none !important;}
.navbar .navbar-nav .dropdown-menu {min-width: 100%; padding: 1.25rem 3.75rem; border-radius: 2.5rem; top: 2.5rem; column-count: 2; column-gap: 3.75rem; box-shadow: .25rem .25rem .5rem rgba(0,0,0,.2); background: #fff; position: absolute;}
.navbar .navbar-nav .dropdown-menu .nav-item {border: none !important;}
.navbar .navbar-nav .dropdown-menu .nav-link, .navbar .navbar-nav .nav-item.active .dropdown-menu .nav-link, .navbar .navbar-nav .nav-item.parent .dropdown-menu .nav-link {border: none !important; color: #000 !important; font-size: 1rem !important; text-transform: none !important; letter-spacing: normal !important; font-weight: 400 !important; border-radius: 0; white-space: nowrap; text-decoration: none !important; padding: 1.25rem 0 !important; margin: 0 !important;}
.navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link {border-bottom: none !important;}
.navbar .navbar-nav .dropdown-menu .nav-item.active .nav-link {font-weight: 700 !important;}
.navbar .navbar-nav .dropdown-menu .nav-item .nav-link:hover {color: #ccc !important;}

.navbar .navbar-nav .dropdown-menu.nav-level3 {left: 100%; top: 0;}

.navbar .navbar-nav .nav-item.dropdown-d-none .dropdown-menu, .navbar .navbar-nav ul .has_childs.dropdown-d-none .nav-link:after {display: none !important;}

.some-icons {display: flex;}
.some-icons a {background-color: #fff !important; color: #112ab2 !important; width: 3.5rem !important; height: 3.5rem !important; margin-right: 2.5rem; border-radius: 50%; padding: 0 !important; display: flex; align-items: center; justify-content: center; text-decoration: none !important;}
.some-icons a:hover {opacity: .7;}

/***************** main *********************/

.container {width: 74rem; max-width: none; padding: 0; position: relative;}
.container-fluid {padding: 0;}

#section-404 {display: flex; align-items: center; justify-content: center; min-height: 75vh; background-color: #efefef; width: 100% !important;}
#section-404 .block-error-404 {padding: 0 !important; margin-top: 2.5rem; font-size: 3rem; line-height: 1.15; text-align: center;}

.pp-container {padding-top: 5rem; padding-bottom: 7.5rem; margin: 0; width: 100%; min-height: 75vh; background-color: #efefef; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.pp-container #form-pp {width: 52rem; order: 2;}
.pp-container #form-pp .row {display: block; margin: 0;}
.pp-container #form-pp .form-group {margin: 1rem 0 0 0;}
.pp-container #form-pp .form-group #input_pp_password {border: none; background: transparent; color: #000; border: .1rem solid #000; font-weight: 400; padding: 1.5rem 2.5rem; font-size: 1rem; border-radius: 0.675rem; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.pp-container #form-pp .form-group #input_pp_password:focus {background: #000; color: #fff;}
.pp-container #form-pp .form-group #input_pp_password::placeholder {color: #000; font-style: italic; font-weight: 400;}
.pp-container #form-pp .form-group #input_pp_password:-ms-input-placeholder {color: #000; font-style: italic; font-weight: 400;}
.pp-container #form-pp .form-group #input_pp_password::-ms-input-placeholder {color: #000; font-style: italic; font-weight: 400;;}
.pp-container #form-pp .form-group .btn {margin-top: 0; height: auto;}
.pp-container .pp-message {padding: .5rem 1.25rem; border-radius: 0.675rem; color: #fff; max-width: 100%; font-size: 1rem; font-weight: 400; background-color: #112ab2; position: relative;}
.pp-container .pp-message:after {content: ""; position: absolute; border-left: solid .5rem transparent; border-right: solid .5rem transparent; border-top: solid .5rem #112ab2; top: 100%; left: 50%; margin-left: -.5rem; width: 0; height: 0;}

.row {margin-right: -1.25rem; margin-left: -1.25rem;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-right: 1.25rem; padding-left: 1.25rem;}

.block-section > .block-section-container {padding: 0; width: 74rem; position: relative; z-index: 2;}
.block-section .block-section-container .block-columns .block-section-container {width: auto;}
.block-section {width: 100%; max-width: 100%; position: relative; padding: 5rem 0 7.5rem 0;}

.block-section.start-section {display: flex; min-height: 75vh;}
.block-section.start-section .block-section-container {margin: 0 !important;}


.block-section.full-page-section {display: flex; min-height: 90vh;}
.block-section.full-page-section .block-section-container, .block-section.full-page-section .container {margin: 0 !important;}

.block-section.sm-container .block-section-container, .block-section.sm-container .container {width: 52rem;}
.block-section.lg-container .block-section-container, .block-section.lg-container .container {width: 96rem;}

.block-section.sm-padding {padding-top: 0 !important; padding-bottom: 2.5rem !important;}

.block-section.bg-image {background-position: center center;}
.block-section.bg-right {background-position: center right;}
.block-section.bg-left {background-position: center left;}
.block-section.bg-bottom {background-position: center bottom;}
.block-section.bg-top {background-position: top center;}

.block-section.bg-fixed {background-attachment: fixed;}
.block-section.bg-fixed.touchscreen {background-attachment: scroll !important;}

.block-section.bg-100 {-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; background-repeat: no-repeat;}

.block-section.d-flex-col .block-columns {display: flex !important;}
.block-section.d-flex-col .block-columns .block-section {height: 100%;}

.block-section.row-reverse.not-cms .block-columns:nth-child(even) {flex-direction: row-reverse;}

.block-section.col-2-box, .block-section.col-3-box, .block-section.col-4-box, .block-section.col-6-box {overflow: hidden;} 

.block-section.col-2-box .block-columns .block-section {padding: 1.5rem 1.25rem 4rem 1.25rem;}
.block-section.col-3-box .block-columns .block-section {padding: 5rem 3.75rem 7.5rem 3.75rem;}
.block-section.col-4-box .block-columns .block-section {padding: 10rem 6.25rem 12.5rem 6.25rem;}

.block-section.col-6-box .block-columns .__col {min-height: 75vh !important; display: flex; flex-direction: column;}
.block-section.col-6-box .block-columns .block-section  {padding: 0rem 5rem 2.5rem 5rem; display: flex; flex-grow: 1; flex-basis: 0;}
.block-section.col-6-box .block-columns .block-section .block-section-container {width: 100%;}

.block-section.col-6-box .block-columns .__col .__col {min-height: 0 !important;}

.block-section.col-mark .block-columns .block-section:before {content: url('../../assets/images/navlogo-dark.svg'); width: 2.5rem; bottom: 2.5rem; left: 0; right: 0; margin-left: auto; margin-right: auto; max-width: none; line-height: 0; position: absolute; z-index: 1; opacity: 1;}
.block-section.col-mark .block-columns .block-section.bg-image:before {display: none;}

.block-columns .block-section {padding: 0; margin: 0 !important;}

.full-width-all .row, .full-width-all .__content, .full-width-all .__col {margin: 0; padding: 0;}
.block-section.full-width-all .block-section-container {overflow: visible !important;}

.main-frame {padding-left: 2.5rem; padding-right: 2.5rem; padding-top:0!important;}
.main-frame .block-section, .main-frame .pp-container {margin-bottom: 2.5rem;}
.main-frame.section-rounded .block-section, .main-frame.section-rounded .footer, .main-frame.section-rounded .pp-container, .main-frame.section-rounded .filter-dark:before, .main-frame.section-rounded #video-wrapper {border-radius: 2.5rem;}
.main-frame.section-rounded .block-section-container .block-section {border-radius: 0;}
.page-cover {text-align:center; position:relative; overflow:hidden;}
.page-cover:not(.bg-image) {background:url("../../files/hdr.jpg") 50% 50% / cover no-repeat scroll #112ab2;}
.page-cover:before {content:""; background-color:#112ab2; position:absolute; inset:0; z-index:1; opacity:.3;}
.page-cover > .block-section-container {position:relative; z-index:3;}
.page-cover :is(.block-header,.block-text) .__content * {color:#fff;}

.p-top {padding-top: 10rem;}
main p, main img, main .fs-1 h1, main .fs-1 h2, main .fs-1 h3, main .fs-1 h4, main .fs-1 h5, main .fs-1 h6 {margin: 2rem 0 0 0;}
main h1, main h2, main h3, main h4, main h5, main h6, main .fs-2 p, main .fs-3 p, main .fs-4 p, main .fs-5 p, main .fs-6 p, main .fs-7 p, main .fs-8 p {margin: 2.5rem 0 0 0;}

main .body-text p:nth-child(n+2):before {content: "\0009"; white-space: pre;} 

main ul {list-style: none; margin-top: 1.25rem; padding: 0;}
main ul li {position: relative; padding: .75rem 0 0 1.5rem; line-height: 1.5; display: block;}
/*main ul li:before {content: "\f06b"; font-family: "Font Awesome 6 Free"; font-weight: 900; padding: 0; color: #ffaa96; position: absolute; left: 0;}
*/
.fs-3 ul li {padding-left: 1.875rem;}
.fs-4 ul li {padding-left: 2.25rem;}

main ol {list-style-position: inside; margin-top: 2rem; padding: 0;}

.img-round {border-radius: 50%;}

.col-6-container .__content {column-count: 2; column-gap: 2.5rem; padding-top: 2rem;}
.col-6-container .__content :first-child {margin-top: 0 !important; padding-top: 0 !important;}

.w-5 {width: 5%;}
.w-10 {width: 10%;}
.w-15 {width: 15%;}
.w-20 {width: 20%;}
.w-25 {width: 25%;}
.w-30 {width: 30%;}
.w-35 {width: 35%;}
.w-40 {width: 40%;}
.w-45 {width: 45%;}
.w-50 {width: 50%;}
.w-55 {width: 55%;}
.w-60 {width: 60%;}
.w-65 {width: 65%;}
.w-70 {width: 70%;}
.w-75 {width: 75%;}
.w-80 {width: 80%;}
.w-85 {width: 85%;}
.w-90 {width: 90%;}
.w-95 {width: 95%;}
.w-100 {width: 100%;}

.vh-5 {min-height: 5vh;}
.vh-10 {min-height: 10vh;}
.vh-15 {min-height: 15vh;}
.vh-20 {min-height: 20vh;}
.vh-25 {min-height: 25vh;}
.vh-30 {min-height: 30vh;}
.vh-35 {min-height: 35vh;}
.vh-40 {min-height: 40vh;}
.vh-45 {min-height: 45vh;}
.vh-50 {min-height: 50vh;}
.vh-55 {min-height: 55vh;}
.vh-60 {min-height: 60vh;}
.vh-65 {min-height: 65vh;}
.vh-70 {min-height: 70vh;}
.vh-75 {min-height: 75vh;}
.vh-80 {min-height: 80vh;}
.vh-85 {min-height: 85vh;}
.vh-90 {min-height: 90vh;}
.vh-95 {min-height: 95vh;}
.vh-100 {min-height: 100vh;}

.mt-0 h1, .mt-0 h2, .mt-0 h3, .mt-0 h4, .mt-0 h5, .mt-0 h6, .mt-0 p:first-child, .mt-0 img, img.mt-0, .mt-0 .block-list-group, .mt-0.btn {margin-top: 0 !important;}

.hidden {opacity: 0; display: none !important; overflow: hidden;}
.__base :is(.hidden) {display: flex !important; flex-direction: column; opacity: .75 !important; visibility: visible !important; position: relative;}
.__base :is(.hidden):before {content: ""; filter: invert(1); position: absolute; background-image: url('../../assets/images/hidden.png') !important; left: 0; top: 0; width: 100% !important; height: 100%; background-size: 5rem; z-index: 0;}

.tooltip {opacity: 1 !important;}
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .bs-tooltip-bottom .arrow::before {border-bottom-color: #112ab2;}
.bs-tooltip-auto[x-placement^="top"] .arrow::before, .bs-tooltip-top .arrow::before {border-top-color: #112ab2;}
.bs-tooltip-auto[x-placement^="left"] .arrow::before, .bs-tooltip-left .arrow::before {border-left-color: #112ab2;}
.bs-tooltip-auto[x-placement^="right"] .arrow::before, .bs-tooltip-right .arrow::before {border-right-color: #112ab2;}
.tooltip .tooltip-inner {padding: .5rem 1.25rem; border-radius: 0.675rem; color: #fff; max-width: 100%; font-size: 1rem; font-weight: 400; background-color: #112ab2;}

.page-loader {width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; z-index: 999;}
.page-loader .loader-img {width: 15rem; margin-top: 0 !important; -webkit-animation: pulse .8s; animation: pulse .8s; animation-iteration-count: infinite;}

main > div.__base .bg-video {background-color: #000;}
.__base .bg-video:after {content:"[background-video]"; color: #999; font-size: 1.5rem; position: absolute; text-align: center; top: 5rem; left: 0; right: 0; margin-left: auto; margin-right: auto; display: block;}
.bg-video > .block-section-container {z-index: 1;}

#video-wrapper {position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; overflow: hidden; z-index: 0;}
#bgvid {width: 100% !important; height: 100% !important; object-fit: cover; overflow: hidden;}

.btn-scroll.icon {width: 7.5rem; height: 7.5rem; bottom: -3.75rem; background-color: #112ab2; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index: 100;}
.btn-scroll.icon .icon-scroll {width: 2.5rem; height: 2.5rem;}

.icon-service {width: 7.5rem; height: 7.5rem; margin-left: auto; margin-right: auto; margin-top: 2.5rem; display: block;}

.popup.closed {transform:scale(0);}
.popup {width: 40rem; right: 2.5rem; bottom: 2.5rem; padding: 1.25rem 3.75rem 3.75rem 3.75rem; box-shadow: .25rem .25rem .5rem rgba(0,0,0,.2); border-radius: 2.5rem; position: fixed; z-index: 100; transform-origin:bottom right; transition:.3s all;}
.popup .block-section {padding: 0 !important; margin: 0 !important;}
.popup .block-section .block-section-container {width: 100% !important;}
.popup .close:not(.btn) {background-color: #fff !important; color: #112ab2 !important; width: 3.5rem !important; border: .25rem solid #112ab2; z-index: 697; cursor: pointer; height: 3.5rem !important; opacity: 1; border-radius: 50%; padding: 0 !important; display: flex; align-items: center; justify-content: center; text-decoration: none !important; position: absolute; top: 0; right: 0;}
.popup p, .popup img, .popup .fs-1 h1, .popup .fs-1 h2, .popup .fs-1 h3, .popup .fs-1 h4, .popup .fs-1 h5, .popup .fs-1 h6 {margin: 2rem 0 0 0;}
.popup h1, .popup h2, .popup h3, .popup h4, .popup h5, .popup h6, .popup .fs-2 p, .popup .fs-3 p, .popup .fs-4 p, .popup .fs-5 p, .popup .fs-6 p {margin: 2.5rem 0 0 0;}
.popup ul {list-style: none; margin-top: 1.25rem; padding: 0;}
.popup ul li {position: relative; padding: .75rem 0 0 1.5rem; line-height: 1.5; display: block;}
.popup ul li:before {content: "\f06b"; font-family: "Font Awesome 6 Free"; font-weight: 900; padding: 0; color: #ffaa96; position: absolute; left: 0;}
.popup ol {list-style-position: inside; margin-top: 2rem; padding: 0;}
.popup .btn {float: none; font-size: unset; font-weight: inherit; line-height: inherit; color: unset; text-shadow: none; opacity: 1;}

.scroll-section {padding: 0; height: 0 !important; overflow: visible !important;}
.scroll-section .btn-custom {position: absolute; z-index: 1; top: -7.5rem; left: 0; right: 0; margin-left: auto; margin-right: auto;}

.counter.plus .__content > *:after {content: "\002B";}

.img-bw {-webkit-filter: grayscale(1); filter: grayscale(1);}

.custom-card.full-width {padding: .6125rem 1.25rem;}
.custom-card .row.custom-row {margin: 0 -.6125rem; pointer-events: none; justify-content: center; flex-wrap: wrap;}
.custom-card .row.custom-row.py-row {padding-top: 2.5rem; padding-bottom: 2.5rem;}
.custom-card .row.custom-row > * {pointer-events: auto;}
.custom-card .row.custom-row .block-section {margin: .6125rem; width: calc((100% / 3) - 1.25rem); padding: 0; border-radius: 1.25rem; display: flex; moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.custom-card .row.custom-row .block-section.filter-dark:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 1.25rem; background-color: #112ab2; background: linear-gradient(0deg,rgba(17, 42, 178, .9) 0%, rgba(17, 42, 178, .4) 100%); opacity: 1; z-index: 0; moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.custom-card .row.custom-row:hover .block-section {opacity: .3; -webkit-filter: blur(.25rem); filter: blur(.25rem);}
.custom-card .row.custom-row .block-section:hover {opacity: 1; -webkit-filter: blur(0); filter: blur(0);}
.custom-card .row.custom-row .block-section.filter-dark:hover:before {background: linear-gradient(0deg,rgba(17, 42, 178, .4) 0%, rgba(17, 42, 178, .4) 100%);}
.custom-card .row.custom-row .block-section .block-section-container {width: 100% !important; padding: 0 2.5rem 2.5rem 2.5rem; display: flex; flex-direction: column; moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}

.custom-card.touchscreen .row.custom-row .block-section.filter-dark:before {opacity: .6 !important;}

.custom-card .row.custom-row .block-section .block-section-container.link-section:after {content: "\f061"; font-family: "Font Awesome 6 Free"; font-size: 1.5rem; margin-top: 2.5rem; line-height: 1; font-weight: 900; color: #ffaa96; display: block; margin-left: auto; border: none; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
.custom-card .row.custom-row .block-section .block-section-container.link-section:hover:after {-webkit-animation: fadeInLeft .8s; animation: fadeInLeft .8s; animation-iteration-count: infinite;}

.custom-card.border-divider .row.custom-row {margin: 0;}
.custom-card.border-divider .row.custom-row .block-section {border-right: .1rem solid #000; margin: 0; border-radius: 0;}
.custom-card.border-divider .row.custom-row .block-section:last-child {border: none;}
.custom-card.border-divider .row.custom-row:hover .block-section, .custom-card.border-divider .row.custom-row .block-section:hover {opacity: 1; -webkit-filter: blur(0); filter: blur(0);}
.custom-card.border-divider .row.custom-row:hover .block-section .block-section-container {opacity: .3; -webkit-filter: blur(.25rem); filter: blur(.25rem);}
.custom-card.border-divider .row.custom-row .block-section .block-section-container:hover {opacity: 1; -webkit-filter: blur(0); filter: blur(0);}

.custom-card .row.custom-row.bg-primary .block-section {border-color: #fff !important;}
.custom-card .row.custom-row.bg-primary .block-section .block-section-container .block-header a:after {color: #fff;}
.custom-card .row.custom-row.bg-primary .block-section .block-section-container.link-section:after {color: #fff;}
.custom-card .row.custom-row .block-section.bg-primary .block-section-container.link-section:after {color: #fff;}
    
.custom-card .row.custom-row.bg-dark .block-section {border-color: #fff !important;}
.custom-card .row.custom-row.bg-custom1 .block-section {border-color: #fff !important;}
.custom-card .row.custom-row.bg-custom2 .block-section {border-color: #fff !important;}

.main-slider {height: 90vh; overflow: hidden;}
.main-slider .block-section-container, .main-slider .block-gallery, .main-slider .__content, .main-slider .carousel, .main-slider .carousel-inner, .main-slider .item {height: 100%;}
.main-slider .carousel-item img {padding: 0; width: 100%; height: 100%; object-fit: cover;}
.main-slider .block-gallery .carousel {margin: 0 !important;}
.main-slider .block-gallery .carousel .carousel-indicators {bottom: auto; top: 0;}
.main-slider .block-gallery .carousel .carousel-control {padding: 0; z-index: 690; text-decoration: none !important;}
.main-slider .block-gallery .carousel .carousel-control-prev {left: 2.5rem; bottom: 2.5rem; height: auto; width: auto; opacity: 1; top: auto;}
.main-slider .block-gallery .carousel .carousel-control-prev-icon {background-image: none; line-height: 1;}
.main-slider .block-gallery .carousel .carousel-control-prev-icon:before{content: "\f104"; font-family: "Font Awesome 6 Free"; color: #fff; font-weight: 900; font-size: 2rem;}
.main-slider .block-gallery .carousel .carousel-control-next {left: 6rem; bottom: 2.5rem; height: auto; width: auto; opacity: 1; right: auto !important; top: auto;}
.main-slider .block-gallery .carousel .carousel-control-next-icon {background-image: none; line-height: 1;}
.main-slider .block-gallery .carousel .carousel-control-next-icon:before{content: "\f105"; font-family: "Font Awesome 6 Free"; color: #fff; font-weight: 900; font-size: 2rem;}
.main-slider .block-gallery .carousel .slider-overlay {background-color: transparent; width: 100%; height: 50%; position: absolute; bottom: 0; z-index: 2;}
.main-slider .block-gallery .carousel .carousel-caption {height: auto; width: 52rem; padding: 2.5rem 5rem 5rem 5rem; border-radius: 2.5rem 0 0 0; background-color: #fff; top: auto; bottom: 0; left: auto; right: 0; z-index: 3;}
.main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 3rem; font-family: "rift-soft", Arial, Sans-serif; line-height: 1.3; padding: 0;}
.main-slider .block-gallery .carousel .carousel-caption > p {font-size: 1.25rem; line-height: 1.6; margin-top: 2rem; padding: 0;}
.main-slider .block-gallery .carousel .carousel-caption > .btn {margin-top: 2.5rem; font-size: 1rem; margin-left: auto; text-transform: uppercase; letter-spacing: .25rem; padding: 0 !important; background-color: transparent !important; color: #000 !important; border: none !important; display: flex; align-items: center;}
.main-slider .block-gallery .carousel .carousel-caption > .btn:after {content: "\f0a9"; font-family: "Font Awesome 6 Free"; font-size: 1.5rem; color: #112ab2; font-weight: 900; margin-left: .5rem; border: none; display: block; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
.main-slider .block-gallery .carousel .carousel-caption > .btn:hover:after {-webkit-animation: fadeInLeft .8s; animation: fadeInLeft .8s; animation-iteration-count: infinite;}
.main-slider .carousel-control-next-icon, .main-slider .carousel-control-prev-icon {width: 1rem; height: 2rem;}

.map-container {height: 45vh;}
.map-container .block-section-container, .map-container .row, .map-container .__content, .map-container .tiny-pageembed {height: 100%;}
.map-container iframe {opacity: .5; width: 100%; height: 100%; border: 0; -webkit-filter: grayscale(1); filter: grayscale(1); moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.map-container iframe:hover {opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0);}

.product-view-bundles .image-container img {margin:0;}
.product-view-bundles .image-container .main-image {padding:0;}
.product-view-bundles .col-sm-2 {padding: 0;}
/***************** footer *********************/

footer .block-section {padding-bottom: 2.5rem;}
footer .divider {margin: 2.5rem 0;}
footer ul {list-style: none; column-count: 2; padding: 0; margin: 0;}
footer ul .nav-item .nav-link {font-family: "poppins", Arial, Sans-serif; font-size: 1rem; white-space: nowrap; line-height: 2.5; padding: 0; display: inline-block; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
footer ul .has_childs .nav-link:after {display: none;}
footer .logo-footer {width: 80%;}
footer .some-icons a {margin-left: 2.5rem; margin-right: 0;}

/***************** popup-form *********************/

#form .modal-dialog {justify-content: center;}
#form .modal-content {width: 50%; height: calc(100% - 5rem); overflow-y: scroll;}
#form .modal-body {padding: 5rem; display: flex; flex-direction: column; justify-content: center;}
#form .modal-body .btn-close {padding: 0; position: absolute; top: 5rem; right: 5rem; margin: 0; font-size: 4rem; font-weight: 400; line-height: .5; opacity: 1; z-index: 100; color: #000; text-transform: uppercase; text-shadow: none !important;white-space: normal; border: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent !important;}
#form .modal-body .btn-close:before {display: none;}
#form .block-section-container {width: 100%;}
#form hr {margin: 2.5rem 0;}

/***************** cookies *********************/

/*#modal-cc {background-color: transparent; overflow: scroll;}*/
/*#modal-cc ::-webkit-scrollbar-thumb {background: #fff; border-radius:0;}*/
/*#modal-cc ::-webkit-scrollbar-track {background: ##fff;}*/
/*#modal-cc .modal-dialog {overflow: scroll; position: fixed; display: flex; justify-content: start; align-items: end; margin: 0; bottom:0;}*/
/*#modal-cc .modal-content {background: #ffaa96; margin: 2.5rem; max-height: calc(100% - 5rem); box-shadow: .25rem .25rem .5rem rgba(0,0,0,.2) !important; border-bottom: none !important; max-width: 100%; width: 52rem; border-radius: 2.5rem;}*/
/*#modal-cc .modal-header {align-items: center; width: 100%; border: none;}*/
/*#modal-cc .modal-header .btn-close {padding: 0; margin: 0; font-size: 2rem; font-weight: 400; line-height: 1; opacity: 1; color: #000; text-transform: uppercase; text-shadow: none !important;}*/
/*#modal-cc .modal-header .btn-close:before {display: none;}*/
/*#modal-cc .modal-title {line-height:initial; color: #000;}*/
/*#modal-cc .modal-body {overflow-y: auto; font-size: 1rem; }*/
/*#modal-cc .modal-body .nav {height: auto; position: relative; padding: 0; opacity: 1;}*/
/*#modal-cc hr {margin: 2.5rem auto;}*/
/*#modal-cc #cc-buttons {margin: 0 -.25rem;}*/
/*#modal-cc #cc-buttons button {margin: 0 .25rem !important; background-color: transparent !important; color: #000 !important; border: .1rem solid #000 !important; letter-spacing: normal; text-transform: none; font-size: 1rem; padding: 1rem; text-align: center;}*/
/*#modal-cc #cc-buttons button:hover {background-color: #000 !important; color: #fff !important;}*/
/*#modal-cc input.ios-checkbox {box-shadow: inset -20px 0 0 0 #000; border-color: #000;}*/
/*#modal-cc input.ios-checkbox:disabled {box-shadow: inset 20px 0 0 0 #efefef !important; border-color: #efefef !important;}*/
/*#modal-cc input.ios-checkbox:checked {box-shadow: inset 20px 0 0 0 #112ab2; border-color: #112ab2;}*/

/*#cc-settings-container {bottom: 2.5em; left: 2.5em; line-height: 0; z-index: 698;}*/
/*#cc-settings-button {font-size: 2rem; border-bottom: none; color: #ffaa96;}*/

/*#modal-cc .nav-pills {background-color: transparent !important;}*/
/*#modal-cc .nav-pills .nav-link {border-radius: 0.675rem;}*/
/*#modal-cc .nav-pills .nav-link.active, #modal-cc .nav-pills .show > .nav-link {background-color: #000; text-decoration: none;}*/
/*#modal-cc input.ios-checkbox::after {box-shadow: none;}*/

/************************COOKIES-v3*******************************/

body.modal-open.no-cookie #modal-cc {display:none !important;}
html:has(body.modal-open.no-cookie #modal-cc.d-none), body.modal-open.no-cookie:has(#modal-cc.d-none) {padding-right:0 !important; overflow-y:auto;}

.modal {background: rgba(0,0,0,0.8); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);}
.modal .modal-header .close {order:2;}

#modal-cc {font-size:18px;}
#modal-cc .modal-dialog {width:auto; display:block !important; height:auto !important; position:fixed; inset: auto auto 2em 2em; margin: 2em 2em 0 0; max-width:50em;}
#modal-cc .modal-content {width:100% !important; background-color:#fff; color:#000; border-radius:calc($boradius/2); padding:3em;}
#modal-cc .modal-content * {color:inherit;}
#modal-cc .modal-header:before, #modal-cc .modal-header:after {display:none;}
#modal-cc .modal-header {justify-content: space-between; margin-bottom:1.5em; border:none; padding:0; display: flex; align-items: center;}
#modal-cc .modal-header .close {display: flex; align-items: center; justify-content: center; right:3em; top:3em; opacity:1; background-color:transparent; border:1px solid #000 !important; color:inherit; font-size:0; letter-spacing:0; line-height:0; width: 2.5rem; height: 2.5rem; border-radius: 50%;}
#modal-cc .modal-header .close:before {content:"\f00d"; font:$fonticon; font-family:$fonticon; font-size:12px;}
#modal-cc .modal-header .modal-title {font-size:1.2em;}
#modal-cc .modal-body {background-color:transparent; padding:0;}
#modal-cc .modal-content .nav-pills {gap:1em; display:flex;}
#modal-cc .modal-content .nav-pills .nav-item {float:none; flex:1;}
#modal-cc .modal-content .nav-pills .nav-link:hover {opacity:1;}
#modal-cc .modal-content .nav-pills .nav-link {text-transform: uppercase; letter-spacing: 2px; transition:.3s all; opacity:.5; text-align: left; background: transparent; border-bottom: solid 1px rgba(0,0,0,0.2); border-radius: 0; padding-inline: 2.5px;}
#modal-cc .modal-content .nav-pills .nav-link.active {opacity:1;}
#modal-cc .modal-content .nav-pills:before {display:none;}
#modal-cc .modal-content .nav-pills:after {display:none;}
#modal-cc .modal-body p:empty {display:none;}
#modal-cc .modal-body p {font-size:.8em;}
#modal-cc .modal-body a {text-decoration:none !important;}
#modal-cc .modal-body p + p {margin-top:1em; padding-top:0;}
#modal-cc .modal-body hr {display:none;}
#modal-cc .modal-body .tab-pane {overflow-y:auto; max-height:60vh; padding-top:1em;}
#modal-cc .modal-body .tab-pane a {color:inherit; border-bottom:1px dashed;}
#modal-cc .modal-body .tab-pane h5 {font-size:1.1em; margin-bottom:.5em;}
#modal-cc #cc-buttons {display: flex; justify-content: center; gap:.5em; margin-inline:-2px; padding-top:.5em;}
#modal-cc #cc-buttons .btn {font-weight:300; margin:0 !important; background:transparent !important; font-size:.8em; display: flex; justify-content: center; align-items: center; border:1px solid #000 !important; color:#000 !important; line-height:normal; text-transform:uppercase; letter-spacing:1px; border-radius:$boradius; padding:1em !important; }
#modal-cc #cc-buttons .btn:before {display:none;}
#modal-cc #cc-buttons .btn:after {display:none !important; color:inherit !important;}
#modal-cc input.ios-checkbox::after {box-shadow: none;}
#cc-settings-container i {font-style: normal;}
#cc-settings-container a {font-size:1.5rem; color:#112ab2; border:none !important; text-decoration:none !important;}
#cc-settings-container {left:2em; bottom:2em; z-index:2000;}
html:not(.cms):has(.modal.show) #cc-settings-container {z-index:-1;}

html:has(body.dark, body.modal-dark) #modal-cc .modal-content {background-color:#000 !important; color:#fff; }
html:has(body.dark, body.modal-dark) #modal-cc .modal-header .close {border-color: #fff !important; }
html:has(body.dark, body.modal-dark) #modal-cc .modal-content :is(.nav-pills .nav-link, #cc-buttons .btn) {border-color: rgba(255,255,255,0.2) !important; }
html:has(body.dark, body.modal-dark) #modal-cc #cc-buttons .btn {color:#fff !important;}

@media (max-width:1920px) {
    #modal-cc {font-size:16px;}
} @media (max-width:1280px) {
    #modal-cc {font-size:14px;}
} @media (min-width:768px) {
    #modal-cc .modal-dialog {transform-origin:left bottom; transform:scale(.8);}
} @media (max-width:767px) {
    #modal-cc {font-size:12px;}
    #modal-cc .modal-body .tab-pane {max-height:40vh; padding-right:1rem;}
    #modal-cc #cc-buttons {flex-direction: column-reverse;}
    #cc-settings-container {left:1.5em; bottom:1.5em;}
    #modal-cc .modal-body p {font-size:.9em;}
    #modal-cc .modal-content .nav-pills .nav-link {font-size:.7em;}
}

/***************** form *********************/

.block-form {margin-top: 2.5rem !important;}
.block-form .form-group {margin-bottom: 1rem; padding: 0 !important; position: relative}
.block-form .form-group:has(.checkbox, .radio):has(>label) {column-count: 2; border: .1rem solid #000; padding: 2.5rem !important; border-radius: 0.675rem;}
.block-form .form-group:has(.checkbox, .radio) label {left: -.1rem; top: -05rem;}
.block-form .form-group .checkbox label, .block-form .form-group .radio label {position: relative; padding: 0; top: 0;}
.block-form .form-fields {margin: 0 -.5rem !important;}
.block-form .form-fields .col-md-12 {padding: 0 .5rem !important;}
.block-form .form-control {border: .1rem solid #000; background: transparent; color: #000; font-weight: 700; padding: 1.5rem 2.5rem; font-size: 1rem; border-radius: 0.675rem; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.block-form .form-control:focus {background: #000; color: #fff;}
.block-form .form-control::placeholder {color: #000; font-style: italic; font-weight: 400;}
.block-form .form-control:-ms-input-placeholder {color: #000; font-style: italic; font-weight: 400;}
.block-form .form-control::-ms-input-placeholder {color: #000; font-style: italic; font-weight: 400;}
.block-form .input-group-text {border-radius: 0; padding: .75rem; font-size: .75rem; line-height: 1.5; background-color: #000; color: #fff; border: none; border-radius: 0 0.675rem 0.675rem 0;}
.block-form .btn-primary {padding: 0 !important; margin-top: 1.5rem; text-transform: uppercase; letter-spacing: .25rem; background-color: transparent !important; color: #000 !important; border: none !important; display: flex; align-items: center;}
.block-form .btn-primary:after {content: "\f0a9"; font-family: "Font Awesome 6 Free"; font-size: 1.5rem; color: #112ab2; font-weight: 900; margin-left: .5rem; border: none; display: block; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
.block-form .btn-primary:hover:after {-webkit-animation: fadeInLeft .8s; animation: fadeInLeft .8s; animation-iteration-count: infinite;}
.block-form textarea {min-height:150px;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: .5rem !important;}

.block-form .kontakt .form-fields .col-md-12:nth-child(3), .block-form .kontakt .form-fields .col-md-12:nth-child(4) {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.block-form .recept .form-fields .col-md-12:nth-child(2), .block-form .recept .form-fields .col-md-12:nth-child(3), .block-form .recept .form-fields .col-md-12:nth-child(6), .block-form .recept .form-fields .col-md-12:nth-child(7), .block-form .recept .form-fields .col-md-12:nth-child(8), .block-form .recept .form-fields .col-md-12:nth-child(9), .block-form .recept .form-fields .col-md-12:nth-child(10), .block-form .recept .form-fields .col-md-12:nth-child(11), .block-form .recept .form-fields .col-md-12:nth-child(12), .block-form .recept .form-fields .col-md-12:nth-child(13) {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}

/***************** styling *********************/

.filter-dark:before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #000; opacity: .25; z-index: 1;}
.filter-light:before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #fff; opacity: .25; z-index: 0;}

.filter-gradient:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 1.25rem; background-color: #112ab2; background: linear-gradient(0deg,rgba(17, 42, 178, .9) 0%, rgba(17, 42, 178, .4) 100%); opacity: 1; z-index: 0; moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}

.bg-primary {background-color: #112ab2;}
.bg-primary p, .bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6, .bg-primary ul li, .bg-primary a, .bg-primary a:hover {color: #fff;}
.bg-primary .divider {border-top-color: #fff;}
.bg-primary ::-moz-selection {color: #000; background: #ffaa96;}
.bg-primary ::selection {color: #000; background: #ffaa96;}
.bg-primary .btn-info {color: #fff !important;}
.bg-primary .btn-info:after, .bg-primary .main-slider .block-gallery .carousel .carousel-caption > .btn:after, .bg-primary .block-form .btn-primary:after {color: #fff;}
.bg-primary .btn-custom {border-color: #fff !important; color: #fff !important;}
.bg-primary .btn-custom:hover, .bg-primary .btn-custom:active, .bg-primary .btn-custom:focus {background-color: #fff !important; color: #112ab2 !important; border-color: #fff !important;}
.bg-primary .block-list-group .list-group-item {border-color: #fff; color: #fff;}
.bg-primary .block-list-group.list {border-color: #fff;}
.bg-primary .block-list-group.accordion .card {border-color: #fff;}
.bg-primary .block-list-group.accordion .card .card-header h5 .btn, .bg-primary .block-list-group.accordion .card .card-header h5 .btn:after {color: #fff;}
.bg-primary .block-list-group.accordion .card .card-body {color: #fff; border-top-color: #fff;}
.bg-primary .block-list-group.tabs .nav-tabs {background: rgba(255,255,255,.2);}
.bg-primary .block-list-group.tabs .nav-tabs .nav-item .nav-link {color: #fff;}
.bg-primary .block-list-group.tabs .nav-tabs .nav-item .nav-link.active {background: #fff; color: #112ab2;}
.bg-primary .block-list-group.tabs .tab-content {background: #112ab2; border-color: #fff;}
.bg-primary .block-list-group.tabs .tab-content * {color: #fff;}
.bg-primary .block-list-group.modal-list .list-group-item h5 .btn, .bg-primary .block-list-group.modal-list .list-group-item h5 .btn:after {color: #fff;}
.bg-primary .news .list-group-item .list-date {background-color: #fff; color: #112ab2;}
.bg-primary .news .list-group-item:hover {border-color: #fff !important;}
.bg-primary .news .list-group-item:hover .list-date {background-color: #fff !important;}
.bg-primary .pager li a {border-color: #fff;}
.bg-primary .pager li a:hover, .bg-primary .pager li a.active {background: #fff; color: #fff;}
.bg-primary.custom-card .container .row.custom-row .block-section {border-color: #fff !important;}
.bg-primary .block-form .form-group label {color: #fff;}
.bg-primary .block-form .form-group:has(.checkbox, .radio) {border-color: #fff;}
.bg-primary .block-form .form-control {border-color: #fff; color: #fff;}
.bg-primary .block-form .form-control:focus {background: #fff; color: #112ab2;}
.bg-primary .block-form .form-control::placeholder {color: #fff;}
.bg-primary .block-form .form-control:-ms-input-placeholder {color: #fff;}
.bg-primary .block-form .form-control::-ms-input-placeholder {color: #fff;}
.bg-primary .block-form .input-group-text {background-color: #fff; color: #112ab2;}
.bg-primary .block-form .btn-primary {color: #fff !important;}

.bg-secondary {background-color: #ffaa96;}
.bg-secondary .block-list-group.tabs .nav-tabs {background: rgba(0,0,0,.1);}
.bg-secondary .block-list-group.accordion .card {border: none !important; background-color: #fff;} 
.bg-secondary .block-list-group.accordion .card .card-body {border-top-color: #ffaa96;}

.bg-dark {background-color: #000;}
.bg-dark p, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-dark ul li, .bg-dark a, .bg-dark a:hover {color: #fff;}
.bg-dark .divider {border-top-color: #fff;}
.bg-dark .btn-success {color: #fff !important;}
.bg-dark .btn-success:hover, .bg-dark .btn-success:active, .bg-dark .btn-success:focus {color: #fff !important;}
.bg-dark .btn-info {color: #fff !important;}
.bg-dark .btn-custom {border-color: #fff !important; color: #fff !important;}
.bg-dark .btn-custom:hover, .bg-dark .btn-custom:active, .bg-dark .btn-custom:focus {background-color: #fff !important; color: #000 !important; border-color: #fff !important;}
.bg-dark .block-list-group .list-group-item {border-color: #fff; color: #fff;}
.bg-dark .block-list-group.list {border-color: #fff;}
.bg-dark .block-list-group.accordion .card {border-color: #fff;}
.bg-dark .block-list-group.accordion .card .card-header h5 .btn {color: #fff;}
.bg-dark .block-list-group.accordion .card .card-body {color: #fff; border-top-color: #fff;}
.bg-dark .block-list-group.tabs .nav-tabs {background: rgba(255,255,255,.1);}
.bg-dark .block-list-group.tabs .nav-tabs .nav-item .nav-link {color: #fff;}
.bg-dark .block-list-group.tabs .nav-tabs .nav-item .nav-link.active {background: #fff; color: #000;}
.bg-dark .block-list-group.tabs .tab-content {background: #000; border-color: #fff;}
.bg-dark .block-list-group.tabs .tab-content * {color: #fff;}
.bg-dark .block-list-group.modal-list .list-group-item h5 .btn {color: #fff;}
.bg-dark .news .list-group-item .list-date {background-color: #fff; color: #000;}
.bg-dark .news .list-group-item:hover .list-date {color: #fff;}
.bg-dark .pager li a {border-color: #fff;}
.bg-dark .pager li a:hover, .bg-dark .pager li a.active {background: #fff; color: #fff;}
.bg-dark.custom-card .container .row.custom-row .block-section {border-color: #fff !important;}
.bg-dark .block-form .form-group label {color: #fff;}
.bg-dark .block-form .form-group:has(.checkbox, .radio) {border-color: #fff;}
.bg-dark .block-form .form-control {border-color: #fff; color: #fff;}
.bg-dark .block-form .form-control:focus {background: #fff; color: #000;}
.bg-dark .block-form .form-control::placeholder {color: #fff;}
.bg-dark .block-form .form-control:-ms-input-placeholder {color: #fff;}
.bg-dark .block-form .form-control::-ms-input-placeholder {color: #fff;}
.bg-dark .block-form .input-group-text {background-color: #fff; color: #000;}
.bg-dark .block-form .btn-primary {color: #fff !important;}

.bg-custom1 {background-color: #191919;}
.bg-custom1 p, .bg-custom1 h1, .bg-custom1 h2, .bg-custom1 h3, .bg-custom1 h4, .bg-custom1 h5, .bg-custom1 h6, .bg-custom1 ul li, .bg-custom1 a, .bg-custom1 a:hover {color: #fff;}
.bg-custom1 .divider {border-top-color: #fff;}
.bg-custom1 .btn-success {color: #fff !important;}
.bg-custom1 .btn-success:hover, .bg-custom1 .btn-success:active, .bg-custom1 .btn-success:focus {color: #fff !important;}
.bg-custom1 .btn-info {color: #fff !important;}
.bg-custom1 .btn-custom {border-color: #fff !important; color: #fff !important;}
.bg-custom1 .btn-custom:hover, .bg-custom1 .btn-custom:active, .bg-custom1 .btn-custom:focus {background-color: #fff !important; color: #000 !important; border-color: #fff !important;}
.bg-custom1 .block-list-group .list-group-item {border-color: #fff; color: #fff;}
.bg-custom1 .block-list-group.list {border-color: #fff;}
.bg-custom1 .block-list-group.accordion .card {border-color: #fff;}
.bg-custom1 .block-list-group.accordion .card .card-header h5 .btn {color: #fff;}
.bg-custom1 .block-list-group.accordion .card .card-body {color: #fff; border-top-color: #fff;}
.bg-custom1 .block-list-group.tabs .nav-tabs {background: rgba(255,255,255,.1);}
.bg-custom1 .block-list-group.tabs .nav-tabs .nav-item .nav-link {color: #fff;}
.bg-custom1 .block-list-group.tabs .nav-tabs .nav-item .nav-link.active {background: #fff; color: #000;}
.bg-custom1 .block-list-group.tabs .tab-content {background: #191919; border-color: #fff;}
.bg-custom1 .block-list-group.tabs .tab-content * {color: #fff;}
.bg-custom1 .block-list-group.modal-list .list-group-item h5 .btn {color: #fff;}
.bg-custom1 .news .list-group-item .list-date {background-color: #fff; color: #000;}
.bg-custom1 .news .list-group-item:hover .list-date {color: #fff;}
.bg-custom1 .pager li a {border-color: #fff;}
.bg-custom1 .pager li a:hover, .bg-custom1 .pager li a.active {background: #fff; color: #fff;}
.bg-custom1.custom-card .container .row.custom-row .block-section {border-color: #fff !important;}
.bg-custom1 .block-form .form-group label {color: #fff;}
.bg-custom1 .block-form .form-group:has(.checkbox, .radio) {border-color: #fff;}
.bg-custom1 .block-form .form-control {border-color: #fff; color: #fff;}
.bg-custom1 .block-form .form-control:focus {background: #fff; color: #000;}
.bg-custom1 .block-form .form-control::placeholder {color: #fff;}
.bg-custom1 .block-form .form-control:-ms-input-placeholder {color: #fff;}
.bg-custom1 .block-form .form-control::-ms-input-placeholder {color: #fff;}
.bg-custom1 .block-form .input-group-text {background-color: #fff; color: #000;}
.bg-custom1 .block-form .btn-primary {color: #fff !important;}

.bg-custom2 {background-color: #333;}
.bg-custom2 p, .bg-custom2 h1, .bg-custom2 h2, .bg-custom2 h3, .bg-custom2 h4, .bg-custom2 h5, .bg-custom2 h6, .bg-custom2 ul li, .bg-custom2 a, .bg-custom2 a:hover {color: #fff;}
.bg-custom2 .divider {border-top-color: #fff;}
.bg-custom2 .btn-success {color: #fff !important;}
.bg-custom2 .btn-success:hover, .bg-custom2 .btn-success:active, .bg-custom2 .btn-success:focus {color: #fff !important;}
.bg-custom2 .btn-info {color: #fff !important;}
.bg-custom2 .btn-custom {border-color: #fff !important; color: #fff !important;}
.bg-custom2 .btn-custom:hover, .bg-custom2 .btn-custom:active, .bg-custom2 .btn-custom:focus {background-color: #fff !important; color: #000 !important; border-color: #fff !important;}
.bg-custom2 .block-list-group .list-group-item {border-color: #fff; color: #fff;}
.bg-custom2 .block-list-group.list {border-color: #fff;}
.bg-custom2 .block-list-group.accordion .card {border-color: #fff;}
.bg-custom2 .block-list-group.accordion .card .card-header h5 .btn {color: #fff;}
.bg-custom2 .block-list-group.accordion .card .card-body {color: #fff; border-top-color: #fff;}
.bg-custom2 .block-list-group.tabs .nav-tabs {background: rgba(255,255,255,.1);}
.bg-custom2 .block-list-group.tabs .nav-tabs .nav-item .nav-link {color: #fff;}
.bg-custom2 .block-list-group.tabs .nav-tabs .nav-item .nav-link.active {background: #fff; color: #000;}
.bg-custom2 .block-list-group.tabs .tab-content {background: #333; border-color: #fff;}
.bg-custom2 .block-list-group.tabs .tab-content * {color: #fff;}
.bg-custom2 .block-list-group.modal-list .list-group-item h5 .btn {color: #fff;}
.bg-custom2 .news .list-group-item .list-date {background-color: #fff; color: #000;}
.bg-custom2 .news .list-group-item:hover .list-date {color: #fff;}
.bg-custom2 .pager li a {border-color: #fff;}
.bg-custom2 .pager li a:hover, .bg-custom2 .pager li a.active {background: #fff; color: #fff;}
.bg-custom2.custom-card .container .row.custom-row .block-section {border-color: #fff !important;}
.bg-custom2 .block-form .form-group label {color: #fff;}
.bg-custom2 .block-form .form-group:has(.checkbox, .radio) {border-color: #fff;}
.bg-custom2 .block-form .form-control {border-color: #fff; color: #fff;}
.bg-custom2 .block-form .form-control:focus {background: #fff; color: #000;}
.bg-custom2 .block-form .form-control::placeholder {color: #fff;}
.bg-custom2 .block-form .form-control:-ms-input-placeholder {color: #fff;}
.bg-custom2 .block-form .form-control::-ms-input-placeholder {color: #fff;}
.bg-custom2 .block-form .input-group-text {background-color: #fff; color: #000;}
.bg-custom2 .block-form .btn-primary {color: #fff !important;}

.bg-custom3 {background-color: #999;}
.bg-custom3 .block-form .form-group label {background-color: #999;}

.bg-custom4 {background-color: #ccc;}
.bg-custom4 .block-form .form-group label {background-color: #ccc;}

.bg-custom5 {background-color: #efefef;}
.bg-custom5 .block-list-group.tabs .nav-tabs {background: #fff;}
.bg-custom5 .block-form .form-group label {background-color: #efefef;}

.bg-custom6 {background-color: #f1faee;}
.bg-custom6 .block-form .form-group label {background-color: #f1faee;}

.bg-transparent {background-color: transparent;}

.text-primary, .text-primary p, .text-primary h1, .text-primary h2, .text-primary h3, .text-primary h4, .text-primary h5, .text-primary h6, .text-primary ul li, .text-primary ul li:before, .text-primary a, .text-primary a:hover {color: #112ab2 !important;}
.text-secondary, .text-secondary p, .text-secondary h1, .text-secondary h2, .text-secondary h3, .text-secondary h4, .text-secondary h5, .text-secondary h6, .text-secondary ul li, .text-secondary ul li:before, .text-secondary a, .text-secondary a:hover {color: #ffaa96 !important;}

.text-dark, .text-dark p, .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6, .text-dark ul li, .text-dark ul li:before, .text-dark a, .text-dark a:hover {color: #000;}

.text-light, .text-light p, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light ul li, .text-light ul li:before, .text-light a, .text-light a:hover {color: #fff;}
.text-light .btn-custom {border-color: #fff !important; color: #fff !important;}
.text-light .btn-custom:hover, .text-light .btn-custom:active, .text-light .btn-custom:focus {background-color: #fff !important; color: #000 !important; border-color: #fff !important;}

.text-custom1, .text-custom1 p, .text-custom1 h1, .text-custom1 h2, .text-custom1 h3, .text-custom1 h4, .text-custom1 h5, .text-custom1 h6, .text-custom1 ul li, .text-custom1 ul li:before, .text-custom1 a, .text-custom1 a:hover {color: #191919;}
.text-custom2, .text-custom2 p, .text-custom2 h1, .text-custom2 h2, .text-custom2 h3, .text-custom2 h4, .text-custom2 h5, .text-custom2 h6, .text-custom2 ul li, .text-custom2 ul li:before, .text-custom2 a, .text-custom2 a:hover {color: #333;}
.text-custom3, .text-custom3 p, .text-custom3 h1, .text-custom3 h2, .text-custom3 h3, .text-custom3 h4, .text-custom3 h5, .text-custom3 h6, .text-custom3 ul li, .text-custom3 ul li:before, .text-custom3 a, .text-custom3 a:hover {color: #999;}
.text-custom4, .text-custom4 p, .text-custom4 h1, .text-custom4 h2, .text-custom4 h3, .text-custom4 h4, .text-custom4 h5, .text-custom4 h6, .text-custom4 ul li, .text-custom4 ul li:before, .text-custom4 a, .text-custom4 a:hover {color: #ccc;}
.text-custom5, .text-custom5 p, .text-custom5 h1, .text-custom5 h2, .text-custom5 h3, .text-custom5 h4, .text-custom5 h5, .text-custom5 h6, .text-custom5 ul li, .text-custom5 ul li:before, .text-custom5 a, .text-custom5 a:hover {color: #efefef;}
.text-custom6, .text-custom6 p, .text-custom6 h1, .text-custom6 h2, .text-custom6 h3, .text-custom6 h4, .text-custom6 h5, .text-custom6 h6, .text-custom6 ul li, .text-custom6 ul li:before, .text-custom6 a, .text-custom6 a:hover {color: #f1faee;}





/**********RX**********/

.m0 .__content, .p0 .__content, .ms0 .__content *:not(:first-child) {margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;}
.m1st .__content *:first-child, .m0 *:is(h1, h2, h3, h4, h5, h6, p, img, ul, li, ol), .mu0 ul, .mo0 ol, .ml0 li, .mul0 ul, .mul0 li,
.mh0 *:is(h1, h2, h3, h4, h5, h6), .mp0 p, .mi0 img, .mh60 h6 {margin-top: 0 !important; margin-bottom: 0 !important;}
.p1st .__content *:first-child, .p0 *:is(h1, h2, h3, h4, h5, h6, p, img, ul, li, ol), .pu0 ul, .pl0 li, .pul0 ul, .pul0 li,
.ph0 *:is(h1, h2, h3, h4, h5, h6), .pp0 p, .pi0 img {padding-top: 0 !important; padding-bottom: 0 !important;}
.pc0 .__content {padding:0 !important;}

iframe {margin-bottom:-15px;}
:is(.block-section,.block-section-container):has(iframe) {overflow:hidden;}

.block-button:has([class*='push-justify-']), .text-justify-center, .text-justify-left, .text-justify-right {text-align:justify;}
.block-button:has([class*='push-left-']), .text-left-center, .text-left-right, .text-left-justify {text-align: left;} 
.block-button:has([class*='push-right-']), .text-right-center, .text-right-left, .text-right-justify {text-align: right;}
.block-button:has([class*='push-center-']), .text-center-right, .text-center-left, .text-center-justify {text-align:center !important;}

html.cms :is(.tag, .js, [class*='tag-'], [class*='js-to-']):before {content:"[javascript plugin - do not edit]"; text-align:left; width:100%; font-family:monospace; display:block; padding-block:1rem; font-size:1rem !important;}
html.cms :is(.js.empty,  [class*='js-to-']):before {display:flex; position:absolute; inset:0; align-items:center;     justify-content: center;}
html.cms :is(.tag, [class*='tag-']):before {content:"[tag widget]" !important;}
.no-border {border:none !important;}

.block-gallery.full-height, .block-gallery.full-height :is(>.__content, .carousel, .carousel-inner, .carousel-item, img) {height:100%; object-fit:cover;}
.block-gallery.full-height .carousel {margin:0 !important;}
.block-gallery .carousel, .block-gallery .carousel .carousel-inner {cursor:default !important;}

.block-gallery.paket .carousel .carousel-control {height: 20%; top: auto; bottom: 1rem; left:1rem;}
.block-gallery.paket .carousel .carousel-control.right {left: 9rem; right: auto;}
.block-gallery.paket .carousel .carousel-item::after {content: ""; opacity:.3; background: black; position: absolute; inset: 0; z-index: 1;}
.block-gallery.paket .carousel .carousel-item .slider-overlay {display:none;}
.block-gallery.paket .carousel .carousel-item img {position:absolute; inset:0;}
.block-gallery.paket .carousel .carousel-caption {height: 100%; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; position:relative; text-align: right !important; padding: 5rem 4rem 4rem 4rem !important;}
.block-gallery.paket .carousel .carousel-caption * {color:#fff !important;}
.block-gallery.paket .carousel .carousel-caption h3 {margin:0; font-size:3rem;}
.block-gallery.paket .carousel .carousel-caption p {line-height:1.8;}
.block-gallery.paket .carousel .carousel-caption button {font-size:3rem; cursor:default; font-weight:700; line-height:1.25; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: -4rem; padding-inline: 4rem; background:#fff !important; color:#112ab2 !important; padding-top:1.5rem !important;}
.block-gallery.paket .carousel .carousel-caption button[onclick] {cursor:pointer;}
.block-gallery.paket .carousel .carousel-caption button[onclick]:hover {background:#112ab2 !important; color:#fff !important;}
.block-gallery.paket .carousel .carousel-caption button:before {content:"FRÅN"; font-size:1rem; font-weight:300; display:block;}
.block-gallery.paket .carousel .carousel-caption button:after {content:"kr"; font-size:.75rem; margin: 0; font-family: "poppins", Arial, Sans-serif; font-weight: 300; margin-left:3px;}
.popup .block-gallery.paket .carousel .carousel-caption {padding-bottom:3rem !important;}
/*.block-gallery.paket .carousel .carousel-caption button {background: transparent !important; padding: 1rem 0 0 0; width:50%; text-align:inherit; font-size:1.25rem; border-top: 1px solid #fff !important; border-radius: 0; margin-top: 2rem;}*/


.popup:has(.block-gallery.paket) {
    padding: 0 !important; overflow: hidden;
}

.categ-feed {
    > .block-section-container {width:100% !important;}
    .block-columns {margin: 0; gap: 3rem;}
    .__col {flex:1;}
    .__col .block-section {}
    .__col .block-section-container {display: flex; justify-content: center; text-align:center;}
    .__col :is(.block-image, .block-image .__content, .block-image img) {padding:0; transition:.3s all; }
    .__col .block-image {}
    .__col .block-image .__content {background-color:#efefef; border-radius:50%; display: flex; justify-content: center; align-items: center;}
    .__col .block-image:hover .__content {background-color:#112ab2;}
    .__col .block-image img {width:90%; height:90%; margin:0; display: block;  margin-inline: auto; padding:1rem !important; object-fit:contain; object-position:center;}
    .__col .block-image:hover img {width:110%; height:110%;}
    .__col .block-image .caption {position:absolute; bottom:-2.5rem;}
}


.product-feed {
    > .block-section-container {width:100% !important; padding-block:2rem 4rem; overflow:hidden;}
    .block-columns {margin: 0;}
    .slick-track {gap: 2rem; display: flex; flex-direction: row; flex-wrap: nowrap;}
    .slick-slider .slick-arrow {outline:none; z-index:10; position: absolute; left: 1rem; opacity:.7; top: 50%; transform: translateY(-50%); transition:.3s all; font-size: 0; border: none; height: 4rem; width: 4rem; background: #fff; color: #000; border-radius: 50%;}
    .slick-slider .slick-arrow.slick-next {left:auto; right:1rem;}
    .slick-slider .slick-arrow:hover {opacity: .4;}
    .slick-slider .slick-arrow:before {content: "\f053"; font-family: "Font Awesome 6 Free"; font-weight:900; font-size:1.5rem;}
    .slick-slider .slick-arrow.slick-next:before {content: "\f054";}
    .slick-slider .slick-dots {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; align-items: center; margin-inline: auto; gap:.75rem;position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); margin: 0; padding: 0;}
    .slick-slider .slick-dots li:before {display:none;}
    .slick-slider .slick-dots li {padding: 0; line-height: normal;}
    .slick-slider .slick-dots li button {padding:0; transition:.3s all; border: none; border-radius: 50%; background: #999; height: 1rem; width: 1rem; font-size: 0; outline:none;}
    .slick-slider .slick-dots li.slick-active button {background:#112ab2;}
    .__col {width:calc(25vw - 2.8rem); display: flex; flex-direction: column;}
    .__col .block-section {height:100%;}
    .__col .block-section-container {height:100%;}
    .__col :is(.block-image, .block-image .__content, .block-image img) {padding:0; transition:.3s all; margin:0;}
    .__col .block-image {height:100%; border-radius:1.25rem; background-color:#efefef; margin:0; overflow:hidden; transform-origin:center;}
    .__col .block-image img {background:url('../../files/bg-produkt.jpg') 50% 50% / cover no-repeat scroll;  height: 25rem; width:100%; object-fit:cover; object-position: center; margin-inline:auto; display:block;}
    .__col .block-image img.clear {padding:2rem !important; object-fit:contain;}
    .__col .block-image img:hover {transform:scale(1.1);}
    .__col .block-image .caption {height:100%; padding: 2rem; background: #efefef;}
    .__col .block-image .caption :is(h3,h4,h5,h6,p):empty {display:none;}
    .__col .block-image .caption :is(h3,h4,h5) {margin:0;}
    .__col .block-image .caption p {margin-top:1rem;}
    .__col .block-image .caption h6 {float: right; margin: 5px 0 0 2rem; font-size: 2rem; line-height: 1; font-weight:700; letter-spacing:0;}
    .__col .block-image .caption h6 small {margin-left:5px; font-size:1.2rem;}
    .__col .block-image a {overflow:hidden; display:flex; flex-direction:column;}
}
/*.product-feed .block-columns:has(.block-image:hover) .__col .block-image:not(:hover) {transform:scale(.9); filter:blur(2px) opacity(.9);}*/


/**********RX**********/


@media (max-width: 2432px) {
    html, body {font-size: 19px;}
}

@media (max-width: 2304px) {
    html, body {font-size: 18px;}
}

@media (max-width: 2176px) {
    html, body {font-size: 17px;}
}

@media (max-width: 2048px) {
    html, body {font-size: 16px;}
}

@media (max-width: 1920px) {
    html, body {font-size: 15px;}
}

@media (max-width: 1792px) {
    html, body {font-size: 14px;}
}

@media (max-width: 1680px) {
    html, body {font-size: 13px;}
}
/*
@media (max-width: 1536px) {
    html, body {font-size: 12px;}
}

@media (max-width: 1440px) {
    html, body {font-size: 11px;} 
}

@media (max-width: 1280px) {
    html, body {font-size: 10px;} 
}
*/
@media (max-width: 1152px) {

    .product-feed .__col {width:calc(33vw - 2.8rem);}
}

@media (max-width: 991px) {
    html, body {font-size: 12px;} 
    
    h1 {font-size: 2.7rem;}
    h2 {font-size: 2.2rem;}
    h3 {font-size: 1.85rem;}
    
    .fs-5, .fs-5 h1, .fs-5 h2, .fs-5 h3, .fs-5 h4, .fs-5 h5, .fs-5 h6, .fs-5 p {font-size: 1.85rem;}
    .fs-6, .fs-6 h1, .fs-6 h2, .fs-6 h3, .fs-6 h4, .fs-6 h5, .fs-6 h6, .fs-6 p {font-size: 2.2rem;}
    .fs-7, .fs-7 h1, .fs-7 h2, .fs-7 h3, .fs-7 h4, .fs-7 h5, .fs-7 h6, .fs-7 p {font-size: 2.7rem;}
    
    .lg-text, .lg-text h1, .lg-text h2, .lg-text h3, .lg-text h4, .lg-text h5, .lg-text h6, .lg-text p {font-size: 5.4rem;}
    
    .modal-header h5, .news .list-group-item .list-header, .block-gallery .carousel .carousel-caption > h3 {font-size: 1.85rem;}
    .main-slider .block-gallery .carousel .carousel-caption > h3  {font-size: 2.2rem;}

    .news .list-group-item {padding-left: 25rem;}
    .news .list-group-item .list-content img {width: 20rem;}

    .modal-content, .pp-container #form-pp, .block-section.sm-container .block-section-container, .block-section.sm-container .container, .main-slider .block-gallery .carousel .carousel-caption, #modal-cc .modal-content {width: 35rem;}
    .container, .block-section > .block-section-container {width: 50rem;}
    .block-section.lg-container .block-section-container, .block-section.lg-container .container {width: 64rem;}
    
    .navbar .navbar-nav ul .nav-item .nav-link {font-size: 1rem;}
    
    .block-section.col-2-box .__col {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
    .block-section.col-3-box .__col {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
    .block-section.col-3-box .block-columns .block-section {padding-left: 2.35rem; padding-right: 2.35rem;}
    .block-section.col-4-box .block-columns .block-section {padding-left: 1.25rem; padding-right: 1.25rem;}
    
    .block-section.col-6-box .block-columns .__col {min-height: 50vh !important;}
    .block-section.col-6-box .block-columns .block-section {padding-left: 3.35rem; padding-right: 3.35rem;}
    
    .popup {width: 35rem;}
    
    .main-frame {padding: 0; padding-top: 10rem;}
    .main-frame .block-section, .main-frame .pp-container {margin-bottom: 0;}
    .main-frame.section-rounded .block-section, .main-frame.section-rounded .footer, .main-frame.section-rounded .pp-container, .main-frame.section-rounded .filter-dark:before, .main-frame.section-rounded #video-wrapper {border-radius: 0;}
    
    .main-slider .block-gallery .carousel .carousel-caption {padding: 0 3.35rem 2.5rem 3.35rem; width: 50%;}
    
    #form .modal-content {width: 75%;}
    #form .modal-body {padding: 3.35rem;}
    #form .modal-body .btn-close {top: 3.35rem; right: 3.35rem;}
    
    /*#modal-cc .modal-content {width: calc(100% - 5rem);}*/
    /*#cc-settings-button {font-size: 2.08rem;}*/
    
    .product-feed .__col {width:calc(50vw - 1.1rem);}
}

@media (min-width:768px) {
    .block-form .form-fields .col-md-6:has(+.col-md-6) {padding-left:.5rem;}
    .block-form .form-fields .col-md-6 + .col-md-6 {padding-right:.5rem;}
}

@media (max-width: 767px) {
    html, body {font-size: 12px;}
    
    h1 {font-size: 2.3rem;}
    h2 {font-size: 2rem;}
    h3 {font-size: 1.7rem;}

    .fs-5, .fs-5 h1, .fs-5 h2, .fs-5 h3, .fs-5 h4, .fs-5 h5, .fs-5 h6, .fs-5 p {font-size: 1.7rem;}
    .fs-6, .fs-6 h1, .fs-6 h2, .fs-6 h3, .fs-6 h4, .fs-6 h5, .fs-6 h6, .fs-6 p {font-size: 2rem;}
    .fs-7, .fs-7 h1, .fs-7 h2, .fs-7 h3, .fs-7 h4, .fs-7 h5, .fs-7 h6, .fs-7 p {font-size: 2.3rem;}
    
    .lg-text, .lg-text h1, .lg-text h2, .lg-text h3, .lg-text h4, .lg-text h5, .lg-text h6, .lg-text p {font-size: 4.6rem;}
    
    .modal-header h5, .news .list-group-item .list-header, .block-gallery .carousel .carousel-caption > h3 {font-size: 1.7rem;}
    .main-slider .block-gallery .carousel .carousel-caption > h3  {font-size: 2rem;}
    
    .breadcrumb {padding-left: 2.375rem; padding-right: 2.375rem;}
    
    .news .list-group-item {padding-left: 2.5rem;}
    .news .list-group-item .list-content img {width: 100%; left: 0; top: 0; position: relative;}
    
    .news-horizontal .news .list-group-item {-ms-flex: 0 0 calc(100% - 1rem); flex: 0 0 calc(100% - 1rem); max-width: calc(100% - 1rem);}
    
    .modal-content {width: calc(100% - 4.75rem);}

    .navbar {height: 8rem;}
    .navbar .nav-logo a {width: 15rem;}
    .navbar .nav-toggler {display: flex;}
    
    .navbar .navbar-nav {position: fixed; width: 100%; padding-left: 2.375rem; padding-right: 2.375rem; height: 0; left: 0; top: 0; display: flex; justify-content: center; background-color: #112ab2; overflow: hidden; moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
    .navbar .navbar-nav ul {display: block; padding: 0 !important; width: 100%;}
    .navbar .navbar-nav ul .nav-item {border: none !important;}
    .navbar .navbar-nav ul .nav-item .nav-link {font-size: 1.91rem; text-transform: none; font-family: "rift-soft", Arial, Sans-serif; line-height: 1.6; color: #fff !important; padding: 0 !important; margin: 0 !important;}
    .navbar .navbar-nav ul .nav-item.has_childs .nav-link:after {display: block !important;}
    .navbar .navbar-nav ul .dropdown-menu.show {display: block !important;}
    .navbar .navbar-nav ul .dropdown-menu {width: 100%; padding: 0 2.375rem !important; box-shadow: 0 0 0 rgba(0,0,0,0); top: 0; background-color: transparent; position: relative;}
    .navbar .navbar-nav ul .dropdown-menu .nav-link, .navbar .navbar-nav ul .nav-item.active .dropdown-menu .nav-link, .navbar .navbar-nav ul .nav-item.parent .dropdown-menu .nav-link {font-size: 1.25rem !important; line-height: 2.5; color: #fff !important; border: none !important; padding: 0 !important;}
    .navbar .navbar-nav ul .nav-item .dropdown-menu .nav-link:after {display: none !important;}
    
    .navbar.open .navbar-nav {height: 100%;}
    .navbar.open .nav-toggler .figure .line {border-bottom-color: #fff;}
    
    .main-frame {padding-top: 8rem;}
    
    .p-top {padding-top: 8rem;}
    
    footer {text-align: center;}
    footer ul {margin-bottom: 2.375rem; column-count: 1;}
    footer .logo-footer {width: 60%;}
    footer .some-icons {margin-top: 2.375rem !important; justify-content: center;}
    footer .some-icons a {margin-right: 1.25rem; margin-left: 1.25rem;}
    
    .some-icons {justify-content: start; margin-top: 2.375rem;}
    
    .navbar, .container, .block-section > .block-section-container, .block-section.sm-container .block-section-container, .block-section.sm-container .container, .block-section.lg-container .block-section-container, .block-section.lg-container .container, .pp-container #form-pp, .custom-card .container .row.custom-row .block-section .block-section-container {width: 100% !important; padding-left: 2.375rem; !important; padding-right: 2.375rem; !important;}
    .block-columns .block-section > .block-section-container, .block-section.full-width-all > .block-section-container {padding-left: 0 !important; padding-right: 0 !important;}
    
    .block-section.full-page-section {min-height: 75vh;}
    
    .block-section.col-2-box .block-section-container, .block-section.col-3-box .block-section-container, .block-section.col-4-box .block-section-container, .block-section.col-6-box .block-section-container {width: 100%; padding-right: 0 !important; padding-left: 0 !important;}
    .block-section.col-2-box .block-columns .block-section, .block-section.col-3-box .block-columns .block-section, .block-section.col-4-box .block-columns .block-section, .block-section.col-6-box .block-columns .block-section {padding-left: 2.375rem !important; padding-right: 2.375rem !important;}
    .block-section.col-3-box .block-columns .block-section.bg-image, .block-section.col-4-box .block-columns .block-section.bg-image, .block-section.col-6-box .block-columns .block-section.bg-image {min-height: 40vh;}

    .block-section.col-2-box .__col {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
    .block-section.col-3-box .__col {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    
    .block-section.col-6-box .block-columns .__col {min-height: 0 !important;}
    .block-section.col-6-box .block-columns .__col .block-section.bg-image {min-height: 40vh !important;}
    
    main .navbar-nav {display: none !important;}
    
    .col-6-container .__content {column-count: 1; column-gap: 0;}
    
    .popup {width: calc(100% - 5rem); right: 2.5rem; bottom: 2.5rem; padding: 1.25rem 0 3.75rem 0;}
    
    .custom-card {height: auto !important;}
    .custom-card .row.custom-row {margin: 0; flex-wrap: wrap;}
    .custom-card .row.custom-row.py-row {padding-left: 2.375rem; padding-right: 2.375rem; padding-top: 0; padding-bottom: 0;}
    .custom-card .row.custom-row .block-section {margin: .6125rem 0; width: 100%;}

    .custom-card.border-divider .row.custom-row .block-section {border-bottom: .1rem solid #000; border-right: none;}
    .custom-card.border-divider .row.custom-row .block-section:last-child {border: none;}

    .main-slider {height: 75vh;}
    .main-slider .block-section-container {padding: 0 !important;}
    .main-slider .block-gallery .carousel .carousel-caption {width: 80%; padding-left: 2.375rem; padding-right: 2.375rem;}
    .main-slider .block-gallery .carousel .carousel-caption > p {font-size: 1rem; line-height: 1.5;}

    .block-form .form-fields .col-md-12:nth-child(1), .block-form .form-fields .col-md-12:nth-child(2), .block-form .form-fields .col-md-12:nth-child(3) {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .block-form .form-fields .col-md-6 {padding-inline:.5rem;}
    
    #form .modal-content {width: 100%;}
    #form .modal-body {padding: 0;}
    #form .modal-body .btn-close {top: 2.375rem; right: 2.375rem;}
    
    /*#modal-cc .modal-dialog {justify-content: center;}*/
    /*#modal-cc .modal-content {width: calc(100% - 4.75rem);}*/
    /*#modal-cc #cc-buttons {flex-direction: column;}*/
    /*#modal-cc #cc-buttons button {margin: .25rem !important;}*/
    /*#cc-settings-container {bottom: 2.375rem; left: 2.375rem;}*/
    /*#cc-settings-button {font-size: 2rem;}*/
    
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    
    .block-button:has(.push-left-justify,.push-center-justify,.push-right-justify), .text-left-justify, .text-right-justify, .text-center-justify {text-align: justify !important;}  
    .block-button:has(.push-left-center,.push-justify-center,.push-right-center), .text-left-center, .text-right-center, .text-justify-center {text-align: center !important;}  
    .block-button:has(.push-justify-left,.push-center-left,.push-right-left), .text-right-left, .text-center-left, .text-justify-left {text-align: left !important;}
    .block-button:has(.push-left-right,.push-center-right,.push-justify-right), .text-left-right, .text-center-right, .text-justify-right {text-align: right !important;}
    :is(.text-left-center, .text-right-center) .block-list.socials .block-list-group {justify-content: center;}
    
    .block-gallery.paket .carousel {min-height:60vh; border-top-left-radius:1.25rem; border-top-right-radius:1.25rem;}
    .block-gallery.paket .carousel .carousel-control.right {display:flex; top:auto; bottom:3rem; left: auto; right: 0; padding-right:1.5rem;}
    .block-gallery.paket .carousel .carousel-caption {padding:3rem 2rem !important; align-items: flex-start; text-align:left !important;}
    .block-gallery.paket .carousel .carousel-caption h3 {font-size:2rem;}
    .block-gallery.paket .carousel .carousel-caption button {width: 100%; margin-inline: -3rem 0; padding-inline: 3rem; border-radius: 0 2.5rem 2.5rem 0; font-size:2rem;}
    .popup .block-gallery.paket .carousel {min-height:unset;}
}

@media (max-width:565px) {
    .product-feed .__col {width:calc(100vw - 4.6rem);}
    .block-section.start-section .cover-text .__content * {font-size:3.5rem;}
    .block-section.start-section .cover-text + .block-header .__content * {font-size:1.5rem;}
}

@media (max-width:400px) {
    .block-section.start-section .cover-text .__content * {font-size:3rem;}
    .block-section.start-section .cover-text + .block-header .__content * {font-size:1.25rem;}
}

@media (max-width: 320px) {
    html, body {font-size: 11px;}
    
    h1 {font-size: 2.1rem;}
    h2 {font-size: 1.85rem;}
    h3 {font-size: 1.55rem;}

    .fs-5, .fs-5 h1, .fs-5 h2, .fs-5 h3, .fs-5 h4, .fs-5 h5, .fs-5 h6, .fs-5 p {font-size: 1.55rem;}
    .fs-6, .fs-6 h1, .fs-6 h2, .fs-6 h3, .fs-6 h4, .fs-6 h5, .fs-6 h6, .fs-6 p {font-size: 1.85rem;}
    .fs-7, .fs-7 h1, .fs-7 h2, .fs-7 h3, .fs-7 h4, .fs-7 h5, .fs-7 h6, .fs-7 p {font-size: 2.1rem;}

    .modal-header h5, .news .list-group-item .list-header, .block-gallery .carousel .carousel-caption > h3 {font-size: 1.55rem;}
    .nav .navbar-nav.left ul .nav-item .nav-link, .main-slider .block-gallery .carousel .carousel-caption > h3  {font-size: 1.85rem;}
    
    .breadcrumb {padding-left: 2.15rem; padding-right: 2.15rem;}
    
    .modal-content {width: calc(100% - 4.3rem);}
    
    .navbar .navbar-nav {padding-left: 2.15rem; padding-right: 2.15rem;}
    .navbar .navbar-nav ul .nav-item .nav-link {font-size: 1.74rem;}
    .navbar .navbar-nav ul .dropdown-menu {padding: 0 2.15rem !important;}
    .navbar .navbar-nav ul .dropdown-menu .nav-link, .nav .navbar-nav ul .nav-item.active .dropdown-menu .nav-link, .nav .navbar-nav ul .nav-item.parent .dropdown-menu .nav-link {font-size: 1rem !important;}
    
    .footer .some-icons {margin: 0 0 2.15rem 0 !important;}

    .some-icons {margin-top: 2.15rem;}

    .navbar, .container, .block-section > .block-section-container, .block-section.sm-container .block-section-container, .block-section.sm-container .container, .block-section.lg-container .block-section-container, .block-section.lg-container .container, .pp-container #form-pp, .custom-card .container .row.custom-row .block-section .block-section-container {padding-left: 2.15rem !important; padding-right: 2.15rem !important;}
    .block-columns .block-section > .block-section-container, .block-section.full-width-all > .block-section-container {padding-left: 0 !important; padding-right: 0 !important;}
    
    .block-section.col-2-box .block-columns .block-section, .block-section.col-3-box .block-columns .block-section, .block-section.col-4-box .block-columns .block-section, .block-section.col-6-box .block-columns .block-section {padding-left: 2.15rem !important; padding-right: 2.15rem !important;}
    .block-section.col-2-box .block-columns .block-section.bg-image {min-height: 40vh;}
    .block-section.col-2-box .col-md-2 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    
    .block-section.full-page-section {min-height: 90vh;}
    
    .custom-card .row.custom-row.py-row {padding-left: 2.15rem; padding-right: 2.15rem;}

    .main-slider {height: 90vh;}
    .main-slider .block-gallery .carousel .carousel-caption {padding-left: 2.15rem; padding-right: 2.15rem;}
    
    #form .modal-body .btn-close {top: 2.15rem; right: 2.15rem;}
    
    /*#modal-cc .modal-content {max-width: calc(100% - 4.3rem);}*/
    /*#cc-settings-container {bottom: 2.15rem; left: 2.15rem;}*/
    
}


/*******WEBSHOP-V3********/

:root { 
    --boradius: 30px; 
    --border: #ccc; 
    --opac: transparent; 
    --primary: #112ab2;
    --danger: #ffaa96;
    --light: #f1faee;
    --dark: #0f161c;
    --white: #eeeeee;
    --black: #000000;
    --fonticon: 600 1em "Font Awesome 5 Free","Font Awesome 5 Brands";
    --trans: .3s;
    --slow: 1s;
    --font1: "poppins", Arial, Sans-serif;
    --font2: "rift-soft", Arial, Sans-serif;
}
/*webshop-v2-240919*/
/*html:has(.navbar.scrolled.bx) {--navh:0px !important;}*/

html:has(.webshop) main > .block-section:first-child:not(.hero,.page-cover) {padding-top:calc(var(--navh) + 5em);}
.webshop .box-loader, .webshop #shop-loader-bg {background-color:transparent; backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px);}
.webshop {font-size:25px; color:var(--dark); min-height:100vh;}
.webshop a:before, .webshop a:after, .webshop .row:before, .webshop .row:after {display:none;}
.webshop a {border:none; text-decoration:none !important;}
.webshop .btn {text-decoration:none !important; display: flex; align-items: center;}
.webshop .btn, .webshop .btn:after {font-size:1em;}
.webshop .badge {padding: 2px 5px; border-radius: 10px;}
:is(html:has(.webshop) .popover,.webshop) :is(input,.form-control) {padding-inline:1em; height:unset; font-size:1em; border-radius:var(--boradius); border-color:var(--border); box-shadow:none !important; outline:none !important;}
.webshop .shop-container {display: flex; flex-direction: row; gap:2em; align-items: flex-start; position:relative;}

.webshop .checkout-option .checkout-option-logo img {margin-top: 0;}
.webshop .checkout-option {background: transparent; border: 1px solid var(--border);}
.webshop:has(#checkout-form) :is(.shop-menu, .shop-main-filter) {display:none !important;}
  
.webshop .shop-container .shop-menu {
    width:100%; max-width:20vw; max-height:100%; border:1px solid var(--border); padding:1em!important; border-radius:var(--boradius); overflow:hidden; transition:var(--trans); flex:1;
    .shop-menu-title {align-items: center; text-transform:uppercase; font-size:1.25em !important; display: flex; justify-content: space-between;}
    .shop-menu-toggler {display:none; height:2.3em; width:2.3em; align-items: center; justify-content: center; border:1px solid var(--border); border-radius:var(--boradius); background-color:var(--opac)}
    .shop-menu-toggler:before {display:flex; content:"\f066"; font:var(--fonticon);}
}
/*css-category*/
.webshop .shop-container .shop-menu .shop-menu-list {
    max-width:100%; max-height:100%; transition:var(--trans);
    li:before {display:none;}
    li:last-child {margin-bottom:0;}
    li a {letter-spacing:normal; margin:0; font-size:1em; line-height:normal; display:flex; width:100%; padding-block:.5em !important; padding-inline:0;}
    li a:hover {color:var(--primary);}
    li.active > a {font-weight:600; color:var(--primary); border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
    > li:first-child {border-top:1px solid var(--border);}
    > li:last-child {border-bottom:none !important;}
    > li {padding:0; margin-block:0; border-left:1px solid transparent; border-bottom:1px solid var(--border); border-radius:0; }
    > li.active {border-color:var(--border); border-radius:0;}
    /*> li:not(:last-child) {margin-bottom:.5em;}*/
    > li > a {border-radius:inherit; padding:.5em 1em;}
    > li > ul {margin-right:1em;}
    li.has_children ul {transition:var(--trans); height: 100%; margin-left:1.2em; max-height:0px; overflow:hidden; padding-block:0 !important; }
    li.has_children.active > ul {padding-block:.5em !important;}
    li.has_children ul li {margin:0; padding:0;}
    li.has_children li a {font-size:1em; padding-block:.5em !important;}
    li.has_children li ul.children {padding-block:0 !important;}
    li.has_children > a {position:relative; padding-right:3em;}
    li.has_children > a > span {transition:var(--trans); z-index:2; font-size:.8em; width: 2em; height: 100%; display:flex; align-items: center; justify-content: center; position: absolute; right: .5em; top: 50%; transform: translateY(-50%); border-left:1px solid var(--border);}
    li.has_children > a > span:after {content:"\f067"; font:var(--fonticon); font-size:inherit;}
    li.has_children > a[data-href="#"]:active > span, li.has_children > a > span:hover {}
    li.has_children.active > a > span:after {content:"\f068";}
    li.has_children.active > a:not(:last-child) {border-bottom:1px solid var(--border);}
    li.active.has_children > ul {max-height: 100vh !important;}
    ul {margin-top:0;}
    ul.level1 > li > a > span {right:-.4em;}
    ul.level2 {margin-left:0 !important; border-left:1px solid var(--border);}
    ul.level2 li {}
    ul.level2 li a {border-bottom:1px solid var(--border); padding-left:1em;}
    ul.level2:last-child {padding-bottom:0 !important;}
    
}

#shop-menu-top {padding: 1rem;}
#shop-menu-top ul {margin:0;}
#shop-menu-top .topmenu-search input {
        height: 3rem;
        border-radius: 2.5rem; 
        border-right:none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        max-width: 400px;
}
#shop-menu-top .badge {color:#112ab2; font-weight:800;}

#shop-control-search-button {        
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border: 1px solid #ccc!important; margin:0!important;
        padding:0 1rem!important;
        height: 3rem;
}

#checkout-toc {text-align: left;}
.checkout-section h4 {display: none;}

#shop-cart .input-group-btn {border: 1px solid #ccc; border-radius: 2.5rem; border-top-left-radius:0; border-bottom-left-radius:0; padding:0 1rem; height:2.5rem;}
#shop-cart .input-group-btn .btn {padding:0;}
#shop-cart .input-group input {height:2.5rem;}

#shop-cart .dropdown-menu {
    font-size:inherit;  padding:0; margin:-1px 0 0 0 !important; border:1px solid var(--border); overflow-x:hidden; overflow-y:auto; max-height:60vh; border-radius:var(--boradius); border-top-right-radius:0;
    > .text-center {opacity:.5; font-size: .8em; line-height:normal; padding: 1em;}
    > .row {margin:0;}
    > .row:nth-child(1) > div {padding:0;}
    > .row:nth-child(2) {position: -webkit-sticky; position: sticky; inset: auto 0 0 0;}
    .cart-footer {margin:0; padding:1em 2em; background-color:#fff; border-top: 1px solid #ccc; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between;}
    .cart-footer > p {margin:0; font-size:1.3em; font-weight:600; line-height:normal;}
    .cart-footer > p :is(strong,span) {font-weight:300; font-size:.8em;}
    .cart-footer > p span {display:block; line-height:normal; font-style:italic; font-size:.6em;}
    .cart-footer .btn.cart-button {margin:0; padding:.7em 1.2em;}
    :is(.cart-list, .cart-list > li, .cart-list li .row) {margin:0;}
    .cart-list {padding-bottom:0 !important;}
    .cart-list > li {line-height:normal; width:100%; padding-right:1em;}
    .cart-list > li:last-child {border-bottom:none !important;}
    .cart-list .cart-item-row-1 {display: flex; align-items: flex-end;}
    .cart-list .cart-item-row-1 > [class*='col']:first-child {padding-right:0;}
    .cart-list .cart-item-row-1 > [class*='col']:nth-child(2) {padding-inline:0;}
    .cart-list .cart-item-row-1 > [class*='col']:nth-child(2) [class*='col']:has(*:empty) {display:none;}
    .cart-list .cart-item-row-1 > [class*='col']:last-child {padding-left:0; text-align:right;}
    .cart-list .cart-item-row-1 > [class*='col']:last-child [class*='col'] {padding-inline:0;}
    .cart-list .cart-item-row-1 img {height: 5em; width:100%; object-fit: contain; object-position: center;}
    .cart-list .cart-item-row-1 a {margin:0 !important;}
    .cart-list .cart-item-row-2 {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
    .cart-list .cart-item-row-2 > div {flex: 1 !important; max-width: unset; margin:0;}
    .cart-list .cart-item-row-2 .btn {margin:0;}
    .cart-list .cart-item-row-2 .input-group {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch;}
    .cart-list .cart-item-row-2 .input-group input {width:100%; border-radius:var(--boradius) 0 0 var(--boradius); border:1px solid var(--border); box-shadow:none !important; outline:none !important;}
    .cart-list .cart-item-row-2 .input-group .btn {height:100%; border-radius:0 var(--boradius) var(--boradius) 0;}
    .cart-list .cart-item-row-2 .input-group .btn:after {display:none;}
    .cart-list .cart-item-row-2 .btn.control-cart-item-delete {background: var(--danger); height: 100%; width: 4em; display: flex; align-items: center; justify-content: center; padding: 0 1rem; height: 2.5rem;}
    .cart-list .cart-item-row-2 .btn.control-cart-item-delete:after {display:none;}
    .cart-list .cart-item-row-2 > div:nth-child(2) {display:flex; justify-content: flex-end;}
}

/*css-main*/
.webshop .shop-container .shop-main {
    width:100%; /*border:1px solid var(--border); padding:1em; */ border-radius:var(--boradius); transition:var(--trans); flex:1;
    
    .shop-main-filter {position::relative;}
    #shop-menu-top {padding:0; display: flex !important; flex-direction: row; flex-wrap: nowrap !important; margin-bottom:1em; align-items: flex-end !important;}
    #shop-menu-top .topnav-menu-left {font-family:var(--font2); flex:1 50%; margin:0 !important; font-size:1.65em; line-height:1.5; width:50%; text-align:left !important; font-weight:600; padding-right:1em; margin-block:auto !important;}
    #shop-menu-top .topnav-menu-right {flex:1 50%; margin: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; gap:0;}
    #shop-menu-top .topnav-menu-right li {min-width:unset; margin:0; padding: 0;}
    #shop-menu-top .topnav-menu-right li:before {display:none;}
    #shop-menu-top .nav-link {border:1px solid var(--border); border-radius:var(--boradius); }
    #shop-menu-top .nav-link:is(:active,:focus) {background:var(--opac) !important; color:var(--primary) !important; opacity:1;}
    #shop-menu-top #shop-search-container .nav-link {border-top-right-radius:0; border-bottom-right-radius:0; border-right-color:transparent !important;}
    #shop-menu-top #shop-cart .nav-link {border-top-left-radius:0; border-bottom-left-radius:0;}
    #shop-menu-top:has(#shop-cart.show) #shop-search-container .nav-link {border-bottom-left-radius:0;}
    
    #shop-menu-top .nav-link, #shop-toolbar .toolbar-left button.toolbar-view-entry {font-size:1.3em; padding:.25em 1em; min-height: 2.5em; align-content: center; }
    
    /*css-search*/
    #shop-menu-top .topnav-menu-right li.topmenu-search {
        width:100%;
        #shop-search-container {display: flex; align-items: center; width: 100%; justify-content: flex-end; align-items: stretch;}
        #shop-search-container:has(+#shop-search-results.show.open) :is(#shop-search-field.open + .nav-link, #shop-search-field.open > input) {border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important;}
        #shop-search-field {max-width:0px; width:100%; transition:var(--trans); display:block !important;}
        #shop-search-field.open {max-width:100vw;}
        #shop-search-field.open input {border-bottom-right-radius:0;border-top-right-radius:0;}
        #shop-search-field.open + .nav-link {border-bottom-left-radius:0;border-top-left-radius:0; background-color:var(--opac);}
        input {max-width:100%; box-shadow:unset !important; border-radius:var(--boradius); border:1px solid var(--border); border-right:none !important; height:100%; transition:var(--trans);}
        #shop-search-results {font-size:.8em; overflow-y: auto; max-height: 50vh; border:1px solid var(--border); padding-block:0; overflow-x:hidden; border-radius:var(--boradius) 0 var(--boradius) var(--boradius);}
        #shop-search-results.show.open:empty {display: flex; justify-content: center; align-items: center; width: 100%; border-top-left-radius: 0 !important;}
        #shop-search-results.show.open:empty:before {content:"Inga sökresultat"; opacity:.5;}
        #shop-search-results > .row:first-child {padding-block:.75em; align-items:center; padding-right:.5em;}
        #shop-search-results > .row:first-child h6 {margin:0; font-weight:600; font-size: 1em; letter-spacing: 1px; margin-left: 5px;}
        #shop-search-results #shop-search-all {border-bottom: 1px dashed; line-height: normal; text-transform: uppercase; font-size: .9em;}
        #shop-search-results .quick-search-entry {border-right:none !important; border-left:none !important; background-color:transparent; line-height:normal; padding-right:1em;}
        #shop-search-results .quick-search-entry .row {align-content: center; align-items: center;}
        #shop-search-results .quick-search-entry [class*="col-"]:has(img) {padding-right:0;}
        #shop-search-results .quick-search-entry img {height: 5em; width:100%; max-width:unset; object-fit: contain; object-position: center;}
        #shop-search-results .quick-search-entry br {display:none;}
        #shop-search-results .quick-search-entry [class*="col-"]:nth-child(2) > strong {display:block;}
        #shop-search-results .quick-search-entry:hover .product-stock {font-size:1em; }
        #shop-search-results .quick-search-entry .product-stock {font-size:0px; letter-spacing:0; transition:var(--trans);}
        #shop-search-results .quick-search-entry .product-stock:before {content:"\f00c"; font:var(--fonticon); font-size:small; color:inherit; margin-right:5px;}
        #shop-search-results .quick-search-entry .product-stock.out_of_stock:before {content:"\f00d";}
        #shop-search-results .quick-search-entry [class*="col-"]:last-child {padding-left:0; text-align:right;}
        #shop-search-results .quick-search-entry [class*="col-"]:last-child .product-price {display: flex; flex-direction: column; letter-spacing:0; color:var(--primary);}
        #shop-search-results .quick-search-entry [class*="col-"]:last-child span.number {font-size:1.2em; font-weight:600;}
        #shop-search-results .quick-search-entry [class*="col-"]:last-child span.currency {font-size:.9em; margin-top:-2px;}
    }
    
    /*css-cart*/
    #shop-menu-top .topnav-menu-right li.topmenu-cart {
        #shop-cart {}
        #shop-cart.show > .nav-link {background-color:var(--opac); border-bottom-left-radius:0; border-bottom-right-radius:0;}
        #shop-cart > .nav-link .badge {background:var(--primary);}
        #shop-cart .dropdown-menu.show {}
        #shop-cart .dropdown-menu:not(:has(>.text-center)) {width:40vw; }
        #shop-cart .dropdown-menu:has(>.text-center) {min-width:15em; }
        #shop-cart .dropdown-menu {
            font-size:inherit;  padding:0; margin:-1px 0 0 0 !important; border:1px solid var(--border); overflow-x:hidden; overflow-y:auto; max-height:60vh; border-radius:var(--boradius); border-top-right-radius:0;
            > .text-center {opacity:.5; font-size: .8em; line-height:normal; padding: 1em;}
            > .row {margin:0;}
            > .row:nth-child(1) > div {padding:0;}
            > .row:nth-child(2) {position: -webkit-sticky; position: sticky; inset: auto 0 0 0;}
            .cart-footer {margin:0; padding:1em 2em; background-color:var(--opac); display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between;}
            .cart-footer > p {margin:0; font-size:1.3em; font-weight:600; line-height:normal;}
            .cart-footer > p :is(strong,span) {font-weight:300; font-size:.8em;}
            .cart-footer > p span {display:block; line-height:normal; font-style:italic; font-size:.6em;}
            .cart-footer .btn.cart-button {margin:0; padding:.7em 1.2em;}
            :is(.cart-list, .cart-list > li, .cart-list li .row) {margin:0;}
            .cart-list {padding-bottom:0 !important;}
            .cart-list > li {line-height:normal; width:100%; padding-right:1em;}
            .cart-list > li:last-child {border-bottom:none !important;}
            .cart-list .cart-item-row-1 {display: flex; align-items: flex-end;}
            .cart-list .cart-item-row-1 > [class*='col']:first-child {padding-right:0;}
            .cart-list .cart-item-row-1 > [class*='col']:nth-child(2) {padding-inline:0;}
            .cart-list .cart-item-row-1 > [class*='col']:nth-child(2) [class*='col']:has(*:empty) {display:none;}
            .cart-list .cart-item-row-1 > [class*='col']:last-child {padding-left:0; text-align:right;}
            .cart-list .cart-item-row-1 > [class*='col']:last-child [class*='col'] {padding-inline:0;}
            .cart-list .cart-item-row-1 img {height: 5em; width:100%; object-fit: contain; object-position: center;}
            .cart-list .cart-item-row-1 a {margin:0 !important;}
            .cart-list .cart-item-row-2 {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
            .cart-list .cart-item-row-2 > div {flex: 1 !important; max-width: unset; margin:0;}
            .cart-list .cart-item-row-2 .btn {margin:0;}
            .cart-list .cart-item-row-2 .input-group {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch;}
            .cart-list .cart-item-row-2 .input-group input {width:100%; border-radius:var(--boradius) 0 0 var(--boradius); border:1px solid var(--border); box-shadow:none !important; outline:none !important;}
            .cart-list .cart-item-row-2 .input-group .btn {height:100%; border-radius:0 var(--boradius) var(--boradius) 0;}
            .cart-list .cart-item-row-2 .input-group .btn:after {display:none;}
            .cart-list .cart-item-row-2 .btn.control-cart-item-delete {background: var(--danger); height: 100%; width: 4em; display: flex; align-items: center; justify-content: center;}
            .cart-list .cart-item-row-2 > div:nth-child(2) {display:flex; justify-content: flex-end;}
        }
        
    }
    
    /*cart-fixed*/
    
    #shop-cart .dropdown-menu:not(:has(> .text-center)) {
        padding-top:1.5em !important; position: fixed !important; max-height: calc(100vh - var(--navh) - 4em) !important; min-height: calc(100vh - var(--navh) - 8em) !important; inset: calc(var(--navh) + 2em) -1px auto auto !important; z-index: 300000; border-radius: var(--boradius) 0 0 var(--boradius);
        > .row:nth-child(1) {min-height:inherit;}
        > .row:nth-child(1) > div {padding-inline:0;}
        > .row:nth-child(1) ul.cart-list {height: 100%; max-height: unset;}
        > a.close {position:absolute; inset:0 auto auto 0; font-size:1.2em; height:2em; width:2em; display:flex; align-items:center; justify-content:center; border-radius:var(--boradius) 0 var(--boradius) 0; border:1px solid var(--border); border-top:none !important; border-left:none !important; background-color:var(--opac); color:var(--dark); opacity:1;}
    }
    
    /*css-filter*/
    .shop-main-cards {
        #shop-toolbar {border-bottom: 1px solid var(--border); padding-bottom: 0.5em; margin-bottom:0; background:transparent;} 
        #shop-toolbar .btn {font-size:.9em;}
        #shop-toolbar .toolbar-left {width:100%;}
        #shop-toolbar .toolbar-left button {border-radius:var(--boradius); border:1px solid var(--border) !important; color:var(--dark);}
        #shop-toolbar .toolbar-left button:is(:active,:focus) {background:var(--opac) !important; color:var(--primary) !important; opacity:1;}
        #shop-toolbar .toolbar-left button:after {display:none;}
        #shop-toolbar .toolbar-left button.toolbar-view-entry {display: flex; align-items: center; justify-content: center;}
        #shop-toolbar .toolbar-left button.toolbar-view-entry.active {background-color:var(--opac);}
        #shop-toolbar .toolbar-left button.toolbar-view-entry > i:before {content:"\f009"; font:var(--fonticon);}
        #shop-toolbar .toolbar-left:has(button.toolbar-view-entry#shop-gallery-view.active) #shop-list-view {border-left:none !important;}
        #shop-toolbar .toolbar-left:has(button.toolbar-view-entry#shop-list-view.active) #shop-gallery-view {border-right:none !important;}
        #shop-toolbar .toolbar-left button.toolbar-view-entry#shop-list-view > i:before {content:"\f00b";}
        #shop-toolbar .toolbar-left button.toolbar-view-entry#shop-gallery-view {border-top-right-radius:0; border-bottom-right-radius:0;}
        #shop-toolbar .toolbar-left button.toolbar-view-entry#shop-list-view {border-top-left-radius:0; border-bottom-left-radius:0;}
        
        #shop-toolbar .toolbar-left :is(button.toolbar-sort-btn, button.toolbar-sort-btn + .dropdown-menu) {width:15em; max-width:unset !important;}
        #shop-toolbar .toolbar-left button.toolbar-sort-btn {margin-left:auto; padding:1em 2em;}
        #shop-toolbar .toolbar-left button.toolbar-sort-btn[aria-expanded="true"] {background-color:var(--opac); border-bottom-left-radius:0; border-bottom-right-radius:0;}
        #shop-toolbar .toolbar-left button.toolbar-sort-btn span {margin-left:auto;}
        #shop-toolbar .toolbar-left button.toolbar-sort-btn span.caret:after {content:"\f0d7"; font:var(--fonticon);}
        #shop-toolbar .toolbar-left button.toolbar-sort-btn + .dropdown-menu {font-size:.9em; overflow:hidden; background:var(--light); border:1px solid var(--border); border-radius:0 0 var(--boradius) var(--boradius); }
        #shop-toolbar .toolbar-left button.toolbar-sort-btn + .dropdown-menu li {padding:0; margin:0; background:transparent;}
        #shop-toolbar .toolbar-left button.toolbar-sort-btn + .dropdown-menu li.active {background:var(--opac); color:var(--primary);}
        #shop-toolbar .toolbar-left button.toolbar-sort-btn + .dropdown-menu li:before {display:none;}
        #shop-toolbar .toolbar-left button.toolbar-sort-btn + .dropdown-menu li a {padding:.2em 1.9em !important; width: 100%; display: inline-block;}
        #shop-toolbar .toolbar-left button.toolbar-sort-btn + .dropdown-menu li:not(:last-child) a {border-bottom:1px dashed var(--border);}
    }
    
    /*css-product-gallery*/
    #product-list {font-size:.9em;}
    
    #product-list[data-view="0"] {
        padding-top:2em;
        .product-list-container {margin:0; display: grid;  grid-template-columns: 1fr 1fr 1fr 1fr;  gap: 2em;}
        .product-list-container > p.text-center {text-align:left !important;}
        .product-list-container > div {padding:0; flex:unset; max-width:unset;}
        .product-list-container .product-item {display: flex; flex-direction: column; justify-content: flex-end; position:relative; padding:1em; height:100%; margin:0 !important; transition:var(--trans); box-shadow:none !important; background:var(--opac); border:1px solid var(--border); border-radius:var(--boradius); overflow:hidden;}
        .product-list-container .product-item .label-discount {color:white; position: absolute; inset:auto 1em 0 auto; margin-top:-1em; z-index:2; border-radius: 50%; overflow: hidden; height: 3em; width: 3em; font-size: .9em; padding: 0; display: flex; align-items: center; justify-content: center; letter-spacing: 0px;}
        .product-list-container .product-item .image {height:100% !important; margin:0 0 1em 0; overflow:hidden; border-radius:var(--boradius); border:1px solid var(--border); }
        .product-list-container .product-item .image img {height:100% !important; margin-top: 0; transition:var(--slow) all, var(--trans) transform 1s; border-radius:inherit; background-color:white;}
        .product-list-container .product-item:has(.product-stock.out_of_stock):not(:hover) .image img {filter:saturate(0) brightness(0.8);}
        .product-list-container .product-item:hover .image {padding-inline:0;}
        .product-list-container .product-item:hover .image img {transform-origin:left; transform:scale(1.5); animation:pan 10s linear infinite;}
        .product-list-container .product-item .product-label {margin:0;}
        .product-list-container .product-item .product-title {margin-top:auto; height: unset; line-height: normal; padding: 0;}
        .product-list-container .product-item:has(.price-ordinary) .product-title {padding-right:4em;}
        .product-list-container .product-item .product-price {line-height: 1; padding: 0; font-size: 1.5em; font-weight: 600; letter-spacing:0px;}
        .product-list-container .product-item .product-price + .price-ordinary {padding: 0; line-height: normal; display: block;}
        .product-list-container .product-item .product-price + .price-ordinary .currency {font-size:inherit;}
        .product-list-container .product-item .product-stock {position: absolute; inset: auto .8em .2em auto; line-height:2; font-size:0px; letter-spacing:0; transition:var(--trans);  display: flex; flex-direction: row-reverse; align-items: center;}
        .product-list-container .product-item .product-stock:before {content:"\f00c"; font:var(--fonticon); font-size:small; color:inherit; margin-left:5px; line-height:inherit;}
        .product-list-container .product-item .product-stock.out_of_stock:before {content:"\f00d";}
        .product-list-container .product-item:hover .product-stock {font-size:.8em;}
    }
    
    /*css-product-list*/
    #product-list[data-view="1"] {
        .product-list-container {}
        .product-list-container > div {}
        .product-list-container .product-item {height:unset;}
        .product-list-container .product-item > .row {height:100%; display: grid; 
          grid-template-columns: 20% 1.2fr 0.5fr; 
          grid-template-rows: auto auto auto; 
          gap: 0px 0px; 
          grid-template-areas: 
            "image title button"
            "image stock button"
            "image price button"; 
        }
        .product-list-container .product-item > .row > div {flex:unset; max-width:100%;}
        .product-list-container .product-item > .row > div:nth-child(1) {grid-area: image;}
        .product-list-container .product-item > .row > div:nth-child(2) {grid-area: title; position:unset;}
        .product-list-container .product-item > .row > div:nth-child(3) {grid-area: stock;}
        .product-list-container .product-item > .row > div:nth-child(4) {grid-area: price; flex-direction: row !important;}
        .product-list-container .product-item > .row > div:nth-child(5) {grid-area: button; display: flex; justify-content: flex-end; align-content: center; align-items: center;}
        .product-list-container .product-item > .row > div:nth-child(n+2):nth-child(-n+4) {display: flex; align-items: flex-start; align-content: center; justify-content: flex-start; flex-direction: column;}
        .product-list-container .product-item .image {height:100% !important; margin:0; overflow:hidden; border-radius:calc(var(--boradius) / 2); border:1px solid var(--border); }
        .product-list-container .product-item .image img {max-width:unset; margin-top: 0; max-height: 8em; height:100% !important; transition:var(--slow) all, var(--trans) transform; border-radius:inherit; background-color:white; width: 100%;}
        .product-list-container .product-item:has(.product-stock.out_of_stock):not(:hover) .image img {filter:saturate(0) brightness(0.8);}
        .product-list-container .product-item:hover .image img {transform-origin:left; transform:scale(1.5); animation:pan 10s linear infinite;}
        .product-list-container .product-item .product-label {margin:0;}
        .product-list-container .product-item .product-title {font-size:1.1em; margin-top:auto; height: unset; line-height: normal; padding: 0;}
        .product-list-container .product-item .product-price {line-height: 1; padding: 0; font-size: 1.5em; font-weight: 600; letter-spacing:0px;}
        .product-list-container .product-item .product-price + .price-ordinary {margin:.4em 0 0 .5em; padding: 0; line-height: normal; display: block;}
        .product-list-container .product-item .product-price + .price-ordinary .currency {font-size:inherit;}
        .product-list-container .product-item .product-stock {display: flex; flex-direction: row; align-items: center; transition:var(--trans); font-size:.9em;}
        .product-list-container .product-item .product-stock i {display:none;}
        .product-list-container .product-item .product-stock:after {content: attr(title);}
        .product-list-container .product-item .product-stock:before {content:"\f00c"; font:var(--fonticon); font-size:small; color:inherit; margin-right:5px; line-height:inherit;}
        .product-list-container .product-item .product-stock.out_of_stock:before {content:"\f00d";}
        /*.product-list-container .product-item .btn.control-productlist-add-cart-pop {font-size: 0 !important; margin:0; display: flex; align-items: center; align-content: center; height: 4em; width: 4em; padding: 0 !important; border-radius:var(--boradius); justify-content: center; letter-spacing:0;}*/
        .product-list-container .product-item .btn.control-productlist-add-cart-pop {padding:.5em 1em; position:relative; font-size:1em; margin:0; display: flex; flex-direction: row-reverse; align-items: center; align-content: center; border-radius:var(--boradius); justify-content: center;}
        .product-list-container .product-item .btn.control-productlist-add-cart-pop:after {display:none;}
        .product-list-container .product-item .btn.control-productlist-add-cart-pop i {font-size: inherit; margin-left:5px;}
    }
    
    
    
    /*css-preview*/
    #product-view {
        > .row {margin-inline:0;}
        .product-view-header {font-size:.8em; line-height:normal;}
        .product-view-header a {margin:0;}
        .product-view-images {flex: unset; max-width: 40%;}
        .product-view-images > .row {transition:var(--trans); /* position:sticky; position:-webkit-sticky; top:var(--navh);*/}
        .product-view-images > .row > ul.image-container {width:100%; height: 50vh; scroll-snap-type: y mandatory; overflow-y:auto; overflow-x:hidden; border: 1px solid var(--border); border-radius: var(--boradius); display: flex; gap: 1em; background: var(--light); flex-direction: column; flex-wrap: nowrap;}
        .product-view-images > .row > ul.image-container::-webkit-scrollbar {width: 6px; height: 3px; transition:var(--trans);}
        .product-view-images > .row > ul.image-container::-webkit-scrollbar-track {background: transparent;}
        .product-view-images > .row > ul.image-container::-webkit-scrollbar-thumb {background: var(--opac); border-radius:10px; cursor:pointer;}
        .product-view-images > .row > ul.image-container::-webkit-scrollbar-thumb:hover {background: var(--dark);}
        
        .product-view-images ul.image-container :is(li:first-child, li:first-child .image-container) {height:inherit;}
        .product-view-images ul.image-container li:first-child img {object-fit:cover;}
        .product-view-images ul.image-container li {scroll-snap-align: start; margin:0; max-width:100%; background-color:white;}
        .product-view-images ul.image-container li:before {display:none;}
        .product-view-images ul.image-container :is(li, .image-container) {overflow:hidden; height:100%; padding:0;}
        .product-view-images ul.image-container li img {background-color:white; width:100%; margin-top: 0; height: 100%; object-fit: contain; object-position: center; transition:var(--trans) transform;}
        .product-view-images ul.image-container li:hover img {transform-origin:left; transform:scale(1.2); animation:pan 10s linear infinite;}
        
        .product-view-images + div {flex: unset; max-width: 60%; padding-inline:2em 0;}
        #product_form .product-view-content {
            /*display:flex; flex-direction:column; flex-wrap: nowrap; gap:1em;*/
           /* display: grid;  grid-template-columns: 1fr 1fr;  grid-template-rows: auto 1fr auto auto auto;  gap: 1em;  grid-template-areas:"c1 c1" "c2 c3" "c4 c4" "c5 c5";
            .title {order:1; grid-area: c1;}
            .title > * {font-size:2em; margin-block:1em .5em;}
            .addition {grid-area: c2;}
            .additions, .product-view-variations, .menu {margin:0; height:100%; font-size:.8em; order:2; float:none !important; padding:1em; border-radius:var(--boradius); border:1px solid var(--border); display: flex; flex-direction: column; gap: .5em;}
            
            .additions, .product-view-variations, .menu {box-shadow:0 0 1.5em rgba(0,0,0,0.08) inset;}
            
            .additions * {float:none !important;}
            .additions ul {border:1px solid var(--border); background-color:white; border-radius:var(--boradius); gap:1em; padding:.75em 1em; margin:0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; transition:var(--trans);}
            .additions ul:has(#control-addition-check.addition-checked) {background-color:var(--opac);}
            .additions ul li {padding:0 !important; margin:0 !important; line-height:normal;}
            .additions ul li:first-child {margin-right:auto !important; flex:1;}
            .additions ul li:before {display:none;}
            .additions ul li.addition-button #control-addition-check {display: flex; flex-direction: row-reverse; align-items: center; gap: 5px;}
            .additions ul li.addition-button #control-addition-check.addition-unchecked i {display:none;}
            .additions ul li.addition-button #control-addition-check.addition-checked {color:var(--success); font-weight:600;}
            
            .product-view-variations {order:3; grid-area: c3;}
            .product-view-variations .form-group {margin:0; padding:0; position:relative;}
            .product-view-variations .form-group:not(:last-child) {}
            .product-view-variations .form-select:before {display:none;}
            */
            /*version 1*/
            .product-view-variations .form-select > label {display: block; position:absolute; font-size:.9em; letter-spacing:0; inset:.75em auto auto 1.2em; width:calc(100% - 3em); pointer-events:none; display: flex; justify-content: space-between; align-items: flex-end; line-height:normal;} 
            .product-view-variations .form-select > label:after {content:"\f0d7"; font:var(--fonticon); font-size: 1.2em; margin-bottom: -1em;}
            .product-view-variations .form-select > select {appearance: none; -webkit-appearance: none; -moz-appearance: none; padding: 2em 1em .5em 1em; height: unset; }
            /*version 2*/
            /*.product-view-variations .form-select > label {margin:0 0 0 1.5em;} */
            /*.product-view-variations .form-select > select {padding: .5em 1em .5em 1em; height: unset; }*/
            
            
            
            .menu {order:4; grid-area: c4; display: flex; flex-direction: row; flex-wrap: nowrap; margin:0 !important; align-items: flex-end;}
            .menu * {float:none;}
            .menu .product-stock {display:block;}
            .menu > .row {margin:0;}
            .menu > .row > div {padding:0;}
            .menu br {display:none;}
            .menu .price {display:block; letter-spacing:0; font-size:2em; align-items: flex-end; margin-top:5px; line-height:1.2;}
            .menu .price .number {font-size:1.5em; line-height:1;}
            .menu .price .currency {font-size: .8em; line-height: normal; width:2em;}
            .menu > .row:nth-child(1) {width:100%;}
            .menu > .row:nth-child(2) {width:100%;}
            .menu > .row:nth-child(2) > div {flex:unset; max-width:100%;}
            .menu > .row:nth-child(2) .product-buttons {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch;}
            .menu > .row:nth-child(2) .product-buttons input {min-width:6em; height: unset; max-width: unset; border-radius:var(--boradius) 0 0 var(--boradius);}
            .menu > .row:nth-child(2) .product-buttons .btn {margin:0 0 0 -1px; border-radius:0 var(--boradius) var(--boradius) 0; padding: 1em; font-size: 1em; text-wrap: nowrap;}
            
            .description {order:5; grid-area: c5; padding:0;}
        }
    }
    
    
}

@keyframes pan {
    0% {transform-origin:left;}
    50% {transform-origin:right;}
}
html:has(.webshop) .popover {z-index:100; border-radius:var(--boradius); padding:2%;}
html:has(.webshop) .popover .btn {margin-top:0; font-size:.8em; border-radius:var(--boradius);}
html:has(.webshop) .popover .btn:before {display:none;}
html:has(.webshop) .popover .btn:after {content:"\f101"; font:var(--fonticon); margin-left:1em;}
html:has(.webshop) .popover .form-control {box-shadow:none !important; border-color: var(--border) !important;}
#shop-images-modal {inset:0; height:100vh !important; overflow:hidden !important;}
#shop-images-modal .modal-content {height:100%; background:transparent;}
#shop-images-modal .modal-body {height: 100%; background:transparent; border:none;}
#shop-images-modal .modal-dialog {height: 100%; width: 100%; max-height: 100vh; max-width: 100vw; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) !important; margin: 0;}
#shop-images-modal .modal-dialog img {height: 100%; object-fit: contain; width: 90vw; height: 90vh; object-position: center; margin: 5vh 5vw 5vh 5vw; display: block;}
#shop-images-modal .caption-container {z-index:100; text-align:left; font-size:0; inset:auto 0 -1px 0; display: flex; align-items: flex-start; padding: 2em; background: var(--dark); flex-direction: column; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
#shop-images-modal .caption-container h3 {font-size:1.5em !important; margin-bottom:5px;} 
#shop-images-modal .caption-container.hidden {display:none;}
#shop-images-modal .control-close { height: 4em; width: 4em; border-radius:50%;  background-color:var(--dark); color:var(--light) !important; align-items: center; justify-content: center; display: flex; transition:var(--trans);}
#shop-images-modal .control-close:before {transition:.3s all; content: "\f00d"; font: var(--fonticon);}
#shop-images-modal a.controls span:before {transition:.3s all; content: "\f054"; font: var(--fonticon);}
#shop-images-modal a.controls span.glyphicon-chevron-left:before {content: "\f053";}
html:has(body.modal-open), html:has(.webshop) body.modal-open {overflow:hidden auto !important;}
html:has(.webshop) .modal-backdrop:has(+.modal.shop-modal:not(#modal-confirm)) {display:none;}
html:has(.webshop) .modal.shop-modal.show {display: flex !important;}    
html:has(.webshop) .modal.shop-modal.show.load .modal-header:after {animation:maxwidth 8s linear 1 forwards; content: ""; height: 3px; width: 100%; background: var(--opac); position: absolute; inset: auto auto 0 0; transition: var(--trans); max-width: 0px;}
html:has(.webshop) .modal {
    margin:0; align-items: center; transform:none !important; position: fixed; inset: auto auto 2em 0; height: unset; width: unset; background:none !important; -webkit-backdrop-filter:none; backdrop-filter:none;
    .modal-dialog {margin:0; min-width:30em;}
    .modal-content {border-radius:0 var(--boradius) var(--boradius) 0; border-color:var(--border);}
    .modal-header {position:relative; display: flex; flex-direction: row; align-content: center; align-items: center; height:unset;}
    .modal-header:is(:has(> :is(a.close, .btn-close):only-child), :has(> :is(h3:empty, h4:empty, h5:empty))) {display:none;}
    .modal-header :is(a.close,.btn-close) {cursor:pointer; font-size:0; border:1px solid var(--border); color:var(--dark); border-radius:50%; background:rgba(0,0,0,0.1); height:3em; width:3em; display:flex; align-items: center; justify-content: center; opacity:1; float:none; margin:0; transition:var(--trans);}
    .modal-header :is(a.close,.btn-close):hover {opacity:.6;}
    .modal-header :is(a.close,.btn-close):after {content:"\f00d"; font:var(--fonticon); font-size:medium;}
    .modal-header h3 {font-family: var(--font1); line-height:normal; padding-right:1em;}
    .modal-footer {padding-bottom:1em !important; border:none; display: flex; flex-direction: row; justify-content: space-between;}
    .modal-footer .btn {margin:0; border:1px solid var(--border); color:var(--dark) !important; padding:.7em 1.5em !important; border-radius:var(--boradius); font-size:.8em;}
    .modal-footer .btn:before {display:none !important;}
    .modal-footer .btn:after {content:""; font:var(--fonticon); color:inherit;}
    .modal-footer .btn#modal_submit {background:var(--primary);color:var(--light) !important;}
    .modal-footer .btn#modal_dismiss {flex-direction: row-reverse; display:flex;}
    .modal-footer .btn#modal_dismiss:after {content:"\f060"; margin-inline:0 1em !important;}
    .modal-footer .btn#modal_submit:after {content:"\f061";}
    .modal-body .row {display: flex; flex-direction: row; flex-wrap: nowrap;}
    .modal-body .row img {height:100%; width:100%; border-radius:calc(var(--boradius) / 2);}
    .modal-body .row p br {display:none;}
    .modal-body .row p > strong {font-weight:300;  display: block; padding-bottom: .3em; margin-bottom: .2em;}
    .modal-body .row p > strong a {cursor:default; pointer-events:none; color:inherit;}
    .modal-body .row p > strong ~ i {font-size:.6em !important; font-weight:300;}
    .modal-body .row > div:nth-child(1) {flex: 1 50%; max-width: 50%;}
    .modal-body .row > div:nth-child(2) {margin-block:auto; line-height:1.3; padding-left:0 !important;}
    .modal-body .row > div:nth-child(2) > p {margin-bottom:.5em;}
    .modal-body .row > div:nth-child(2) > p ~ div {font-size:.7em;}
}
/*html:has(.webshop) .modal-backdrop {opacity:1; background-color:rgba(0,0,0,0.3); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);}*/
html:has(.webshop):has(#checkout-toc) .modal.shop-modal {background:rgba(0,0,0,0.2) !important; inset:0; height:100%; width:100%; align-items: center; justify-content: center; max-width:100% !important;}
html:has(.webshop):has(#checkout-toc) .modal.shop-modal .modal-dialog {width:100%;}
html:has(.webshop):has(#shop-checkout) .modal:is(#modal-ajax,#modal-confirm) {inset:50% auto auto 50% !important; transform:translateX(-50%) translateY(-50%) !important;}
html:has(.webshop):has(#shop-checkout) .modal:is(#modal-ajax,#modal-confirm) .modal-content {border-radius:var(--boradius);}
html:has(.webshop):has(#shop-checkout) .modal:is(#modal-ajax,#modal-confirm) .modal-header > :is(h5, h4,h3) {font-size: 2em; font-family:var(--font2);}
/*checkout*/
.webshop #shop-checkout {
    padding-top:3em;
    .btn {border-radius:var(--boradius); margin-top:0;}
    .btn:after {display:none;}
    .btn.keep-shopping {color:var(--dark) !important; flex-direction:row-reverse; background:transparent !important;}
    .btn.keep-shopping:after {content:"\f060"; font:var(--fonticon); color:inherit; margin-inline:0 1em; display:flex;}
    
    .checkout-section-header {margin-block:0; border-bottom:none !important; padding-bottom:0;}
    #checkout-form {display:block; position:relative;}
    
    .checkout-section#checkout-section-top {
        width:100%; margin:0;
        .btn.keep-shopping {float: none; background: transparent; color: var(--dark); padding: 0; margin-top: -3em !important; position: absolute;}
        .checkout-voucher .row > div {flex: unset; max-width: 100%; display: flex; flex-direction: column;}
        .checkout-voucher .row > div .input-group {}
        .checkout-voucher .row > div .input-group input {height:100%; border-radius:var(--boradius) 0 0 var(--boradius);}
        .checkout-voucher .row > div .input-group .btn {border-radius:0 var(--boradius) var(--boradius) 0;}
        .checkout-voucher .row > div .voucher-error {padding-inline:1em;}
        
        > div:nth-child(1) {float:left; width: calc(60% - 2em); padding-top:2em; border-right: 1px solid var(--border); padding-right: 2em;}
        > div:nth-child(1) {display:flex; flex-direction: column;}
        > div:nth-child(1) > .row {order:1;}
        > div:nth-child(1) > #checkout-cart {order:3;}
        > div:nth-child(1) > .checkout-voucher {order:2; margin-top:1em;}
        > :is(div:nth-child(2),div:nth-child(3)) {float:right; width:40%; margin:0;}
        
        #checkout-cart {margin-top:1em;}
        #checkout-cart table {border:none !important; border-radius:0;}
        #checkout-cart table a {margin:0;}
        #checkout-cart table td {padding:0; border:none;}
        #checkout-cart table thead {display:none; background:transparent; border-bottom:1px solid var(--border) !important;}
        #checkout-cart table thead th {color:var(--dark); padding:0; border-bottom:1px solid var(--border) !important; border-top:none !important;}
        #checkout-cart table thead th strong {font-size:.7em; font-weight:600; text-transform:uppercase;}
        #checkout-cart table tbody {line-height:normal;}
        #checkout-cart table tbody tr {border-bottom:1px solid var(--border) !important; padding-block:.5em; position:relative;
            display: grid; 
            grid-template-columns: auto 1fr 10em; 
            grid-template-rows: auto auto; 
            gap: 0; 
            grid-template-areas: 
                "d1 d2 d3"
                "d1 d4 d5";
        }
        #checkout-cart table tbody td {width:unset; padding-block:.5em; }
        #checkout-cart table tbody td:not(:last-child) {}
        #checkout-cart table tbody td:nth-child(1) {grid-area:d1; display: flex; flex-direction: column; justify-content: center; padding-right:1em;}
        #checkout-cart table tbody td:nth-child(2) {grid-area:d2; display: flex; flex-direction: column; justify-content: center; padding-bottom:0;}
        #checkout-cart table tbody td:nth-child(3) {grid-area:d3; padding-bottom:0;}
        #checkout-cart table tbody td:nth-child(4) {grid-area:d4; padding-top:0;}
        #checkout-cart table tbody td:nth-child(5) {grid-area:d5; padding-top:0;}
        #checkout-cart table tbody td:nth-child(6) {grid-area:d6; position:absolute; left:0; top:0;}
        
        #checkout-cart table tbody :is(td:nth-child(3),td:nth-child(5)) {text-align:center;}
        #checkout-cart table tbody :is(td:nth-child(2),td:nth-child(4)) {}
        
        #checkout-cart table tbody td:nth-child(1) img {border:1px solid var(--border); height:8em !important; width:8em !important; object-fit:cover; border-radius:calc(var(--boradius));}
        #checkout-cart table tbody td:nth-child(2) strong {font-weight:400; font-size:1em;} 
        #checkout-cart table tbody td:nth-child(2) > strong:first-child + .property {margin-top:.5em;}
        #checkout-cart table tbody td:nth-child(2) > strong:first-child ~ .property:last-child {margin-bottom:.5em;}
        #checkout-cart table tbody td:nth-child(2) .property {display:inline-flex; margin-block:-1px;}
        #checkout-cart table tbody td:nth-child(4) {font-weight:700; font-size:1.1em; letter-spacing:0px;} 
        #checkout-cart table tbody td:nth-child(4) span:nth-child(2) {font-weight:400; font-size:.8em; letter-spacing:0px;}
        
        #checkout-cart table tbody td:nth-child(3) {display: inline-flex; justify-content: center; align-items: flex-end;}
        #checkout-cart table tbody td:nth-child(3) > * {background: transparent; font-size:1em; margin:0 !important; color: var(--dark); height: 3em; width: 3em; display: inline-flex; padding: 0; align-items: center; justify-content: center;}
        #checkout-cart table tbody td:nth-child(3) > .btn {font-size:.7em !important; border: 1px solid var(--border); border-radius: 50%; margin-bottom:.7em !important;}
        
        #checkout-cart table tbody td:nth-child(5) {font-weight: 700; letter-spacing: 0px; font-size: 1.5em;}
        #checkout-cart table tbody td:nth-child(6) > .btn {opacity:0; background: var(--danger)!important; width: 3em; height: 3em; padding: 0; display: flex; align-items: center; justify-content: center;}
        #checkout-cart table tbody tr:hover td:nth-child(6) > .btn {opacity:1;}
        
        #checkout-cart table tbody tr:not(tr[id]):has(+tr[id]) {border-bottom:none !important; padding-bottom:0;}
        #checkout-cart table tbody tr[id]:has(+tr:not([id])) {/*padding-bottom:1em;*/}
        #checkout-cart table tbody tr[id] {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding-block:0; padding-bottom:.5em; border-bottom:1px solid var(--border);}
        #checkout-cart table tbody tr[id] :is(td:nth-child(1),td:nth-child(3),td:nth-child(4),td:nth-child(6)) {display:none;}
        #checkout-cart table tbody tr[id] td:nth-child(2) {display: flex; flex-direction: row; padding:0;}
        #checkout-cart table tbody tr[id] td:nth-child(5) {width:10em; padding:0; font-size:1em; color:var(--danger); font-weight:300;}
        #checkout-cart table tbody :is(tr[id]+tr[id]) {display:none;}
        
        #checkout-cart table tbody tr:has(+tr.addition) {border-bottom:none !important;}
        
        #checkout-cart table tbody tr:last-child {background:var(--opac); border-radius:0 0 var(--boradius) var(--boradius);}
        #checkout-cart table tbody tr:last-child td:nth-child(1) {display:none;}
        #checkout-cart table tbody tr:last-child td:nth-child(4) {text-align:right;}
        #checkout-cart table tbody tr:last-child td:nth-child(4) strong {font-weight:300; line-height: 1.5; display: block;}
        
        #checkout-cart table tbody tr:last-child td:nth-child(5) {line-height:2.2rem;}
    }
    
    
    .checkout-section:has(+.checkout-section:empty):after {content:""; display:block; clear:both;}
    .checkout-section {
        width: 40%; margin-left: auto;
        #control-checkout-open-login {border-bottom:1px dashed var(--dark);}
        .checkout-section-inner:nth-child(2) {
            padding-bottom:0 !important; margin-top:2em !important;
            .row > .col-md-6:has(+.col-md-6):nth-child(1) {padding-right:.4em;}
            .row > .col-md-6+.col-md-6:nth-child(2) {padding-left:.4em;}
            .form-group label {margin-bottom:0;}
            .form-group input {height:3em;}
        }
        .checkout-section-inner:nth-child(2)+.checkout-section-control {margin:0 !important; border:1px solid var(--border); border-top:none !important; padding:0 2em 2em 2em; border-radius:0 0 var(--boradius) var(--boradius);}
        .checkout-section-inner:nth-child(2)+.checkout-section-control > div {padding-inline:0;}
        .checkout-section-inner:nth-child(2)+.checkout-section-control .btn {width:100%; display: flex; justify-content: space-between;}
        .checkout-section-inner .form-group {margin-bottom:.8em;}
        .checkout-section-inner .checkout-option {display:flex; align-items: center; flex-direction: row; justify-content: flex-start; gap:1em; border-radius:var(--boradius); margin-bottom:.8em;}
        .checkout-section-inner .checkout-option .checkout-option-logo {padding: 0 0px 0 10px; display: flex; align-items: center; justify-content: center;}
        .checkout-section-inner .checkout-option .checkout-price {margin-left:auto;}
        .checkout-section-inner .checkout-option.selected {background:var(--danger) !important;}
        
    }
    
    
    .checkout-section#checkout-section-top {
        .checkout-section-inner:nth-child(2) .row {margin:0 !important; border:1px solid var(--border); border-bottom:none !important; padding:1em 1em 0 1em; border-radius:var(--boradius) var(--boradius) 0 0;}
        ~ .checkout-section {transform: translateY(3em); margin-top:3em; display: flex; flex-direction: column;}
        ~ .checkout-section .checkout-section-inner {margin:1em 0 0 0 !important; border:1px solid var(--border); border-bottom:none; padding:2em 2em 0 2em; border-radius:var(--boradius) var(--boradius) 0 0;}
    }
    
    .checkout-section#checkout-section-final .checkout-section-inner {
        border-bottom:1px solid var(--border) !important; overflow:hidden; border-bottom-left-radius:var(--boradius) !important; border-bottom-right-radius:var(--boradius) !important;
        h4 {margin-block:0 .5em;}
        textarea {height:120px;}
        .form-group:has(.form-group) {margin-bottom:0;}
        :is(input[type=checkbox], input[type=radio]) {height:1.5em !important; width:1.5em !important; accent-color:var(--primary); margin-right:.5em; cursor:pointer;}
        div:has(>:is(input[type=checkbox], input[type=radio])) {display: flex; align-content: center; align-items: center; flex-direction: row; flex-wrap: wrap;}
        .checkout-shipping-info-container {border-top:1px solid var(--border); margin-top:2em;}
        .checkout-shipping-info-container h2 {margin-bottom:.5em; padding-right: 50%; font-size: 2em;}
        .checkout-shipping-info-container h2 small {position: absolute; right: 0;}
        .checkout-shipping-info-container h2 small button {font-family:var(--font1); background: transparent !important; outline:none !important; color:var(--dark) !important; box-shadow:none !important; padding: 0; border:none !important; border-bottom: 1px dashed !important; border-radius: 0;}
        .checkout-shipping-info-container + .row {
            background: var(--opac); margin: 2em -2em 0 -2em !important; padding:2em;
            .checkout-shipping-info-container + .row > div:has(.checkout-error-msg:empty) {display:none;}
            hr {margin-top:0;}
            #checkout-sum {padding: 1em 0; line-height: normal; font-size: 1em; text-align: left;}
            #checkout-sum span {font-weight:700; font-size:1.3em;}
            #checkout-toc {margin-top:1em; line-height:normal; text-align:left;}
            #checkout-toc #control-open-toc {border: 1px solid var(--border); margin-inline: 5px; border-radius: var(--boradius); padding: .1em 1em; background: var(--primary); color: var(--light);}
            #input_checkout_submit {width:100%; display:flex; margin-top:1em; justify-content: space-between;}
            #input_checkout_submit:after {display:flex;content:"\f00c"; font:var(--fonticon); color:inherit; margin-left:1em;}
            #input_checkout_submit i {margin-left:auto;}
            #input_checkout_submit:has(i):after {display:none;}
        }
    }
    
    
    
    #checkout-receipt {
        a {margin:0;}
        hr {display:none;}
        table {border-radius:0;}
        table thead {background:var(--opac) !important; color:var(--dark) !important;}
        table tbody {font-size:1em;} 
        table strong {line-height: normal; display: inline-block;}
        table tr {background:transparent !important;}
        table td {border:none; border-bottom:1px solid var(--border); padding-block:.2em; vertical-align:top; padding-inline:0;}
        table .form-group, table .form-group label {margin:0;}
        table .form-group label {line-height: normal; display: block; margin-top: .5em;}
        table td[valign="top"] table tbody td:first-child {padding-left: 0 !important;}
        table td[valign="top"] > .row {display: flex; flex-direction: column;}
        table:not(.table) > tbody > tr > td > strong {font-size:1.2em;}
        table td img {width: 5em; max-height: 5em !important; object-fit: contain;}
        table thead tr th {padding-inline:0 !important;}
    }
}
 

@keyframes maxwidth {
    100% {max-width:100%;}
}
/*html:has(.webshop):has(.modal.shop-modal.show) .popover:has(.pop-product-price).show {opacity:0;}*/

@media (max-width: 2060px) {
    .webshop {font-size: 18px;} 
}
@media (max-width: 1920px) {
    .webshop {font-size: 16px;}
    .webshop .shop-container .shop-main #product-list[data-view="0"] .product-list-container {grid-template-columns: 1fr 1fr 1fr;}
}
@media (max-width: 1440px) {
    .webshop {font-size: 14px;} 
}
@media (max-width: 1280px) {
    :root {
        --boradius: 12px; 
    }
    
    .webshop {font-size: 12px;} 
    .webshop .shop-container .shop-main #product-list[data-view="0"] .product-list-container {grid-template-columns: 1fr 1fr;}
}
@media (max-width: 992px) {
    
    .webshop {padding-inline:7.5px;}
    
    .webshop .shop-container .shop-menu {
        max-width:calc(100vw - 2.5em); position: absolute; z-index: 100; background: #fff;
        .shop-menu-title {font-size:1em !important; transition:var(--trans);}
        .shop-menu-toggler {display:flex; font-size:medium !important;}
    }
    
    
    .webshop .shop-container .shop-menu.collapsed {max-height:5em; max-width:12em; padding-left:0; padding-block:0;} 
    .webshop .shop-container .shop-menu.collapsed .shop-menu-title .shop-menu-toggler {border-bottom-left-radius:0; border-top-left-radius:0; border-left-color:var(--opac); border-top-color:var(--opac); border-bottom-color:var(--opac);}
    .webshop .shop-container .shop-menu.collapsed .shop-menu-list {opacity:0; max-height:0px; margin:0;}
    
    
    .webshop:has(.shop-main #shop-search-field.open) .shop-container .shop-menu.collapsed {max-width: 3em; padding-right: 0 !important;}
    .webshop:has(.shop-main #shop-search-field.open) .shop-container .shop-menu.collapsed .shop-menu-title {font-size:0px !important; letter-spacing:0;}
    .webshop:has(.shop-main #shop-search-field.open) .shop-container .shop-menu.collapsed .shop-menu-title .shop-menu-toggler {border-right-color:var(--opac); border-radius:0;}
        
    .webshop .shop-container .shop-main:has(.cart-dropdown.show):not(:has(.dropdown-menu > .text-center)) {z-index:100 !important;}
    html:has(.webshop .shop-container .shop-main .cart-dropdown.show):not(:has(.dropdown-menu > .text-center)) #cc-settings-container {z-index:-1;}
    .webshop .shop-container:has(.shop-main .cart-dropdown.show):not(:has(.dropdown-menu > .text-center)) .shop-menu {opacity:0;}
    .webshop .shop-container .shop-main {
        position:relative; z-index:1;
        #shop-menu-top .topnav-menu-left {flex:1 20%; font-size:0;}
        #shop-menu-top .topnav-menu-right li.topmenu-cart {
            #shop-cart .dropdown-menu {min-width:50vw; width:calc(100vw - 2.5em) !important;}
            #shop-cart .dropdown-menu:has( > .text-center) {min-width:15em; width:15em !important;}
            /*cart-fixed*/
            #shop-cart .dropdown-menu {width:101vw !important; max-height:calc(100vh - var(--navh) - 1.8em) !important; border-radius:var(--boradius) var(--boradius) 0 0 !important;}
        }
        #shop-menu-top .topnav-menu-right li.topmenu-search #shop-search-results {margin: 0 -5.5em 0 0; max-width: calc(90vw + 1em); border-radius:var(--boradius);}
        #shop-menu-top .topnav-menu-right li.topmenu-search #shop-search-results.show.open:empty {margin:0 !important;}
        #shop-cart .dropdown-menu:not(:has(> .text-center)) > a.close {font-size:1.5em !important; left: auto !important; right: 0 !important; transform: scale(-1, 1);}
    }
    
    
    html:has(.webshop) .tooltip {display:none;}
    
    html:has(.webshop) .modal.shop-modal {inset:auto -1px -1px -1px;}
    html:has(.webshop) .modal.shop-modal .modal-content {border-radius:var(--boradius) var(--boradius) 0 0;}
    
    
    .webshop #shop-checkout .checkout-section#checkout-section-top > div:nth-child(1) {border:none !important; padding-right:0 !important;}
    .webshop #shop-checkout .checkout-section#checkout-section-top ~ .checkout-section:empty {display:none;}
    .webshop #shop-checkout .checkout-section, .webshop #shop-checkout .checkout-section#checkout-section-top > div {float: none !important; width: 100% !important; padding-top: 0 !important; margin-inline:0 !important;}
    .webshop #shop-checkout .checkout-section#checkout-section-top #checkout-cart table tbody tr td:nth-child(6) > .btn {opacity:.3;}
    .webshop #shop-checkout .checkout-section#checkout-section-top .checkout-section-inner:nth-child(2) .row {padding-inline:0 !important;}
    .webshop #shop-checkout .checkout-section#checkout-section-top ~ .checkout-section {transform:none !important;}
    .webshop #shop-checkout .checkout-section .checkout-section-inner:nth-child(2) .row > .col-md-6,
        .webshop #shop-checkout .checkout-section#checkout-section-top ~ .checkout-section .checkout-section-inner,
        .webshop #shop-checkout .checkout-section .checkout-section-inner:nth-child(2)+.checkout-section-control {padding-inline:15px !important;}
    .webshop #shop-checkout .checkout-section .checkout-section-inner .checkout-option {min-height:3em;}
    .webshop #shop-checkout .checkout-section .checkout-section-inner .checkout-option .checkout-option-logo img {max-height:2em;}
    
    html:has(.webshop):has(#shop-checkout) .modal:is(#modal-ajax,#modal-confirm) .modal-dialog {min-width:60vw; width:90vw !important;}
    
    /*.webshop  #checkout-receipt table {overflow-x:auto; display:block;}*/
    /*.webshop  #checkout-receipt :is(table:not(.table) > tbody) {display:block;}*/
    /*.webshop  #checkout-receipt :is(.table-responsive table) {width:150vw !important;}*/
    
    
    
    .webshop .shop-container .shop-main #product-view {
        > .row {flex-direction: column; flex-wrap: nowrap;}
        .product-view-images, .product-view-images + div {max-width:100%;}
        .product-view-images + div {padding-inline:0;}
        .product-view-images > .row > ul.image-container {height:40vh;}
        #product_form .product-view-content {grid-template-columns:1fr; grid-template-areas: "c1" "c2" "c3" "c4" "c5";}
    }
}

@media (max-width:767px) {
    .webshop .shop-container .shop-main #product-list[data-view="1"] {
        .product-list-container .product-item > .row {grid-template-columns: 20% 1.5fr 0.5fr;}
        .product-list-container .product-item .btn.control-productlist-add-cart-pop {font-size:0; letter-spacing:0; width:36px; height:36px;}
        .product-list-container .product-item .btn.control-productlist-add-cart-pop i {font-size:12px; margin:0;}
    }
    
    
}

/*******WEBSHOP-V3********/