body,
html {
	height: 100%;
	font-size: 16px
}

#app,
.appContainer {
	height: 100%;
	width: 100%;
	overflow: hidden
}

.page {
	height: 100%;
	transform: translateZ(0)
}

.rotateDeviceOverlay {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	background-color: #000;
	width: 100%;
	height: 100%;
	color: #fff;
	z-index: 999999
}

.rotateDeviceOverlay .iconContainer {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -100px;
	margin-top: -100px;
	z-index: 9999
}

.rotateDeviceOverlay .iconContainer p {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 0;
	font-size: 20px;
	opacity: 0
}

.rotateDeviceOverlay .phone {
	position: relative;
	left: 50%;
	margin-left: -50px;
	width: 0;
	height: 0;
	border: 0 solid #000;
	background: #a9a9a9;
	border-radius: 10px;
	box-sizing: border-box
}

.rotateDeviceOverlay .phone i {
	text-align: center;
	width: 100%;
	line-height: 120px;
	font-size: 50px;
	color: #454545;
	opacity: 0
}

.noAnimations .rotateDeviceOverlay i,
.noAnimations .rotateDeviceOverlay p {
	opacity: 1!important
}

.noAnimations .rotateDeviceOverlay .phone {
	left: 65%
}

@media only screen and (max-aspect-ratio:3/4) and (min-aspect-ratio:1/16) and (max-width:650px) and (min-height:300px) {
	.rotateDeviceOverlay {
		display: block
	}
	.rotateDeviceOverlay .phone {
		animation: sizeIncrease .5s forwards ease, borderIncrease .5s .5s forwards ease, rotateRight .7s 1s forwards ease
	}
	.rotateDeviceOverlay .phone i {
		animation: fadeIn .5s .8s forwards ease
	}
	.rotateDeviceOverlay .iconContainer p {
		animation: fadeIn .5s 1.3s forwards ease
	}
}

@keyframes sizeIncrease {
	0% {
		width: 0;
		height: 10px
	}
	50% {
		width: 100px;
		height: 10px
	}
	to {
		width: 100px;
		height: 160px
	}
}

@keyframes borderIncrease {
	to {
		border-width: 20px 10px
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	to {
		color: #fff;
		opacity: 1
	}
}

@keyframes rotateRight {
	to {
		transform: rotate(90deg)
	}
}

.swipeDeviceOverlay[data-v-75e577ee] {
	position: absolute;
	top: 0;
	background-color: rgba(0, 0, 0, .9);
	width: 100%;
	height: 100%;
	color: #fff;
	z-index: 9999999999
}

.swipeDeviceOverlay .arrow[data-v-75e577ee] {
	position: absolute;
	left: 50%;
	margin-left: -25px
}

.swipeDeviceOverlay .text[data-v-75e577ee] {
	font-size: 20px;
	width: 100%;
	text-align: center;
	top: 160px;
	position: absolute
}

.swipeDeviceOverlay .iconContainer[data-v-75e577ee] {
	position: absolute;
	top: 5%;
	font-size: 50px;
	width: 100%
}

.swipeDeviceOverlay .iconContainer i[data-v-75e577ee] {
	font-size: 50px
}

.swipeDeviceOverlay[data-v-75e577ee] {
	display: block
}

.swipeDeviceOverlay .arrow[data-v-75e577ee] {
	animation: MoveUpDown 2s infinite
}

@keyframes MoveUpDown {
	0% {
		top: 80px
	}
	to {
		top: 5px
	}
}

.clickFullscreenOverlay {
	position: fixed;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .7);
	width: 100%;
	height: 100%;
	color: #fff;
	z-index: 999998
}

.clickFullscreenOverlay .iconContainer {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 50%;
	margin-top: -27px;
	font-size: 21px
}

.clickFullscreenOverlay .iconContainer i {
	margin-left: 10px
}

.modalContainer {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999
}

.modalContainer .title {
	font-family: Raleway, Helvetica Neue, Helvetica, Arial, sans-serif;
	text-align: center;
	padding: 0 0 5px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 500;
	border-bottom: 1px solid rgba(0, 0, 0, .12);
	max-width: 80%;
	margin: auto
}

.modalContainer .modalBG {
	width: 100%;
	height: 100%;
	background: hsla(0, 0%, 100%, .72);
	position: fixed;
	z-index: 9999999;
	top: 0;
	left: 0
}

.modalContainer .modal {
	position: fixed;
	padding: 15px;
	width: 675px;
	left: 50%;
	margin-left: -337.5px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .29);
	z-index: 99999999
}

.modalContainer .modal.autoHeight {
	padding-bottom: 70px
}

@media screen and (max-width:1024px) {
	.modalContainer .modal {
		width: 620px;
		left: 50%;
		margin-left: -310px
	}
}

@media screen and (max-width:812px) {
	.modalContainer .modal {
		width: 100%!important;
		left: 0;
		margin: 0!important;
		top: 0;
		height: 100%;
		padding-bottom: 15px;
		position: fixed
	}
}

.modalContainer .close {
	position: absolute;
	right: 0;
	top: 0;
	padding: 9px 15px;
	cursor: pointer
}

.addedToCartModal .loading {
	font-size: 51px;
	text-align: center;
	margin: 32px 0 0
}

.addedToCartModal .message {
	margin-top: 10px;
	text-align: center;
	text-transform: uppercase
}

.saveModal .saveForm {
	max-width: 80%;
	margin: auto;
	padding: 18px 0
}

.saveModal .saveForm label {
	text-align: left;
	font-size: 13px;
	font-weight: 400
}

.saveModal .saveForm input {
	width: 72%;
	margin: 0
}

.saveModal .saveForm .button {
	margin: 0;
	display: inline-block;
	width: 27%;
	position: relative;
	top: -2px;
	padding: 0
}

@media screen and (max-width:812px) {
	.saveModal .saveForm input {
		width: 100%
	}
	.saveModal .saveForm .button {
		display: block;
		margin: auto;
		margin-top: 15px;
		width: 35%
	}
}

.saveModal .updateName {
	width: auto;
	text-align: center;
	max-width: 267px;
	margin: 10px auto -15px
}

.saveModal .updateName input {
	width: 100%
}

.saveModal .message {
	margin-top: 25px;
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	line-height: 26px
}

.saveModal .updateButtons {
	margin-top: 20px
}

.messageModal .message {
	margin-top: 25px;
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	line-height: 26px
}

.messageModal a {
	color: #000
}

.messageModal .confirmButtons {
	margin-top: 20px
}

.messageModal .primaryButton {
	background: #000;
	color: #fff
}

.shareModal .title {
	margin-top: 15px
}

