.u2y-loader-tobasket, .u2y-loader {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: +999999;
}
div#lumise-zoom-wrp input[type="range"], div#lumise-left input[type="range"]{ width: 200px; }
.lumise_content.lumise_wrapper_table{
	display: flex;
	padding: 0;
	flex-direction: column;
}
.u2y-loader-tobasket:before,
.u2y-loader:before {
	content: '';
	position: absolute;
	inset: 0;
	background-color: rgba(255, 255, 255, .6);
	z-index: 9;
}

.u2y-loader-tobasket:after,
.u2y-loader:after {
	content: '';
	width: 60px;
	height: 60px;
	position: absolute;
	inset: 0;
	margin: auto;
	background-size: contain;
	background-position: center;
	background-image: url('/local/templates/lacotton/resources/loader_tube_spinner.svg');
	z-index: 9;
}
.u2y-loader-tobasket{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	gap:14px;
	font-family:"Roboto",Arial,sans-serif;
	font-size: 13px;
}
.u2y-loader-tobasket span{
	padding-top:150px;
	z-index: 11;
}
.u2y-loader-tobasket>div{
	z-index: 11;
}
.u2y-loader-tobasket>div b{
	font-weight: 400;
	font-size: 12px;
	display: inline-block;
    margin-left: 10px;
}
div#LumiseDesign div#lumise-navigations, div#lumise-top-tools>ul.lumise-top-nav li button:not(.white), #LumiseDesign button.lumise-btn:not(.white), div#lumise-workspace .lumise-save-color i:hover, div#LumiseDesign div#lumise-navigations ul[data-block] li[data-view="list"] ul[data-view="sub"] li:not([data-view="sp"]):hover, div#LumiseDesign div#lumise-navigations ul[data-block="right"]>li[data-tool="languages"] i, ul#lumise-saved-designs li[data-editing]:after, .lumise-switch .lumise-toggle-button:checked~.lumise-toggle-label, .lumise-toggle input:checked ~ .lumise-toggle-label, .lumise_form_group input[type="submit"], .lumise_form_group .img-preview label, .lumise_sidebar ul.lumise_menu > li > a:before, .lumise_submit:hover, .lumise_header .add_new:hover, .btn-toggle-sidebar:hover, .lumise_backtotop:hover, #lumise-select-language header .close-pop:hover:before, #lumise-select-language header .close-pop:hover:after, body .lumise-btn-primary, .lumise_radios .lumise-radio input:checked ~ label .check:before, #lumise-popup .lumise-popup-content ul.lumise-stagle-list-base li:hover img, .lumise_form_group .lumise_form_content button[data-func="create-color"], .lumise_radios .radio input:checked ~ label .check:before, .lumise_content button[data-btn="primary"], #lumise-left #lumise-uploads header button:hover, #lumise-left #lumise-uploads header button.active, #lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp ul li.active p, #lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp ul li:after, div#LumiseDesign div#lumise-navigations ul[data-block][data-resp="file"].active, #lumise-lightbox #lumise-change-products-wrp ul[data-view="categories"] li.active, #lumise-lightbox #lumise-change-products-wrp ul[data-view="products"] li[data-current="true"]:after, #lumise-list-colors #lumise-list-colors-body .col .create-color-grp button[data-func="apply-now"], .bgcolorafter:after, .bgcolor{
	background: #fff !important;
}
#lumise-navigations{
	height: 72px !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 1rem;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
