*{
	-webkit-font-smoothing: antialiased;
}
body{
	color: #4A4A4A;
	min-width: 320px;
}

/*    Elements    */
a{
	color: #007aff;
	text-decoration: underline;
	cursor: pointer;
}
a:hover,
a:focus,
a:active{
	color: #0167D5;
	cursor: pointer;
}
h1{
	font-weight: 100;
	font-size: 36px;
	margin: 0 auto;
	line-height: 44px;
}
h2{
	font-weight: 200;
	font-size: 34px;
	margin: 0 auto;
}
h3{
	font-size: 24px;
	font-weight: normal;
	margin: 0 auto;
}
p{
	line-height: 23px;
}
hr{
	border-color: #C2C2C2;
	margin: 15px 0;
}
input,
select,
textarea{
	height: 36px;
	border: 1px solid #C2C2C2;
	border-radius: 3px;
	padding: 0 10px;
	background-color: transparent;
}
select{
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background: url("/assets/lib/shop/assets/images/triangles-select.svg") no-repeat center right 10px;
	text-indent: 0.01px;
	text-overflow: "";
	padding-right: 26px;
}
select::-ms-expand {
	display: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
textarea{
	height: 108px;
	padding: 7px 10px;
	resize: none;
}
input[type="radio"],
input[type="checkbox"]{
	height: auto;
	font-weight: normal;
	margin-right: 7px;
}

/*    Buttons    */
button, .button{
	min-height: 36px;
	border: 1px solid;
	background: transparent;
	border-radius: 3px;
	padding: 0 10px;
	text-decoration: none;
}
button.primary,
a.button.primary{
	border-color: #000000;
	background-color: #000000;
	color: #ffffff;
	text-transform: uppercase;
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
button.primary.visible:hover,
button.primary:not(.outOfStock):hover,
a.button.primary:hover{
	background-color: #000000;
	color: #ffffff;
	text-decoration: none;
}
button.primary.cart-button{
	background-color: transparent;
	color: #000000;
	border: 0;
	position: absolute;
	top: 15px;
	right: 15px;
}
button.primary.cart-button:hover{
	background-color: #000000;
	color: white;
}
button.primary:active:not(.cart-button){
	background-color: #000000;
	color: #ffffff;
}
button.primary.outOfStock{
	pointer-events:none;
}
button.primary.outOfStock:hover{
	background-color: transparent;
	color: #DA4444;
}
button.default,
.button.default,
a.button.default{
	border-color: #C2C2C2;
	color: #4A4A4A;
}
button.default:hover,
.button.default:hover,
a.button.default:hover{
	text-decoration: none;
	background-color: #F2F2F2;
}
a.button{
	line-height: 34px;
}
button.block{
	display: block;
	width: 100%;
}
button.pull-right{
	float: right;
}
button.pull-left{
	float: left;
}
.button-bar button,
.button-bar a.button{
	margin: 15px 0;
}
.btn-primary {
	background-color: #327bf6;
	border-color: #327bf6;
}
.container{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/*    Form    */
form > .row{
	margin-top: 15px;
}
.form-control{
	display: block;
	width: 100%
}
input.search{
	background: url(/assets/lib/shop/assets/images/search.svg) right 10px center no-repeat;
	padding-right: 42px;
}
.form-group{
	display: block;
}
.form-group a{
	cursor: pointer;
}
.form-group label{
	display: block;
	font-weight: bold;
	color: #4A4A4A;
}
.form-group label.radio{
	font-weight: normal;
	cursor: pointer;
	padding: 7px 0;
}
.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="password"],
.form-group textarea,
.form-group select{
	width: 100%;
}
div.form-group{
	margin-bottom: 10px;
}
form h3 + .row .form-group{
	margin-top: 15px;
}
.form-group.error label{
	color: #DA4444;
}
.row.error input,
.row.error textarea,
.form-group.error input,
.form-group.error textarea{
	border-color: #DA4444;
}
.form-group.error span{
	color: #DA4444;
}
/*    Table    */
table{
	width: 100%;
}
table th,
table td{
	padding: 15px;
	text-align: right;
	width: 1px;
}
table th{
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #C2C2C2;
	padding: 10px 15px;
	font-size: 12px;
	color: #A4A4A4;
	text-transform: uppercase;
}
table td{
	border-bottom: 1px solid #E5E5E5;
}
table thead tr th:first-child,
table tbody tr td:first-child{
	padding-left: 0;
}
table thead tr th:last-child,
table tbody tr td:last-child,
table tfoot tr td:last-child{
	padding-right: 0;
}
table tfoot tr td:last-child{
	padding-left: 0;
	min-width: 55px;
}
table p{
	margin: 0 auto;
}
table label{
	display: none;
}
table .product-opt{
	color: #A4A4A4;
}
table .product-image{
	width: 44px;
	height: 44px;
	background: center top no-repeat;
	background-size: contain;
}
table tfoot .cart-total{
	font-weight: bold;
}
/*Modal*/
.modal-header,
.modal-content,
.modal-footer {
	border: none;
}
.modal-header .close {
	font-weight: 100;
	font-size: 20px;
	outline: 0;
}
.modal-title {
	font-weight: 100;
	font-size: 36px;
	margin: 0 auto;
	line-height: 44px;
}
.modal-body {
	max-height: 75vh;
	overflow: scroll;
}
table.cart,
table.cart-payment{
	margin-top: 30px;
}
.cart-count {
	width: 60px;
}

shipping-costs-modal .modal-dialog {
	width: 70%;
}
/*    Cart    */
table.cart thead tr th:nth-child(2),
table.cart tbody tr td:nth-child(2),
table.cart-payment thead tr th:nth-child(2),
table.cart-payment tbody tr td:nth-child(2){
	text-align: left;
	width: auto;
}
table.cart tbody tr td:nth-child(3) {
	white-space: nowrap;
}
table.cart tfoot td,
table.cart-payment tfoot td{
	border: 0px;
	padding-bottom: 0;
}
table.cart .delete-icon-mobile{
	display: none;
}
.cart-increase,
.cart-decrease {
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	color: #4A4A4A;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
}

.hidden {
	display: none;
}
/*Shipping costs*/
.shipping-cost-table th,
.shipping-cost-table td {
	color: #666;
	font-size: 14px;
	border-top: none;
	text-transform: initial;
	text-align: left;
}
.shipping-cost-table thead tr th:first-child,
.shipping-cost-table tbody tr td:first-child {
	padding-left: 15px;
}
.nested-shipping-table td{
	border: none;
	word-break: break-all;
}

/*    Navigation    */
.navbar {
	padding-top: 30px;
	position: sticky !important;
  top: 0;
	left: auto;
	right: auto;
	width: 100%;
	background-color: rgba(255,255,255,1);
	border: none !important;
	border-radius: 0;
	z-index: 100;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	z-index: 1000;
}
.navbar-smaller {
  /*position: sticky !important;*/
  /*top: 0;*/
	padding-top: 18px;
	-moz-box-shadow:    0px 2px 4px 0px rgba(0,0,0,0.20);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.20);
	box-shadow:         0px 2px 4px 0px rgba(0,0,0,0.20);
}
.navbar-logo{
	width: 100%;
	text-align: center;
}
.navbar-logo > a img{
	max-height: 98px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.navbar-smaller .navbar-logo > a img{
	height: 36px;
}
.cart{
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.navbar-smaller .cart{
	margin-top: -36px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.navbar .infobanner{
	height: 36px;
	line-height: 36px;
	background-color: #F2F2F2;
	text-align: center;
	margin-top: -30px;
}
.navbar-smaller .infobanner{
	display: none;
}
.navbar .container{
	padding-top: 15px;
	position: relative;
}
.navbar-smaller .container{
	padding-top: 0px;
}
.navbar button.primary.cart-button{
	background-color: transparent;
	color: #000000;
	border: 0;
	position: absolute;
	top: 45px;
	right: 15px;
	z-index: 1;
}

.navbar button.primary.cart-button:hover{
	background-color: #000000;
	color: white;
}
.navbar-smaller button.primary.cart-button{
	top: 15px;
}

.navbar-smaller ul.navigation {
	border: none;
}
.nav{
	position: relative;
}
ul.navigation{
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-bottom: 15px;
	margin: 20px 15px 0;
	padding-left: 0;
	border-bottom: 1px solid #C2C2C2;
	min-height: 36px;
}
ul.navigation > li{
	float: left;
}
ul.navigation > li > a{
	padding: 10px 0px;
	margin: 0 15px;
	line-height: 36px;
	color: black;
	text-transform: uppercase;
	background-color: #ffffff;
	text-decoration: none;
}
/*ul.navigation > li:first-of-type > a{*/
/*	margin-left: 30px;*/
/*}*/
/*ul.navigation > li:last-of-type > a{*/
/*	margin-right: 30px;*/
/*}*/
ul.navigation > li > a:hover{
	-moz-box-shadow:    inset 0px -2px 0px 0px rgba(194,194,194,1);
	-webkit-box-shadow: inset 0px -2px 0px 0px rgba(194,194,194,1);
	box-shadow:         inset 0px -2px 0px 0px rgba(194,194,194,1);
	text-decoration: none;
}
ul.navigation > li.active > a{
	-moz-box-shadow:    inset 0px -2px 0px 0px rgba(225,225,225,1);
	-webkit-box-shadow: inset 0px -2px 0px 0px rgba(225,225,225,1);
	box-shadow:         inset 0px -2px 0px 0px rgba(225,225,225,1);
	text-decoration: none;
}
.navbar hr{
	margin: 0;
	margin-top: -18px;
}
.visible button{
	display: inline;
	background: url(/assets/lib/shop/assets/images/cart-icon.svg) 10px center no-repeat;
	cursor: pointer;
}
.visible button:hover{
	background: url(/assets/lib/shop/assets/images/cart-icon-active.svg) 10px center no-repeat #000000;
	color: #ffffff;
}
.navbar + .container{
	/*padding-top: 197px;*/
}

/*     Footer    */
footer{
	padding:15px 0;
	overflow: hidden;
	clear: both;
}
footer hr{
	margin-top: 15px;
	margin-bottom: 15px;
}
footer ul > li{
	float: left;
	list-style: none;
	margin-right: 30px;
}
footer ul > li > a{
	text-transform: uppercase;
	color: rgba(0,0,0,.5);
	text-decoration: none;
}
footer ul > li > a:hover{
	color: #4A4A4A;
	text-decoration: none;
}
footer .sharing{
	float: right;
}
footer .sharing > a > div{
	width: 32px;
	height: 32px;
	float: left;
}
footer .sharing > a + a > div{
	margin-left: 15px;
}
footer .sharing .facebook{
	background: url(/assets/lib/shop/assets/images/facebook-icon.svg);
}
footer .sharing .instagram{
	background: url(/assets/lib/shop/assets/images/instagram-icon.svg);
}
footer .sharing .twitter{
	background: url(/assets/lib/shop/assets/images/twitter-icon.svg);
}
footer .paymash-banner{
	text-align: center;
	padding: 15px 0;
}
footer .newsletter {
	text-align: right;
	padding-top: 15px;
}
footer .newsletter input {
	outline: none;
	font-size: smaller;
	border-radius: 3px 0 0 3px;
	vertical-align: top;
}
footer .newsletter .btn {
	font-size: smaller;
	border-radius: 0 3px 3px 0;
}

footer .payments-systems {
	padding-top: 23px;
	padding-bottom: 23px;
}
footer .paymash-banner a{
	text-decoration: none;
}
footer .paymash-banner p{
	margin: 15px;
	font-size: 10px;
	color: #DBDBDB;
}
footer .payment-item{
	width: 40px;
	height: 28px;
	margin-right: 10px;
	background: center no-repeat;
	float: left;
}
footer .payment-postfinance{
	background-image: url("/assets/lib/shop/assets/images/payment-postfinance.svg");
}
footer .payment-visa{
	background-image: url("/assets/lib/shop/assets/images/payment-visa.svg");
}
footer .payment-mastercard{
	background-image: url("/assets/lib/shop/assets/images/payment-mastercard.svg");
}
footer .payment-paypal {
	background-image: url("/assets/lib/shop/assets/images/payment-paypal.svg");
}
footer .payment-maestro {
	background-image: url("/assets/lib/shop/assets/images/payment-maestro.svg");
}
footer .payment-giftcard {
	background-image: url("/assets/lib/shop/assets/images/payment-giftcard.svg");
}
footer .payment-banktransfer {
	background-image: url("/assets/lib/shop/assets/images/payment-banktransfer.svg");
}
footer .payment-americanexpress {
	background-image: url("/assets/lib/shop/assets/images/payment-americanexpress.svg");
}
footer .payment-generic_cc {
	background-image: url("/assets/lib/shop/assets/images/payment-allcreditcards.svg");
}
footer .payment-prepay {
	background-image: url("/assets/lib/shop/assets/images/payment-advancepayment.svg");
}
/* Footer Paymash Branding */
footer a.paymash-branding{
	width: 44px;
	height: 44px;
	background-color: transparent;
	box-shadow: inset 0px 0px 0px 1px rgba(127,127,127,1);
	border-radius: 44px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding: 7px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
	display: block;
	margin: auto;
}
footer a.paymash-branding:hover{
	width: 126px;
	background-color: #7F7F7F;
	box-shadow: inset 0px 0px 0px 1px rgba(127,127,127,0);
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
footer a.paymash-branding .paymash-p{
	background: url(/assets/lib/shop/assets/images/p-branding-outline.svg) no-repeat center;
	width: 30px;
	height: 30px;
	float: left;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
}
footer a.paymash-branding:hover .paymash-p{
	background: url(/assets/lib/shop/assets/images/p-branding-filled.svg) no-repeat center;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
footer a.paymash-branding .seperator{
	height: 24px;
	margin-top: 3px;
	width: 1px;
	background-color: white;
	float: left;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
	opacity: 0;
}
footer a.paymash-branding:hover .seperator{
	opacity: .15;
}
footer a.paymash-branding label{
	color: #ffffff;
	font-size: 10px;
	margin-right: 10px;
	opacity: 0;
	margin-bottom: 0;
	margin-left: 10px;
	float: left;
	text-overflow:clip;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
footer a.paymash-branding:hover label{
	opacity: 1;
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;

}
footer a.paymash-branding .paymash-logo-small{
	width: 55px;
	height: 14px;
	background: url(/assets/lib/shop/assets/images/paymash-logo-branding.svg) no-repeat center;
	float: left;
	margin-left: 10px;
	margin-top: 3px;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
footer a.paymash-branding:hover .paymash-logo-small{
	opacity: 1;
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
}

/*    Content    */
.content-wrapper{
	padding: 15px 0;
}
.content-wrapper div[class*="col-"]{
	position: relative;
	overflow: hidden;
}
.content-wrapper img.image-only{
	border-radius: 3px;
	width: 100%;
	position: relative;
}
.layout-3 div[class*="col-"]:nth-child(3){
	padding-top: 30px;
}

.layout-3 div[ng-reflect-ng-switch="videos"]:nth-child(3){
	padding-top: 17px;
}

.layout-1 p,
.layout-1 h2,
.layout-2 p,
.layout-2 h2,
.layout-3 h2,
.layout-3 p{
	text-align: center;
}
.content-wrapper .col-sm-4 h2,
.content-wrapper .col-xs-6 h2,
.content-wrapper .col-sm-6 h2{
	font-size: 24px;
}
.image-text{
	position: absolute;
	bottom: 15px;
	left: 30px;
	right: 30px;
}
.image-text h2,
.image-text h2 + p{
	margin: 0 auto;
	text-overflow:ellipsis;
	color: #4A4A4A;
	line-height: 1.1;
}
.image-text h2 + p {
	margin-top: 10px;
}
.content-wrapper .image-only + .image-background-gradient + h2{
	bottom: 30px;
}
.content-wrapper .image-only + .image-background-gradient + h2 + p{
	bottom: 10px;
}
.image-background-gradient{
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: none;
}

.image-background-white-shadow{
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;

	background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0px,rgba(255,255,255,0) 130px,rgba(255,255,255,0) 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0px,rgba(255,255,255,0) 130px,rgba(255,255,255,0) 100%);
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0px,rgba(255,255,255,0) 130px,rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0px,rgba(255,255,255,0) 130px,rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to top, rgba(255,255,255,0.75) 0px,rgba(255,255,255,0) 130px,rgba(255,255,255,0) 100%);
}
.content-wrapper hr{
	margin: 0 auto;
}
.content-wrapper .sizeLimit{
	text-align: center;
}
.content-wrapper .sizeLimit img.image-only{
	width: auto;
	max-width: 100%;
	max-height: 600px;
}

/*   Breadcrump   */
.breadcrumb{
	margin: 0 auto;
	padding: 0;
}
.breadcrumb > li > a{
	color: #4A4A4A;
	text-decoration: none;
}
.breadcrumb > li{
	display: inline-block;
	list-style: none;
	padding: 8px 0px;
}
.breadcrumb > li + li:before{
	padding: 0 5px;
	color: #ccc;
	content: "/\00a0";
}

/*    Shelf    */
.shelf{
	display: block;
	/*margin-left: -15px;
    margin-right: -15px;*/
	margin-top: -15px;
	height: auto;
	min-height: 300px;
}
.shelf .product {
	position: relative;
	padding: 15px 0;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.shelf .product:nth-child(3n+2) {
	/*clear: left;*/
}

.shelf .wrapper-category-img {
	position: relative;
}
.shelf .category{
	background-position: center;
	background-size: cover;
	height: 194px;
	border-radius: 3px;
	margin-top: 15px;
}
.shelf .category .image-background-gradient + h2{
	bottom: 25px;
}
.shelf img{
	width: 100%;
	border-radius: 3px;
}
.shelf a,
.product-details a{
	text-decoration: none;
}
.shelf p,
.product-details > .row > a.product > .product-desc p{
	text-align: center;
	margin: 0 auto;
	text-decoration: none;
	color: #4A4A4A;
	font-size: 14px;
}
.shelf .product-desc{
	height: 82px;
}
.shelf .end {
	clear: both;
	font-size: 10px;
	padding: 5px 0;
  margin-top: 50px;
}
.shelf .image,
.shelf .second-image {
	padding-bottom: 100%;
	margin: 0 15px;
	position: relative;
	background: no-repeat center;
	background-size: contain;
	overflow: hidden;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.shelf .second-image {
	position: absolute;
	top: 15px;
	right: 0px;
	left: 0px;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	-ms-filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
}

.product-hover:hover .second-image {
	-khtml-opacity: 1;
	-moz-opacity: 1;
	-ms-filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	opacity: 1;
}

.product-hover:hover .image {
	-khtml-opacity: 0;
	-moz-opacity: 0;
	-ms-filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
}
.shelf .image > img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
}

.select-image > div{
	width: 100%;
	padding-bottom: 100%;
	position: relative;
	background: no-repeat center;
	background-size: cover;
}

p.name{
	margin-top: 14px !important;
}
p.price{
	margin-top: 2px;
	font-weight: bold;
}
.product .prices{
	display: block;
	text-align: center;
}
.prices p{
	display: inline-block;
}
p.was-price{
	margin-top: 2px;
	text-decoration: line-through;
}
p.price{
	margin-top: 2px;
	font-weight: bold;
}
p.was-price + p.price{
	color: #DA4444;
}
.product-desc .manufacturer{
	color: #A8A8A8;
	margin-top: 14px;
}
.product-desc .manufacturer + p.name{
	margin-top: 0 !important;
}
.badge{
	position: absolute;
	padding: 3px 8px;
	width: 100%;
	text-align: center;
	top: 0;
	right: 0;
	border-radius: 3px;
	color: rgba(74,74,74,1);
	/*border: 1px solid rgba(0,0,0,.2);*/
	background-color: rgba(255,255,255,.8);
	-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);
	-webkit-transform-origin: 40% 20%;-moz-transform-origin: 40% 20%;-ms-transform-origin: 40% 20%;-o-transform-origin: 40% 20%;transform-origin: 40% 20%;
	margin-right: -45%;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.badge + .badge{
	top: 36px;
}
.badge-sale{
	color: rgba(255,255,255,.9);
	background-color: rgba(218,68,68,.8);
	/*background-color: rgba(255,255,255,.8);*/
}
.badge-new{
	color: rgba(255,255,255,.9);
	background-color: rgba(64,156,255,.8);
	/*background-color: rgba(255,255,255,.8);*/
}
.badge-outOfStock{
	color: rgba(0,0,0,.8);
	background-color: rgba(200,200,200,.8);
	/*background-color: rgba(255,255,255,.8);*/
	display: none;
}

.content-container {
	padding-top: 15px;
}

/*    Sidenavigation    */
.sidenav > ul{
	margin-top: 30px;
}
.sidenav ul{
	padding-left: 0;
	list-style: none;
}
.sidenav ul li {
	margin: 0;
	overflow: hidden;
}
.sidenav a{
	text-decoration: none;
	overflow: hidden;
	color: #333333;
}
.sidenav ul ul li {
	padding-left: 30px;
	position: relative;
}
.sidenav ul li:not(.leaf) > .toggle{
	float: left;
	background: url(/assets/lib/shop/assets/images/tree-arrow.svg) 6px 10px no-repeat;
	width: 30px;
	height: 36px;
	margin-right: -30px;
	margin-bottom: -36px;

	-webkit-transition: opacity .2s .2s;
	-moz-transition: opacity .2s .2s;
	-o-transition: opacity .2s .2s;
	transition: opacity .2s .2s;
}
.sidenav ul li.open:not(.leaf) > .toggle {
	background: url(/assets/lib/shop/assets/images/tree-arrow-closed.svg) 6px 13px no-repeat;
}
.sidenav ul li a {
	display: block;
	padding: 8px 0px 8px 30px;
}
.sidenav ul li.leaf a{
	background-image: none;
}
.sidenav ul li a.active{
	font-weight: bold;
	background-color: #F2F2F2;
	border: 1px solid #D9D9D9;
	border-radius: 4px;
}
.sidenav ul ul > a > li{
	padding-left: 30px;
}
.sidenav li ul li a {
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	overflow: hidden;
}
.sidenav li.open ul > li > a {
	opacity: 1;
}
.sidenav li:not(.open) ul a {
	height: 0 !important;
	opacity: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.sidenav li:not(.open) ul .toggle {
	opacity: 0;
	-webkit-transition: opacity .1s;
	-moz-transition: opacity .1s;
	-o-transition: opacity .1s;
	transition: opacity .1s;
}
.sidenav li.link-nav{
	padding-left: 0;
	background-image: none;
}

/*   Product Detail    */
.product-details{
	padding-top: 0px;
}
.product-details img{
	width: 100%;
	border-radius: 3px;
}
.product-details h1{
	margin-bottom: 6px;
	margin-top: -9px;
}
.product-details p.desc{
	padding: 10px 0;
	margin: 0;
}
.product-details p.pre{
	white-space: pre-wrap;
}
.product-details .manufacturer{
	font-size: 24px;
	margin: 7px 0;
	color: #A8A8A8;
}
.product-details button.primary.block{
	margin: 15px 0;
}
.product-details .prices p.was-price{
	padding-top: 7px;
}
.product-details .prices p.price{
	padding-bottom: 7px;
	padding-top: 7px;
}
.product-details .prices p.was-price + p.price{
	padding-bottom: 7px;
	padding-top: 0;
}
.product-details p.price-big{
	font-weight: normal;
	font-size: 24px;
}
.product-details p.price,
.product-details p.was-price{
	font-weight: normal;
	font-size: 24px;
	display: block;
	margin: 0;
}
.product-details #optionSelection{
	margin-top: 10px;
}
.product-details .shelf p.price {
	font-size: 14px;
	font-weight: bold;
}
.product-details .shelf p.was-price{
	font-size: 14px;
}
.product-details .product-sharing{
	padding-top: 10px;
	padding-bottom: 15px;
}
.product-details .product-sharing div{
	background: center no-repeat;
	width: 32px;
	height: 32px;
}
.product-details .product-sharing .facebook{
	background-image: url("/assets/lib/shop/assets/images/product-sharing-facebook.svg");
}

/*    Slider    */
#product-image-slider{
	margin-left: -5px;
	margin-right: -5px;
	width: auto;
}
#product-image-slider .owl-item img{
	padding:5px;
	display: block;
	width: 100%;
	height: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.slider .prev,
.slider .next{
	position: absolute;
	top: 50%;
	bottom: 0;
	cursor: pointer;
	z-index: 999;
	height: 100px;
	margin-top: -50px;
	width: 23px;
	background-color: rgba(0,0,0,.5);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.slider .prev{
	left: 0px;
	background: url(/assets/lib/shop/assets/images/slider-prev.svg) no-repeat center;
}
.slider .next{
	right: 0px;
	background: url(/assets/lib/shop/assets/images/slider-next.svg) no-repeat center;
}
.slider .prev:hover,
.slider .next:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.owl-pagination{
	text-align: center;
}
.owl-pagination .owl-page{
	width: 8px;
	height: 8px;
	display: inline-block;
	margin: 4px;
}
.owl-pagination .owl-page span{
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background-color: rgba(0,0,0,0.33);
	display: block;
}
.owl-pagination .owl-page.active span{
	background-color: #000000;
}

/* fancy */
.fancybox-nav span{
	height: 100px;
	width: 23px;
	margin-top: -50px;
}
.fancybox-prev span{
	background: url("/assets/lib/shop/assets/images/slider-prev.svg") no-repeat center;
	left: 0;
}
.fancybox-next span{
	background: url("/assets/lib/shop/assets/images/slider-next.svg") no-repeat center;
	right: 0;
}
.fancybox-close{
	background: url("public/lib/shop/images/x-icon.svg") no-repeat;
	width: 13px;
	height: 13px;
	top: 12px;
	right: 12px;
}
.fancybox-skin{
	padding: 30px !important;
	background: #fff;
}

/* Zoom */
.image {
	position: relative;
}
.image .zoom {
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 0;
	right: -1px;
	background: #fff;
	z-index: 2;
	background-size: 200%;
	background-repeat: no-repeat;
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s, visibility .2s;
	pointer-events: none;
}

.image:hover .owl-carousel + .zoom:not(.init),
.image:hover .prev:not(:hover) + .next:not(:hover) + .zoom:not(.init) {
	visibility: visible;
	opacity: 1;
}

/*    Thumbnail    */
.thumbnails{
	width: 100%;
	height: 44px;
	overflow: hidden;
	margin: 15px -7px;
	position: relative;
}
.thumbnails .thumbnail-item{
	float: left;
	width: 44px;
	height: 44px;
	border: 1px solid #E2E2E3;
	border-radius: 3px;
	margin: 0 0 0 7px;
	background-size: 100%;
}
.thumbnails .thumbnail-item.active,
.thumbnails .thumbnail-item.active:hover{
	border-color: #C2C2C2;
}
.thumbnails .thumbnail-item:hover{
	background: rgba(0,0,0,0.05);
	border: 1px solid rgba(0,0,0,0.10);
}
.thumbnails .gradient{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: -o-linear-gradient(left, rgba(255,255,255,0.90) 0px,rgba(255,255,255,0) 200px,rgba(255,255,255,0) 100%);
	background-image: -moz-linear-gradient(left, rgba(255,255,255,0.90) 0px,rgba(255,255,255,0) 200px,rgba(255,255,255,0) 100%);
	background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.90) 0px,rgba(255,255,255,0) 200px,rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(left, rgba(255,255,255,0.90) 0px,rgba(255,255,255,0) 200px,rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to left, rgba(255,255,255,0.90) 0px,rgba(255,255,255,0) 200px,rgba(255,255,255,0) 100%);
}

/*    Buttons    */
.opt-select{
	margin-left: -7px;
	margin-right:-7px;
}
.opt-select .button{
	border: 1px solid #C2C2C2;
	min-width: 32px;
	min-height: 32px;
	height: 32px;
	line-height: 32px;
	color: #4A4A4A;
	margin: 0px 7px 14px 7px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.opt-select .button:hover{
	background-color: #F2F2F2;
}
.opt-select .button.outOfStock{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: .2;
}
.opt-select .button.outOfStock:hover{
	background-color: transparent;
}
.opt-select .button.selected:not(.outOfStock){
	background-color: #D8D8D8;
}
.opt-select label{
	padding: 0px 7px;
}
.opt-select {
	overflow: hidden;
}
.opt-select a {
	transition: margin .2s .0s, padding .2s .0s, min-width .2s .0s, max-width .2s .0s, opacity .1s .2s, visibility .1s .2s;
	max-width: 240px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	float: left;
	margin-right: 6px;
	opacity: 1;
}
.opt-select a.notDefined {
	transition: margin .2s .1s, padding .2s .1s, min-width .2s .1s, max-width .2s .1s, opacity .1s, visibility .1s;
	visibility: hidden;
	opacity: 0 !important;
	max-width: 0;
	min-width: 0;
	padding-left: 0;
	padding-right: 0;
	margin-left: -2px; /*compensate for border*/
	margin-right: 0;
}
.opt-select a.outOfStock {
	opacity: .7;
	position: relative;
}

.opt-select a.outOfStock:after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 2px;
	right: 2px;
	border-top: 1px solid #000000;
	z-index: -1;
}

.add-to-cart.disabled {
	opacity: .2;
}
.add-to-cart.outOfStock {
	color: #DA4444;
	border-color: #DA4444;
	background-color: transparent;
}
.add-cart{
	height: 44px;
}
button.no-variant-selected {
	text-transform: uppercase;
	color: #ffffff;
	pointer-events:none;
	border: 1px solid rgba(0, 0, 0, .2);
}
/*    Checkout    */
.progress-indicator{
	margin: 0 auto;
	width: auto;
	text-align: center;
	margin-top: 30px;
	padding-left: 0;
}
.progress-indicator > li{
	width: 140px;
	margin: 0 auto;
	display: inline-block;
	text-align: center;
	margin: 0 8px;
}
.progress-indicator > li > p{
	margin: 0 auto;
	margin-top: 15px;
}
.progress-indicator > li > .icon{
	width: 43px;
	height: 43px;
	border: 1px solid #007aff;
	border-radius: 43px;
	margin: 0 auto;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
	opacity: 0.5;
	background: no-repeat center;
}
.progress-indicator > li > .icon.active{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1;
}
.progress-indicator > li > .icon.visited{
	background-color: rgba(0,122,255,.1);
}
.progress-indicator > li > .icon.confirm{
	background-image: url(/assets/lib/shop/assets/images/confirmation.svg);
}
.progress-indicator > li > .icon.payment{
	background-image: url(/assets/lib/shop/assets/images/payment.svg);
}
.progress-indicator > li > .icon.shipping{
	background-image: url(/assets/lib/shop/assets/images/shipping.svg);
}
.confirmed-field{
	margin-top: 5px;
	padding: 15px;
	border-radius: 3px;
	background-color: #F2F2F2;
	border: 1px solid #C2C2C2;
	position: relative;
}
.confirmed-field p{
	margin: 0 auto;
}
.confirmed-field p + p{
	margin-top: 8px;
}
.confirmed-field a{
	position: absolute;
	top: 15px;
	right: 15px;
}

.success-icon,
.error-icon{
	height:88px;
	width: 88px;
	margin: 0 auto;
	background: url(/assets/lib/shop/assets/images/success.svg) center no-repeat;
	margin-top: 30px;
}
.error-icon{
	background: url(/assets/lib/shop/assets/images/error.svg) center no-repeat;
}
.success-icon ~ p,
.error-icon ~ p{
	text-align: center;
}
.success-icon + .row button
.error-icon + .row button{
	margin: 0 auto;
	display: block;
}

/* Toast */
.toast-top-center-webshop {
	top: 12px;
	right: 0;
	width: 100%;
	pointer-events: none;
}
#toast-container > div{
	background-repeat: no-repeat;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #000000;
	border: 1px solid #000000;
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	width: auto;
}
#toast-container.toast-top-center-webshop > div {
	width: 300px;
	margin: auto;
}
.toast-success {
	background-color: rgba(255,255,255,1);
}
#toast-container > .toast-success{
	background-image: url("/assets/lib/shop/assets/images/success-message.svg")!important;
}
.toast-info {
	background-color: #fae5e5;
}
.toast-error {
	background-color: rgba(255, 24, 24, 1);

}
#toast-container > .toast-info{
	background-image: url("/assets/lib/shop/assets/images/success-message.svg")!important;
}
/* styles for side mobile menu*/
body, body.sidr-open {
	left: 0 !important;

}
body #wrapper {
	-webkit-transition: all 0.15s ease-in;-moz-transition: 0.15s ease-in;transition: 0.15s ease-in;
}
body.sidr-open #wrapper{
	-webkit-transform: translate3D(260px,0px,1px);
}
#close-menu {
	width: 100%;
	height: 44px;
	line-height: 44px;
	display: block;
	color: #fff;
	padding: 0 15px;
	text-decoration: none;
	background: #989898;
}
#open-menu {
	display: none;
	left: 0;
	top:0;
	position: absolute;
	cursor: pointer;
	font-size: 23px;
	color: #fff;
	opacity: 1;
	height: 111px;
	padding: 48px 15px 0 15px;
	z-index:10000;
	-webkit-backface-visibility: visible !important;
}
#open-menu span {
	background: #000;
	display: block;
	width: 30px;
	height: 3px;
	-webkit-transition: -webkit-transform 200ms cubic-bezier(0.63, 0.62, 0.48, 1.64);-moz-transition: -moz-transform 200ms cubic-bezier(0.63, 0.62, 0.48, 1.64);-ms-transition: -ms-transform 200ms cubic-bezier(0.63, 0.62, 0.48, 1.64);-o-transition: -o-transform 200ms cubic-bezier(0.63, 0.62, 0.48, 1.64);transition: transform 200ms cubic-bezier(0.63, 0.62, 0.48, 1.64);
}
#open-menu .top, #open-menu .meat {
	margin-bottom: 4px;
}
#open-menu .meat {
	-webkit-transition: opacity 300ms ease-in-out 0ms;-moz-transition: opacity 300ms ease-in-out 0ms; -ms-transition: opacity 300ms ease-in-out 0ms; -o-transition: opacity 300ms ease-in-out 0ms; transition: opacity 300ms ease-in-out 0ms;
}
/* side nav*/
.sidr {
	background: #2b2d2f;
	box-shadow: none !important;
	-webkit-transition: all 0.15s ease-in;-moz-transition: 0.15s ease-in;transition: 0.15s ease-in;
}
.sidr.left {
	left: 0 !important;
	-webkit-transform: translate3D(-260px,0px,1px);
}
.sidr-open .sidr {
	left: 0 !important;
	-webkit-transform: translate3D(0px,0px,1px);
}