.shareModal .buttons {
	text-align: center;
	margin-top: 35px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.shareModal .shareButton {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 50px;
	min-width: 50px;
	font-size: 23px;
	color: #fff;
	cursor: pointer;
	background: #000;
	margin-right: 8px;
	border-radius: 100%
}

.shareModal .shareButton:last-of-type {
	margin-right: 0
}

.shareModal .shareButton:hover {
	opacity: .8
}

.shareModal .shareButton .fa-envelope {
	position: relative;
	top: -1px
}

.shareModal .link {
	text-align: center;
	margin-top: 30px
}

.shareModal .link .linkheading {
	font-family: Raleway, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 15px;
	display: block
}

.shareModal .link input {
	display: inline-block;
	margin-top: 15px!important;
	margin: auto
}

.shareModal .link .button {
	position: relative;
	top: -2px;
	color: #fff
}

.shareModal .shareImage {
	height: 0;
	padding-bottom: 59%;
	overflow: hidden
}

@media screen and (max-width:812px) {
	.shareModal .shareImage {
		display: none
	}
}

.shareModal .shareImage img {
	width: 100%
}

.modalContainer .modal {
	width: 50%;
	margin-left: -25%
}

.outofStockModal .message {
	margin-top: 25px;
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	line-height: 26px
}

@media screen and (max-width:900px) {
	.outofStockModal .message {
		margin-top: 10px
	}
}

.outofStockModal a {
	color: #000
}

.outofStockModal .confirmButtons {
	margin-top: 20px
}

.outofStockModal .primaryButton {
	background: #000;
	color: #fff
}

.outofStockModal .articles {
	margin-top: 30px;
	min-height: 200px
}

.outofStockModal .article {
	float: left;
	width: 25%;
	text-align: center
}

@media screen and (max-width:900px) {
	.outofStockModal .article {
		width: 18%
	}
}

.outofStockModal .article .image {
	display: table;
	height: 100px;
	width: 100%
}

.outofStockModal .article .image .inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.outofStockModal .article img {
	max-width: 100px
}

@media screen and (max-width:900px) {
	.outofStockModal .article img {
		max-width: 79px
	}
}

.outofStockModal .article .name {
	font-size: 13px
}

@media screen and (max-width:900px) {
	.outofStockModal .article .name {
		font-size: 11px
	}
}

.outofStockModal .article .watch {
	margin-top: 10px
}

.addToCartMobile {
	display: none!important
}

@media screen and (max-width:844px) {
	.addToCartMobile {
		display: inline-block!important
	}
}

.rightSection {
	width: 80%;
	height: 100%;
	position: relative;
	overflow: hidden
}

.rightSection .rightMenu {
	background: #fff
}

.rightSection .rightMenu .mobileBottomMenuToggle {
	display: none
}

@media (max-width:844px) {
	.rightSection .rightMenu .mobileBottomMenuToggle {
		display: inline
	}
}

.rightSection .rightMenu .breadcrumbs {
	margin-left: 10px
}

.rightSection .rightMenu .breadcrumbs a {
	color: #b3b3b3;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 9px;
	font-family: Raleway, Helvetica Neue, Helvetica, Arial, sans-serif;
	letter-spacing: 1px
}

.rightSection .rightMenu .breadcrumbs .active {
	color: #363636
}

@media (max-width:844px) {
	.rightSection .rightMenu .breadcrumbs {
		display: none
	}
}

@media screen and (max-width:844px) {
	.rightSection .rightMenu {
		height: calc(45px + env(safe-area-inset-bottom));
		position: absolute;
		bottom: 0px;
		width: 100%;
		z-index: 9
	}
}

@media screen and (min-width:845px) {
	.rightSection .rightMenu {
		height: 71px
	}
}

.rightSection .rightMenu .mobileBottomMenuItems .button,
.rightSection .rightMenu>.button {
	margin: 7px -3px 0 10px;
	padding: 10px 20px;
	line-height: normal;
	height: auto;
	position: relative;
	z-index: 99
}

@media screen and (min-width:845px) and (max-width:1250px) {
	.rightSection .rightMenu .mobileBottomMenuItems .button,
	.rightSection .rightMenu>.button {
		margin: 7px -3px 0 3px;
		font-size: 10.5px!important;
		padding: 10px!important
	}
}

@media screen and (max-width:844px) {
	.rightSection .rightMenu .mobileBottomMenuItems .button,
	.rightSection .rightMenu>.button {
		margin: 0;
		border: 0;
		line-height: 45px;
		padding: 0 8px;
		border-right: 1px solid #eaeaea;
		font-size: 10px!important
	}
}

@media screen and (max-width:610px) {
	.rightSection .rightMenu .mobileBottomMenuItems .button,
	.rightSection .rightMenu>.button {
		padding: 0 10px;
		font-size: 10px!important
	}
}

.rightSection .rightMenu .mobileBottomMenuItems .button .icon-picture-wall,
.rightSection .rightMenu>.button .icon-picture-wall {
	margin-right: 2px;
	display: inline-block;
	position: relative;
	top: .5px
}

.rightSection .rightMenu .buyRightContainer {
	display: inline-block
}

@media (max-width:844px) {
	.rightSection .rightMenu .buyRightContainer a {
		display: none
	}
}

.rightSection .rightMenu .cartContainer {
	line-height: 49px;
	margin-right: 15px;
	position: relative;
	cursor: pointer
}

.rightSection .rightMenu .cartContainer .cart-icon:after {
	font-family: icomoon!important;
	content: "\E900";
	font-size: 18px;
	font-style: normal
}

.rightSection .rightMenu .cartContainer .qty {
	position: absolute;
	font-size: 11px;
	top: -12px;
	right: -9px;
	font-weight: 500
}

.rightSection .rightMenu .fullButton {
	height: 100%;
	line-height: 49px;
	padding: 0 20px;
	cursor: pointer;
	position: relative;
	z-index: 99;
	text-transform: uppercase
}

.rightSection .rightMenu .fullButton.cta {
	margin: 6px 6px 0 10px;
	padding: 12px 44px;
	line-height: normal;
	height: auto;
	position: relative;
	font-size: 12px;
	font-weight: 400;
	z-index: 99;
	font-family: Raleway, Helvetica Neue, Helvetica, Arial, sans-serif;
	background: #000;
	color: #fff
}

.rightSection .rightMenu .fullButton .basketSum {
	display: inline;
	font-family: Lato;
	font-weight: 400;
	margin-left: 5px
}

@media screen and (max-width:844px) {
	.rightSection .rightMenu .fullButton {
		line-height: 45px;
		padding: 0 10px
	}
	.rightSection .rightMenu .fullButton.cta {
		padding: 10px 14px;
		font-size: 11px;
		margin: 5px 6px 0 10px;
		margin-left: 2px
	}
	.rightSection .rightMenu .fullButton .smallPhone {
		display: none
	}
}

@media screen and (max-width:610px) {
	.rightSection .rightMenu .fullButton.cta {
		padding: 9px 8px;
		margin-top: 8px;
		font-size: 10px
	}
	.rightSection .rightMenu .fullButton.cta .largePhone {
		display: none
	}
	.rightSection .rightMenu .fullButton.cta .smallPhone {
		display: inline
	}
}

.rightSection .rightMenu .mobileBottomMenuItems {
	display: inline-block
}

@media screen and (max-width:844px) {
	.rightSection .rightMenu .mobileBottomMenuItems {
		display: inline-block;
		position: absolute;
		background: #fff;
		z-index: 9;
		left: 0;
		border-bottom: 1px solid #eaeaea;
		width: 100%;
		pointer-events: none;
		opacity: 0;
		transform: translateZ(0);
		transition: transform .2s;
		transition-timing-function: cubic-bezier(.4, 0, .3, 1)
	}
}

.rightSection .rightMenu .mobileBottomMenuItems.active {
	opacity: 1;
	pointer-events: all;
	transform: translate3d(0, -46px, 0)
}

.leftSection {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
	width: calc(20% - 1px);
	position: relative;
	z-index: 2;
	background: #fff
}

.leftSection .closePicker {
	position: absolute;
	right: 0;
	top: 35px;
	z-index: 9
}

.leftSection .closePicker .inner {
	padding: 10px;
	font-size: 24px;
	cursor: pointer
}

.leftSection .logo {
	text-align: center;
	padding: 10px 0 5px;
	cursor: pointer
}

.leftSection .logo img {
	max-height: 29px;
	width: auto
}

@media screen and (max-width:844px) {
	.leftSection .logo img {
		max-width: 90px
	}
}

.leftSection .loadContainer {
	position: absolute;
	top: calc(50% - 55px);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.leftSection .bottomActions {
	width: 100%;
	padding: 10px;
	z-index: 9;
	background: #fff
}

@media screen and (max-width:844px) {
	.leftSection .bottomActions {
		padding: 3px;
		font-size: 10px
	}
}

.leftSection .bottomActions .close {
	padding: 11px;
	width: 100%;
	font-size: 12px
}

@media screen and (max-width:844px) {
	.leftSection .bottomActions .close {
		padding: 8px;
		font-size: 10px
	}
}

.leftSection .topPanel {
	padding: 5px 0;
	font-size: 15px;
	text-align: center;
	-ms-flex: 1;
	flex: 1
}

.leftSection .topPanel .name {
	text-align: center;
	text-align: left;
	padding-left: 10px;
	font-size: 12px;
	width: 100%
}

@media screen and (max-width:844px) {
	.leftSection .topPanel {
		padding: 5px;
		padding-bottom: 0;
		padding-left: 0
	}
	.leftSection .topPanel .name {
		font-size: 10px!important;
		text-align: center;
		width: 100%
	}
}

.leftSection .leftMenu {
	height: 100%;
	width: 100%;
	top: 50px;
	position: absolute;
	transform: translate3d(-100%, 0, 0);
	overflow: auto
}

.leftSection .leftMenu.active {
	transform: translateZ(0)
}

@media screen and (max-height:566px) {
	.leftSection .leftMenu {
		height: calc(100% - 46px)
	}
}

@media screen and (max-height:668px) and (min-width:844px) {
	.leftSection .leftMenu {
		height: calc(100% - 135px);
		overflow-y: scroll
	}
}

@media (min-width:845px) and (max-width:926px) {
	.leftSection .leftMenu {
		padding-bottom: 15px
	}
}

.leftSection .menuItem {
	text-align: center;
	padding: 17px 20px;
	cursor: pointer;
	transition: color .25s ease;
	position: relative
}

.leftSection .menuItem span {
	display: block
}

@media screen and (max-height:375px) {
	.leftSection .menuItem {
		padding: 8.5px 3px!important
	}
}

@media screen and (min-width:845px) and (max-width:1370px) {
	.leftSection .menuItem {
		padding: 9px 20px
	}
}

@media screen and (min-height:500px) and (max-height:650px) and (min-width:1000px) {
	.leftSection .menuItem {
		padding: 3px 20px!important
	}
	.leftSection .menuItem .icon-pictures {
		font-size: 26px!important
	}
	.leftSection .menuItem .icon-article,
	.leftSection .menuItem .icon-frame {
		font-size: 30px!important
	}
	.leftSection .menuItem .icon-picture-wall {
		font-size: 24px!important
	}
	.leftSection .menuItem span {
		font-size: 12px!important
	}
	.leftSection .menuItem .name {
		font-size: 10px!important
	}
}

.leftSection .menuItem:hover {
	color: #888
}

.leftSection .menuItem .fa-check {
	font-size: 11px;
	position: absolute;
	margin-top: 7px;
	margin-left: -24px;
	display: none
}

.leftSection .menuItem.done {
	color: #999
}

.leftSection .menuItem.done .fa-check {
	display: inline-block
}

.leftSection .menuItem .icon {
	font-size: 30px;
	position: relative
}

.leftSection .menuItem .icon-article,
.leftSection .menuItem .icon-frame {
	font-size: 40px
}

.leftSection .menuItem .icon-pictures {
	font-size: 33px
}

.leftSection .menuItem .numbers {
	font-size: 24px;
	margin-bottom: 3px
}

.leftSection .menuItem .name {
	font-size: 12px;
	text-transform: uppercase
}

@media screen and (max-width:844px) {
	.leftSection .menuItem {
		padding: 12px 3px
	}
	.leftSection .menuItem .name {
		font-size: 10px
	}
	.leftSection .menuItem .icon {
		font-size: 14px
	}
	.leftSection .menuItem .icon-article,
	.leftSection .menuItem .icon-frame,
	.leftSection .menuItem .icon-pictures {
		font-size: 20px
	}
	.leftSection .menuItem .number {
		font-size: 14px
	}
	.leftSection .menuItem .numbers {
		font-size: 15px;
		margin-bottom: 3px
	}
}

@media screen and (max-width:732px) {
	.leftSection .menuItem {
		padding: 8px 3px
	}
}

@media screen and (min-height:500px) and (max-height:650px) and (min-width:1000px) {
	.leftSection .priceContainer {
		font-size: 19px!important;
		margin-bottom: 3px!important
	}
	.leftSection .buyButtonLeft {
		font-size: 11px!important;
		margin-bottom: 7px!important
	}
}

.leftSection .buyLeft {
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	display: none;
	z-index: 9
}

@media screen and (min-width:844px) {
	.leftSection .buyLeft {
		display: block
	}
}

.leftSection .buyLeft .priceContainer {
	display: block;
	font-size: 22px;
	margin-bottom: 12px
}

@media screen and (max-height:600px) {
	.leftSection .buyLeft .priceContainer {
		font-size: 14px;
		margin-bottom: 6px
	}
}

.leftSection .buyLeft .buyButtonLeft {
	padding: 17px 3px;
	width: 90%;
	background: #000;
	color: #fff;
	font-size: 12px;
	margin-bottom: 10px
}

@media screen and (max-width:1024px) {
	.leftSection .buyLeft .buyButtonLeft {
		font-size: 11px;
		width: 94%
	}
}

@media screen and (max-height:600px) {
	.leftSection .buyLeft .buyButtonLeft {
		padding: 12px 3px
	}
}

.bagImg {
	height: 17px;
	margin-bottom: -3px
}

@media screen and (max-width:844px) {
	.bagImg {
		height: 13px;
		margin-bottom: -2px
	}
}

html {
	font-size: 60%
}

#pictureWall {
	position: relative;
	width: 100%;
	overflow: hidden;
	font-size: 100%;
	z-index: 1
}

#pictureWall.2x {
	-ms-transform: scale(2);
	transform: scale(2)
}