#lumise-workspace{
	min-height: calc(100% - 72px) !important;
	margin-top: 72px !important;
}
#lumise-left{
	top: 71px !important;
	height: calc(100vh - 71px) !important;
}
#lumise-top-tools{
	top: 72px !important;
}
#lumise-main{
	height: calc(100vh - 72px) !important;
}
.btnPrice{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.btnPrice .btnToBasket{
	width: 200px;
	border-radius: 2px;
	background: #232526 !important;
	color: #fff;
	border-color: #232526 !important;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	white-space: nowrap;
	padding: 16px 0;
	cursor: pointer;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-property: background-color;
	-moz-transition-property: background-color;
	-ms-transition-property: background-color;
	-o-transition-property: background-color;
	transition-property: background-color;
}
.btnPrice .btnToBasket.loading{
	display: flex; align-items: center; justify-content: center;
	cursor: default;
}
.btnPrice .btnToBasket i{
	display: none; width: 10px; height: 10px; transform: rotate(45deg); background: #fff; margin: 0 5px;
	animation: shrinkExpand 1s infinite;
}
.btnPrice .btnToBasket i:nth-child(1) { animation-delay: 0s; }
.btnPrice .btnToBasket i:nth-child(2) { animation-delay: 0.2s; }
.btnPrice .btnToBasket i:nth-child(3) { animation-delay: 0.4s; }
.btnPrice .btnToBasket i:nth-child(4) { animation-delay: 0.6s; }
.btnPrice .btnToBasket.loading i{ display: block; }
@keyframes shrinkExpand {
  0% {
	transform: scale(1) rotate(45deg);
  }
  40% {
	transform: scale(0) rotate(45deg);
  }
  60% {
	transform: scale(0) rotate(45deg);
  }
  100% {
	  transform: scale(1) rotate(45deg);
	}
}
.btnPrice .btnToBasket.loading span{ display: none; }
.btnPrice .btnToBasket:hover{
	background: #3b3f41 !important;
	border-color: #3b3f41 !important;
}
.btnPrice price{
	position: fixed;
	top: 0px; height: 72px;
	right: calc(200px + 2rem);
	color: #2d2d2d;
	background: none;
	line-height: 1;
	white-space: nowrap;
	font-size: 20px; font-weight: 700;
	width: 100px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.btnPrice name{
	position: fixed;
	top: 0px; height: 72px;
	right: calc(450px + 2rem);
	color: #2d2d2d;
	background: none;
	line-height: 1;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	white-space: nowrap;
}
.btnPrice .lumise-change-produc{
	font-size: 11px !important;
	position: fixed;
	top: 0px; height: 44px;
	right: calc(300px + 2rem);
	color: #2d2d2d;
	line-height: 1 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 14px 0px !important;
	padding: 12px 20px !important;
	background-color: #FFF !important;
	border: 1px solid !important;
	cursor: pointer !important;
	transition: all 0.3s ease 0.01s;
	white-space: nowrap;
}
.btnPrice .lumise-change-produc:hover{
	background: #232526 !important;
	border-color: #232526 !important;
	color: #fff !important;
}

#lumise-product header,
.lumise-cart-field[data-type="quantity"],
.lumise-prints,
#lumise-uploads .images-from-socials,
#lumise-navigations ul[data-resp="file"],
#lumise-notices,
li[data-tool="options"],
li#lumise-general-status:has(a[data-func="save-design"]),
#lumise-top-tools,
div#LumiseDesign[data-processing="true"]:before,
#lumise-stage-nav li[data-nav="prev"],
#lumise-stage-nav li[data-nav="next"]
{
	display: none !important;
}
#lumise-main{ opacity: 0; }
div#LumiseDesign div#lumise-left>div.lumise-left-nav-wrp>ul.lumise-left-nav, div#LumiseDesign div#lumise-left>div.lumise-left-nav-wrp{
	width: 120px;
}
div#LumiseDesign div#lumise-left .lumise-tab-body-wrp{
	height: calc(100vh - 72px);
}
div#LumiseDesign div#lumise-left{ width: 470px !important; }
.lumise-cart-options div.lumise-cart-field.field-inline:not([data-type="text"]) .lumise_form_group{
	flex-direction: column;
}
.lumise-cart-field-label{
	display: block !important;
	margin-bottom: 14px !important;
}
.lumise-cart-options div.lumise-cart-field.field-inline:not([data-type="text"]) .lumise_form_group>.lumise_form_content{
	padding: 0 20px 10px !important;
}

.lumise-cart-field-quantity em:not(.lumise-required-msg),
ul.lumise-product-color li[data-color]{
	border-radius: 2px !important;
}
div#lumise-main,
div#lumise-top-tools
{ left: 470px; width: calc(100% - 470px); }
div#nav-bottom-left
{ left: 482px; }
ul[data-resp="undo-redo"]{
	height: 72px;
	display: flex !important;
	align-items: center;
	justify-content: center;
}
ul[data-resp="undo-redo"] li{
	height: 44px; width: 44px; display: flex !important; align-items: center; justify-content: center;
	padding: 0px !important;
	border: 1px solid #3f4652;
	border-radius: 3px;
	margin: 0px 5px;
}
ul[data-resp="undo-redo"] li img{ height: 24px; }
ul[data-resp="undo-redo"] li.disabled{ opacity: 0.1 !important; }
#lumise-stage-nav li[data-stage]
{ display: block !important; overflow: hidden; margin: 10px 0; }