.sidr ul li {
	border-bottom: 1px solid #4c4e4f;
	border-top: none;
	line-height: 44px;
	font-size: 14px;
	position: relative;
}
.sidr ul {
	border: none;
	margin: 0;
}
.categories-nav {
	background: #36383a;
}
.sidr ul li a {
	color: #d4d5d5;
}
.sidr ul li ul li {
	line-height: 44px;
}
.sidr ul li ul li:first-child {
	border-top: 1px solid #4c4e4f;
}
.categories-nav ul li.parent > .toggle{
	background: url(/assets/lib/shop/assets/images/tree-arrow-white.svg) 18px 14px no-repeat;
	width: 44px;
	height: 44px;
	margin: 0;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	-webkit-transition: opacity .2s .2s;
	-moz-transition: opacity .2s .2s;
	-o-transition: opacity .2s .2s;
	transition: opacity .2s .2s;
}
.categories-nav ul li.parent.open > .toggle {
	background: url(/assets/lib/shop/assets/images/tree-arrow-closed-white.svg) 14px 18px no-repeat;
}
.categories-nav ul li.parent ul {
	background: #414244;
}

.categories-nav  li ul li {
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	overflow: hidden;
}
.categories-nav  li:not(.open) ul li {
	max-height: 0 !important;
	opacity: 0 !important;
	border: none;
}
.sidr ul li ul li a, .sidr ul li ul li span {
	padding-left: 25px;
}
.sidr ul li.open > a, .sidr ul li.active > a {
	font-weight: bold;
	color: #fff;
}
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
	border-top: none;
	line-height: 44px !important;
	box-shadow: none !important;
}
.sidr ul li:hover>a, .sidr ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span {
	box-shadow: none !important;
}