@media screen and (max-width:812px) {
	#pictureWall {
		height: calc(100% - 45px)
	}
}

@media screen and (min-width:780px) {
	#pictureWall {
		height: calc(100% - 49px - env(safe-area-inset-bottom))
	}
}

#pictureWall .outer {
	position: relative;
	width: 100%;
	background: #eee;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	cursor: default!important;
	transition: background-image .2s ease-in;
	background-position: 50%
}

#pictureWall .overlayBG {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	top: 0;
	z-index: 1;
	left: 0;
	background-position: 50%;
	pointer-events: none
}

#pictureWall .loadContainer {
	position: absolute;
	width: auto;
	bottom: 13px;
	right: 9px;
	padding: 11px 20px;
	z-index: 1;
	background: hsla(0, 0%, 100%, .53);
	border-radius: 3px;
	color: #fff
}

#pictureWall .loader .fa {
	font-size: 40px
}

#pictureWall .articlesContainer {
	position: absolute;
	top: 20px;
	height: 0;
	right: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto
}

@media screen and (min-width:1668px) {
	#pictureWall .articlesContainer {
		width: 78%;
		padding-bottom: 47%
	}
}

@media screen and (min-width:1336px) and (max-width:1667px) {
	#pictureWall .articlesContainer {
		width: 78%;
		padding-bottom: 47%
	}
}

@media screen and (min-width:1025px) and (max-width:1335px) {
	#pictureWall .articlesContainer {
		width: 78%;
		padding-bottom: 47%
	}
}

@media screen and (max-width:1024px) and (max-height:768px) {
	#pictureWall .articlesContainer {
		width: 107.1%;
		padding-bottom: 65.2%
	}
}

@media screen and (max-width:1023px) and (max-height:767px) {
	#pictureWall .articlesContainer {
		width: 78.4%;
		padding-bottom: 47.4%
	}
}

#pictureWall .item {
	position: absolute;
	text-align: center;
	background: #cecece;
	cursor: pointer!important;
	z-index: 99;
	height: 0;
	border: 1px solid hsla(0, 0%, 82%, .45);
	overflow: hidden;
	box-shadow: 4px 4px 10px grey;
}

#pictureWall .item.active {
	background: #fff
}

#pictureWall .item.hasArticle {
	background: hsla(0, 0%, 95%, .5)
}

#pictureWall .item.hasFrame {
	border: 0;
	box-shadow: 3px 0 14px -3px rgba(0, 0, 0, .59)
}

@media screen and (max-width:812px) {
	#pictureWall .item.hasFrame {
		box-shadow: 3px 0 8px -3px rgba(0, 0, 0, .59)
	}
}

