@import url('/fonts/bonicon5/style.css');

h1:empty {display: none;}
.round-cards-dark .card-body p:last-child a:after, h3 a.accordion-button:not(.collapsed):after, .ki-list-box .card-body div a:after, .more_content a:after, a.read-link:after, .events-list .ar-date em:before, #videos-gallery .video-btn:after, .lesson-thumb:before, .quiz-answered .form-check input+label:after, .tick-style li:before, .item-booked:before {font-family: bootstrap-icons !important;}

.cart-indicator .fas {margin-right:.35em;}
.aicon .fas, .aicon .bi {cursor: pointer;}

h1, .h1 {font-size: 2em !important;}
.ki-list-box h2, .details-view h1  {font-size: 1.75em !important;}
.home h1, footer .social-icons .foicns {font-size: 2.25em !important;}
h2, .h2 {font-size: 1.35em !important;}
h3, .h3 {font-size: 1.25em !important;}
h4, .h4 {font-size: 1.15em !important;}
h5, .h5, .item-tags, .table.basket_list {font-size: 1em !important;}
h6, .h6, footer, div.copy, .currently-na, .accordion .table {font-size: .9em !important;}
.navbar .top-bar, .bestel>div .ratings span.total-ratings, .preorderOn, .currently-na {font-size:.8em;}

p+h4, p+h3, p+h2 {margin-top: 1em; margin-bottom: .5em;}

.accordion tbody {border-style: hidden;}
.accordion .card-header {padding: .25rem 1.25rem;}
.accordion .card-header .btn {font-size: 1.25em;}

.site-search {display: flex; align-items: center; position: relative; text-align: center;}
.site-search .bi {position: absolute; z-index: 1; left: .75em; font-size: .8em !important; transition:none !important;}

.site-search .form-control {padding-left: 28px !important; border-radius: 2em; max-width: 6em;}
.expandSearch .site-search .form-control {max-width: 15em; background-color: rgba(255,255,255,1);}
.expandSearch .site-search .bi {opacity: 0;}
.expandSearch .site-search .form-control {padding-left: .75rem !important;}

.navbar-toggler {box-shadow:none !important;}

.navbar .navbar-collapse .active>.nav-link {border-radius:.2em;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 1em !important; padding-left: 1em !important;}
.navbar-nav .dropdown-menu {min-width:100%; border-radius:.5em; padding: 1em; box-sizing: border-box; border: 0 solid rgba(0,0,0,.15); box-shadow: 0 0 .5em .15em rgba(0,0,0,.08);}
.navbar-nav .dropdown-menu li {font-size: .85em;}
.navbar-nav .dropdown-menu .dropdown-item {padding:.35em 1em; border-bottom:1px solid rgba(255,255,255,.75);}
.navbar-nav .dropdown-menu li:last-child a.dropdown-item {border-bottom:0; text-align: right;}
.navbar-nav .dropdown-menu .dropdown-item.disabled {font-size:.9em; padding-top:.65em; padding-bottom:0; pointer-events: none;}

.loginForm .form-control.tfuName {border-radius: .35em .35em 0 0; border-bottom:0;}
.loginForm .form-control.tfuPass {border-radius: 0 0 .35em .35em;}

.lang-support {font-size:14px;}
.lang-support .dropdown-menu {padding: 0; font-size:.9em; min-width: max-content;}
.lang-support img {width: 30px;}
.lang-support a {
	display: inline-block; padding:.25em .5em; opacity:.75;
	background-repeat: no-repeat; background-size: 55%; background-position: right center;
}
.lang-support a.selected, .lang-support a:hover {opacity:1;}
.lang-support a.selected {pointer-events: none;}

.lang-support a.en-flag {background-image: url("/img/en.svg"); margin-right: .5em;}
.lang-support a.de-flag {background-image: url("/img/de.svg");}


a:hover {text-decoration: none !important;}

.custom-control-label:before, .custom-control-label:after {top: 0.75em !important;}

section {padding: 1.5em 0; border-bottom: 0 solid;}
section.no-margin {padding-top: 0; border-bottom: 2px solid;}
.home .navbar+section {padding-top: 0;}
body:not(.home) .navbar+section, body:not(.home) .test-mode+section {padding-top: 5em;}
body:not(.home) .ai-comp-landing .navbar+section {margin-top: -.5em;}