.sidr .search form {
	margin: 0;
}

.sidr .search input {
	background: url(/assets/lib/shop/assets/images/search.svg) right 17px center no-repeat;
	margin: 0;
	height: 44px;
	border-bottom: 1px solid #36383a;
	padding: 0 48px 0 15px;
	font-size: 14px;
}

.sidr .search input:focus {
	outline: none;
}

.loading {
	opacity: .5;
	position: relative;
}
.loading:after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	background: url('/assets/lib/shop/assets/images/spinner32.gif');
	width: 32px;
	height: 32px;
	margin-top: -16px;
	margin-left: -16px
}

.ng-loading {
	opacity: .5;
	position: relative;
}
.ng-loading:before {
	display: inline-block;
	margin-right: 5px;
	width: 15px;
	height: 15px;
	background: url('/assets/lib/shop/assets/images/ng-loading.svg');
	background-size: 100%;
	vertical-align: text-top;
	content: '';
}
.text-content p {
	text-align: left;
}

.webpage-product {
	display: block;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -15px;
	text-align: center;
	margin: 0 auto;
	text-decoration: none;
	color: #4A4A4A;
	font-size: 14px;
}
.webpage-product .image {
	width: 100%;
	padding-bottom: 100%;
	position: relative;
	background: no-repeat center;
	background-size: contain;
	overflow: hidden;
}