#pictureWall .item:hover {
	opacity: .8
}

#pictureWall .item .inner {
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -1.8vh;
	font-size: 2.4vh
}

#pictureWall .item[data-size="13x18"] {
	width: 5%;
	padding-bottom: 6.69%
}

#pictureWall .item[data-size="13x18"] .inner {
	margin-top: -1vh;
	font-size: 1.6vh
}

#pictureWall .item[data-size="21x30"] {
	width: 7.677%;
	padding-bottom: 10.499%
}

#pictureWall .item[data-size="30x40"] {
	width: 10.8%;
	padding-bottom: 14.2%
}

#pictureWall .item[data-size="30x40"].landscape {
	width: 14.06%!important;
	padding-bottom: 10.562%!important
}

#pictureWall .item[data-size="40x50"] {
	width: 13.939%;
	padding-bottom: 17.393%
}

#pictureWall .item[data-size="50x50"] {
	width: 17.499%;
	padding-bottom: 17.489%
}

#pictureWall .item[data-size="50x70"] {
	width: 17.1%;
	padding-bottom: 23.927%
}

#pictureWall .item[data-size="50x70"].landscape {
	width: 23.8%!important;
	padding-bottom: 17.29%!important
}

#pictureWall .item[data-size="61x91"] {
	width: 20.699%;
	padding-bottom: 30.999%
}

#pictureWall .item[data-size="70x100"] {
	width: 23.5%;
	padding-bottom: 33.99%
}

#pictureWall .item .chosenArticle {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-size: cover!important;
	mix-blend-mode: multiply
}

#pictureWall .item .frame {
	position: absolute;
	width: 100%
}

#pictureWall .item .frame img {
	pointer-events: none
}

#pictureWall .item.blink {
	animation-name: pictureWallItemBlink;
	animation-duration: 1.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite
}

@keyframes pictureWallItemBlink {
	0% {
		opacity: 1
	}
	50% {
		opacity: .5
	}
	to {
		opacity: 1
	}
}

#welcome {
	background-size: cover;
	background-position: 50%;
	height: 100%;
	width: 100%
}

#welcome .startPanel {
	background: rgba(0, 0, 0, .69);
	color: #fff;
	position: absolute;
	max-width: 700px;
	width: 100%;
	top: 50%;
	left: 50%;
	text-align: center;
	padding: 62px;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

@media screen and (max-width:844px) {
	#welcome .startPanel {
		max-width: 90%;
		padding: 19px 5px;
		top: 50%
	}
}

#welcome .topHeading {
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 100;
	font-family: Raleway, Helvetica Neue, Helvetica, Arial, sans-serif;
	margin-bottom: 8px;
	letter-spacing: 1px
}

@media screen and (max-width:844px) {
	#welcome .topHeading {
		margin-bottom: 4px;
		font-size: 18px
	}
}

#welcome .heading {
	font-family: Fanwood\+Text;
	font-style: italic;
	font-size: 26px;
	font-weight: 100;
	margin-bottom: 14px;
	letter-spacing: 1px
}

@media screen and (max-width:844px) {
	#welcome .heading {
		margin-bottom: 14px;
		font-size: 20px
	}
}

#welcome .text {
	font-size: 15px;
	max-width: 76%;
	margin: auto
}

@media screen and (max-width:844px) {
	#welcome .text {
		font-size: 13px
	}
}

#welcome .startButton {
	margin-top: 27px;
	font-size: 14px;
	padding: 12px 33px;
	font-weight: 700
}

@media screen and (max-width:844px) {
	#welcome .startButton {
		font-size: 12px;
		padding: 10px 30px
	}
}

@media (max-width:844px) and (max-height:250px) {
	#welcome .topHeading {
		margin-bottom: 0;
		margin-top: 10px
	}
	#welcome .heading {
		margin-bottom: 7px
	}
	#welcome .startButton {
		margin-top: 10px
	}
}

.notificationTooltip {
	position: absolute;
	bottom: 19px;
	left: 29px;
	padding: 10px;
	background: #fff;
	text-align: center;
	text-shadow: 0 0 #000;
	font-size: 14px;
	z-index: 99
}

.notificationTooltip.middle {
	top: 50%;
	bottom: auto;
	margin-top: -65.5px;
	animation: animatePulseLeft 3s infinite
}

@media screen and (max-width:844px) {
	.notificationTooltip.middle {
		top: auto;
		bottom: calc(5px + env(safe-area-inset-bottom));
		left: 14px
	}
}

@media screen and (min-width:1000px) {
	.notificationTooltip.buyButton {
		animation: animatePulseLeft 3s infinite
	}
}

@media screen and (max-width:1024px) {
	.notificationTooltip.buyButton {
		bottom: 13px;
		left: 24px
	}
}

@media screen and (max-width:844px) {
	.notificationTooltip.buyButton {
		animation: animatePurchaseNoBottom 3s infinite;
		bottom: calc(35px + env(safe-area-inset-bottom));
		right: 8px;
		left: auto
	}
}

@media screen and (max-width:844px) {
	.notificationTooltip {
		font-size: 12px
	}
}

.notificationTooltip:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #fff;
	border-width: 12px;
	margin-top: -12px
}

@media screen and (max-width:844px) {
	.notificationTooltip.buyButton:before {
		top: 100%;
		left: calc(50% + 85px);
		right: auto;
		border-width: 16px;
		margin-left: -16px;
		margin-top: 0;
		border-color: rgba(136, 183, 213, 0);
		border-right-color: transparent;
		border-top-color: #fff
	}
}

.notificationTooltip .title {
	display: block;
	font-family: Fanwood\+Text;
	font-style: italic;
	font-size: 22px;
	font-weight: 100;
	margin-bottom: 0
}

@media screen and (max-width:844px) {
	.notificationTooltip .title {
		font-size: 15px;
		font-weight: 700
	}
}

.notificationTooltip .close {
	position: absolute;
	right: 0;
	top: 0;
	padding: 6px 8px;
	cursor: pointer
}

@media screen and (max-width:844px) {
	.notificationTooltip .close {
		right: -3px;
		top: -5px;
		font-size: 19px
	}
}

@keyframes animatePulseLeft {
	0% {
		transform: translateX(0)
	}
	50% {
		transform: translateX(10px)
	}
	to {
		transform: translateX(0)
	}
}

@keyframes animatePurchaseNoBottom {
	0% {
		transform: translateY(0)
	}
	50% {
		transform: translateY(10px)
	}
	to {
		transform: translateY(0)
	}
}

.picker {
	width: 100%;
	overflow: hidden;
	transform: translate3d(-100%, 0, 0);
	transition: transform .2s;
	transition-timing-function: cubic-bezier(.4, 0, .3, 1);
	height: 0
}

.picker.active {
	height: 100%;
	transform: translateZ(0)
}

.pictureWallList {
	height: 100%
}

.pictureWallList #wallSliderElement {
	height: 100%;
	overflow: auto
}

.pictureWallList .item {
	width: 100%;
	text-align: center;
	padding: 20px 20px 0
}

.pictureWallList .item:first-of-type {
	padding-top: 0
}

@media screen and (max-width:1024px) {
	.pictureWallList .item {
		padding: 15px
	}
}

@media screen and (max-width:812px) {
	.pictureWallList .item {
		padding: 7px
	}
}

.pictureWallList .image {
	width: 100%
}

.pictureWallList .name {
	text-align: center;
	font-size: 12px;
	font-family: Raleway, Helvetica Neue, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 500
}

.pictureWallList .slick-slide img {
	display: inline-block;
	max-height: 137px;
	max-width: 100%
}

.backgroundList {
	height: 100%;
	overflow-y: scroll
}

.backgroundList img {
	max-width: none;
	width: 100%
}

.colorList {
	text-align: center
}

.colorList .slick-slide {
	border: 0
}

.colorList .item {
	padding: 0 4px!important;
	margin-top: 6px
}