section.main-home {min-height:600px; height: calc(100vh - 6em); overflow: hidden; padding-bottom: 0 !important; border-bottom: 1px solid #fff !important;}
.dark-theme section.main-home {border-color: #3e4c4f !important;}

.navbar {
	box-shadow: 0px -5px 10px rgba(0,0,0,.75); backdrop-filter: blur(.5em);
}
.dark-theme .navbar {box-shadow: 0px -5px 10px rgba(255,255,255,.65);}


.slimHeader .navbar {background: rgba(255,255,255,.75);}
.dark-theme.slimHeader .navbar {background: rgba(0,0,0,.75);}


.detailsPage hr {margin-top:2.5em;}
footer.footer hr {margin:2em 0;}

.payment-icons a {display:inline-block; margin: 0 .25em 0 0; padding: .25em 0 0; vertical-align: middle;}
.payment-icons img {width: 34px; height:auto; border:0;}

.back-to-shop {display: none !important;}


.blog-post-type ul {
	padding-left: 1.5em !important;
}


.blog-post-type ul li {
	margin-bottom: .5em;
}

.box .btn-link .fa-plus-square:before {content: "\f146";}
.box .collapsed .fa-plus-square:before {content: "\f0fe";}

.zoomOut {background-image: url("/img/e/basic/kibuzzer/minus.svg");}
.zoomOut, .zoomIn {background-size: 60%; background-position: center center;}


.list-view-icon {background-image: url("/img/e/basic/kibuzzer/list-view-icon.svg");}
.card-view-icon {background-image: url("/img/e/basic/kibuzzer/card-view-icon.svg");}
.tiny-view-icon {background-image: url("/img/e/basic/kibuzzer/tiny-view-icon.svg");}

.star-icon {background-image: url("/img/e/basic/kibuzzer/star-primary.svg");}
.lupe-icon {background-image: url("/img/e/basic/kibuzzer/icon_lupe.svg");}
.cart-icon {background-image: url("/img/e/basic/kibuzzer/icon_cart.svg");}
.user-icon {background-image: url("/img/e/basic/kibuzzer/icon_user.svg");}
.fav-icon {background-image: url("/img/e/basic/kibuzzer/icon_fav.svg");}
.mail-icon {background-image: url("/img/e/basic/kibuzzer/icon_mail.svg");}
.truck-icon {background-image: url("/img/e/basic/kibuzzer/icon_truck.svg");}
.delivery-icon {background-image: url("/img/e/basic/kibuzzer/icon_delivery.svg");}

.bon-icons.cart-icon {filter: grayscale(1) brightness(0); width: 24px; height: 20px;}


.btn .bon-icons {max-width:2em; max-height: 100%; }
.btn span {vertical-align: middle;}
.btn .text {display: inline-block; text-align: left;}
.btn .text b {display: block;}

.concept .btn-lg {margin: 1em 0 .5em; min-width: auto !important; padding: .5em 1em; line-height: 1.3; border-radius: .35em;}

.lead {font-size:1.25em !important; font-weight: 300 !important;}

.btn-link.dropdown-toggle:after {margin-left:0 !important; font-size: 1.25em !important; vertical-align: middle !important;}
label {font-size:.85em !important;}

.modal-content {border-radius:0 !important; border: 2px solid;}
.modal-content, .modal-header, .modal-footer {border-color:rgba(255,255,255,.2) !important;}
.modal-content .close{
	position: absolute; left: 50%; top: -3em; margin-left: -1.5em;
	width: 3em; height: 3em; padding: 0; text-indent:-999em;
}
.modal-content .close:before{
	width:3em; height:3em; left: 0; background-repeat: no-repeat; background-position: center center;
	background-image: url("/img/e/basic/kibuzzer/close-icon.svg");
}
.modal-footer {justify-content: center !important; padding: 1em !important; border-radius: 0 0 .2em .2em;}
.modal-footer .btn {font-size:1em; min-width:8em; text-align: center; border-radius: 2em; border: 2px solid rgba(255,255,255,.7) !important; background-color: rgba(255,255,255,.12);}

.content-wrapper {min-height: calc(100vh - 20em);}
.footer {min-height: 2.5em;}


#imageModal .modal-body {padding: 0 !important;}
.imagePreview {max-width: 100%;}

.form-control {
	font-size: .85em !important;
}
.btn.slideIn-opener, .newsletter .btn {
	font-size: .85em !important;
}
.form-control {
	height: inherit !important; line-height: inherit !important;
}

.form-control:focus {box-shadow: 0 0 .15em .35em rgba(100,100,100,.15) !important;}


.btn-payPal {border:1px solid #D7DDE8 !important;}

.round-cards-dark .ar-date {padding: .1em .55em; border-radius: 1em; display: inline-block; background-color: rgba(0,0,0,.25); margin-left: -.35em;}
.itemImgCap .ar-date {
	position: absolute; top: 1em; left: 1em; font-size: .6em;
	padding: .1em .55em; border-radius: 1em; display: inline-block; background-color: rgba(0,0,0,.3); color: #fff;
}
.default-view .switch-to-listing .itemImgCap .ar-date {top: .35em; left: .35em;}

.round-cards-dark .card {border-radius: 2em; min-height: 350px; background-size: cover; background-position: center;}
.round-cards-dark .card-body p:last-child {position: absolute; bottom: 0; left: 0; width: 100%; height:100%; margin-bottom: 0;}
.round-cards-dark .card-body p:last-child a, .ki-list-box .card-body div a, .more_content a {font-size: 1.1em; font-weight: 400;}
.round-cards-dark .card-body p:last-child a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; color: #fff; padding: 1em .95em; border-radius: 2em; display: flex; align-items: end;}
.round-cards-dark .card-body p:last-child a:after, .ki-list-box .card-body div a:after, .more_content a:after {content:'\f133'; vertical-align: middle; margin-left: .5em;}
.round-cards-dark .card-body {
	position: relative; border-radius: 2em; text-shadow: 0 0 .25em rgba(0,0,0,.35);
	background-image: linear-gradient(140deg, rgba(0,0,0,.55) 20%, rgba(0,0,0,.15) 100%);
}
.round-cards-dark .card-body:hover iumg {background-color:rgba(0,0,0,.2);}
nav .breadcrumb {padding-left: 0; padding-right: 0;}
.ki-list-box .ar-date em {font-style: normal; display: inline-block; padding-left: 1em; margin-left: 1em; border-left: 1px solid #ccc;}
.ki-list-box.events-list .ar-date em:before {content: '\F3E8'; font-size: 1.2em !important; vertical-align: middle;}

.ki-list-box .main-item, .ki-list-box .ki-listing {padding: 1em; border-radius: 1em;}
.ki-list-box .main-item .card-title a {display: block;}
.ki-list-box .main-item .card-title img {object-fit: cover; width: 100%; height: 350px; object-position: center;}


.ki-list-box .ki-listing {border: 1px solid; font-size: .9em;}
.ki-list-box .card-body {padding: .25em 0;}
.ki-list-box .card .card-text {
	min-height: 4.85em !important; border-bottom: 1px solid;
}

.ki-listing h3 a, .ki-listing h4 a {color: #333; font-weight: 600;}
.dark-theme .ki-listing h3 a, .dark-theme .ki-listing h4 a {color: #aaa;}

.ki-list-box .card .card-text, .card-view .ki-list-box .switch-to-listing .more_content, .card-view .ki-list-box .switch-to-listing .card-text,
.ki-list-box .switch-to-listing h3 a, .ki-list-box .switch-to-listing h4 a, .ki-list-box .switch-to-listing h5 a {
	overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;
}

.ki-list-box .switch-to-listing h3 a, .ki-list-box .switch-to-listing h4 a, .ki-list-box .switch-to-listing h5 a {-webkit-line-clamp: 2;}
.ki-list-box .card .card-text, .card-view .ki-list-box .switch-to-listing .more_content {-webkit-line-clamp: 3;}

.card-view .tools-special .switch-to-listing h5, .default-view .tools-special .switch-to-listing h4, .card-view .news-special .switch-to-listing p.more_content {display: none;}
.ki-list-box p+h3 {margin-top: 0;}
.switch-to-listing p:empty {display: none !important;}

.ki-list-box .switch-to-listing>.row h3.card-title span {padding-left: 0;}
.ki-list-box .switch-to-listing>.row.event_item .col>a {width: 200px; display: inline-block; float: left; margin-right: 15px; text-align: center; background-color: #fff;}
.ki-list-box .switch-to-listing>.row.event_item .ki-th {max-height: 100px; margin: 0; float: none !important;}
.ki-list-box.events-list .switch-to-listing>.row .details { display: grid;}
.ki-list-box.events-list .switch-to-listing>.row .col { min-height: 155px;}
.ki-list-box.events-list .switch-to-listing>.row .details p { padding-left: 0;}
.ki-list-box.events-list .switch-to-listing>.row {background-color: rgba(255,2555,255,.5); border-radius: .5em;}

.details h2 {font-weight: 600; font-size: 1.25em !important;}

/*-[Animated Arrow]-*/

@-webkit-keyframes bounceLeft {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0); transform: translateX(0);}
  40% {-webkit-transform: translateX(30px); transform: translateX(30px);}
  60% {-webkit-transform: translateX(15px); transform: translateX(15px);}
}
@-moz-keyframes bounceLeft {
  0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
  40% {transform: translateX(30px);}
  60% {transform: translateX(15px);}
}
@keyframes bounceLeft {
  0%, 20%, 50%, 80%, 100% {-ms-transform: translateX(0); transform: translateX(0);}
  40% {-ms-transform: translateX(25px); transform: translateX(25px);}
  60% {-ms-transform: translateX(15px); transform: translateX(15px);}
}

.animated-left-arrow {margin-left: .5em; font-size: 1.25em;}
.animated-left-arrow .fa-arrow-left {
	font-size: .65em; line-height: 2;
	width: 2em; height: 2em; border-radius: 1em;
	text-align: center; color: #fff;
	
	-webkit-animation: bounceLeft 2s infinite; animation: bounceLeft 2s infinite;
}

/*-[/Animated Arrow]-*/


.itemTh img {border:0 !important; width:100% !important; max-width:140px;}

.btn-secondary.amount_minus {border-right: 0 !important;}


.btn:focus, .btn.focus {box-shadow: 0 0 0 0.2rem rgba(100,100,100,.15) !important;}
.navbar .btn:focus, .navbar .btn.focus {box-shadow:none !important;}

.form-control.textarea, textarea.form-control {
    height: 6.2em !important; border-radius: 0;
}

.col-form-label {
    padding-top: calc(0.375em + 1px) !important;
    padding-bottom: calc(0.375em + 1px) !important;
}


/*--[myBasket]--*/
.myBasket {
	position: fixed; width: 29em; top: 6.75em; left: 100%; padding:.45em .5em; margin-left: 0; background: #fff; box-sizing: border-box;
	max-height: calc(100% - 4em); overflow: auto;
}
.slimHeader .myBasket {top: 4.25em;}
.myBasket.showMyBasket {margin-left: -29em;}
.myBasket h2, .catalogBasket h2 {margin: .25em 0 .5em;}
.catalogBasket {padding-top: .25em;}
.catalogBasket h1 {margin: .75em 0 .35em;}
.cart-indicator em {font-style: normal;}
.cart-indicator {position: fixed; right:.5em; display: inline-block; border-radius: 0; padding: .2em 1em .25em .5em; color: #fff; cursor: pointer;}
.cart-indicator:hover {text-decoration: none; filter:contrast(1.25);}
.filterOn .cart-indicator {display: none;}
.mini-basket td {font-size:.85em;}
table.basket_list td, .mini-basket table td { vertical-align: middle !important;}
.mini-basket .itemTh img {max-height: 100px; max-width: 50px;}
#basket_list_wrapper td.prodItem>br:first-child {display: none;}

/*--[Empty/full boxes]--*/
.box-status span {display:inline-block; max-width:6.5em; padding: .15em .25em; margin:0; border:1px double rgba(0,0,0,.2); background-color:rgba(0,0,0,.1); text-align: center; line-height:1; vertical-align: bottom; filter:contrast(1.35);}
.box-status i {display:inline-block; width:1.65em; height:1.65em; margin:.2em .1em; border-radius:50%; vertical-align: middle; border: 2px solid rgba(255,255,255,.75);}
.box-status span.small-box {width: 5.5em; padding: .15em .25em;}
.box-status span.small-box i {width:1.45em; height:1.45em; margin:.05em .075em;}
.box-status .btn {line-height: initial; font-size: .8em !important;}
.modal-body .box-status span {/*background-image: url("/img/e/basic/kibuzzer/board.png"); background-size: cover;*/ background-color: rgba(0,0,0,.12); border-color: #e3e3e3}

.cart-indicator .box-status {max-width:6em;}
.cart-indicator .artikel-btn, .cart-indicator .box-status {display:block;}
.cart-indicator .box-status span {
	max-width:4.5em; padding: 0 .1em;
}
#myBasketModal #box-indicator-msg {line-height:1; margin-top: .5em;}
#myBasketModal #box-indicator-msg .btn {margin-top: 1em;}
#myBasketModal h2 {margin-bottom: .2em;}
#myBasketModal .box-status>div {perspective: 34em; width: 68%; display: inline-block;}


.box-status span.slot1_small {
	margin: 0;
	-webkit-transform: none; transform: none; /* Standard syntax */
}

.box-status span.slot1_small i {margin-bottom: 0; margin-top: 0;}

.filter-indicator, .cart-indicator {border-radius: .25em;}

.cart-indicator .box-status span i {width:1.15em; height:1.15em;}
.cart-indicator .box-status span.small-box {}
.cart-indicator .box-status span.small-box i {width:1.15em; height:1.15em;}


span.empty.left-1 i:nth-child(1) {border:2px dotted; background-color:transparent;}
span.empty.left-2 i:nth-child(1), span.empty.left-2 i:nth-child(2) {border:2px dotted; background-color:transparent;}
span.empty.left-3 i:nth-child(1), span.empty.left-3 i:nth-child(2), span.empty.left-3 i:nth-child(3) {border:2px dotted; background-color:transparent;}
span.empty.left-4 i:nth-child(1), span.empty.left-4 i:nth-child(2), span.empty.left-4 i:nth-child(3), span.empty.left-4 i:nth-child(4) {border:2px dotted; background-color:transparent;}
span.empty.left-5 i:nth-child(1), span.empty.left-5 i:nth-child(2), span.empty.left-5 i:nth-child(3), span.empty.left-5 i:nth-child(4), span.empty.left-5 i:nth-child(5) {border:2px dotted; background-color:transparent;}
span.empty.left-6 i:nth-child(1), span.empty.left-6 i:nth-child(2), span.empty.left-6 i:nth-child(3), span.empty.left-6 i:nth-child(4), span.empty.left-6 i:nth-child(5), span.empty.left-6 i:nth-child(6) {border:2px dotted; background-color:transparent;}
span.empty.left-7 i:nth-child(1), span.empty.left-7 i:nth-child(2), span.empty.left-7 i:nth-child(3), span.empty.left-7 i:nth-child(4), span.empty.left-7 i:nth-child(5), span.empty.left-7 i:nth-child(6), span.empty.left-7 i:nth-child(7) {border:2px dotted; background-color:transparent;}
span.empty.left-8 i:nth-child(1), span.empty.left-8 i:nth-child(2), span.empty.left-8 i:nth-child(3), span.empty.left-8 i:nth-child(4), span.empty.left-8 i:nth-child(5), span.empty.left-8 i:nth-child(6), span.empty.left-8 i:nth-child(7), span.empty.left-8 i:nth-child(8) {border:2px dotted; background-color:transparent;}

.myFilters, .myBasket, .navbar {z-index: 9999;}
.modal-open .navbar, .showing-boxes .navbar, .dropdown-opened .myFilters, .dropdown-opened .myBasket, .navTogglerOn .myFilters, .navTogglerOn .myBasket{z-index: 999;}
.dropdown-opened .logo {z-index:1;}
.dropdown-opened .navbar .social-icons {z-index:-1;}
.modal-open #filter-opener, .modal-open #cart-opener, .modal-open .myFilters:before, .modal-open .myBasket:before {display: none;}
.myFilters .modal-body {padding: 0;}
.modalBtn.at-top{z-index:99999;}

.filter-tag { cursor: pointer; color: #666;}
.dark-theme .filter-tag.bg-light { background-color: #3e4c4f !important; }
.filter-tag {font-weight: 400 !important;}


.dialog_err_msg { color: 000; }

/*--[modal direction]--*/
.modal.fade:not(.show).left .modal-dialog {
	-webkit-transform: translate3d(-25%, 0, 0);
	transform: translate3d(-25%, 0, 0);
}
.modal.fade:not(.show).right .modal-dialog {
	-webkit-transform: translate3d(25%, 0, 0) !important;
	transform: translate3d(25%, 0, 0) !important;
}
.modal.fade:not(.show).bottom .modal-dialog {
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
}
/*--[/modal direction]--*/

/*--[myFilters]--*/
.myFilters {
	position: fixed; width: 29em; top: 3.3em; right: 100%; padding:.45em .5em; margin-left: 0; box-sizing: border-box;
	max-height: calc(100% - 4em); overflow: auto; text-align: left;
}
.myFilters.showMyFilters {margin-right: -29em;}
.myFilters .btn-block {padding-top: .5em;}
.myFilters .btn-block .btn {margin-bottom: 1em;}

.filter-indicator {position: fixed; left:1.5em; display: inline-flex; padding: .1em 1.5em .15em 1em; background-color: rgba(0,0,0,.75); border:1px solid rgba(0,0,0,.65); color: #ccc;}
.filter-indicator:hover {background-color: rgba(0,0,0,1); color:#fff; text-decoration: none;}

.myFilters h6 {text-transform: uppercase; margin-top: 1em;}
.myFilters .box {padding:.15em .25em .15em 1em; border:1px solid; line-height: 2em; margin-bottom: .5em;}
.myFilters .box .custom-checkbox+.sub_item {margin-top: -.35em;}
.myFilters .box .sub_item {padding-left: 2.15em; margin-bottom: .15em;}
.myFilters .form-check .btn-link, .myFilters .form-check i.fas {line-height: 1.2;}
.myFilters .form-check-input {margin-top:.75em;}
.myFilters .form-check-label {width:calc(100% - 3.75em);}
.myFilters .form-check-inline .form-check-label {width: auto;}
.myFilters .btn-link {float: right; margin-top: .4em;}


.lesson-container .videoWrapper {padding-top: 0;}
.lesson-ques {margin: 1em 0; padding: 0 !important;}
.lesson-ques .form-check {padding-left: 1.75em;}
.lesson-ques .form-check .form-check-label {display: block; padding: .15em .25em; border-radius: .2em;}
.lesson-ques .form-check .form-check-label {cursor: pointer; transition: background-color 0.2s ease-in-out;}
.lesson-ques .form-check:hover .form-check-label {background-color: #d1fff4;}
.dark-theme .lesson-ques .form-check:hover .form-check-label {background-color: #000;}

.quiz-question {margin-bottom: 1em; padding: .5em 1em; border-radius: 1em; border: 1px solid;}
.quiz-question.quiz-answered .form-check:not(.selected-answer) label {opacity: .6;}
.quiz-question.quiz-answered .form-check:not(.selected-answer) input.correct+label, .quiz-question.quiz-answered .form-check:not(.selected-answer) input.is-valid+label {opacity: 1;}

.quiz-answered .form-check input+label:after {vertical-align: middle; margin-left: .25em; margin-top: -.35em;}
.quiz-question.quiz-answered .form-check input.correct+label:after, .quiz-question.quiz-answered .form-check input.is-valid+label:after {content:'\F26B'; display: inline-block; font-size: 1.15em;}
.quiz-question.quiz-answered .form-check.selected-answer input.correct + label:after, .quiz-question.quiz-answered .form-check.selected-answer input.is-valid + label:after {content: '\F26A';}
.quiz-question.quiz-answered .form-check input:not(.correct)+label:after, .quiz-question.quiz-answered .form-check input:not(.is-valid)+label:after {content:'\F622'; opacity: 0;}
.quiz-question.quiz-answered .form-check.selected-answer input:not(.correct)+label:after, .quiz-question.quiz-answered .form-check.selected-answer input:not(.is-valid)+label:after {opacity: 1;}

.quiz-question .form-check.selected-answer {background-color: #f8f9fa; border-radius: .25em; /*margin: -0.25em 0;*/}
.dark-theme .quiz-question .form-check.selected-answer {background-color: #000;}
.quiz-question .quiz-explanation {position: relative; font-size: .85em; padding-left: 2.25em;}
.quiz-question .quiz-explanation .bi {position: absolute; font-size: 1.15em; top: .6em; left: .5em;}

/* Campus Progress Bar Styles */
.progress-bar {
  /*width: var(--progress-width, 0%) !important;*/
  transition: width 0.8s ease-out !important;
}
/* Disable transition for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  .progress-bar {transition: none !important;}
} 

.progress-text {
	position: absolute; width: 100%;
	text-align: center; color: #000; font-weight: 600;
	text-shadow: 1px 1px 2px rgba(255,255,255,0.8);
}

.quiz-feedback, .quiz-feedback .alert-info {border-radius: 1em;}
.quiz-feedback .alert-info {background-color: transparent; color: initial;}
.quiz-feedback .alert-info p, .task-section.bg-light p {font-size: .85em; margin-bottom: .5em;}
.quiz-feedback .alert-info button, .task-section.bg-light button {margin-bottom: .5em;}
.quiz-feedback .alert-info h4 {margin-bottom: .5em;}

.lesson-ques h4.ques {font-size: 1em !important; margin:.25em 0 .55em;}
.lesson-ques .flex-sm-row-reverse {margin-bottom: .5em;}
.flex-sm-row-reverse h2 {margin-bottom: 0;}
.flex-sm-row-reverse .action-btns {align-content: center; text-align: right;}
.btn.bi-file-pdf:before {margin-right: .25em; line-height: 1; vertical-align: middle;}

.action-btns .btn {white-space: break-spaces;}
.action-btns .btn b {line-height: 1;}
.action-btns .btn.bi-file-pdf {padding-left: .5em;}
.action-btns .btn.bi-file-pdf:before {font-size: 1.35em; margin: -.35em .25em -.25em 0;}


.lessons-list {}
.lesson-thumb {position: relative; display: flex; margin-bottom: .5em; border: 1px solid; border-radius: .25em; overflow: hidden;}
.lesson-thumb:before {
	position: absolute; left: .25em; top: .25em; z-index: 20;
	content:'\F21F'; margin-right: .25em; font-size: .9em; border-radius: .25em;
	width: 1.75em; height: 1.25em; text-align: center; line-height: 1.25em;
}

.lesson-thumb span { width: 50%; font-size: .8em; padding: .7em .6em; line-height: 1.1; text-align: left; box-sizing: border-box;}
.lesson-thumb span em, .lesson-thumb span i {display: block; font-style: normal; font-size: .85em; padding-bottom: .25em;}
.lesson-thumb.lesson_completed, .lesson-thumb.lesson_completed:after {filter: grayscale(1);}
.lesson-thumb.lesson_completed:after {
	content:'\F26A'; margin-left: .25em;
	position: absolute; bottom: .25em; right: .25em;
}
.lesson-thumb img {width: 50%; max-width: 100%;}
.lesson-thumb.lesson_completed img {filter: grayscale(.75); opacity: .7;}
.lesson-thumb.lesson_completed:hover img {filter: none; opacity: 1;}

.lesson-thumb.lesson_inactive {pointer-events: none;}
.lesson-thumb.lesson_inactive img {filter: grayscale(1);}
.lesson-thumb.lesson_inactive span {background-color: rgba(0,0,0,.05);}
.dark-theme .lesson-thumb.lesson_inactive span {background-color: rgba(255,255,255,.1);}
.lesson-thumb.lesson_inactive span i {padding-top: .5em; padding-bottom: 0; color: #000;}
.dark-theme .lesson-thumb.lesson_inactive span i {color: #fff;}
.lesson-thumb.lesson_inactive:before {content:'\F21E'; filter: grayscale(1);}


/*--[catalogBasket]--*/
.catalogBasket .list-group-item {padding:0; padding: .5em 1em;}
.catalogBasket .list-group-item>label {display:block; margin-bottom: 0; font-size: 1em !important; font-weight: 400;}
.catalogBasket .list-group-item.active {padding:0;}
.catalogBasket .list-group-item.active>label {padding: .55em 1em;}
#password-meter-wrapper, #password-meter-wrapper>div {display: block; height:.5em; background-color: rgba(200,200,200,.75);}
#password-meter-feedback {font-size:.8em; padding: 0 .5em;}
.checklist {list-style-type: none; padding-left: .5em; padding: 1em;}
.checklist li {margin:.2em 0;}
.paymentOptionBox {padding: 1em 0; margin-top: 1em;border: 1px solid;border-radius: .5em;}
.paymentOptionBox>.row {padding-bottom: .5em;}
.zipHouse-fix .row>div:first-child {padding-right: .5em !important;}
.zipHouse-fix .row>div:last-child {padding-left: .5em !important;}

.list-style {text-align: left;}
.list-style li {padding-bottom: 1em;}


.accordion table td {padding: .35em !important;}
.accordion table td.btnBox {text-align: center; padding-top: 1em !important;}
h3.accordion-header {border-radius: .25em; margin-top: .5em;}
h3 a.accordion-button:not(.collapsed):after {background-image: none !important; content: '\f118'; transform: translate(.5em, -.2em);}
h3 a.accordion-button:not(.collapsed) {font-size: 1em !important; border-radius: .25em; padding-right: 1.5em;}
.dark-theme .accordion-button:after {filter: brightness(10);}

.btnBox.text-left .btn.btn-lg .bi {margin-right: 1em;}
.btnBox.text-right .btn.btn-lg .bi {margin-left: 1em;}

.table tbody {border-width: 2px;}

.blog-post-type .accordion-item li span {word-break: break-word;}
.blog-post-type .accordion-item > .accordion-header .accordion-button.collapsed, .list-group-item {background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);}
.dark-theme .blog-post-type .accordion-item > .accordion-header .accordion-button.collapsed, .dark-theme .list-group-item {background-image: linear-gradient(to top, #515b5e 0%, #363d40 100%);}

.dark-theme .prodItem .text-dark {color: #ccc !important;}

.list-group-item.active {background-image: none !important;}

#accv_check_result {padding:.5em .25em; background-color: rgba(150,150,150,.2);}
.basket-number .form-control {max-width: 60px !important; padding: .2em !important; text-align: center;}


/*--[itemListing]--*/
h3.sect-heading, #shop-list.listing-view>h2 {width: 100%; margin: 0 0 1em 0; padding:.2em .5em; box-sizing: border-box;}
.listing-view .card-body {padding: .75rem 2rem;}
.listing-view .card {
	width:100%; margin-bottom:1em;
	background-color: rgba(250,230,230,.0);
}
.partners .pic_th {border: 1px solid rgba(255,255,255,.35); background-color: rgba(255,255,255,.2);}

body.design_b.card-view .listing-view .card, body.design_b.partners .pic_th, .default-view .card .item-box {background-color: rgba(220,220,220,.2);}
body.design_b.card-view .listing-view .card:hover {background-color: rgba(255,255,255,.35);}

.listing-view .card.display-full[class*="brand"], .listing-view .card.display-full[class*="brand"]:hover {border-radius: .25em; background-color: rgba(220,220,220,.2) !important;}

.default-view .card .item-box {border-radius: .25em;}

.listing-view .card.display-full {border:0; background-color:transparent; border-radius:0;}
.listing-view .card.display-full[class*="brand"] {border: 1px dashed;}
.default-view .listing-view .card {border-radius:0 !important;}

.listItem h4, .details-view h4 {margin-bottom: .5em; font-size: .85em !important; text-transform: uppercase;}
.listItem p, .details-view p {margin-bottom: .5em;}
.listItem h4+h2, .details-view h4+h2 {margin-top: .05em; margin-bottom: .5em;}
.listItem p+p {margin-top: .75em; font-size: .85em;}
.listItem .img-fluid {max-height: 300px; border:1px solid; object-fit: contain;}

.default-view .listItem .title-box p.small {font-size:1.1em;}

.default-view .listItem .img-fluid {max-height: 220px;}
.bestel {margin-top:.5em; padding: 0 !important;}

.detailsPage .btn.btn-info {max-width: 100%; padding-left: 1em !important;}

.detailsPage h1 {font-size: 2em !important; padding-bottom: .25em; margin-bottom: 0;}
.detailsPage h4 {margin-bottom: 0 !important;}
.detailsPage footer h4 {margin-bottom: .5em !important;}
.detailsPage .title-box h2 {border-bottom:0 !important; font-size: 1.65em !important; margin-bottom: 0; padding-bottom: .25em !important;}
.detailsPage .title-box h3 {text-transform: uppercase;font-size: 1em !important;}

.in-details-view .bestel>div{padding-bottom: 1em;}
.bestel>div{width: 100%; display: block; position: relative; border-top:1px solid rgba(212,212,212,.35);}
.default-view .bestel>div{width: auto;}
.bestel>div p {flex-wrap: wrap; display: flex; height: 3.75em; padding: .5em 0; margin-bottom: 0;}
.default-view .bestel>div p {display: initial; }
.bestel.in-details-view>div p {flex-wrap: inherit !important; display: block !important; height: auto !important;}
.bestel>div .normal_price {left: 0; top:.85em; position: absolute; padding: 0 .5em; font-size: 1.15em;}
.detailsPage .bestel>div .normal_price {position: inherit;}
.bestel>div .base_price {align-self: flex-start;}
.bestel>div .current_price {align-self: center; position: absolute; right: 0; font-size: 1.5em; padding: 0 .35em;}
.default-view .bestel>div .current_price {position:relative;}
.bestel.in-details-view>div .current_price {position: inherit !important;}

.bestel>div .ratings {position: absolute; top: 1.85em;}
.default-view .bestel>div .ratings {right: 0; top: .35em;}
.bestel>div .ratings span.total-ratings {margin-left: -.25em;}
.bestel>div .ratings .val_display {margin-right: 0; margin-left: .25em;}
.bestel>div .ratings .val_display span {width: .75em;}
.bestel>div .ratings .val_display span, .bestel>div .ratings .val_display span em {height: .75em; background-size: .75em;}


.bestel .add-remove-item {min-width: 220px; font-size: 1.25em; margin-bottom:.5em; position: relative;}
.default-view .bestel .add-remove-item {margin-top:.5em;}
.bestel span+.add-remove-item {display: none;}
.bestel .add-remove-item i.fas, .bestel .add-remove-item .bon-icons {position: absolute; right: 2em; z-index: 1; top: .4em; filter: grayscale(1);}
.bestel .add-remove-item>.bon-icons {right: 2.5em;}
.bestel .add-remove-item .mycart-icon {padding: 0 !important; border: 0;}
.bestel .add-remove-item .input-group .input-group-prepend:nth-child(2)>.btn {border-top-left-radius:.35em; border-bottom-left-radius:.35em;}

.in-details-view .bestel .add-remove-item+p {clear:both; padding-bottom: .5em; position: relative;}
.bestel .add-remove-item .form-control {text-align: center;}
.bestel.in-details-view .add-remove-item {width:10em;}

.bestel.in-details-view .bestel, .bestel.in-details-view .bestel+div {padding-left: 0 !important; padding-right: 0 !important;}
.bestel.in-details-view .bestel+div {padding-bottom: .5em;}

.bestel .btn {width:2.25em; padding: 1.25rem 1.25rem !important; background-repeat: no-repeat; background-position: center center; background-size:30%;}
.bestel .btn.add_product {width:100%; padding: .4em 1em !important; color:#fff;}
.amount_plus {background-image: url("/img/e/basic/kibuzzer/plus.svg");}
.amount_minus {background-image: url("/img/e/basic/kibuzzer/minus.svg");}
.bestel p.small {margin-bottom: .25em;}
.bestel span.h3, .bestel b.h2 {font-family: inherit !important;}
.bestel b.h2 {font-size:1.5em; font-weight: bold !important;}
.bestel+div i {color:#3B9B00;}

.item-sizes {display:block; padding:.5em 0 1em;}
.item-sizes a {border:1px solid #ddd; border-radius:.2em; margin-right: .25em; padding: .2em .5em; min-width: 4em; display: inline-block; text-align: center; color:#999;}
.item-sizes a.selected {border-color:#666; color:#333;}

.details-view .in-cart-info {font-size:.8em;}
.details-view .legal-box {margin:0; padding: 0 .75em; font-size: .85em;}

#middle-col.details-view {padding-top: 1.15em;}


.mycart-icon {padding: 0 .55em !important; font-size: 1.25em !important;}
.mycart-icon .fas {line-height: 1 !important;}

.details-btn {position:absolute; right: 1em; bottom:1em;}
.details-btn .btn {height: inherit !important; min-width:120px; margin-left:0;}

.meine-list {margin-right: .5em;}
.meine-list em {font-style: normal;}
.meine-list span {
	width:1em; height:1em; display: inline-block; margin-right: .15em; vertical-align: middle;
	background-repeat: no-repeat; background-position: center center;
}
.add_to_watchlist span {background-size: 80%; background-image: url("/img/e/basic/kibuzzer/plus.svg");}
.is_in_watchlist span {background-size: 100%; background-image: url("/img/e/basic/kibuzzer/tick-icon-white.svg");}
.is_in_watchlist { background-color:#BBBBBB !important; border-color:#AAAAAA !important; }
.rate-this {text-align: right; font-size: .8em;}

.item-box {position: relative;}
.rem-from-wlist {position: absolute; left:.5em; top:-.5em; display: inline-block; width: 2em; height: 2em; background-image: url("/img/e/basic/kibuzzer/remove-watchlist.svg"); background-color: rgba(0,0,0,.65); background-size:42%; background-position: center center; background-repeat: no-repeat; border-radius:50%;z-index: 1;}
.rem-from-wlist:hover {background-color: rgba(189,28,36,1);}

.reviews-box {padding: 2em 0;}
.reviews-box h3 {margin-bottom: .25em;}
.reviews-box .ratings {padding-bottom: .25em;}
.cs-review {padding: .65em 1em; margin: .5em 0; font-size:.85em;}
.cs-review p.cs-comments {font-style: italic; margin-top: .65em;}
.like-review {position: relative; display: inline-block; padding: 0 .5em; margin-left: .25em; font-size:1.75em;}
.like-review span {position: absolute; left:0; bottom: 100%; min-width: 100%; display: block; text-align: center; font-size: .65em;}

.item-box a img, .auto-slides .swiper-slide img {border:1px solid transparent;}
.item-box a:hover img, .auto-slides .swiper-slide:hover img {
	/*box-shadow:0 0 .5em .25em rgba(0,0,0,.08);
	border:1px solid; border-radius: .35em;*/
}
.item-box a.enlargeImage:hover img {border-radius: 0;}

.item-box .details-full a img {border:0;}
.item-box .details-full a:hover img {box-shadow:none; border:0;}

.card-view .listing-view {justify-content: center; text-align: center;}
.card-view div.title-box {padding: 0 !important; /*min-height: 7.1em;*/}
.card-view .listing-view .card {font-size:1em; display: inline-flex; padding: 0 .5em; border-radius: 1em;}
.card-view .listing-view .listItem .item-box, .card-view .listItem .title-box, .card-view .listItem .legal-box, .card-view .listItem .bestel {flex: 0 0 100%; max-width: 100%;}
.card-view .listItem h2 {
	margin: 1em 0 .15em; font-size:1.12em !important; font-weight: 600; text-transform: initial;
		
	display: -webkit-box; -webkit-line-clamp: 1; min-height: 1.35em;
	-webkit-box-orient: vertical; overflow: hidden;
}
.tiny-view .listItem h2 {margin-top: .2em; font-size:1em !important; text-transform: initial;}

.card-view .listing-view .hide-this, .tiny-view .listing-view .hide-this, .tiny-view .listing-view .hide-more, .card-view .meine-list em, .tiny-view .meine-list em {display: none;}
.card-view .listing-view .details-btn {bottom: inherit; top:.25em; right:-.25em;}
.card-view .listing-view .details-btn .btn {min-width:50px;}

.tiny-view .listing-view .card {border:0; border-radius:0; margin-bottom:2px;}
.tiny-view .listing-view .card-body {padding: .55em .75em;}
.tiny-view .listing-view .item-box {flex: 0 0 16.6666666667%; max-width: 16.6666666667%;}
.tiny-view .listing-view .title-box {flex: 0 0 33.3333333333%; max-width: 33.3333333333%;}
.tiny-view .listing-view .bestel-box {flex: 0 0 50%; max-width: 50%; font-size:.9em;}
.tiny-view .listing-view .bestel {flex: 0 0 100%; max-width: 100%; justify-content: flex-end !important;}
.tiny-view .listing-view .bestel em {font-style: normal; display: block;}
.tiny-view .listing-view .add-remove-item {float: right;}
.tiny-view .listing-view .add-remove-item+p {float: right; margin: 0 1em 0 0;}
.tiny-view .listing-view .title-box h2 {font-size:1.1em !important;}
.tiny-view .listing-view img.img-fluid {max-height: 4em; margin-bottom: 0;}

.tiny-view .listing-view .details-btn {bottom: inherit; top:.25em; left:-.15em; max-width: 4em;}
.tiny-view .listing-view .details-btn .btn {min-width:50px;}
.tiny-view .listItem:before {height: 5em;}
.tiny-view .rem-from-wlist {top: -.3em;}

/*--[Special Product]--*/
.listing-view .card.display_full {width: 100%; margin: 1em 0;}
.listing-view .card.display_full .listItem .col-lg-4 {flex: 0 0 33.333333%; max-width: 33.333333%;}
.listing-view .card.display_full .listItem .col-lg-8 {flex: 0 0 66.666667%; max-width: 66.666667%;}
.listing-view .card.display_full .bestel-box {flex: 0 0 100%; max-width: 100%;}
.listing-view .card.display_full .hide-this, .listing-view .card.display_full .hide-more {display: block;}
.listing-view .card.display_full .details-btn {bottom: 1em; top: inherit; right: 1em; left: inherit; max-width: inherit;}
.listing-view .card.display_full .listItem .item-box, .listing-view .card.display_full .title-box, .listing-view .card.display_full .legal-box, .listing-view .card.display_full .bestel {text-align: left;}
.listing-view .card.display_full .bestel .add-remove-item + p {text-align: center;}
.listing-view .card.display_full .bestel {justify-content: center !important;}
.listing-view .card.display_full .add-remove-item + p {float: none;}
.listing-view .card.display_full .listItem .img-fluid {max-height: 200px;}
.listing-view .card.display_full .card-body {padding: 1em;}
/*--[/Special Product]--*/


.switch-view {align-content: center; text-align: right;}

.switch-view a span {width:1.7em; height:1.5em;}
.switch-view a {opacity:.35; margin-left: .25em;}
.switch-view a:hover {opacity:.6;}
.switch-view a.active {opacity:1;}
.switch-view .results {display: inline-block; vertical-align: top; margin-right: 1em;}

.show-results {float: left; font-size: 0.8em; color: #666;}
.show-results i {font-style: normal; color: #999;}

.quick-shop-listing .card {width: 100%; margin: .5em 0; font-size:.9em; text-align: center;}
.quick-shop-listing h3 {margin-bottom: .25em;}
.quick-shop-listing img.img-fluid {max-height: 5em;}

.quotes {display: block;}
.quotes h2, .quotes div {display: inline-block; vertical-align: middle; padding: 0 1.5em;}
.quotes div {text-align: left; border-left:1px solid; border-right:1px solid; padding: .5em 3em;}
.quotes p {font-size: 1.25em; font-style: italic; margin-bottom: 0; position: relative;}
.quotes p:before, .quotes p:after {font-size: 3em; position: absolute; line-height:1;}
.quotes p:before {content:'\201C'; left:-.75em; top:-.15em;}
.quotes p:after {content:'\201D'; right:-.55em; bottom:-.75em;}
.quotes i {font-style: normal; font-size:.7em;}

.bon-overlay {
	position: fixed; left:0; top:0; z-index: 9999999999;
	display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); backdrop-filter: blur(.5em);
}
.showing-boxes .bon-overlay {display: block;}
.showing-boxes .myFilters, .showing-boxes .myBasket {z-index: 99999;}
.showing-boxes .myFilters:before, .showing-boxes .myBasket:before {background-color: transparent;}
.haway {display: none;}
.clr {clear: both;}

/*--[Rating]--*/
.ar-date {display:block; margin-bottom:.5em;}
.ratings {display:block; padding: 0 0 .5em;}
.ratings span {vertical-align: middle;}
.ratings span.total-ratings {font-size:.85em;}
.val_display {display:inline-block; margin-right:.25em;}
.val_display span, .val_display span em {float:left; display:inline-block; height:1.15em; background-size:1.15em 1.15em; background-repeat:no-repeat; background-position:0 0;}
.val_display span {width:1.15em; margin-right:.15em; background-image:url("/img/e/basic/kibuzzer/star-white.svg");}
.val_display span em {background-image:url("/img/e/basic/kibuzzer/star-primary.svg");}
span.val_empty em {width:0;}
span.val_1 em {width:12.5%;}
span.val_2 em {width:25%;}
span.val_3 em {width:37.5%;}
span.val_4 em {width:50%;}
span.val_5 em {width:62.5%;}
span.val_6 em {width:75%;}
span.val_7 em {width:87.5%;}
span.val_full em {width:100%;}
/*--[/Rating]--*/

/*--[Profile Marker]--*/
.profile-marker .ratings .val_display span, .profile-marker .ratings .val_display span em {height: 1em; background-image: none !important;}
.profile-marker .ratings .val_display span {width: 2em; margin-right:.35em; background-color: #ccc;}
.profile-marker .ratings .val_display span em {background-color: #d00;}
/*--[/Profile Marker]--*/

/*--[transition]--*/
.site-search .form-control, .lang-container, .linkOnly > i {transition: all .5s ease-in-out;}
.navbar-toggler, .navbar.sticky-top, .myBasket, .myFilters, .bon-overlay, .partners .img-th b, .linkOnly, a:hover img + .linkOnly > i, .navbar.sticky-top:before, .navbar.sticky-top .navbar-nav, .navbar.sticky-top:after, .listing-view .card, .slimHeader .logo, .expandSearch .bi, .details #videos-gallery .img-fluid, .lessonsToggler {transition: all .25s ease-in-out;}
.auto-slides .swiper-slide b, .swiper-button-prev, .swiper-button-next, .cart-indicator, .item-box a img {transition: all .1s ease-in;}
.bi, .logo {transition: all .2s ease-out;}

.normal_price {text-decoration: line-through;}

.base_price {display: block; font-size: .85em; line-height: 1; padding-bottom: .5em; color: #999;}
.preorderOn, .promo_label {font-size:.8em; font-weight: 500; padding: .25em 0; display: block; margin: .5em auto .75em; text-align: center; background-color: rgba(255,255,255,.85) !important; border-radius: .25em; border: 1px dashed;}
.bestel > div p.preorderOn {height: auto;}


.tiny-view .promo_label {margin-right: .75em;}
.detailsPage .promo_label {display: inline-block; padding:.25em 1em;}
.promo_label  .highlight {font-size: 1em; font-weight: 400; display: block; padding: .2em; line-height: 1.2; margin: .2em 0 .275em;}

.voucher_item {margin: 0 !important;}
.voucher_item div { padding: 0 .5em;}
.voucher_item_code {border: 1px dashed;}
.voucher_item_value {font-weight: 600;}
.voucher_item_action {padding: 0 !important;}
.voucher_item_action a {padding: 0 .5em !important;}

.voucher-list .form-check {display: flex; align-items: center; margin: 1em 0;}
.voucher-list .form-check .form-check-input {margin-left: -1.1em;}
.voucher-list .form-check label {width: calc(100% - 2.5em); padding: 1em; margin-left: .5em; border-radius: 1em; cursor: pointer;}
.voucher-list .form-check label .img-fluid {display: block; max-width: 200px; margin-top: .35em;}
.alert-highlight {border: 1px dashed !important;}

.redeem-sect {background-color: #eee; border-radius: .5em; padding: 1em; margin: 1em 0 2em;}
.dark-theme .redeem-sect {background-color: #3e4c4f;}
.redeem-sect .lead label {text-align: right; margin: 0 1em;}
.redeem-sect+h2 {margin-bottom: 0;}


.voucher-btn {vertical-align: bottom; margin-right: 1.25em; display: inline-block;}
.voucher-btn a.btn {opacity: 1; margin-left: .35em; padding: .35em .525em;}
.voucher-btn a.btn .bi {font-size: 1.25em; line-height: 1;}
.voucher-btn a.btn .bi:before {transform: translateY(2px);}
.voucher-btn em {font-style: normal;}

.currently-na {
	border: 1px dashed; padding: .25em 1em !important; text-align: center;
}
.currently-na {line-height: 2.25em; display: block;}


.product_summary {
	padding: .5em .75em !important; margin-bottom: 1.5em !important; background-color: rgba(209,209,209,.15);
}
.product_summary:first-letter {
  font-size: 2.5em;
  line-height: 1;
}

.detailsPage section.card-view .product_summary { display:none !important; }

.fa-list.mobi-only {opacity:0;}

.img-right {margin: .375em 0 .5em 1em !important; float: right;}
.img-left {margin: .375em 1em .5em 0 !important; float: left;}

.inlineart .card {border: 1px solid #f9f9f9; background-color: #eee; padding: 1em; margin: .5em 0;}
.inlineart .inline-image {text-align: center;}
.inlineart .inline-image img {max-width: 220px;}
.inlineart .inline-image+div .card-body {padding: 0;}



/*--[video code]--*/
.vidBoxHolder {margin:2em auto; max-width: 620px; display: block;}
.videoBox {width:1300px; height:auto;}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.highlights+.videoWrapper {padding-top: 0;}
.videoWrapper iframe {
	position: absolute;
	top: 0; left: 0; aspect-ratio: 16/9;
	width: 100%; height: 100%; border:0;
}
video {
  width: 100% !important;
  height: auto !important;
}
/*--[/video code]--*/


a.read-link:after {
  content: '\f133';
  vertical-align: middle;
  margin-left: .5em;
}

#videos-gallery {clear: both; display: block; margin-left: -1em; margin-right: -1em;}
#videos-gallery h2 {padding: 0 .75em; margin: 1em 0 0;}
#videos-gallery .video-btn { display: flex; height: 100%; }
#videos-gallery .video-btn:hover .img-fluid {filter: brightness(.75);}

#videos-gallery .video-btn:after {
  content: '\f62b'; font-size: 2em; line-height: .5; z-index: 2;
  position: absolute; bottom:.3em; right: .3em; color: #db2828;
}
#videos-gallery .video-btn:before {
  content:''; width: 1.65em; height: 1em; display: inline-block;
  position: absolute; bottom: .65em; right: .75em; background-color: #fff; z-index: 1;
}

#videos-gallery .video-btn + b {
  position: absolute; left: 0; bottom: 1.5em; width: 100%; text-align: left;
  padding: .25em .5em; background-color: rgba(0,0,0,.15); backdrop-filter: blur(.2em);
  font-size: 1.5em; line-height: 1; color: #fff; z-index: 10; 
}

.details #videos-gallery .img-fluid {max-width: 100% !important; object-fit: cover;}
#videos-gallery .card-body {padding: 0;}
#videos-gallery .card {
  width: 13.45em; height: 24em; font-size: 1em; display: inline-flex; overflow: hidden;
  padding: 0; margin: 1em; border-radius: 1.25em; border: .5em solid #3e4146;
}
#videos-gallery .card.landscape-mode {width: 20em; height: 13em;}
#videos-gallery .card.landscape-mode .video-btn + b {font-size: 1.15em; line-height: 1.2; bottom: 1.85em;}

#videos-gallery .modal .modal-dialog .modal-body {padding: 0 !important;}
#videos-gallery .modal .modal-dialog {max-width: 25em !important;}


#videos-gallery #imageSet {padding: 1em 0; max-width: 1000px; margin: 0 auto;}
#videos-gallery .card.with-elements {width: calc(100% - 2em); border: 0; margin: 1em 0 3em;  border-radius: 0; overflow: inherit;}
#videos-gallery .card.with-elements .card-body {display: flex;}
#videos-gallery .card.with-elements .card-body a {display: flex; width: 50%; max-height: 100%; margin: 0;}
#videos-gallery .card.with-elements .card-body a.lightboxTrigger {padding-right: 1.5em;}
#videos-gallery .card.with-elements .card-body a img.thumb {border: 1px solid #ddd;}
#videos-gallery .card.with-elements .card-body a.video-btn {padding-left: 1.5em; }
#videos-gallery .card.with-elements .card-body a.video-btn img {border: .5em solid #3e4146;}
#videos-gallery .card.with-elements .card-body a img {max-width: 100%; border-radius: 1.25em;}
#videos-gallery .card.with-elements .card-body a.bi-file-arrow-down-fill:before {
	position: absolute; top:50%; margin-top: -.25em; font-size: 3em; left: calc(50% - 1em); z-index: 99;
	content: ''; width: 1.5em; height: 1em; background-image: url("/img/blue-arrow.png"); background-position: center center; background-repeat: no-repeat;
	background-size: contain;
}
/*#videos-gallery .card.with-elements .video-btn:before {bottom: -3.5em; right: 1.5em;}
#videos-gallery .card.with-elements .video-btn:after {bottom: -1.75em; right: .65em}
*/
section>.container>h2 {display: flex; justify-content: space-between; align-items: center;}
section>.container>h2 span {margin-right: auto;}
section>.container>h2 span+a {margin-left: auto;}

#videos-gallery .card.with-elements .video-btn + b {left: inherit; right: 0; width: calc(50% - 1em);}


.ratio-9x16 {
    position: relative;
    width: 100%;
    padding-top: 177.78%; /* 100% / (9/16) */
}

p.small span[style*="background-color: yellow"], .promo_label span[style*="background-color: yellow"] {
    background-color: #ffee00 !important; color: #000; padding: 0 .1em;
}
.promo_label span[style*="background-color: yellow"] {
    padding: 0 .35em;
}

.social-share-bar:before {content: 'Diese Seite teilen:'; font-size: .85em; line-height: 2.75em;}
.social-share-bar {padding-top: .5em;}

.share-button i.bi {font-size: 1.35em;}
.share-button {
    padding: .5em; margin-left: .35em; border-radius: 3em;
    width: 2.5em; height: 2.5em; border:0 !important; color: #000;
    display: flex; align-items: center; justify-content: center;
    text-decoration: none; transition: opacity 0.3s;
}
.dark-theme .share-button {color: #fff;}


#page-share.copied {filter: grayscale(1);}
#page-share.copied:before {content: 'kopiert'; font-size: .75em; position: absolute; width: 100%; left: 0; top: -1.25em; opacity: 0; text-align: center; transition: all 1.5s ease-in-out;}
.light-theme #page-share:before {color: #555;}
#page-share.copied:before {
	-webkit-animation: aniCopied 2s normal forwards ease-in; animation: aniCopied 2s normal forwards ease-in; animation-iteration-count: 1; animation-delay: .2s;
}


@media all and (min-width:576px) {
	.voucher-btn {font-size: .85em;}
	.modal:not(.modalUserLogin) .modal-dialog {max-width: 55em;}
	.container {max-width: 100% !important;}
	.bestel .add-remove-item .promo_label, .bestel > div p.preorderOn {font-size:.65em; font-weight: 400;}
}
@media all and (min-width:660px) {
	.modal:not(.modalUserLogin) .modal-dialog {max-width: 55em;}
}
@media all and (min-width:769px) {
	.mini-basket .table-bordered td, .mini-basket .table-bordered th {font-size:.75em;}
	.mini-basket .btn {font-size:1.12em;}
	.confirm-userInfo .row div:nth-child(1) {text-align: right;}
	.social-share-bar {padding-bottom: .5em;}
	
	.voucher-list .form-check {display: inline-flex; flex-flow: column; width: 250px; padding-left: 0; margin-bottom: 2em;}
	.voucher-list .form-check label {width: 100%; margin: 0 .5em;}
	.voucher-list .form-check label strong {display: block;}
	.voucher-list .form-check label .img-fluid {margin: .5em auto 0; max-width: 100%;}
	.voucher-list .form-check .form-check-input {margin-left: -.25em;}

}
@media all and (min-width:990px) {

	.site-search .form-control {font-size: .75em !important; background-color: rgba(255,255,255,.2);}
	.lang-container {font-size: .65em;}
	.mobi-only {display: none;}
	.details .img-fluid {max-width: 520px;}
	.navbar-nav .dropdown {margin-left:1px;}
	#dropdownLogin+.dropdown-menu {min-width:15.5em;}
	.btn-lg {min-width:300px;}
	.details-view .in-cart-info {margin-left:1em; float:left; margin-top: .5em;}
	.details-view .in-details-view .add-remove-item {float:left;}
	.item-sizes {clear: both;}
	.custom-control.category-heading {left: -1em;}
	.cart-indicator {right:1em; padding: .3em 1em .35em .75em;}
	.bon-icons.cart-icon {transform: translateY(4px);}
	.card-view .listing-view .card {width: 18em; margin: .5em 1.5em;}

	#myBasketModal #box-indicator-msg {display: inline-block;
		width: 50%; float: right; padding: 0 0 .5em 2em; border-left: 1px solid #e6e6e6; margin-top: -1.5em;
	}
	
}
@media all and (min-width:991px) {
	.cart-indicator {background-color: #c00;}
	.artikel-btn .bon-icons.cart-icon {filter: grayscale(1) brightness(10); width: 22px; height: 20px;}
}


@media all and (min-width:1024px) {
	.card-view:not(.home) .ki-list-box .switch-to-listing>.row {display: inline-block; width: 50%; padding-right: 1em; float: left;}
	.ki-list-box.events-list .switch-to-listing>.row {margin: 1em .5em;}
	.card-view:not(.home) .ki-list-box.events-list .switch-to-listing>.row {width: calc(50% - 1.5em) !important; margin: .75em; }
	
	.ki-list-box .switch-to-listing>.row {margin: 0;}
	#left-col {position: static; width: 25%; float: left; box-sizing: border-box; padding-right: .5em;}
	#middle-col {width: 72%; float: right; box-sizing: border-box; padding-left: .5em;}
	#middle-col.details-view, #middle-col.full-view {width:100%; padding-right: .5em; padding-bottom: 1.5em;}
	.detailsPage #middle-col.details-view {padding-top: 0;}
	#filter-opener {display: none !important;}
	.modal.fade:not(.show).left .modal-dialog {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
	.myFilters .modal.fade .modal-dialog {-webkit-transform:translate(0); transform:translate(0);}
	.myFilters .modal-dialog {margin-top: 0; margin-bottom: 0;}
	.myFilters .modal {display: block !important; position: static !important; opacity:1 !important;}
	/*.default-view .bestel .add-remove-item + p {text-align: center;}*/
}
@media all and (min-width:1025px) {
	.hide-desktop {display: none;}
	footer a:hover {text-decoration:underline !important;}
}
@media all and (min-width:1280px) {
	/*--[Zoom css]--*/
	.img-zoom-container {position: relative; display: inline-block; height: 100%;}
	.img-zoom-container a {cursor: crosshair; display: block; height: 100%; width: 100%;}
	.img-zoom-lens {
		position: absolute; border: 1px solid rgba(255,255,255,.5); background-color: rgba(0,0,0,.15); opacity:0;
		/*lens size*/
		width: 4em; height: 4em;
	}
	.img-zoom-result {
		border: 1px solid #d4d4d4; opacity:0;
		position: absolute; left: 100%; top:0; z-index:0;
		/*zoom box size*/
		width: 30em; height: 30em; background-repeat: no-repeat; background-color:rgba(255,255,255,.95);
	}
	.show-zoom-box .img-zoom-result {z-index: 999;}
	.show-zoom-box .img-zoom-result, .show-zoom-box .img-zoom-lens {opacity:1;}
	/*--[/Zoom css]--*/
	.default-view .listItem {margin-bottom: 1em;}
	.default-view .details-btn {bottom: 2.2em; text-align: right;}
	.blog-post-type .card-view div.title-box {padding-right: 15px !important;}
}
@media all and (min-width:1320px) {
	.videoBox {width:1250px; height:auto;}
}
@media all and (min-width:1400px) {
	.container {max-width: 1470px !important;}
	#left-col {width: 20%;}
	#middle-col {width: 78%;}	
}

@media all and (min-width:1920px) {
	.navbar-brand {font-size: 1.3em !important;}
	.myFilters .form-check .btn-link, .myFilters .form-check i.fas {line-height: 1;}
	.form-control.textarea {
		height: calc(5.75em + 2px) !important;
	}
	.default-view .listItem .img-fluid {max-height: 14em;}
}

@media all and (max-width:1600px) {
	.zipHouse-fix .row>div .form-control {padding: 0.5em .5em !important;}
	.big-header h1 {font-size: 1.75em !important;}
	.card-view .listItem h2 {font-size:1.15em !important;}
	.tiny-view .listItem h2 {font-size:1.05em !important;}
}

@media all and (max-width:1400px) {
	.tiny-view .listing-view .add-remove-item+p {margin-right:0;}
}

@media all and (max-width:1280px) {
	.col-lg-6.fixRegFull, .col-md-6.time-stamp {flex: 0 0 100%; max-width: 100%;}
}

@media all and (max-width:1024px) {
	
	.card-view:not(.home) .ki-list-box .switch-to-listing>.row {width: 33.3%; display: block; float: left; margin: 0;}
	.card-view:not(.home) .ki-list-box.events-list .switch-to-listing>.row {width: calc(33.3% - 1em); margin: .5em;}
	
	
	.card-view:not(.home) .ki-list-box .switch-to-listing>.row .details {clear: both; padding-right: 1em; min-height: 8.5em;}
	.card-view:not(.home) .tools-special .switch-to-listing>.row .details {min-height: 11em;}
	.card-view:not(.home) .ki-list-box .switch-to-listing>.row h3.card-title {margin-bottom: .2em;}
	.card-view:not(.home) .ki-list-box .switch-to-listing>.row h4.card-title {margin-bottom: .3em;}
	.card-view:not(.home) .ki-list-box .switch-to-listing .more_content {-webkit-line-clamp: 2;}
	.card-view:not(.home) .ki-list-box .switch-to-listing .card-text {-webkit-line-clamp: 3;}
	.ki-list-box .switch-to-listing>.row.event_item .col>a {margin-bottom: .25em;}
	
	.navbar {font-size:.9em !important;}
	.myFilters {top: 6em;}
	.myFilters:before {
		content: ''; position: fixed; width: 100%;
		height: 2.5em; left: 0; top: 3.75em;
	}
	.home h1+section {padding-top: 0;}
	.hide-medium {display:none;}
}
@media all and (max-width:1023px) {
	.default-view .ki-list-box .switch-to-listing .more_content {
		overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
	}
	.default-view .tools-special .switch-to-listing .card-title {margin-bottom: .35em;}
	.ki-list-box .switch-to-listing .ar-date {font-size: .75em;}
	.ki-list-box .switch-to-listing .ar-date em {padding-left: .5em; margin-left: .5em;}
	
}
@media all {
	div.blog-post-type, div.pro-large-pic, div.info-promo-box, body.sid8002 #middle-col .col-lg-9 {flex: 0 0 100% !important; max-width: 100% !important;}
	div.pro-large-pic {padding-left: 0 !important;}
}

@media all and (max-width:990px) {
	.voucher-btn em {display: none;}
	.site-search .form-control {max-width: 7em;}
	
	body.detailsPage .blog-post-type #product-header.item-box {min-height: 50vh;}
	.listing-view .card-body {padding: .75rem 1.5rem;}
	body:not(.home) .navbar + section {padding-top: 4.5em;}
	
	.navTogglerOn #moveMobi-2  {position: absolute; top: .25em; left: 0;}
	.expandSearch #moveMobi-2 {
		width: calc(100vw - 10em) !important; padding: 0 1em 0 1.5em !important; text-indent: inherit;
		position: fixed; left: 5em; top: .5em; z-index: 999;
	}
	.expandSearch .site-search .form-control {max-width: 50em;}	
	.expandSearch .logo, .expandSearch .navbar-toggler, .expandSearch #moveMobi-3, .expandSearch #moveMobi-4, .expandSearch #moveMobi-2 .btn {opacity:.1;}

	.cart-indicator {left:.5em; top:2em; right: inherit; background-color: transparent; color:#fff; }
	.slimHeader .cart-indicator {top:1.25em;}
	.cart-indicator em {display: none;}
	.cart-indicator .artikel-btn {position: relative;}
	.cart-indicator .artikel-btn span, .filter-indicator span {
		position: absolute; background-color: #65a955;
		width: 1.25em; height: 1.25em; line-height: 1.25;
		font-size: .85em; text-align: center; border-radius: 1em;
	}
	.cart-indicator .artikel-btn span {background-color: #65a955; left: 2.25em; top: -.35em;}
	.filter-indicator span {background-color: #f29bb6; color: #000; left: .1em; top: .1em; opacity:0;}
	.filter-indicator span.active {opacity:1;}
	
	.cart-indicator .cart-icon {width: 30px; height: 24px;}

	.filter-indicator, .cart-indicator {line-height:2; text-transform: uppercase; font-size:.75em;}
	.filter-indicator .fas {line-height:2;}
	
	.detailsPage .bestel.in-details-view {padding: 1em !important;}
	.detailsPage .back-to-shop, .sid8002 .back-to-shop {position: relative; display: inline-block !important; right: 4.5em; top: .35em; text-transform: initial; border-width:1px; font-size:.9em;}
	.hide-mobi {display:none !important;}
	.hide-mobi+.dropdown-menu {display:block;}
	.navbar .dropdown-menu {padding: 1em;}
	.navbar-collapse .dropdown-menu {padding: .5em 0;}
	#left-col-floater {padding: .5em;}
	#left-col-floater>p.small {margin-bottom: .25em;}
	.listing-view .card {margin-bottom: 2em;}
	.card-view .listing-view .card {font-size:1.1em;}
	.lang-support {padding: 1em 2em;}
	.bestel .add-remove-item+p {text-align: center;}
	.in-details-view .bestel .add-remove-item+p {text-align: left;}
	.myBasket {top: .05em;}
	.slimHeader .myBasket {top: .05em;}
	.slimHeader .myFilters {top: 2.75em;}
	
	
	.navbar .dropdown {margin-top: 1px;}
	.navbar .dropdown-divider {display: none;}
	.navbar .navbar-collapse {margin-left: -.5em; margin-right: -.5em;}
	.navbar .navbar-collapse .nav-link {border-bottom:1px solid;}
	.navbar .navbar-collapse .nav-item:last-child .nav-link {border-bottom:0;}
	.navbar .dropdown-menu {margin: 0; border: 0;}
	.btn-lg {min-width:250px;}
	.details-btn {position:static; right:inherit; bottom:inherit; display: block; width: 100%; text-align: center; padding-top: .25em; margin-top: .5em;}
	.default-view .listItem .img-fluid {margin-bottom: .5em;}
	.details-btn .btn {min-width:250px !important;}
	.card-view .meine-list em, .tiny-view .meine-list em {display: inline-block !important;}
	
	.meine-list {margin-right: 0 !important;}
	#moveMobi-234-icons .dropdown-menu{border-radius:0;}
	#moveMobi-3 .dropdown-menu {min-width: 320px;}
	.navbar .dropdown-menu .dropdown-item {border-bottom:1px solid; padding: .45em 1.5em;}
	#moveMobi-234-icons .dropdown-menu .dropdown-item:last-child {border-bottom:0;}
	#moveMobi-234-icons>input {background-position: 14px center;}
	#moveMobi-234-icons>input, #moveMobi-234-icons>.dropdown>.btn {
		padding: 0 !important; width:3em !important; height:3em !important; border-radius:1.75em; margin: 0 !important;
	}

	#moveMobi-2 {display: none;}
	.navTogglerOn #moveMobi-2 {display: flex; position: fixed; font-size: 1.2em; left: 2em; top: .85em; z-index: 999;}
	.expandSearch #moveMobi-2 {
		width: calc(100vw - 5em) !important; padding: 0 1em 0 1.5em !important;
	}
	.expandSearch .site-search .form-control {max-width: 50em;}	
	
	.expandSearch .logo, .expandSearch .navbar-toggler, .expandSearch #moveMobi-3, .expandSearch #moveMobi-4, .expandSearch #moveMobi-2 .btn {opacity:.1;}
	#moveMobi-2::before, #moveMobi-3::before {
		position: absolute; left: 1em; top:.5em; z-index:99; color: #fff;
	}
	#moveMobi-234-icons>.dropdown>.btn {background-position: center center; background-repeat: no-repeat;}
	#moveMobi-234-icons .btn-link:hover {background-color: transparent!important;}
	
	.listing-view .card.display_full .listItem .col-lg-4, .listing-view .card.display_full .listItem .col-lg-8 {flex: 0 0 100%; max-width: 100%; text-align: center;}
	.table.basket_list {font-size: .75em !important;}
	.table.basket_list, .mini-basket .table-bordered {border-color: #dee2e6 !important;}
	.catalogBasket h2 {font-size: 1.15em !important; letter-spacing: .1em;}

}

@media all and (max-width:768px) {
	.lesson-ques .action-btns .btn.bi-file-pdf {margin-top: -1.5em;}
	.bestel .add-remove-item .bon-icons {right: 2.5em; top: .5em;}
	.bestel .add-remove-item > .bon-icons {right: 3em;}

	.card-view:not(.home) .ki-list-box .switch-to-listing>.row {width: 50%;}
	.card-view:not(.home) .ki-list-box.events-list .switch-to-listing>.row {width: calc(50% - 1em); margin: .5em;}
	.card-view .listing-view .card:not(.display-full) {max-width: 360px;}
	
	.navbar .navbar-collapse {position: relative;}
	
	.ki-list-box .main-item>a+.details {display: inline-table;}

	h1, .h1 {font-size: 1.35em !important;}
	h2, .h2 {font-size: 1.25em !important;}
	h3, .h3 {font-size: 1.15em !important;}
	h4, .h4 {font-size: 1.1em !important;}

	.custom-control-label:before, .custom-control-label:after {top: 0.65em !important;}
	.nextpage .navbar+div{margin-top:5em;}
	.nextpage .navbar .navbar-collapse {top:1em;}

	.modal .modal-body {padding-bottom: 4.5em;}
	.btnBox .btn {margin:.25em 0;}
	footer {position: static;}
	.copy-links a {max-width:initial;}

	section:not(.no-margin) {padding: .5em 0;}
	.test-mode+section:not(.no-margin) {padding-top: .5em !important;}
	.inlineart .card-title {text-align: center; margin-top: 1em;}	

	/*--[myBasket]--*/
	.myBasket, .myFilters {width: 100%;}
	.myBasket.showMyBasket {left:0; margin-left:0;}
	.myFilters.showMyFilters {right:0; margin-right:0;}
	.mini-basket .btn {display:inline-block; width: 300px; margin:.25em;}
	.bestel.in-details-view .add-remove-item {width:15em;}
	.bestel {margin-top:0;}
	
	.tiny-view .listing-view .item-box {flex: 0 0 40%; max-width: 40%;}
	.tiny-view .listing-view .title-box {flex: 0 0 60%; max-width: 60%;}
	.tiny-view .listing-view .bestel-box {flex: 0 0 100%; max-width: 100%; font-size:.9em;}
	.tiny-view .listing-view .bestel {flex: 0 0 100%; max-width: 100%; justify-content: flex-start !important; padding-top: 1em;}
	.tiny-view .listing-view .add-remove-item {width: 40%; float: left;}
	.tiny-view .listing-view .add-remove-item+p {width: 52%; margin: .35em 0 0 0; padding-left: 1em; box-sizing: border-box;}
	.tiny-view .listing-view .title-box h2 {font-size:1em !important; font-weight:400;}
	.tiny-view .listing-view img.img-fluid {margin-bottom: .5em;}
	
	.card.display_full .add-remove-item {float: none;}
	.card.display_full .add-remove-item+p {margin: 0 auto;}
	.promoCode.cBox {padding: 0 !important; background-color: inherit !important; color: initial !important;}
	
	.voucher-list .form-check {flex-flow: row-reverse; padding-left: 0;}
	.voucher-list .form-check .form-check-input {margin-top: -.5em;}
}


@media all and (max-width:680px) {
	.social-share-bar {font-size: .9em !important;}
	#videos-gallery .card.with-elements .card-body, #videos-gallery .card.with-elements .card-body a {display: inline-block !important; margin: 0 auto; position: relative; max-width: 320px; overflow: initial;}
	#videos-gallery .card.with-elements a {width: 320px !important; padding: 0 !important;}
	#videos-gallery .card.with-elements {width: calc(100% - 1.15em); height: auto !important; margin: 0 0 3em;}
	#videos-gallery .card.with-elements .card-body a.lightboxTrigger .bi-file-arrow-down-fill {padding-bottom: 1em !important;}
	#videos-gallery .card.with-elements .card-body a.video-btn {height: 320px; margin-top: 2em;}
	#videos-gallery .card.with-elements .card-body a.video-btn img {height: 100%;}
	#videos-gallery .card.with-elements .card-body a img.thumb {max-width: 280px;}
	#videos-gallery .card.with-elements .video-btn + b {width: 100%; left: 0; right: inherit; bottom: 2em;}
	#videos-gallery #imageSet>p{text-align: initial;}
	#videos-gallery .card.with-elements .video-btn:after {right: .5em; bottom: .5em;}
	#videos-gallery .card.with-elements .video-btn:before {right: 1.15em; bottom: 1em;}
	#videos-gallery .card.with-elements .card-body a.bi-file-arrow-down-fill:before {left: calc(50% - .75em); transform: rotate(90deg); top:100%; margin-top: -.55em;}
	
	.mainpage section > .container {padding-right: .5em; padding-left: .5em;}
	nav .breadcrumb {margin-bottom: 0; padding-bottom: .25em; border-radius: 0;}
	h1 {margin-bottom: .5em !important;}
	#videos-gallery {text-align: center;}
	.lesson-ques form .btn-lg {margin: 0 auto; display: block;}
}
@media all and (max-width:580px) {
	.switch-view {padding: .75em 0;}
	.redeem-sect .lead label {margin-left: 0;}
	.redeem-sect {padding-top: .25em;}
}

@media all and (max-width:480px) {
	
	.social-share-bar .share-button {margin-left: .35em; border-radius: 2em; width: 2.4em; height: 2.4em;}
	.social-share-bar:before {white-space: nowrap;}
	#videos-gallery .card.landscape-mode {width: 18em; height: 12em;}
	.card-view:not(.home) .ki-list-box .switch-to-listing {padding: .5em .25em;}
	
	.expandSearch #moveMobi-2 {width: calc(100vw - 2.5em) !important; left: 1.25em;}
	.cart-indicator .box-status span.small-box {width:2.5em;}
	.cart-indicator .box-status span.small-box i {width:.85em; height:.85em;}
	#moveMobi-3 .dropdown-menu {min-width: 250px;}
	
	#moveMobi-234-icons>input, #moveMobi-234-icons>.dropdown>.btn {
		width:2.5em !important;
	}
	#moveMobi-2 > .btn , #moveMobi-3 > .btn {background-size: 50%;}

	.home .navbar + h1 {background-color: #302930; margin-bottom: 0; text-transform: initial; font-weight: 600;}
	
	#to-old {margin-left: 0; padding:.5em .35em; font-size:.95em;}
	.cart-indicator {min-width:inherit;}
	#left-col-floater {padding-bottom: 2.5em;}
	.bestel.in-details-view .add-remove-item {width:13.5em;}
	.quick-shop-listing .bestel.in-details-view .add-remove-item {width:15em;}
	.myFilters.showMyFilters .btn-block {position: fixed; bottom: .1em; left: 0;}
	.rate-this {text-align: center; margin-top: 1em;}
	.thumbs-box {display: block; padding-top: 2.5em;}
	
	.breadcrumb {margin-bottom:0 !important; border-bottom: 1px solid rgba(53,198,172,0.25);}
	#tag-section hr.py-1 {margin: .5em 0;}
	#logout_display_container p>span.p-2 {display: inline-block; text-align: center;}

	.tiny-view .listing-view .item-box {flex: 0 0 30%; max-width: 30%;}
	.tiny-view .listing-view .title-box {flex: 0 0 70%; max-width: 70%;}
	.tiny-view .listing-view .bestel>div{margin: 0 auto; padding-bottom: .75em;}
	.tiny-view .listing-view .add-remove-item {width: 60%; float: none; margin: 0 auto;}
	.tiny-view .listing-view .add-remove-item+p {width: 100%; text-align: center; padding-left: 0;}
	
	.col-lg-6.fixRegFull {padding-left: 0 !important; padding-right: 0 !important; border:0 !important;}
	.col-lg-6.fixRegFull .form-group {margin-bottom: .5em;}
	.col-lg-6.fixRegFull .col-form-label {padding-left: 1.2em !important;}
	.col-lg-6.fixRegFull .form-control {font-size: 1em !important;}
	.confirm-userInfo .row {text-align: center;}
}
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape){
	/*.myBasket, .myFilters {top:4em;}*/
	.myBasket.showMyBasket, .myFilters.showMyFilters {top:1em;}
}