.webpage-product a {
	text-decoration: none;
	color: #4A4A4A;
}

.webpage-product .name {
	text-align: center;
}

.error-page {
	text-align: center;
}
.error-page h2 {
	font-size: 220px;
}
.error-page div {
	font-size: 30px;
}
.error-page .button {
	margin-top: 5em;
	min-width: 40%;
}

@media (max-width: 767px){
	.cart-msg {
		display: none;
	}
	.sidenav {
		display: none;
	}
	#open-menu {
		display: block;
	}
	.hidden-phone {
		display: none;
	}
	/* navigation */
	.navbar .infobanner {
		display: none;
	}
	.nav-holder {
		display: none;
		position: absolute;
		margin: 0;
		background: #EDEDED;
		width: 100%;
		left: 0;
		top: 111px;
	}
	ul.navigation {
		background: none;
		display: block;
	}
	.navbar {
		padding: 0;
		min-width: 320px;
		min-height: 43px;
	}
	.navbar .container {
		padding: 20px 15px;
		border-bottom: 1px solid #C2C2C2;
	}
	.navbar.navbar-smaller .container {
		padding: 3px 15px;
	}
	.navbar + .container {
		padding-top: 0;
	}
	.navbar.navbar-smaller .navbar-logo {
		height: auto;
		line-height: 0;
	}

	.navbar-logo > a img {
		max-width: 60%;
		max-height: 70px;
	}
	.navbar.navbar-smaller button.primary.cart-button {
		top: 0;
	}
	.navbar.navbar-smaller #open-menu{
		top: 0;
		padding-top: 13px;
		height: 43px;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out;
		-o-transition: all .1s ease-in-out;
		transition: all .1s ease-in-out;
	}
	ul.navigation > li {
		float: none;
	}
	ul.navigation > li > a {
		width: 100%;
		text-align: center;
		display: block;
		background: none;
		padding: 0;
		margin: 0;
		box-shadow: none !important;
		-webkit-box-shadow: none;
		border-bottom: 1px solid #C2C2C2;
	}

	ul.navigation > li:first-child > a {
		margin: 0;
	}
	ul.navigation > li.active a {
		background: #D0D0D0;
	}
	.navbar.navbar-smaller .nav-holder {
		top: 77px;
	}
	.content-wrapper div[class*="col-"] + div[class*="col-"]{
		margin-top: 30px;
	}
	.layout-1 h2,
	.layout-3 h2{
		font-size: 24px;
	}
	.layout-3 div[class*="col-"]:nth-child(3){
		padding-top: 0;
	}
	button.primary,
	button.primary:hover{
		background-color: #000000;
		color: white;
	}
	button.primary.outOfStock,
	button.primary.outOfStock:hover
	.cart button{
		background-color: transparent;
	}
	.cart button:not(.visible){
		background-color: transparent;
		color: transparent;
	}
	.cart.visible button,
	button.primary.cart-button,
	.navbar button.primary.cart-button{
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		height: 44px;
		width: 100%;
		border-radius: 0;
		color: white;
		background: url(/assets/lib/shop/assets/images/cart-icon-active.svg) 10px center no-repeat;
		background-color: #000000;
		top: inherit;
	}

	button.primary.cart-button, .navbar button.primary.cart-button {
		position: absolute;
		right: 15px;
		left: auto;
		height: 43px;
		border-radius: 0;
		color: #000;
		background: url(/assets/lib/shop/assets/images/cart-icon.svg) 0px 12px no-repeat;
		width: 50px;
		font-weight: bold;
		text-align: right;
		padding: 0;
		top: 33px;
	}
	.navbar button.primary.cart-button:hover {
		background: url(/assets/lib/shop/assets/images/cart-icon.svg) 0px 12px no-repeat;
		color: #000;
	}
	.visible button:active{
		background-color: #0167D5;
	}
	.cart button{
		background-color: transparent;
		color: transparent;
		background-image: none;
	}
	button,
	.button{
		display: block;
		width: 100%;
		text-align: center;
	}

	footer .newsletter input {
		float: left;
		margin-right: -1px;
	}
	footer .newsletter .btn {
		float: left;
		width: auto;
	}

	.shelf .product:nth-child(3n+2){
		clear: none;
	}
	.slider .prev,
	.slider .next{
		display: none;
		z-index: 999;
	}
	thead,
	table.cart td:last-child{
		display: none;
	}
	.shipping-cost-table thead {
		display: table-header-group;
	}
	table label,
	table.cart .delete-icon-mobile{
		display: inline;
	}
	table.cart .delete-icon-mobile{
		float: right;
	}
	table tbody tr td{
		display: block;
		margin-left: 59px;
		width: auto;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	.shipping-cost-table > tbody tr td {
		display: table-cell;
		/*width: auto;*/
		padding:15px;
	}
	table.cart-payment tbody tr td.subtotal{
		display: block;
	}
	table tbody tr td:first-child{
		float: left;
		padding-left: 0;
		margin: 0 auto;
		width: 44px;
		border: 0;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		padding-right: 15px;
		border-top: 1px solid #C2C2C2;
	}
	table tbody tr td:nth-child(2),
	table.cart tbody tr td:nth-child(2),
	table.cart-payment tbody tr td:nth-child(2){
		width: 100%;
		border-top: 1px solid #C2C2C2;
	}
	.shipping-cost-table tbody tr td:nth-child(2){
		border-top: none;
	}

	.shipping-cost-table tbody tr td:first-child {
		float: none;
		border-top: none;
	}
	.shipping-cost-table > tbody > tr > td {
		border-bottom: 1px solid #E5E5E5 !important;
	}
	.nested-shipping-table td {
		word-break: normal;
		width: 25% !important;
	}
	table tbody tr td label{
		float: left;
		text-align: left;
	}
	table tbody tr td:nth-child(4){
		border-bottom: 0;
	}
	table tbody tr:last-child td:nth-child(4){
		border-bottom: 1px solid #C2C2C2;
	}
	.shipping-cost-table tbody tr:last-child td:nth-child(4){
		border-bottom: none;
	}
	table tbody tr td.subtotal{
		font-weight: bold;
	}
	table tbody .product-image{
		width: 44px;
		height: 150px;
	}
	table tfoot tr td:first-child{
		padding-left: 59px;
		text-align: left;
	}
	table tfoot tr td:nth-child(2){
		padding-right: 0;
	}
	.button-bar button{
		margin: 7.5px 0;
	}

	.image img + .zoom {
		display: none;
	}
	.thumbnails{
		display: none;
	}
	/* footer */
	.payments-systems {
		text-align: center;
	}
	footer .payment-item {
		float: none;
		display: inline-block;
		margin: 0;
	}

	ul.footer-nav {
		width: 100%;
		float: none;
		margin: 5px 0 11px !important;
		overflow: hidden;
	}

	.social {
		width: 50%;
		text-align: center;
		margin: 0 auto 10px;
		border-top: 1px solid #C2C2C2;
		padding: 20px 0 0;
	}

	.zoom{
		display: none;
	}

	footer .sharing {
		float: none;
		width: 100%;
	}

	footer .sharing > a > div {
		float: none;
		display: inline-block;
	}

	footer .payment-item + .payment-item {
		margin-left: 15px;
	}

	footer .paymash-banner {
		border-top: 1px solid #C2C2C2;
		margin: 15px auto 0;
		padding: 15px 0 0;
		width: 100%;
	}

	footer ul.footer-nav > li {
		float: none;
		text-align: center;
		width: 100%;
		display: inline-block;
		margin: 0 0 5px;
	}

	.error-page h2 {
		font-size: 150px;
	}

	button.primary,
	a.button.primary{
		border-color: #000000;
		background-color: #000000;
		color: #ffffff;
		text-transform: uppercase;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out;
		-o-transition: all .1s ease-in-out;
		transition: all .1s ease-in-out;
	}

	shipping-costs-modal .modal-dialog {
		width: auto;
	}
}
@media (min-width: 768px) {
	.container {
		width: auto;
	}
}
@media (min-width: 992px) {
	.container {
		width: auto;
	}
}
@media (min-width: 1200px){
	.container{
		width: 1170px;
	}
}
.form-group.col-sm-4.discount-code-input-holder {
	padding: 0;
	margin-bottom: 0;
}
.discount-code-input-holder.hidden {
	display: none;
}