@media screen and (max-width:812px) {
	.colorList .item {
		padding: 5px 3px 0!important
	}
}

.colorList .color {
	width: 26px;
	height: 26px;
	position: relative;
}

.colorList .color i {
	color: #e8e8e8;
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0;
	top: 50%;
	margin-top: -7px
}

.colorList .color.active {
	border: 4px solid #ececec
}

@media screen and (max-width:812px) {
	.colorList .color {
		width: 20px;
		height: 20px
	}
}

.framePicker {
	width: 100%;
	height: 0;
	overflow: hidden;
	transform: translate3d(-100%, 0, 0);
	transition: transform .2s;
	transition-timing-function: cubic-bezier(.4, 0, .3, 1)
}

.framePicker .articleContainer {
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px
}

@media screen and (max-width:844px) {
	.framePicker .articleContainer {
		margin-top: 6px;
		margin-bottom: 6px!important;
		width: 100%;
		margin-bottom: 0
	}
}

.framePicker .noPictureWall {
	padding: 20px;
	text-align: center;
	font-size: 13px
}

.framePicker .framesContainer {
	width: 100%
}

@media screen and (max-width:844px) {
	.framePicker .framesContainer {
		overflow-y: scroll
	}
	.framePicker .framesContainer::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 5px
	}
	.framePicker .framesContainer::-webkit-scrollbar-thumb {
		border-radius: 4px;
		background-color: rgba(0, 0, 0, .5);
		-webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5)
	}
}

.framePicker .centerSlider {
	width: calc(100% - 60px);
	margin: auto
}

@media screen and (min-width:1333px) {
	.framePicker .centerSlider .item {
		-ms-transform: scale(.7);
		transform: scale(.7);
		opacity: .6
	}
	.framePicker .centerSlider .slick-current {
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

.framePicker .centerSlider .slick-list,
.framePicker .centerSlider .slick-track {
	height: 100%
}

.framePicker .item {
	padding: 5px;
	padding-top: 8px;
	padding-bottom: 0;
	text-align: center;
	cursor: pointer
}

@media screen and (max-width:844px) {
	.framePicker .item {
		padding-top: 5px
	}
}

.framePicker .item:hover {
	opacity: .8
}

.framePicker .item.all {
	font-size: 40px
}

.framePicker .item img {
	max-width: 100%;
	max-height: 175px;
	margin: auto
}

@media screen and (max-width:844px) {
	.framePicker .item img {
		max-height: 130px
	}
}

.framePicker .item[data-field=all] div {
	height: 100%
}

.framePicker .item[data-field=all] div img {
	display: none
}

.framePicker .item .productShell {
	position: relative
}

.framePicker .item .productShell img {
	border: 1px solid #000
}

.framePicker .item .label {
	font-size: 15px;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	width: 100%;
	line-height: 16px
}

@media screen and (max-width:844px) {
	.framePicker .item .label {
		font-size: 14px
	}
}

.framePicker .item .chosenArticle {
	display: table;
	width: 100%;
	height: 100%
}

.framePicker .item .chosenArticle .inner {
	vertical-align: middle;
	display: table-cell;
	text-align: center
}

.framePicker .several .item img {
	width: 100%
}

.framePicker .frameItem {
	padding: 15px;
	cursor: pointer;
	min-height: 0
}

@media screen and (max-width:844px) {
	.framePicker .frameItem {
		padding: 6px;
		width: 49%!important;
		max-width: 49%!important
	}
}

.framePicker .frameItem:hover {
	opacity: .8
}

.framePicker .frameItem img {
	width: 100%;
	max-width: 100%;
	max-height: 175px;
	margin: auto
}

#removeFramesContainer {
	padding: 0 15px
}

@media screen and (max-width:844px) {
	#removeFramesContainer {
		padding: 0 3px
	}
}

#removeFrames {
	width: 100%
}

@media screen and (max-width:844px) {
	#removeFrames {
		padding: 0;
		margin-top: 5px;
		font-size: 9px;
		height: 33px;
		line-height: 33px
	}
}

.deleteFrameItemPic {
	width: 100%;
	padding-bottom: 133%;
	height: 0;
	overflow: hidden;
	position: relative;
	background: #e8e8e8;
	border: 1px solid #000
}

@media screen and (max-width:844px) {
	.deleteFrameItemPic {
		padding-bottom: 137%
	}
}

.deleteFrameItemPic .fa {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	text-align: center
}

.framePicker.active {
	transform: translateZ(0);
	height: auto;
	height: calc(100% - 130px);
	overflow: auto
}

@media screen and (max-width:844px) {
	.framePicker.active {
		height: calc(100% - 37px)!important
	}
}

.articlePicker {
	width: 100%;
	height: 0;
	overflow: hidden;
	transform: translate3d(-100%, 0, 0);
	transition: transform .2s;
	transition-timing-function: cubic-bezier(.4, 0, .3, 1);
	z-index: 5
}

.articlePicker .loader.dimmer {
	background: hsla(0, 0%, 100%, .96)
}

.articlePicker .title {
	margin: 10px auto;
	text-align: center;
	max-width: 266px;
	line-height: 23px;
	text-transform: uppercase;
	padding: 10px;
	color: #a9a9a9;
	font-size: 12px
}

.articlePicker .sortButton {
	float: left
}

.articlePicker .sortList {
	position: absolute;
	z-index: 9;
	background: #fff;
	width: 100%;
	padding: 5px;
	display: none
}

.articlePicker .sortList .item:hover {
	cursor: pointer;
	background: #f3f3f3
}

.articlePicker .sortList.active {
	display: block
}

.articlePicker .filterButton {
	width: 50%;
	float: right;
	border-bottom: 1px solid #eaeaea;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 11px;
	border-left: 1px solid #eaeaea;
	text-transform: uppercase;
	cursor: pointer;
	border-top: 1px solid #eaeaea;
	margin-top: 9px;
	position: relative
}

.articlePicker .filterButton.disabled {
	color: #e2e2e2;
	pointer-events: none
}

.articlePicker .filterButton .fa-search {
	margin-left: 5px
}

@media screen and (max-width:1024px) {
	.articlePicker .filterButton {
		width: 100%
	}
	.articlePicker .filterButton:last-of-type {
		margin-top: 0;
		border-top: 0
	}
}

@media screen and (max-width:812px) {
	.articlePicker .filterButton {
		margin-top: 0;
		height: 30px;
		line-height: 30px;
		font-size: 9px
	}
}

.articlePicker .filterChoices {
	padding: 18px 18px 0 10px;
	margin-bottom: -5px
}

@media screen and (max-width:812px) {
	.articlePicker .filterChoices {
		padding: 0;
		margin-top: 11px
	}
}

.articlePicker .chosenFilter {
	display: inline-block;
	font-size: 11px;
	padding: 5px 7px;
	background: hsla(0, 0%, 88%, .53);
	margin-right: 7px;
	border-radius: 2px;
	margin-bottom: 8px;
	cursor: pointer
}

@media screen and (max-width:812px) {
	.articlePicker .chosenFilter {
		padding: 5px 7px;
		font-size: 10px;
		width: 100%;
		margin-bottom: 0
	}
	.articlePicker .chosenFilter .chosenTitle {
		width: calc(100% - 14px);
		display: block;
		float: left;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}
	.articlePicker .chosenFilter i {
		float: right;
		margin-top: 2px;
		margin-right: 5px
	}
}

.articleList {
	/* height: calc(100% - 125px); */
	height: 100%;
	overflow: scroll;
	/* float: left; */
	/* width: 100%; */
	/* padding: 0 10px 7px */
}

.articleList .item {
	text-align: center;
	cursor: pointer;
	margin-bottom: 10px
}

.articleList .item .inner {
	padding: 6px
}

@media screen and (max-width:812px) {
	.articleList .item {
		margin-bottom: 0
	}
}

@media screen and (min-width:1200px) {
	.articleList .item {
		padding: 2px
	}
}

