/*@import url("https://fonts.googleapis.com/css?family=Fira+Sans+Extra+Condensed:400,400i,500,700,700i");
@import url('https://fonts.googleapis.com/css?family=Satisfy&display=swap');*/
@import url('../basnrw/fonts.css');

body {font-weight:400;}
h1, h2, h3 {font-weight: normal;}
h4, b {font-weight: 700;}
h2.sepLine {position: relative; margin-bottom: 2em;}
h2.sepLine:after {position: absolute; content: ''; left:50%; bottom:-1em; margin-left:-2em; width: 4em; height:.15em; background-color: #000;}

body, h4, h3, #shop-list.listing-view>h2, .dropdown-menu .dropdown-item, .lead, b, .navbar .btn-link, .info-promo-box h2, .sid8002 h2  {font-family: 'FiraSansExtraCondensed-Regular', Arial, sans-serif;}
h1, h2, footer h4 {
	 margin-top:.5em; font-weight:bold;
}
h2, .big-header h1 {text-transform: uppercase;}

.quotes p, .quotes p:before, .quotes p:after, .big-header h1 span {font-family: rochester-pro, sans-serif;}
#shop-list.listing-view>h2 {font-weight: normal;}

.myBasket h2, .catalogBasket h2, .info-promo-box h2, .sid8002 h2 {text-transform:inherit; font-weight: normal;}
.btn, h4, h5, .dropdown-menu .dropdown-item, .lead {font-weight: 400;}
h1, h2, h3, h4, h5 {margin-bottom: 1em;}
h2+h3 {margin-top:-.5em; margin-bottom:1.75em;}
h2 {border-bottom: 1px solid; padding-bottom: .5em;}
.btn-link:focus, .btn-link.focus {text-decoration: none;}

.big-header {position: relative; height: calc(50vh); min-height: 40em;}
.big-header h1 {font-weight: bold; text-transform: uppercase; font-size: 2.75em !important; margin-bottom:0;}
.big-header h2 {font-size: 2.25em !important;}
.big-header h1 b, .big-header h1 i {padding:.15em .25em;}
.big-header h1 b {text-shadow:none; padding-right: .15em;}
.big-header h1 i {font-style: normal; padding-left: .15em;}
.big-header h1 span {display: block; font-weight: normal; text-shadow: 0 0 .75em rgba(255,255,255,.75);}
.big-header .btn-lg {font-size: 1.5em !important; border-radius:0; border:0 !important;}

.big-header .swiper-slide:before {position: absolute; left: 0; top:0; z-index:1; content:''; width:100%; height:100%; background-color: rgba(0,0,0,.45);}
.big-header .slide-info {position: relative; padding: 2em; z-index:10;}

.site-search.form-control {border:0; min-width: 264px;}
.site-search.form-control, footer .form-control:focus {color:#fff;}
.site-search::-webkit-input-placeholder, footer .form-control::-webkit-input-placeholder {color: #fff; opacity:.85;}
.site-search:-ms-input-placeholder, footer .form-control:-ms-input-placeholder {color: #fff; opacity:.85;}
.site-search::placeholder, footer .form-control::placeholder {color: #fff; opacity:.65;}

.btn .fa-search {font-size:.6em; vertical-align: text-bottom;}
.btn .fa-shopping-cart {font-size:.7em; margin-right: 3px; vertical-align: text-bottom;}

body {
	background-attachment: fixed; background-repeat: no-repeat; background-size: cover;
}
.bg_image_1 {background-image: url('/img/e/basic/basnrw/bkg1.jpg');}
.bg_image_2 {background-image: url('/img/e/basic/basnrw/bkg2.jpg');}
.bg_image_3 {background-image: url('/img/e/basic/basnrw/bkg3.jpg');}
.bg_image_4 {background-image: url('/img/e/basic/basnrw/bkg4.jpg');}
.bg_image_5 {background-image: url('/img/e/basic/basnrw/bkg5.jpg');}

.logo {
	position: relative; display: inline-block; z-index: 10; font-weight: bold; line-height: .2em; text-indent: -9999px;
	border: 0; background-position: center center; background-repeat: no-repeat; background-size: contain;
	background-image: url("/img/e/basic/basnrw/logo.png");
}

.nav-info {display: block; width: 100%; position: absolute; top: 0; padding: .5em; font-size: .75em; margin: 0 -.65em;}
.navbar {
	position: fixed; width: 100%; height:6em; padding:.25em .5em; padding-top:1.5em; box-shadow: -1px 1px 1px rgba(0,0,0,.1);
}
.navbar, .listing-view .card, body:not(.sid8000) nav+section .container {
	background-color: #fff;
}
.listing-view .card, body:not(.sid8000) nav+section .container {box-shadow: 0 0 15px -4px rgba(0,0,0,.18);}


footer {position: relative;}

.navbar.sticky-top:after {bottom: -14px;}

.navbar .btn-link, .navbar .form-control {position: relative;}
.navbar .btn-link { border-radius:.25em; font-size: 1.2em !important;}
.dropdown .btn-link {width: auto !important;}


section.bg-info, section.bg-info .container {position: relative; padding: 2em 0;}
.details-view hr+.row {position: relative; padding: 2em 0;}
.details-view h1 {border-bottom: 1px solid;}
section.bg-info .container .row {margin-left: 0 !important; margin-right: 0 !important;}

.modal-body .close:before, section.bg-info:after, section.bg-info:before, .listItem:before, .details-view hr+.row:before {
	content:''; position:absolute; top:0; height: 2.55em;
}
.modal-body .close:before, section.bg-info:after, section.bg-info:before, .listItem:before, .details-view hr+.row:before, 
.bon-icons {display: inline-block; background-position: center center; background-size: contain; background-repeat: no-repeat;}

section.bg-info:after, section.bg-info:before, .listItem:before, .details-view hr+.row:before, 

.listItem:before, .details-view hr+.row:before {z-index:0; filter: invert(1); opacity:.085;}

#middle-col.details-view .card-view>div.row:first-child {padding: 2em 0 2.25em; margin-top: 4px; margin-bottom: 1em;}

p img.float-right, p img.float-left {max-width: 450px;}

.neu-item {position: absolute; width: 3em; height: 3em; left:1em; top:.5em; z-index: 10;}
.tiny-view .neu-item {width: 2em; height: 2em;}

.detailsPage .neu-item {top: -.25em; width: 4em; height: 4em; right: .5em;}
.neu-item img {max-width: 100%;}
.card.display-full {width: auto !important; margin: -2.25em 0 1em !important; text-align: center; border-top-left-radius:0; border-top-right-radius:0; border-top: 5px solid rgba(255,255,255,.85) !important;}
.card.display-full p {font-size: 1.3em;}

.minimum-order {clear: both; text-align: center;}

/*--[SlimHeader]--*/
.slimHeader .navbar.sticky-top { background-color: rgba(255,255,255,.9); border-bottom: 1px solid #d3d2bc;}
.slimHeader .navbar.sticky-top:before {opacity:0; height: 4em;}
.slimHeader .navbar.sticky-top .navbar-nav {transform: translateY(0);}
.slimHeader .navbar .btn-link {font-size: 1.1em !important;}


.slimHeader .navbar.sticky-top .dropdown-menu {font-size:1em;}
.slimHeader .logo:hover {filter: drop-shadow(0 0 .2em rgba(0,0,0,.1));}

.unSetHeader .navbar {
	top:-22em;
	-webkit-animation: floatNav .5s normal forwards;
	animation: floatNav .5s normal forwards;
}

.setSlimHeader .navbar {
	top:-22em; padding-bottom: .5em;
	-webkit-animation: setfloatNav .75s normal forwards;
	animation: setfloatNav .75s normal forwards;
}

@-webkit-keyframes setfloatNav {
  0% {top: 0em;} 100% {top: -22em;}
}

@keyframes setfloatNav {
  0% {top: 0em;} 100% {top: -22em;}
}

.slimHeader .navbar {
	-webkit-animation: floatNav .75s normal forwards .15s;
	animation: floatNav .75s normal forwards .15s;
}

@-webkit-keyframes floatNav {
  0% {top: -22em;} 100% {top: 0;}
}

@keyframes floatNav {
  0% {top: -22em;} 100% {top: 0;}
}

.mainpage section {text-align: center;}
body:not(.mainpage) .navbar+section {padding-top: 9em;}
body:not(.mainpage) .navbar.sticky-top, .slimHeader .navbar.sticky-top {
	background-color: rgba(255,255,255,.9); border-bottom:1px solid #ebebeb;
}

.footer>section:last-child {border-top:1px solid rgba(0,0,0,.15);}
footer .navbar-nav .nav-link {margin:0 1em;}
footer .navbar-nav {
	-webkit-box-orient: horizontal; -webkit-box-direction: normal;
    -ms-flex-direction: row; flex-direction: row;
}
.footer-links a {margin-bottom:.5em;}

#followBox {text-align: center; padding-top: 2em;}
#followBox i.fab {font-size: 2.5em;}

.modal-header, .modal-footer {border-radius:0;}
.modal-header h5:first-child {padding-top:0 !important;}
.modal-header h5 {text-align: center; text-transform: uppercase; display: block; width: 100%;}

.quote-symbol {
	font-family: Georgia, serif; font-size: 2em; margin-bottom: .5em;
	display: inline-block; width: 1em; height:1em; line-height:1.5em; border-radius:50%; border: .045em solid #fff;
}

.demo-tv {position: absolute; bottom: 4em; right: 7em; z-index: 999;}
.demo-tv b {display: block; text-align: center; text-shadow: 0 0 .75em rgba(0,0,0,.65);}
.demo-tv a img {border: 2px solid #fff;}
.demo-tv a:hover img {box-shadow: 0 0 .75em rgba(0,0,0,.65);}
.demo-tv .fas {vertical-align: middle;}

.info-promo-box h2, .sid8002 h2 {margin-bottom: 0; padding: .25em 0;}
.info-promo-box .card {margin-bottom: 1em;}
.info-promo-box .card-title {margin-bottom: 0;}
.info-promo-box .card .btn {white-space: initial; height: auto !important; padding: .35em .5em !important; margin: .5em 0; background-color: #fff;}
.info-promo-box .card .btn:hover {color:#000;}
.info-promo-box .card .btn .far, .info-promo-box .card .btn .icon {font-size:1.5em; vertical-align: middle;}
.img-btn-in {width:50px; max-height: calc(100% - 1em) !important;; margin-right: .5em; float: left; border: 1px solid #ddd;}

.scroll-down {
	position: absolute; left: 50%; margin-left: -2em; bottom: 0; z-index: 999;
	width: 4em; height: 7em; background-image: url("/img/e/basic/basnrw/arrow-icon.svg");  background-size: 50%; background-position: center center; background-repeat: no-repeat;
	cursor: pointer; transform: rotate(-90deg); opacity: .75;

}
.scroll-down:hover {opacity:1;}

.auto-slides .swiper-slide div a, .listItem .item-box a:not(.rem-from-wlist) {display: inline-block; position: relative;}
img + .linkOnly {position: absolute; width: 100%; height:100%; top:0; left:0; background-color: rgba(255,255,255,.65); opacity:0;}
a:hover img + .linkOnly {opacity:1;}
img + .linkOnly > i {position: absolute; width: 4em; height: 4em; font-size: .75em; line-height: 4em; top:50%; left:50%; margin-left: -2em; margin-top: -2em; border-radius:2em; background-color: rgba(0,0,0,0.75); color: rgba(255,255,255,.75); opacity:.5; transform: rotate(-45deg);}
a:hover img + .linkOnly > i {width:5em; height: 5em; font-size: .8em; line-height: 5em; margin-left: -2.5em; margin-top: -2.5em; border-radius:3em; color: rgba(255,255,255,.9); opacity:.7; transform: rotate(45deg);}
.tiny-view a:hover img + .linkOnly > i {width: 3em; height: 3em; line-height: 3em; margin-left: -1.5em; margin-top: -1.5em;}
.auto-slides img + .linkOnly > i {font-size: 1.45em;}
.auto-slides a:hover img + .linkOnly > i {font-size: 1.5em;}
.linkOnly > i:before {display: inline-block;transform: rotate(-45deg);}


.detailsPage section.card-view {padding-top: 0;}
.detailsPage section.card-view>.row {position: relative;}
.detailsPage section.card-view .organic_logo {top: -.5em; right: inherit; left: 5em;}

.meine-list {display: none;}

footer h4 {margin-bottom: .5em; font-size:1.65em !important;}
footer .logo {position: static; margin-top: 1.5em; width:180px; height:180px; margin-left: 0 !important; margin-right: 0;}
.copy {
	padding: 1.5em 2em 1em; text-align: center;}
.copy, #shop-list.listing-view>h2 {
	background: #22303b;	
}



#shop-list.listing-view>h2 {position: relative; text-align: center; font-size: 2em !important; margin-top: .5em;}
#shop-list.listing-view>h2:after {content:''; position: absolute; width:2.5em; height:2em; right:.5em; top:.15em; background-size: contain; background-repeat:no-repeat; background-position: right center; z-index: 10;}
#shop-list.listing-view>h2.brand1:after {background-image: url("/img/e/shop/brand1.svg");}
#shop-list.listing-view>h2.brand2:after {background-image: url("/img/e/shop/brand2.svg");}
#shop-list.listing-view>h2.brand3:after {background-image: url("/img/e/shop/brand3.svg"); width:3em;}

.ebb-address + div {font-size: 1.65em;}
.ebb-address {margin-top: 2em;}

.newsletter form {max-width: 320px;}
.newsletter .btn {position: relative; z-index: 10;}
footer .form-control {font-size: 1.1em !important; border-radius: 0;}
.showing-boxes .cart-indicator .box-status {display: none;}
.border-bottom.border-lightgray {border-bottom-width: 0 !important;}

.newFooter>.container {position: relative; max-width: 1600px !important;}
.newFooter>.container img {width: 100%;}
.newFooter .start-bottom section {border-bottom: 0;}
div.alert {margin-top: 1em;}
.breadcrumb, .switch-view {display: none;}

@media all and (min-width:769px) {
	.logo {width: 130px; height: 110px;}
}
@media all and (min-width:990px) {
	.logo {top: 1.25em;}
	.menu-icon {
		border: transparent; text-indent: -999em; width: 60px;
		background-image: url("/img/e/basic/basnrw/menu-icon.svg"); background-repeat: no-repeat; background-position: center center; background-size: 55%;
	}
	.slimHeader .menu-icon {width: 50px;}
	.menu-icon:hover, .menu-icon:focus {background-color: rgba(0,0,0,1) !important;}
	.menu-icon:focus, .menu-icon.focus {box-shadow:none !important;}
	.demo-tv .fas {margin-left: .5em;}
	.col.breadcrumb {padding-left: 0 !important;}

	
}
@media all and (min-width:1024px) {
	.modal-header h5 {text-align: left;}
	.modal-header .close{
		left: inherit; right:.75em; top:.75em; margin-left:0;
	}
	.modal-header .close:before{
		width:3em; height:3em; left: 0;
		background-image: url("/img/e/basic/basnrw/close-icon.svg");
	}
	
	footer section {font-size:.9em;}
}
@media all and (min-width:1280px) {
	.listItem .prod-cat-icons {float:right; max-width:30%; padding-left: 1em;}
	.listItem .prod-cat-icons span {float:right;}

}
@media all and (min-width:1600px) {
	.logo {width: 180px; height: 130px; top: 1em;}
	.modal-header .close{right:1.75em; top:1.25em;}
	.boxes {padding-top: 1.2em;}
}
@media all and (min-width:1920px) {
	section.bg-info:before {height: 9em;}

}

@media all and (max-width:1400px) {
	.demo-tv img {width:12em;}
	footer .logo {margin-top: 0;}
}

@media all and (max-width:1024px) {
	footer .hide-desktop {margin-bottom: -.2em; width:100%;}
	p img.float-right, p img.float-left {max-width: 300px;}
}
@media all and (max-width:990px) {
	.slimHeader .lang-support, .slimHeader .location-support {display: none;}
	.big-header .swiper-slide {background-position: center center;}
	
	#navbarSupportedContent {
		position: fixed; height: 100%; width: 350px; right:-355px; top: 0; z-index: 99; 
		padding: 1em 0; border-radius:0; padding-top: 200px; display: block;
		transition: right .1s ease-out;
	}
	
	#navbarSupportedContent .navbar-nav .btn-link {display: block;  margin: 0; padding: .5em 2.25em; border-bottom: 1px solid #efefef; text-align: left; color:#fff; font-weight: normal;border-radius: 0;}

	.navbar {align-items: flex-start;}

	#moveMobi-234-icons {display: flex; position: absolute; top:1px; right: 82px; z-index: 9999;}
	.demo-tv {left: 50%; margin-left: -6em; top:35%; bottom: inherit; right: inherit;}
	.demo-tv .btn {min-width: auto !important; padding-left:.95em !important; padding-right:.95em !important;}
	.demo-tv .fas {top: -.1em; left: .1em; position: relative;}
	.demo-tv .btn span {display: none;}

	.navbar-light .navbar-toggler {
		position: absolute; width: 50px; height: 50px; top: 35px; right: 30px; z-index: 9999;
		border-color: transparent; outline: none;
		/*background-image: url("/img/e/basic/basnrw/menu-icon.svg");background-repeat: no-repeat; background-position: center center; background-size: 150%;*/
	}
	.navbar-toggler .navbar-toggler-icon {background-image: none !important; position: relative; width: 35px; height:3px; display: inline-block; border-radius:3px ;}
	.navbar-toggler .navbar-toggler-icon:after, .navbar-toggler .navbar-toggler-icon:before {
		position: absolute; content:''; width: 35px; height:.15em; left:0; border-radius:3px;
		transition: bottom .1s ease-out, background-color .15s ease;
	}
	.navbar-toggler .navbar-toggler-icon:after {top:10px;}
	.navbar-toggler .navbar-toggler-icon:before {bottom:10px;}
	
	.navTogglerOn .navbar:after {
		content:''; position: fixed; left:0; top:0; z-index: 1;
		width:100%; height:100%; background-color: rgba(0,0,0,.3);
	}
	.navTogglerOn .navbar-toggler .navbar-toggler-icon {background-color: rgba(255,255,255,0);}
	.navTogglerOn .navbar-toggler .navbar-toggler-icon:after, .navTogglerOn .navbar-toggler .navbar-toggler-icon:before {bottom: 0; top: 0;}
	.navTogglerOn .navbar-toggler .navbar-toggler-icon:before {transform: rotate(45deg);}
	.navTogglerOn .navbar-toggler .navbar-toggler-icon:after {transform: rotate(-45deg);}
	.navTogglerOn #navbarSupportedContent {right:0; transition: right .15s ease;}

	footer .col-md-6 {padding-bottom: 1em;}
	
}
@media all and (max-width:768px) {
	.modal-open footer .input-group {position: relative;}
	.modal-open footer .input-group:after{
		background-color: #000; opacity: .65;
		content:''; position: absolute; lef:0; top: 0; width:100%; height:100%;
	}
	
	.info-promo-box .card .btn {min-height: 3.35em;}

	footer {text-align: center;}
	footer .container {padding-right: .5em; padding-left: .5em;}
	footer .container .input-group .btn {border-radius: 0 !important;}
	footer .navbar-nav li {margin: auto;}
	section.bg-info:before {height: 5em;}
	section.bg-info:after {height: 3em;}
	.logo {width:100px; height: 100px; top: 0; }
	.newsletter {margin: 2em 0;}
	.newsletter form {margin: 0 auto;}
	
}

@media all and (max-width:620px) {
	.newsletter+div {text-align: center;}
	#shop-list.listing-view > h2 {font-size: 1.5em !important;}
	.card.display-full {margin: -1.5em 0 1em !important;}
	.card.display-full p {font-size: 1.1em;}
}
@media all and (max-width:575px) {
	.footer-links + .footer-links {padding-top: 0;}
	.listing-view .card .listItem div {text-align: center;}
}

@media all and (max-width:550px) {
	.logo {width: 86px; height: 78px; margin-left: 5px; top: 0;}
}
@media all and (max-width:480px) {
	footer .navbar-nav, .navbar-nav .dropdown-item {font-size: .8em;}
	h1 {font-size:1.5em;}
	h2, h3 {font-size:1.35em;}
	h4, h5 {font-size:1.25em;}
	.btn, .form-control {font-size:1.15em;}
	.demo-tv img {width:9em;}
	.navbar-light .navbar-toggler {right: 25px}
}

.thumb-margin-bottom {margin-bottom: 5px;}
.thumb-margin-right {margin-right: 5px;}

/*.breadcrumb, .switch-view, .sect-heading {display:none;}*/