.discount-code-input-holder input {
	border-radius: 3px 0 0 3px;
}

.button.default.add-discount {
	border-radius: 0 3px 3px 0;
	margin-left: -1px;
}

.button.default.add-discount,
.discount-code-input-holder input {
	outline: none;
}

.g-recaptcha:not(:empty) {
	margin-top: 15px;
}

.removeDiscount button {
	border: none;
	outline:none;
	padding-left:0;
}

.login-holder .dropdown-menu{
	top: 75px;
	left: -5px;
	width: 300px;
	padding-left: 40px;
}

.login-form-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 21px 0 -20px;
	min-height: 34px;
}

.dropdown-menu .row {
	width: 245px;
	margin-bottom: 10px;
}

.dropdown-menu .right {
	text-align: right;
}

.center,
.dropdown-menu .center {
	text-align: center;
}

.dropdown-menu input, .dropdown-menu button {
	width: 245px;
}

.navbar button.primary.cart-button.login-button {
	left: 0;
	top: 30px;
	right: auto;
}

.navbar-smaller button.primary.cart-button.login-button {
	top: 15px;
}

@media (max-width: 767px) {
	.navbar button.primary.cart-button.login-button {
		display: none;
	}
	.reset-button div{
		padding-right: 0;
	}
	.layout-2 div[ng-reflect-ng-switch="videos"]:nth-child(2){
		padding-top: 15px;
	}
}