@media screen and (min-width:1440px) {
	.articleList .item {
		padding: 5px
	}
}

.articleList .tags {
	margin-bottom: 5px;
	visibility: hidden
}

.articleList .tags.active {
	visibility: visible
}

@media screen and (max-width:812px) {
	.articleList .tags {
		display: none;
		margin-bottom: 5px
	}
	.articleList .tags.active {
		display: block
	}
}

.articleList .tags .tag {
	font-size: 10px;
	background: #000;
	color: #fff;
	padding: 2px 5px;
	font-family: Lato
}

.articleList .save {
	display: inline-block;
	margin-left: 10px
}

.articleList .save:hover {
	opacity: .8
}

@media screen and (max-width:812px) {
	.articleList .save {
		padding: 5px 3px;
		display: inline-block;
		margin-left: 8px;
		font-size: 18px
	}
}

.articleList .image {
	display: table;
	width: 100%;
	height: 94px
}

.articleList .image:hover {
	opacity: .8
}

@media screen and (min-width:1440px) {
	.articleList .image {
		height: 130px
	}
}

@media screen and (min-width:1740px) {
	.articleList .image {
		height: 153px
	}
}

@media screen and (min-width:1840px) {
	.articleList .image {
		height: 166px
	}
}

@media screen and (min-width:2000px) {
	.articleList .image {
		height: 215px
	}
}

@media screen and (min-width:1024px) {
	.articleList .image:active img {
		-ms-transform: scale(1.1);
		transform: scale(1.1)
	}
}

.articleList .image img {
	width: 100%;
	height: auto
}

.articleList .image .imgInner {
	display: table-cell;
	vertical-align: middle
}

.articleList .name {
	font-size: 12px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: none;
	text-overflow: ellipsis
}

.articleList .price {
	font-weight: 700;
	font-family: Lato;
	font-size: 12px
}

.articleList .slick-slide {
	border: 0
}

.articleList .slick-slide img {
	max-width: 100%;
	max-height: 68px;
	display: inline-block
}

.articleList .lazyLoading {
	text-align: center;
	float: left;
	font-size: 22px;
	width: 100%;
	padding: 15px;
	margin-bottom: 60px;
	visibility: hidden
}

.articleList .lazyLoading.active {
	visibility: visible;
	position: relative;
	bottom: -75px;
	right: 50%
}

.articleList .favMatch {
	font-size: 12px;
	text-align: center;
	margin-top: 19px;
	margin-bottom: -3px;
	color: #929292;
	text-transform: uppercase
}

.articlePicker.active {
	transform: translateZ(0);
	height: calc(100% - 75px);
	top: 75px
}

@media screen and (max-width:844px) {
	.articlePicker.active {
		top: 25px;
		height: calc(100% - 25px)
	}
}

.savedWallsPicker {
	width: 100%;
	height: 140px;
	overflow: hidden;
	position: absolute;
	border-bottom: 1px solid #eaeaea;
	transform: translate3d(0, -210px, 0);
	transition: transform .2s;
	transition-timing-function: cubic-bezier(.4, 0, .3, 1);
	z-index: 9;
	background: #fff;
	top: 49px;
	padding: 0 30px 0 35px
}

.savedWallsPicker.noSlickNav {
	padding: 0 10px
}

@media screen and (max-width:844px) {
	.savedWallsPicker.noSlickNav {
		padding: 0 5px
	}
}

@media screen and (max-width:844px) {
	.savedWallsPicker {
		height: 90px;
		bottom: calc(45px + env(safe-area-inset-bottom));
		top: auto;
		transform: translate3d(0, 150px, 0)
	}
}

.savedWallsPicker .inner,
.savedWallsPicker .item,
.savedWallsPicker .slick-list,
.savedWallsPicker .slick-slider,
.savedWallsPicker .slick-track {
	height: 100%!important
}

.savedWallsPicker .slick-next,
.savedWallsPicker .slick-prev {
	margin-top: 3px;
	height: 100%!important
}

.savedWallsPicker .slick-prev {
	left: -27px
}

@media screen and (max-width:844px) {
	.savedWallsPicker .slick-prev {
		left: -28px
	}
}

.savedWallsPicker .slick-next {
	right: -22px
}

@media screen and (max-width:844px) {
	.savedWallsPicker .slick-next {
		right: -26px
	}
}

.savedWallsPicker .slick-slide>div {
	height: 100%
}

.savedWallsPicker .item {
	padding: 10px 10px 10px 0;
	height: 100%
}

@media screen and (min-width:1024px) {
	.savedWallsPicker .item:active img {
		-ms-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@media screen and (max-width:844px) {
	.savedWallsPicker .item {
		padding: 5px 5px 5px 0
	}
}

.savedWallsPicker .item .image {
	height: 100%;
	background-size: cover;
	background-position: 50%;
	min-width: 100px;
	min-height: 100px
}

.savedWallsPicker .item .name {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(0, 0, 0, .91);
	font-size: 11px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	padding: 6px
}

@media screen and (max-width:844px) {
	.savedWallsPicker .item .name {
		padding: 3px
	}
}

.savedWallsPicker .item .remove {
	position: absolute;
	opacity: 0;
	top: 1px;
	right: 1px;
	padding: 4px 10px;
	background: hsla(0, 0%, 100%, .85)
}

.savedWallsPicker .item .remove:hover {
	background: #fff
}

.savedWallsPicker .item:hover .remove {
	opacity: 1
}

.savedWallsPicker .item .loader i {
	margin-top: 15%
}

@media screen and (max-width:844px) {
	.savedWallsPicker .item .loader i {
		margin-top: 9%
	}
}

.savedWallsPicker .noSaves {
	height: 100%;
	display: table;
	padding: 15px
}

.savedWallsPicker .noSaves .inner {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	color: #b7b7b7
}

.savedWallsPicker .noSaves .fa-save {
	float: left;
	font-size: 36px
}

@media screen and (max-width:844px) {
	.savedWallsPicker .noSaves .fa-save {
		font-size: 28px
	}
}

.savedWallsPicker .noSaves .text {
	float: left;
	margin-top: 8px;
	margin-left: 8px;
	font-weight: 300;
	letter-spacing: 1px;
	font-family: Raleway, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media screen and (max-width:844px) {
	.savedWallsPicker .noSaves .text {
		margin-top: 3px
	}
}

.savedWallsPicker.active {
	transform: translateZ(0)
}

.tooptip {
	position: absolute;
	padding: 12px;
	background: #000;
	color: #fff;
	z-index: 9;
	font-size: 11px;
	border-radius: 3px
}

.tooptip .close {
	position: absolute;
	right: 4px;
	top: -2px;
	cursor: pointer
}

#filter {
	width: 300px;
	left: 0;
	height: calc(100% - 51px);
	background: #fff;
	z-index: 2;
	padding: 15px;
	overflow: auto;
	border-top: 1px solid #eaeaea
}

@media screen and (max-width:812px) {
	#filter {
		height: calc(100% - 45px);
		top: 0;
		width: 210px;
		border-bottom: 1px solid #eaeaea
	}
}

#filter .close {
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px 11px;
	font-size: 21px;
	cursor: pointer
}

#filter .inner {
	height: 100%
}

#filter .search {
	z-index: 999;
	position: relative;
	float: left;
	width: 100%
}

#filter .search .icon {
	position: absolute;
	margin-top: 8px;
	color: #d6d6d6;
	margin-left: 10px
}

@media screen and (max-width:812px) {
	#filter .search .icon {
		margin-top: 1px;
		color: #d6d6d6;
		margin-left: 7px
	}
}

#filter .search input {
	font-size: 14px;
	width: 100%;
	border: 0;
	border: 1px solid #eaeaea;
	margin: 0;
	height: 43px;
	margin-bottom: 14px;
	padding-left: 40px
}

@media screen and (max-width:812px) {
	#filter .search input {
		height: 30px;
		padding-left: 30px
	}
}