.lumise-top-nav.left ul[data-view="sub"]{
	right: auto !important; left: -6px !important;
	transform: none !important;
}
.lumise-top-nav.left ul[data-view="sub"]:before{
	left: 21px !important; right: auto !important;
	transform: none !important;
}
#lumise-lightbox #lumise-lightbox-content{ min-width: auto !important; }
#lumise-lightbox-footer{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#lumise-lightbox-footer .go-basket{
	border-radius: 2px;
	background: #232526 !important;
	color: #fff !important;
	border-color: #232526 !important;
	font-size: 10px;
	font-weight: 600;
	line-height: 11px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-decoration: none !important;
	white-space: nowrap;
	padding: 12px 18px;
	letter-spacing: 0.1em;
	cursor: pointer;
	transition-duration: 0.4s;
	transition-property: background-color;
	font-family: 'Roboto', Arial, sans-serif;
}
#lumise-lightbox-footer .go-basket:hover{
	background: #3b3f41 !important;
	border-color: #3b3f41 !important;
}
#lumise-lightbox-footer .continue-edit{
	display: inline-block;
	padding: 12px 18px;
	background-color: #FFF;
	border: 1px solid;
	cursor: pointer;border-color: #232526 !important;
	border-radius: 2px;
	transition-duration: 0.4s;
	font-size: 10px;
	font-weight: 600;
	line-height: 11px;
	text-transform: uppercase;
	text-decoration: none !important;
	color: #232526 !important;
	font-family: 'Roboto', Arial, sans-serif;
}
#lumise-lightbox #lumise-lightbox-content h3.title{
	font-family: 'Roboto', Arial, sans-serif;
}
#lumise-lightbox-footer .continue-edit:hover{
	background-color: #232526 !important;
	fill: #232526 !important;
	color: #FFF !important;
}
#lumise-lightbox-body{ max-width: 480px !important;}
#lumise-lightbox a.kalb-close{ opacity: 1 !important;}
.logo-mobile, .lumise-change-produc i{ display: none !important; }
#lumise-print-detail{
	width: 100% !important;
	float: none;
	display: flex;
	align-items: center;
	justify-content: center;	
}
#lumise-print-detail img{ max-width: 50%; }
#lumise-cart-attributes div[data-type="product_color"],
#mobile-guide{ display: none; }

#lumise-stage-nav{ right: -200px !important; }
#views-sta{
	position: fixed;
	right: 20px;
	top: 50%;
	margin-top: 72px;
	transform: translateY(-50%);
	width: 80px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
#views-sta a{
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-items: center;
	justify-content: center;
	color: #323232;
	background: #fff;
	font-size: 13px;
	font-family: 'Roboto', Arial, sans-serif;
	border-radius: 3px;
	text-decoration: none;
	transition: opacity 0.3s ease;
	opacity: 0.4;
}
#views-sta a.active{ opacity: 1; }


@media only screen and (max-width: 1024px){
	
}

@media only screen and (max-width: 768px){
	div#LumiseDesign div#lumise-left>div.lumise-left-nav-wrp>ul.lumise-left-nav, div#LumiseDesign div#lumise-left>div.lumise-left-nav-wrp{
		width: 100vw;
		float: none;
		display: flex !important;
		justify-content: space-between;
	}
	div#LumiseDesign div#lumise-left>div.lumise-left-nav-wrp>ul.lumise-left-nav li{ flex: 1; }
	.btnPrice name, .btnPrice price, #lumise-nav-file{ display: none !important; }
	.btnPrice .btnToBasket{ width: 100px !important; order: 1; }
	.btnPrice .lumise-change-produc{ right: auto; width: auto !important; padding: 12px 16px !important; min-width: auto !important; position: relative; order: 3; margin-left: 1rem !important; }
	.lumise-change-produc i{ display: inline-block !important; position: relative !important; top: 1px; }
	#mobile-guide, .logo-desktop, .lumise-change-produc span{ display: none; }
	.logo-mobile{ display: block !important; margin-left: 64px; }
	div#LumiseDesign div#lumise-left{ width: 0px !important; }
	div#lumise-main, div#lumise-top-tools{
		left: 0px !important;
		width: 100vw !important;
		padding: 50px 0 160px !important;
		height: 100vh !important;
	}
	#lumise-stage-nav ul{
		display: none !important;
	}
	div#LumiseDesign button.lumise-change-produc{
		position: absolute;
		left: 0px;
		transform: rotate(180deg);
	}
	#views-sta{
		right: auto;
    	left: 50%;
	    transform: translateX(-50%);
    	top: auto;
	    bottom: 100px;
    	flex-direction: row;
	    width: auto;
    	margin: 0px;
    	gap: 10px;
	}
}