.dropdown-menu.logout {
	width: auto;
}

.dropdown-menu.logout .row:first-child {
	margin-top: 10px;
}

.reset-button div{
	padding-left: 0;
}

.reset-button button {
	width: 100%;
}

#loginMobileCollapse {
	line-height: 36px;
	border-top: 1px solid #36383a;
}

#loginMobileCollapse.login{
	padding-top: 10px;
}

#loginMobileCollapse form button {
	margin-bottom: 10px;
}

button.mobile-logout {
	margin-top: 10px;
}

.webshop-register-form input[disabled] {
	background-color: #eee;
}
.title-row {
	padding: 15px;
}
.row-billing-editor .title-row {
	padding: 15px 0;
}

.form-group.search {
	margin-bottom: 0;
}
div.disabled {
	opacity: .6;
}

/*Styles from bootstrap.css for tooltip*/
.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	white-space: normal;
	filter: alpha(opacity=0);
	opacity: 0;

	line-break: auto;
}
.tooltip.in {
	filter: alpha(opacity=90);
	opacity: .9;
}
.tooltip.top {
	padding: 5px 0;
	margin-top: -3px;
}
.tooltip.right {
	padding: 0 5px;
	margin-left: 3px;
}
.tooltip.bottom {
	padding: 5px 0;
	margin-top: 3px;
}
.tooltip.left {
	padding: 0 5px;
	margin-left: -3px;
}
.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	text-align: center;
	background-color: #000;
	border-radius: 4px;
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
	right: 5px;
	bottom: 0;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
	bottom: 0;
	left: 5px;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	right: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	left: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;
}