#filter .clearFilter {
	margin-bottom: 15px
}

#filter .clearFilter.disabled {
	opacity: .4;
	pointer-events: none
}

#filter .filterOption {
	float: left;
	width: 100%;
	margin-bottom: 20px
}

#filter .item {
	float: left;
	width: 100%;
	padding: 4px 0;
	cursor: pointer
}

#filter .item.disabled {
	opacity: .3;
	pointer-events: none
}

#filter .colorItem {
	width: auto;
	margin-right: 5px
}

#filter .colorItem img {
	width: 30px;
	height: 30px;
	border: 2px solid #fff
}

#filter .colorItem img.checked {
	border: 2px solid #000
}

#filter .name {
	font-weight: 700;
	color: #000
}

#filter .name,
#filter label {
	text-transform: uppercase;
	font-size: 12px
}

#filter label {
	margin: 0;
	font-weight: 400;
	float: left;
	cursor: pointer
}

#filter input[type=checkbox] {
	-webkit-appearance: none;
	border: 1px solid #a0a0a0;
	height: 15px;
	width: 15px;
	margin-right: 5px;
	cursor: pointer;
	margin-bottom: 0;
	background: #fff;
	border-radius: 0;
	float: left
}

#filter input[type=checkbox].checked:before {
	content: "\F00C";
	font-family: FontAwesome;
	font-weight: 700;
	font-size: 11px;
	margin-top: 1px;
	border-left: 4px;
	width: 100%;
	text-align: center;
	float: left
}

#filter .toggleAble {
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 34px;
	height: 225px;
	overflow: hidden
}

#filter .toggleAble .showMore {
	position: absolute;
	margin-top: 0;
	background: #fff
}

#filter .showMore {
	float: left;
	width: 100%;
	bottom: 0;
	padding: 10px 0;
	font-size: 14px;
	text-decoration: underline;
	cursor: pointer;
	margin-top: -5px
}

#priceNotifier {
	position: absolute;
	left: -120px;
	width: 193px;
	text-align: center;
	background: #fff;
	font-size: 12px;
	line-height: normal;
	border-radius: 13px;
	padding: 17px 8px;
	top: -73px
}

@media screen and (max-width:812px) {
	#priceNotifier {
		display: none
	}
}

#priceNotifier:after {
	content: "";
	position: absolute;
	bottom: -16px;
	left: 50%;
	margin-left: -16px;
	border-width: 16px 16px 0;
	border-style: solid;
	border-color: #fff transparent;
	display: block;
	width: 0
}

.basket {
	width: 100%;
	height: 100%;
	overflow: auto
}

.basket.flipToggle.active {
	top: 75px;
	height: calc(100% - 75px)
}

@media screen and (max-width:844px) {
	.basket.flipToggle.active {
		top: 15px;
		height: calc(100% - 15px)
	}
}

.basket .title {
	margin: 10px auto;
	text-align: center;
	max-width: 266px;
	line-height: 23px;
	text-transform: uppercase;
	color: #8b8b8b;
	padding: 10px;
	font-size: 13px
}

@media screen and (max-width:813px) {
	.basket .title {
		font-size: 11px
	}
}

.basket .chosenArticles {
	padding: 15px;
	height: 100%
}

.basket .article {
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 10px
}

.basket .article .left {
	float: left;
	width: 25%
}

.basket .article .right {
	float: left;
	width: 74.9%;
	padding: 0 14px
}

@media screen and (max-width:813px) {
	.basket .article .right {
		padding: 0 5px
	}
}

@media screen and (max-width:813px) {
	.basket .article .image {
		min-height: 42px;
		display: table
	}
	.basket .article .image .inner {
		display: table-cell;
		vertical-align: middle
	}
}

.basket .article .name {
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	font-family: Raleway, Helvetica Neue, Helvetica, Arial, sans-serif;
	width: 80%
}

@media screen and (max-width:813px) {
	.basket .article .name {
		display: none
	}
}

.basket .article .price {
	margin-top: 5px;
	font-weight: 500;
	font-size: 15px
}

@media screen and (max-width:813px) {
	.basket .article .price {
		font-size: 11px;
		margin-top: 10px
	}
}

.basket .article .action {
	padding: 10px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -22.5px;
	margin-right: 12px;
	cursor: pointer
}

@media screen and (max-width:813px) {
	.basket .article .action {
		margin-right: 0;
		margin-top: -25px
	}
}

.loginContainer {
	text-align: center;
	position: absolute;
	top: 0;
	padding-top: 10%;
	left: 0;
	background-color: hsla(0, 0%, 100%, .93);
	width: 100%;
	height: 100%;
	z-index: 99999
}

@media screen and (max-width:779px) {
	.loginContainer {
		padding-top: 0
	}
}

.loginContainer i {
	font-size: 63px;
	color: #a8a8a8
}

@media screen and (max-width:779px) {
	.loginContainer i {
		display: none
	}
}

.loginContainer .title {
	font-size: 20px;
	font-family: Raleway, Helvetica Neue, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	margin: 10px 0
}

.loginContainer .button {
	background: #000;
	color: #fff
}

.loginContainer .input {
	max-width: 500px;
	text-align: center;
	margin: auto
}

.loginContainer .input input {
	width: 100%;
	margin-top: 15px
}

#stepProgressBar {
	height: 2px;
	background: #eee
}

#stepProgressBar .progress {
	background: #000;
	height: 2px;
	transition: width .25s ease
}

.nextStepContainer .closePickers {
	width: 100%
}

.nextStepContainer .button {
	margin: 0;
	padding: 12px;
	font-size: 12px;
	float: left;
	width: 100%
}

@media screen and (max-width:812px) {
	.nextStepContainer .button {
		padding: 9px;
		font-size: 10px;
		width: 100%
	}
}

.nextStepContainer .close,
.nextStepContainer .closePickers {
	margin-top: 3px
}

.nextStep {
	width: 100%;
	z-index: 9;
	background: #fff;
	margin-bottom: 6px
}

@media screen and (max-width:812px) {
	.nextStep {
		margin-bottom: 2px
	}
}

.nextStep.notActive {
	display: none
}

.siteBasket {
	position: absolute;
	width: 0;
	right: 0;
	overflow: hidden;
	transition: width .4s;
	background: #fff;
	transition-timing-function: cubic-bezier(.4, 0, .3, 1);
	z-index: 9;
	min-height: 100%;
	line-height: normal;
	top: 0;
	border-top: 1px solid #eaeaea
}

@media screen and (max-width:844px) {
	.siteBasket {
		z-index: 8
	}
}

@media screen and (min-width:845px) {
	.siteBasket {
		top: 51px
	}
}

@media screen and (min-width:1025px) {
	.siteBasket {
		display: none;
		max-height: 555px;
		top: 51px;
		right: 0;
		width: 470px;
		min-height: auto;
		border: 1px solid #eaeaea
	}
}

@media screen and (max-width:845px) {
	.siteBasket.active {
		width: 360px
	}
}

@media screen and (min-width:780px) {
	.siteBasket.active {
		width: 300px
	}
}

@media screen and (min-width:1025px) {
	.siteBasket.active {
		display: block;
		width: 470px
	}
}

.siteBasket.active .innerCart {
	transform: translateZ(0);
	height: 100%;
	width: 100%;
	padding-right: 10px
}

.siteBasket .innerCart {
	position: absolute;
	padding: 20px;
	left: 0;
	top: 0;
	transform: translate3d(500px, 0, 0);
	transition: transform .4s;
	transition-timing-function: cubic-bezier(.4, 0, .3, 1)
}

@media screen and (min-width:1025px) {
	.siteBasket .innerCart {
		position: static;
		padding: 12px
	}
}

@media screen and (max-width:845px) {
	.siteBasket .innerCart {
		padding: 10px
	}
}

@media screen and (min-width:780px) {
	.siteBasket .innerCart {
		padding: 15px
	}
}

.siteBasket .emptyText {
	padding: 10px 10px 10px 0;
	margin-bottom: 10px;
	font-size: 14px
}

.siteBasket .bottomSummary {
	margin-top: 17px
}

.siteBasket .checkout {
	font-size: 12px;
	margin-bottom: 10px;
	text-transform: uppercase;
	padding: 17px;
	color: #fff
}

@media screen and (max-width:845px) {
	.siteBasket .checkout {
		padding: 15px
	}
}

.siteBasket .totalPrice {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 12px
}

@media (max-height:350px) {
	.siteBasket .totalPrice {
		margin-bottom: 2px
	}
}

.siteBasket .freeShipping {
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 12px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start
}

@media (max-height:350px) {
	.siteBasket .freeShipping {
		margin-bottom: 10px
	}
}

.siteBasket .freeShipping span:first-child {
	-ms-flex: 1;
	flex: 1
}

.siteBasket .freeShipping .cart-leftToFreeShipping {
	width: 5rem;
	text-align: right
}

.siteBasketArticles {
	max-height: 100%
}

@media screen and (max-width:1024px) {
	.siteBasketArticles {
		height: calc(100% - 100px);
		overflow: auto;
		width: 100%;
		padding-bottom: 75px
	}
}

@media screen and (max-width:845px) {
	.siteBasketArticles {
		height: calc(100% - 145px);
		overflow: auto;
		width: 100%;
		padding-bottom: 25px
	}
}

@media screen and (min-width:1025px) {
	.siteBasketArticles {
		max-height: 390px;
		overflow: auto
	}
}

.siteBasketArticles .articleRow {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	position: relative
}

.siteBasketArticles .image {
	float: left;
	width: 110px
}

@media screen and (max-width:845px) {
	.siteBasketArticles .image {
		width: 54px
	}
}

@media screen and (min-width:1025px) {
	.siteBasketArticles .image {
		width: 73px
	}
}

.siteBasketArticles .information {
	float: left;
	width: calc(100% - 125px);
	padding: 10px
}

@media screen and (max-width:845px) {
	.siteBasketArticles .information {
		padding: 0 10px
	}
}

@media screen and (min-width:1025px) {
	.siteBasketArticles .information {
		width: calc(100% - 73px)
	}
}

.siteBasketArticles .price {
	font-family: Lato;
	font-weight: 600;
	text-transform: uppercase;
	margin: 20px 0
}

@media screen and (max-width:845px) {
	.siteBasketArticles .price {
		margin: 8px 0;
		font-size: 12px
	}
}

@media screen and (min-width:1025px) {
	.siteBasketArticles .price {
		margin: 11px 0
	}
}

.siteBasketArticles select {
	-webkit-appearance: none!important;
	-moz-appearance: none!important;
	border-radius: 0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…J2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
	background-position: 100%;
	background-repeat: no-repeat;
	border: 1px solid #ccc;
	color: rgba(0, 0, 0, .75);
	height: 34px;
	line-height: 23px;
	margin-bottom: 0;
	width: 72%
}

@media screen and (max-width:845px) {
	.siteBasketArticles select {
		height: 30px;
		line-height: 17px
	}
}

@media screen and (min-width:1025px) {
	.siteBasketArticles select {
		width: 30%
	}
}

.siteBasketArticles .name {
	font-size: 14px
}

@media screen and (max-width:845px) {
	.siteBasketArticles .name {
		font-size: 11px
	}
}

.siteBasketArticles .remove {
	position: absolute;
	right: 0;
	top: 50%;
	font-size: 21px;
	margin-top: -10px;
	padding: 10px 12px;
	cursor: pointer
}

.loadContainer {
	display: inline-block;
	width: 100%
}

.loadContainer.inline {
	width: auto
}

.loader {
	display: inline-block
}

.loader.cover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	font-size: 30px;
	color: #414141
}

.loader.cover i {
	font-size: 30px;
	margin-top: 30%
}

@media screen and (max-width:812px) {
	.loader.cover i {
		margin-top: 36%
	}
}

.loader.dimmer {
	background: hsla(0, 0%, 100%, .45)
}

.priceContainer {
	display: inline
}

.priceContainer .prefix {
	display: inline-block;
	position: relative;
	left: -3px
}


/*# sourceMappingURL=styles.c36ba63d.css.map*/

.item3-mixed .item.size0 {
	left: 7.8% !important;
}

.item3-mixed .item.size1 {
	top: 4% !important;
}

.item3-mixed .item.size2 {
	left: 50.3% !important;
}

.item3-50x70 .item.size0 {
	left: 7.8% !important;
}

.item3-50x70 .item.size2 {
	left: 43.8% !important;
}

.item70x100 .item.size1 {
	left: 50.8% !important;
}

.item50x70 .item.size1 {
	left: 43.8% !important;
}

.item4-30x40 .item.size0 {
	left: 38% !important;
}

.item4-30x40 .item.size1 {
	left: 51% !important;
}

.item4-30x40 .item.size2 {
	top: 39.5% !important;
	left: 51% !important;
}

.item4-30x40 .item.size3 {
	top: 39.5% !important;
	left: 38% !important;
}

.item4-mixed .item.size0 {
	top: 26.4% !important;
	left: 18.9% !important;
}

.item4-mixed .item.size1 {
	top: 18.5% !important;
	left: 31.8% !important;
}

.item4-mixed .item.size2 {
	top: 18.5% !important;
	left: 51% !important;
}

.item4-mixed .item.size3 {
	top: 26.4% !important;
	left: 70% !important;
}

.item4-mixed-2 .item.size0 {
	top: 4.5% !important;
	left: 28.7% !important;
	width: 23.8%!important;
	padding-bottom: 17.29%!important;
}

.item4-mixed-2 .item.size1 {
	top: 4.5% !important;
	left: 53.9% !important;
}

.item4-mixed-2 .item.size2 {
	top: 35.6% !important;
	left: 22.9% !important;
}

.item4-mixed-2 .item.size3 {
	top: 35.6% !important;
	left: 35.3% !important;
}

.item4-mixed-3 .item.size0 {
	top: 8.5% !important;
	left: 32% !important;
}

.item4-mixed-3 .item.size1 {
	top: 8.5% !important;
	left: 50% !important;
}

.item4-mixed-3 .item.size2 {
	top: 39.6% !important;
	left: 50.4% !important;
}

.item4-mixed-3 .item.size3 {
	top: 39.6% !important;
	left: 62% !important;
}

.item5-mixed .item.size0 {
	top: 26.7% !important;
	left: 17.5% !important;
}

.item5-mixed .item.size1 {
	top: 10.5% !important;
	left: 27% !important;
}

.item5-mixed .item.size2 {
	top: 37% !important;
	left: 27% !important;
}

.item5-mixed .item.size3 {
	top: 7% !important;
	left: 39.5% !important;
}

.item5-mixed .item.size4 {
	top: 16% !important;
	left: 65% !important;
}

.itemlarge-wall .item.size0 {
	top: 2.4% !important;
	left: 16.39% !important;
}

.itemlarge-wall .item.size1 {
	top: 0% !important;
	left: 31.6% !important;
}

.itemlarge-wall .item.size2 {
	top: 1.5% !important;
	left: 56.6% !important;
}

.itemlarge-wall .item.size3 {
	top: 37.3% !important;
	left: 13.3% !important;
}

.itemlarge-wall .item.size4 {
	top: 58.9% !important;
	left: 31.6% !important;
	width: 14.06%!important;
	padding-bottom: 10.562%!important;
}

.itemlarge-wall .item.size5 {
	top: 58.8% !important;
	left: 47.6% !important;
}

.itemlarge-wall .item.size6 {
	top: 43% !important;
	left: 56.6% !important;
}

.itemlarge-wall .item.size7 {
	top: 43% !important;
	left: 71.99% !important;
	width: 14.06%!important;
	padding-bottom: 10.562%!important;
}

.frame {
	height: 100% !important;
}

.frame img {
	height: 100% !important;
	width: 100% !important;
}