/*Overrided manually manually*/
.tooltip-inner {
	width: 200px;
}

sumup-form .collapse {
	display: block;
}

.video-content {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56%;
}

.video-content iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-link iframe {
	pointer-events: none;
}

.slider__video-play-icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 72px;
	height: 72px;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	padding: 36px 30px;
	border-radius: 50%;
	background-color: rgba(255,255,255,.8);
	color: #fff!important;
	transition: -webkit-transform .25s ease;
	transition: transform .25s ease;
	cursor: pointer;
}

.slider__video-play-icon::after {
	content: "";
	position: absolute;
	top: 21px;
	right: 25px;
	bottom: auto;
	left: auto;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-left-color: #000;
	border-right: 0;
}

.slider__video-play-icon:hover {
	-webkit-transform: translate(-50%,-50%) scale(1.3,1.3);
	-ms-transform: translate(-50%,-50%) scale(1.3,1.3);
	transform: translate(-50%,-50%) scale(1.3,1.3);
	color: #fff;
}

.place-order {
	color: white;
    font-size: 80%;
	margin: 5px auto;
}

.inc-vat{
	padding: 0px 15px 0 !important;
    font-size: 10px;
}

.alert-margin {
	margin: 20px -15px 0;
}

.disabled-payment-methods {
	pointer-events: none;
	opacity: .6;
}

/*gift card payment */

.gift-card-list {
	padding: 0 20px;
}

.gift-card-row {
	width: 200px;
	padding: 15px 0;
}

.gift-card-row span.gift-card-remove-icon {
	cursor: pointer;
}

.gift-card-control {
	margin-left: -19px;
}

.gift-code-field {
	width: 100%;
}

a.add-icon-plus {
	position: relative;
	padding-left: 20px;
	cursor: pointer;
	color: #007aff;
}
a.add-icon-plus:before {
	content: "";
	display: block;
	height: 12px;
	width: 12px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0I4REFFQkVCOTREMTFFNDk2OTBDNTM5MzJCM0E5RjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0I4REFFQkZCOTREMTFFNDk2OTBDNTM5MzJCM0E5RjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NzM4NzkwOUI5MUExMUU0OTY5MEM1MzkzMkIzQTlGMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NzM4NzkwQUI5MUExMUU0OTY5MEM1MzkzMkIzQTlGMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsAEtbYAAACCSURBVHjalFHRCoAwCPTCfiGCvrQ+oD+Nol9YYJsZjKFQsgen7u68QUSojX65tJhWRttj8uMAwW109DMiBgkI/AcAxNtNezynXfVWiHl4sPQ0gMKZjxC/FxNC9UABUSYp6VNAYOtmtk6fXMo4IPLXZt8igcr68w+RSxxIGiOgW4ABAAT5KoIqkrsdAAAAAElFTkSuQmCC);
	position: absolute;
	left: 0px;
	top: 2px;
}

a.add-icon-plus:hover, a.add-icon-plus:focus {
	color: #17294c;
}
.no-padding {
	padding: 0;
}
.pt-25 {
	padding: 25px 0 0 ;
}
.verify-form {
	height: 120px;
}
.gift-card-info-container {
	padding: 15px;
	border-radius: 3px;
	background-color: #F2F2F2;
	border: 1px solid #C2C2C2;
}
#gift-card-code {
	height: 36px;
}

.gift-status-addon {
	width: 40px;
}

.gift-status-addon.error {
	color: #a94442;
}
.gift-status-addon.success {
	color: #089e00;
}

.modal-header,
.modal-body,
.modal-footer{
	padding: 30px;
}

.modal-footer .submit[disabled] {
	opacity: .6;
}

.modal-body .verify-btn[disabled]{
	opacity: .6;
}

.modal-body .verify-btn {
	font-size: 12px;
}

.glyphicon-spin {
	-webkit-animation: spin 1000ms infinite linear;
	animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
#show-more-button {
	overflow-anchor: none;
}
