@charset "UTF-8";
.ic-close {
	display: block;
	position: relative;
	cursor: pointer;
	font-size: 30px;
	width: 1em;
	height: 1em
}



.ic-close::after,
.ic-close::before {
	content: "";
	display: block;
	width: .1em;
	height: 100%;
	position: absolute;
	z-index: 0;
	left: 50%;
	margin-left: -.05em;
	top: 0;
	background: #000;
	border-radius: 2px
}

.ic-close::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.ic-close::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

@media (max-width:630px) {
	.ic-close {
		font-size: 24px
	}
}

.ic-check {
	display: block;
	font-size: 22px;
	width: 1em;
	height: 1em;
	background: url(../img/mob/ic-check-black.svg) no-repeat 50% 50%/100%
}

.constructor ol.list,
.constructor ul.list {
	margin: 0;
	padding: 0;
	list-style: none
}

.img {
	display: block;
	max-width: 100%;
	height: auto
}

@media (min-width:801px) {
	.mob-show {
		display: none!important
	}
}

@media (max-width:630px) {
	body {
		padding-top: 50px
	}
	.page-template-constructor{
		padding-top: 0;
	}
}

@media (max-width:440px) {
	body {
		padding-top: 60px
	}
	.page-template-constructor{
		padding-top: 0;
	}	
}

@media (max-width:800px) {
	.backBtn {
		font-size: 10px;
		width: 6em!important;
		height: 6em!important;
		border-radius: 50%;
		top: auto!important;
		bottom: 50px;
		-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, .14)!important;
		box-shadow: 0 0 13px rgba(0, 0, 0, .14)!important;
		z-index: 0!important
	}
	.backBtn .img {
		display: none
	}
	.backBtn .text {
		font-size: 1.8em!important;
		top: 3.7em!important
	}
	.backBtn .text i {
		position: absolute;
		top: -2.4em!important;
		left: 1em!important;
		width: 1em!important;
		height: 1em!important;
		background-repeat: no-repeat
	}
}

@media (max-width:630px) {
	.backBtn {
		font-size: 8px
	}
}

@media (max-width:800px) {
	.detailsBlock-mob:not(.show_price) {
		display: block!important;
		width: auto!important;
		height: 100px!important;
		background: 0 0!important;
		padding: 15px!important;
		box-shadow: none!important;
		left: 0!important;
		top: 0!important;
		right: 0!important;
		bottom: auto!important;
		position: absolute
	}
	.detailsBlock-mob:not(.show_price) > div:not(.price):not(.calculator_range):not(.popdown):not(.basket_label) {
		display: none!important
	}
	.detailsBlock-mob:not(.show_price) div.price div.title {
		display: none!important
	}
	.detailsBlock-mob:not(.show_price) .price {
		padding: .3em .2em .3em .7em;
		font: 32px/1 Arvo, sans-serif;
		line-height: 1;
		letter-spacing: .016em;
		color: #000;
		border: 2px solid #f16522;
		border-right: none;
		border-radius: 4px;
		z-index: 0;
		right: 33px!important;
		top: 30px!important;
		min-width: auto!important;
		background: #fff
	}
	.detailsBlock-mob:not(.show_price) .price::before {
		content: "";
		display: block;
		font-size: 10px;
		width: 4em;
		height: 4em;
		border-right: 2px solid #f16522;
		border-bottom: 2px solid #f16522;
		border-radius: 4px;
		position: absolute;
		z-index: -1;
		right: -1.8em;
		top: .5em;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
}

@media (max-width:630px) {
	.detailsBlock-mob:not(.show_price) .price {
		font-size: 24px
	}
	.detailsBlock-mob:not(.show_price) .price::before {
		font-size: 7.7px
	}
}

.sizes-button {
	color: #f35c03;
	font-size: 18px;
	letter-spacing: -.02em
}

.u-title {
	font: 36px/1.1 Arvo, sans-serif;
	font-weight: 400
}

@media (max-width:440px) {
	.u-title {
		font-size: 26px
	}
}

.u-txt {
	font-size: 18px
}

.visualBlock .canvas .obj .settings {
	top: -18px;
	left: -18px
}

.visualBlock .canvas .obj .handler .settingsIco {
	width: 15px;
	height: 15px;
	background: url(../img/mob/ic-settings.svg) no-repeat 50% 50%/100%
}

.m-popup {
	display: none
}

.m-popup-close {
	display: none
}

@media (max-width:800px) {
	.m-popup {
		width: 100%;
		position: fixed;
		z-index: 1102;
		bottom: 0;
		left: 0
	}

	.m-popup__overlay {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 1101;
		left: 0;
		top: 0;
		background: #000;
		opacity: .3
	}
	.m-popup__content {
		position: relative;
		z-index: 1102;
		padding: 30px 15px;
		background: #fff;
		-webkit-box-shadow: 0 0 38px rgba(0, 0, 0, .1);
		box-shadow: 0 0 38px rgba(0, 0, 0, .1)
	}
	.m-popup-close {
		display: inline-block;
		width: auto!important;
		height: auto!important;
		position: absolute;
		top: auto!important;
		bottom: 100%!important;
		right: 0!important;
		padding: 8px 10px!important;
		background: #fff!important;
		-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .1);
		box-shadow: 0 -4px 5px rgba(0, 0, 0, .1);
		opacity: 1!important
	}
	.m-popup__title {
		margin-bottom: .6em;
		text-align: center
	}
	.m-popup__subtitle {
		margin: 0 0 1em!important;
		font-size: 20px;
		font-weight: 700;
		text-align: center;
		letter-spacing: -.02em
	}
	.m-popup.active,
	.m-popup.is-open {
		display: block
	}

	.m-popup.popup-begin{
		display: none;
	}


}

@media (max-width:440px) {
	.m-popup__subtitle {
		font-size: 18px
	}
}

.begin-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.begin-list li {
	width: 25%
}

.begin-list__ic {
	font-size: 6px;
	width: 3.6em;
	height: 3.6em;
	margin: 0 auto 2em
}

.begin-list__ic .img {
	max-height: 100%
}

.begin-list__txt {
	max-width: 7.4em;
	margin: 0 auto;
	font-size: 18px;
	line-height: 1.35;
	letter-spacing: -.02em;
	text-align: center
}

@media (max-width:630px) {
	.begin-list__txt {
		font-size: 16px
	}
}

@media (max-width:440px) {
	.begin-list__ic {
		font-size: 8px
	}
	.begin-list__txt {
		font-size: 14px
	}
}

.popup-sizes {
	width: auto;
	top: 100px;
	left: 15px;
	right: 15px;
	bottom: auto
}

.popup-sizes .buttons-list {
	display: none
}

.popup-sizes .addition-text {
	display: none
}

.popup-sizes.bask {
	top: 50%!important;
	margin-top: -25%!important
}

.popup-sizes.bask .buttons-list {
	display: block
}

.popup-sizes.bask .addition-text {
	display: block
}

.popup-sizes table {
	font-size: 18px;
	line-height: 1.2
}

.popup-sizes table td {
	padding: .2em .4em .5em;
	vertical-align: top
}

.popup-sizes table td:first-child {
	width: 7em;
	padding-left: 0;
	color: rgba(0, 0, 0, .5)
}

.popup-sizes table td:last-child {
	padding-right: 0
}

.popup-sizes .u-txt {
	margin: .6em 0 0;
	color: rgba(0, 0, 0, .5)
}

@media (max-width:800px) {
	.tab-mob {
		overflow: visible;
		width: 100%;
		height: auto;
		min-height: 1px;
		position: absolute;
		bottom: -9px;
		left: 0;
		z-index: 1102;
		background: #fff;
		-webkit-box-shadow: 0 0 38px rgba(0, 0, 0, .1);
		box-shadow: 0 0 38px rgba(0, 0, 0, .1)
	}
	.tab-mob .base {
		background: #fff;
	}
	.tab-mob.uploadTab{
		margin-top: -300px;
		height: 300px;
		position: relative;
	}
}

@media (max-width:630px) {
	.tab-mob {
		bottom: 0
	}
}
/*
@media (max-width:800px) {
	.header {
		top: 0
	}
}

@media (max-width:630px) {
	.header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: fixed
	}
	.header .logo,
	.header .tel {
		position: static;
		height: auto
	}
	.header .logo {
		width: 35vw;
		max-width: 170px
	}
	.header .tel {
		width: auto
	}
	.header .buttons {
		position: static;
		margin-left: auto
	}
}

@media (max-width:360px) {
	.header .logo {
		margin-bottom: 5px
	}
	.header .tel {
		position: absolute;
		left: 0;
		width: 100%
	}
}

.menu-toggle {
	display: none;
	width: 70px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 70px;
	flex: 0 0 70px;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	margin-right: auto;
	border-right: 1px solid #eee
}

@media (max-width:800px) {
	.menu-toggle {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

@media (max-width:440px) {
	.menu-toggle {
		width: 60px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 60px;
		flex: 0 0 60px
	}
}

@media (max-width:380px) {
	.menu-toggle {
		width: 50px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50px;
		flex: 0 0 50px
	}
}
*/
.menu-ic {
	display: block;
	width: 26px;
	height: 2px;
	margin-top: -1px;
	border-radius: 15px;
	background-color: #000;
	position: relative;
	z-index: 10;
	-webkit-transition: all .25s;
	transition: all .25s
}

.menu-ic::after,
.menu-ic::before {
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	border-radius: 15px;
	background-color: #000;
	-webkit-transition: all .25s;
	transition: all .25s
}

.menu-ic::before {
	top: -8px
}

.menu-ic::after {
	top: 8px
}

.mob-nav {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 1104;
	width: 100%;
	max-width: 500px;
	max-height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	padding-top: 3em;
	padding-bottom: 50px;
	background: #fff;
	-webkit-box-shadow: 0 0 29px rgba(0, 0, 0, .17);
	box-shadow: 0 0 29px rgba(0, 0, 0, .17);
	font-size: 28px;
	will-change: transform;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .4s linear;
	transition: all .4s linear
}

@media (max-width:440px) {
	.mob-nav {
		font-size: 20px
	}
}

.mob-nav__close {
	position: absolute;
	top: 30px;
	right: 30px
}

@media (max-width:630px) {
	.mob-nav__close {
		top: 21px
	}
}

@media (max-width:440px) {
	.mob-nav__close {
		top: 14px
	}
}

.mob-nav ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.mob-nav__list a {
	display: block;
	line-height: 1.1;
	padding: .75em 2em;
	font-weight: 600;
	color: #000;
	text-decoration: none
}

.mob-nav__list a:hover {
	background: #f16522;
	color: #fff
}

.mob-nav .socials {
	margin-top: 1em;
	padding-top: 1.5em;
	padding-left: 2em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-top: 1px solid rgba(0, 0, 0, .1)
}

.mob-nav .socials li {
	margin: 0 1.25em 1em 0
}

.mob-nav .socials__link {
	font-size: .7em;
	display: block
}

.mob-nav .socials .img {
	display: block;
	max-width: 100%;
	max-height: 100%
}

.mob-nav .socials__vk {
	width: 2.4em;
	height: 1.5em
}

.mob-nav .socials__insta {
	width: 1.7em;
	height: 1.7em
}

.mob-nav .socials__fb {
	width: 1.1em;
	height: 1.8em
}

.menu-expanded {
	overflow: hidden
}

.menu-expanded::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 110;
	left: 0;
	top: 0;
	background: #000;
	opacity: .3
}

.menu-expanded .mob-nav {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible
}

@media (max-width:800px) {
	.constructor__menu {
		position: fixed;
		height: 96px!important
	}
	.constructor__menu div.active::after {
		display: none!important
	}
	.constructor__menu div span {
		top: 72px
	}
	.constructor__menu div i {
		font-size: 9px;
		background-repeat: no-repeat
	}
	.constructor__menu .textileIco {
		width: 4.4em;
		height: 4.1em
	}
	.constructor__menu .uploadIco {
		width: 3.5em;
		height: 3.5em
	}
	.constructor__menu .textIco {
		width: 3.1em;
		height: 3.6em
	}
	.constructor__menu .templatesIco {
		width: 4.4em;
		height: 4.4em
	}
	.constructor__menu .basketIco {
		width: 5.1em;
		height: 4.3em
	}
}

@media (max-width:630px) {
	.constructor__menu {
		height: 80px!important
	}
	.constructor__menu div i {
		font-size: 8px
	}
	.constructor__menu div span {
		top: 56px!important
	}
}

@media (max-width:440px) {
	.constructor__menu {
		height: 70px!important
	}
	.constructor__menu div i {
		font-size: 7px
	}
	.constructor__menu div span {
		top: 48px!important
	}
}

@media (max-width:800px) {
	.mobilecolorpicker {
		display: none
	}
}

@media (max-width:800px) {
	.visualBlock .colorpicker-mob {
		font-size: 10px;
		position: absolute;
		z-index: 1;
		top: 10px;
		width: 5.5em;
		bottom: auto
	}
	.visualBlock .colorpicker-mob .color_switcher {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
		-webkit-transition: all .2s linear;
		transition: all .2s linear
	}
	.visualBlock .colorpicker-mob .ic-close {
		opacity: 0;
		-webkit-transition: opacity .1s linear;
		transition: opacity .1s linear
	}
	.visualBlock .colorpicker-mob.is-open .ic-close {
		opacity: 1
	}
	.visualBlock .colorpicker-mob.is-open .color_switcher {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	.visualBlock .colorpicker-mob label {
		display: block;
		font-size: 1em;
		width: 3.4em;
		height: 3.4em;
		margin: 0 auto 2em;
		border-radius: 50%;
		float: none
	}
}

@media (max-width:630px) {
	.visualBlock .colorpicker-mob {
		font-size: 8px
	}
}

@media (max-width:800px) {
	.colorpicker label.active {
		position: relative;
		-webkit-box-shadow: inset 0 0 0 1px #f66916, 0 0 0 1px #f66916;
		box-shadow: inset 0 0 0 1px #f66916, 0 0 0 1px #f66916
	}
	.colorpicker .colorpicker label.active::before {
		content: "";
		display: block;
		width: 1.3em;
		height: .9em;
		position: absolute;
		z-index: 0;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background: url(../img/mob/ic-check.svg) no-repeat 50% 50%/100%
	}
	.colorpicker .termo__colors label.active::before {
		content: "";
		display: block;
		width: 1.3em;
		height: 1.3em;
		position: absolute;
		z-index: 0;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background: url(../img/mob/ic-settings-white.svg) no-repeat 50% 50%/100%
	}
}

.colorpicker-mob__btn {
	display: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 5.5em;
	height: 5.5em;
	margin: 0 auto 5em;
	border-radius: 50%;
	cursor: pointer;
	text-align: center;
	position: relative;
	background: url(../img/mob/ic-color.svg) no-repeat 50% 50%/100%
}

.colorpicker-mob__btn .ic-close {
	font-size: 2.2em;
	border-radius: 50%;
	background: #fff
}

.colorpicker-mob__btn .ic-close::after,
.colorpicker-mob__btn .ic-close::before {
	height: 80%;
	top: 10%
}

.colorpicker-mob__btn span {
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	font-size: 1.8em;
	margin-top: .5em;
	font-weight: 700
}

@media (max-width:800px) {
	.colorpicker-mob__btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

@media (max-width:800px) {
	.constructor {
		background: #fff;
		height: calc((var(--vh, 1vh) * 100) - 60px)
	}
}

@media (max-width:800px) {
	.canvas_frame {
		top: 20px
	}
	.optionsBlock {
		top: calc(100vh - 150px);
	}
	.textileTab ,
	.templatesTab {
		margin-top: -78vh;
		min-height: 80vh;
	}
}

@media (max-width:800px) {
	.optionsBlock {
		/*z-index: auto;*/
		background: 0 0!important;
		bottom: auto;
	}
}

@media (max-width:630px) {
	.optionsBlock {
		bottom: auto
	}
}

@media (max-width:440px) {
	.optionsBlock {
		bottom: auto
	}
}

@media (max-width:800px) {
	.canvas_frame {
		bottom: 96px
	}
}

@media (max-width:630px) {
	.canvas_frame {
		bottom: 80px
	}
}

@media (max-width:440px) {
	.canvas_frame {
		bottom: 70px
	}
}

@media (max-width:800px) {
	.visualBlock {
		background: 0 0
	}
}

@media (min-width:801px) {
	.textileList-mob .elem {
		margin-right: 17px
	}
}

.textileList-mob .image {
	font-size: 5px;
	width: 75%!important;
	height: 19em!important;
	background-size: contain;
	background-repeat: no-repeat
}

@media (max-width:800px) {
	.textileList-mob {
		width: 100%;
		max-width: 100%;
		margin-top: 10px
	}
	.textileList-mob .elem {
		width: 33.33333%;
		height: auto;
		margin: 0 0 30px;
		padding: 8px 1.9vw;
		background: 0 0;
		-webkit-box-shadow: none;
		box-shadow: none
	}
	.textileList-mob .elem .image,
	.textileList-mob .elem .title {
		position: static
	}
	.textileList-mob .elem .image {
		width: 100%!important;
		height: 14em!important;
		margin-bottom: 2.4em;
		background-position: 50% 100%;
		background-size: contain
	}
	.textileList-mob .elem .image.mask {
		background-position-y: 66%
	}
}

@media (max-width:630px) {
	.textileList-mob .elem .image {
		font-size: 9px
	}
}

@media (max-width:440px) {
	.textileList-mob .elem .image {
		font-size: 8px
	}
	.textileList-mob .elem .title {
		font-size: 14px
	}
}

@media (max-width:800px) {
	.constructor .templatesTab .sm-show,
	.constructor .textileTab .sm-show {
		padding-left: 25px;
		padding-right: 25px
	}
}

@media (max-width:800px) {
	.constructor .detailsBlock-mob {
		height: auto!important;
		padding: 110px 15px 30px;
		background: #fff;
		-webkit-box-shadow: 0 0 38px rgba(0, 0, 0, .1);
		box-shadow: 0 0 38px rgba(0, 0, 0, .1)
	}
	.constructor .detailsBlock-mob .title {
		display: block;
		font-size: 18px;
		font-weight: 400!important;
		color: #000
	}
	.constructor .detailsBlock-mob .popdown {
		position: absolute;
		top: 516px;
		height: 40px;
		left: 15px;
		background: #fff!important;
		-webkit-box-shadow: inset 0 0 0 1px #000;
		box-shadow: inset 0 0 0 1px #000;
	}
	.constructor .detailsBlock-mob .popdown .title {
		top: -1.7em
	}
	.constructor .detailsBlock-mob .popdown ul {
		line-height: 40px
	}
	.constructor .detailsBlock-mob .price {
		right: 15px;
		top: 43px;
		min-width: 150px
	}
	.constructor .detailsBlock-mob .price .title {
		top: -1.9em
	}
	.constructor .detailsBlock-mob .price ,
	.constructor .detailsBlock-mob .price bdi {
		font: 32px/1 Arvo, sans-serif
	}
	.constructor .detailsBlock-mob .button.orange {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 2.3em;
		font-size: 24px;
		position: static!important
	}
	.constructor .detailsBlock-mob .sizes-button {
		position: absolute;
		top: 48px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

@media (max-width:630px) {
	.constructor .detailsBlock-mob .title {
		font-size: 14px
	}
	.constructor .detailsBlock-mob .price {
		top: 48px
	}
	.constructor .detailsBlock-mob .price .title {
		top: -2.3em
	}
	.constructor .detailsBlock-mob .price,
	.constructor .detailsBlock-mob .price bdi {
		font-size: 24px
	}
	.constructor .detailsBlock-mob .button.orange {
		height: 2.5em;
		font-size: 18px
	}
	.constructor .detailsBlock-mob .sizes-button {
		font-size: 16px
	}
}

@media (max-width:440px) {
	.constructor .detailsBlock-mob .sizes-button {
		font-size: 14px
	}
}

@media (max-width:800px) {
	.constructor .templatesTab-mob .templatesList {
		width: calc(100% + 18px);
		max-width: none!important;
		margin-top: 15px;
		margin-left: -9px;
		margin-right: 0!important
	}
	.constructor .templatesTab-mob .templatesList .elem {
		width: 33.33333%;
		padding: 8px 1.9vw;
		margin: 0;
		border: 9px solid #fff
	}
	.constructor .templatesTab-mob .templatesList .elem .title {
		text-align: center;
		left: 0;
		top: auto;
		bottom: 2vw;
		text-indent: 0
	}
}

@media (max-width:440px) {
	.constructor .templatesTab-mob .templatesList {
		width: calc(100% + 10px);
		margin-left: -5px
	}
	.constructor .templatesTab-mob .templatesList .elem {
		height: 30vw;
		border-width: 5px
	}
}

@media (max-width:800px) {
	.buttons-group{
		float: none;
	}

	.constructor .textTab,
	.constructor .uploadTab {
		top: 20px;
	}
	.constructor .textTab{
		margin-top: -200px;
	}
	.constructor .uploadTab .base {
		display: block;
		padding-top: 1em;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		flex-wrap: wrap;
	}
	.constructor .uploadTab .uploadBlock {
		font-size: 7px;
		padding: 1em 2em;
		width: 21.2em;
		height: 7.6em;
		min-height: 1px;
		margin: 0 auto 1em;
		border: 2px solid #ee5f0a;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	.constructor .uploadTab .uploadBlock .centerText,
	.constructor .uploadTab .uploadBlock .uploading {
		display: none
	}
	.constructor .uploadTab .uploadBlock .ico {
		display: block;
		position: static;
		width: 3.1em;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 3.1em;
		flex: 0 0 3.1em;
		height: 3.1em;
		background: url(../img/mob/ic-download.svg) no-repeat 50% 50%/100%
	}
	.constructor .uploadTab .uploadBlock__mob-txt {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0px;
		flex: 1 0 0;
		font-size: 2em;
		padding-left: .8em;
		line-height: 1.1;
		color: #ee5f0a
	}
	
	.constructor .uploadTab .uploadedImages {
	/*width: 60vw;
		overflow: auto;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 0;
		padding: 30px 0 30px 5px;*/
		padding: 0 20px 20px 20px;
	}
	.constructor .uploadTab .uploadedImages>div {
		font-size: 6px;
		width: 10em;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 10em;
		flex: 0 0 10em;
		height: 10em;
		margin-bottom: 0;
		border-radius: 10px;
		overflow: visible;
		border: none
	}
	.uploadTab .uploadedImages div img{
		object-fit: cover;
	}

	.uploadTab .uploadedImages div.design .design-close {
		top: -0.5em;
		right: -0.5em;
	}

}

@media (max-width:630px) {
	.constructor .uploadTab .uploadBlock {
		font-size: 6px;
		margin: 0 auto 1em;
	}
	.switcherBlock label span {
		font-size: 13px;
		text-indent: 10px
	}
}

@media (max-width:440px) {
	.constructor .uploadTab .uploadBlock {
		font-size: 4px
	}
}

.tab-mob-close {
	position: absolute;
	z-index: 1;
	right: 15px;
	top: 7px
}

.textTab textarea {
	font-size: 30px;
	text-align: left
}

.textTab {
	letter-spacing: -.02em
}

.textTab-mob {
	background: #fff;
	-webkit-box-shadow: 0 0 38px rgba(0, 0, 0, .1);
	box-shadow: 0 0 38px rgba(0, 0, 0, .1);
	bottom: 0;
	position: absolute
}

.textTab-mob .ic-close {
	display: none
}

/*
@media (max-width:800px) {
	.tileList .elem .colorpicker{

	}
	.textTab {
		background: 0 0;
		position: absolute;
		bottom: 0;
		width: 100%;
		height: auto;
		min-height: auto;
		overflow: visible
	}
	.textTab.active .textTab-mob {
		display: block
	}
	.textTab .mobile-indent {
		padding: 0;
		background: 0 0
	}
	.textTab .buttons-group,
	.textTab .colorpicker,
	.textTab .layersTabs,
	.textTab .print_method_switcher,
	.textTab .text-2-block,
	.textTab .textArea {
		display: none!important
	}
	.textTab .layersTabs {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	.textTab .add {
		float: none;
		top: auto;
		margin-bottom: 10px;
		width: 25px;
		height: 25px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.textTab .add::before {
		display: block;
		position: static
	}
	.textTab .layersTabs {
		margin: 0;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	.textTab .layersTabs label {
		margin-right: 10px;
		margin-bottom: 10px;
		padding: 0 10px;
		font-size: 16px;
		-webkit-box-shadow: inset 0 0 0 1px #ee5f0a;
		box-shadow: inset 0 0 0 1px #ee5f0a
	}
	.textTab .textArea textarea {
		height: 50px;
		margin: 0;
		padding: 10px 0;
		font-size: 20px!important;
		-webkit-box-shadow: none;
		box-shadow: none;
		text-align: center!important;
		border: 1px solid rgba(0, 0, 0, .1);
		resize: none
	}
	.textTab .textArea textarea:focus {
		outline: 0
	}
	.textTab .textArea textarea:focus::-webkit-input-placeholder {
		opacity: 0
	}
	.textTab .textArea textarea:focus:-ms-input-placeholder {
		opacity: 0
	}
	.textTab .textArea textarea:focus::-ms-input-placeholder {
		opacity: 0
	}
	.textTab .textArea textarea:focus::placeholder {
		opacity: 0
	}
	.textTab .textArea textarea::-webkit-input-placeholder {
		color: rgba(0, 0, 0, .5)
	}
	.textTab .textArea textarea:-ms-input-placeholder {
		color: rgba(0, 0, 0, .5)
	}
	.textTab .textArea textarea::-ms-input-placeholder {
		color: rgba(0, 0, 0, .5)
	}
	.textTab .textArea textarea::placeholder {
		color: rgba(0, 0, 0, .5)
	}
	.desTab .buttons-group-1 .button,
	.desTab .buttons-group-2 .button,
	.desTab .buttons-group-3 .button,
	.textTab .buttons-group-1 .button,
	.textTab .buttons-group-2 .button,
	.textTab .buttons-group-3 .button {
		background: 0 0!important;
		-webkit-box-shadow: none;
		box-shadow: none
	}
}

@media (max-width:440px) {
	.textTab .layersTabs label {
		font-size: 14px
	}
	.textTab .textArea textarea {
		font-size: 18px
	}
}

@media (max-width:800px) {
	.text-1 .textTab-mob {
		height: 150px
	}
	.text-1 .layersTabs {
		display: -webkit-box!important;
		display: -ms-flexbox!important;
		display: flex!important;
		overflow: auto
	}
	.text-1 .layersTabs label {
		white-space: nowrap;
		min-width: 65px
	}
	.text-1 .textArea {
		display: block!important
	}
	.text-1 .layersTabs,
	.text-1 .textArea {
		position: absolute;
		z-index: 1103;
		left: 20px;
		right: 20px
	}
}

@media (max-width:440px) {
	.text-1 .layersTabs,
	.text-1 .textArea {
		left: 10px;
		right: 10px
	}
}

@media (max-width:800px) {
	.text-1 .layersTabs {
		bottom: 80px
	}
	.text-1 .textArea {
		bottom: 15px
	}
	.text-1 .ic-close {
		display: block
	}
	.text-1 .ic-check {
		display: none
	}
	.text-2 .text-tabs,
	.text-3 .text-tabs,
	.text-4 .text-tabs,
	.text-5 .text-tabs,
	.text-6 .text-tabs {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.text-2 .textTab-mob {
		padding-top: 151px
	}
	.text-2 .text-2-block {
		display: -webkit-box!important;
		display: -ms-flexbox!important;
		display: flex!important;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 0!important;
		position: absolute;
		z-index: 1103;
		bottom: 57px;
		left: 0;
		right: 20px
	}
}

@media (max-width:440px) {
	.text-2 .text-2-block {
		right: 10px
	}
}

@media (max-width:800px) {
	.text-2 .text-2-block .font_select {
		height: auto!important;
		width: 62.2%
	}
	.text-2 .text-2-block .font_select::after {
		display: none
	}
	.text-2 .text-2-block .font_select ul {
		position: relative!important;
		width: 100%!important;
		padding: 15px 0;
		height: 150px!important;
		overflow-y: scroll;
		-webkit-box-shadow: none!important;
		box-shadow: none!important;
		border-right: 1px solid rgba(0, 0, 0, .1);
		line-height: 2
	}
	.text-2 .text-2-block .font_select ul li {
		display: block!important;
		padding-left: 20px;
		font-size: 22px;
		background: 0 0!important
	}
	.text-2 .text-2-block .buttons-group {
		display: inline-block!important;
		margin: 0 auto
	}
	.text-2 .text-2-block .buttons-group .button {
		background: 0 0
	}
	.text-3 .textTab-mob {
		padding-top: 80px
	}
	.text-3 .colorpicker {
		display: block!important;
		position: absolute;
		left: 18px;
		right: 18px;
		max-width: none!important;
		overflow: auto;
		z-index: 1103;
		bottom: 72px;
		padding: 2px 2px 10px 2px;
		font-size: 11px
	}
}

@media (max-width:440px) {
	.text-3 .colorpicker {
		left: 8px;
		right: 8px
	}
}

@media (max-width:800px) {
	.text-3 .colorpicker label {
		font-size: 1em;
		width: 2.4em!important;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 2.4em;
		flex: 0 0 2.4em;
		height: 2.4em!important;
		border-radius: 50%;
		margin: 0 2em 0 0!important;
		float: none
	}
	.text-3 .color_switcher {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.text-4 .textTab-mob {
		padding-top: 80px
	}
	.text-4 .buttons-group-1,
	.text-4 .buttons-group-3 {
		display: -webkit-box!important;
		display: -ms-flexbox!important;
		display: flex!important;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 44%;
		height: 80px;
		position: absolute;
		z-index: 1103;
		bottom: 55px;
		margin: 0!important
	}
	.text-4 .buttons-group-1 .button .hint,
	.text-4 .buttons-group-3 .button .hint {
		display: none!important
	}
	.text-4 .buttons-group-1 {
		left: 10px
	}
	.text-4 .buttons-group-1::after {
		content: "";
		display: block;
		width: 1px;
		height: 100%;
		position: absolute;
		z-index: 0;
		right: -5vw;
		top: 0;
		background: rgba(0, 0, 0, .1)
	}
}

@media (max-width:440px) {
	.text-4 .buttons-group-1::after {
		right: -4vw
	}
}

@media (max-width:800px) {
	.text-4 .buttons-group-3 {
		right: 10px
	}
	.text-5 .textTab-mob {
		padding-top: 85px
	}
	.text-5 .print_method_switcher {
		width: auto;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		display: -webkit-box!important;
		display: -ms-flexbox!important;
		display: flex!important;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		position: absolute;
		z-index: 1103;
		left: 20px;
		right: 20px;
		bottom: 75px;
		margin: 0
	}
	.text-5 .print_method_switcher .button {
		margin: 0
	}
	.desTab-mob .print_method_switcher {
		bottom: 0;
		left: 0;
		right: 0
	}
	.objectActions .mob-wrap {
		padding-bottom: 60px
	}
	.desTab-mob .buttons-group-1,
	.desTab-mob .buttons-group-2 {
		bottom: auto!important
	}
	.desTab-mob .buttons-group-1,
	.desTab-mob .buttons-group-2 {
		display: -webkit-box!important;
		display: -ms-flexbox!important;
		display: flex!important;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 50%;
		-webkit-box-flex: 0;
		-ms-flex: 0 1 50%;
		flex: 0 1 50%;
		height: 60px;
		position: absolute;
		z-index: 1103;
		margin: 0!important
	}
	.desTab-mob .buttons-group-1 .button,
	.desTab-mob .buttons-group-2 .button {
		border: 0 none!important;
		background: #fff!important;
		box-shadow: none!important
	}
	.desTab-mob .buttons-group-1 .button .hint,
	.desTab-mob .buttons-group-2 .button .hint {
		display: none!important
	}
	.desTab-mob .print_method_switcher {
		margin: 0!important
	}
	.desTab-mob .buttons-group-1 {
		left: 0;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		border-right: 1px solid rgba(0, 0, 0, .1);
		padding-right: 5vw
	}
	.desTab-mob .buttons-group-2 {
		right: 0;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.desTab-mob .buttons-group-2 .button {
		margin: 0 5%
	}
	.desTab-mob .buttons-group-1,
	.desTab-mob .buttons-group-2 {
		border-bottom: 1px solid rgba(0, 0, 0, .1);
		border-top: 0 none!important
	}
	.desTab-mob .rounded-checkboxes {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: absolute;
		bottom: 50px;
		left: 20px;
		right: 20px
	}
	.desTab-mob .switcherBlock label div {
		height: 26px;
		border-radius: 14px;
		padding: 5px
	}
	.desTab-mob .switcherBlock label div::after {
		width: 17px;
		height: 17px;
		left: 3px;
		top: 4px
	}
	.desTab-mob .switcherBlock input.checked+div::after {
		transform: translateX(19px)
	}
}

@media (max-width:440px) {
	.desTab-mob .rounded-checkboxes {
		left: 10px;
		right: 10px
	}
}

@media (max-width:800px) {
	.desTab-mob .buttons-group-1 {
		border-top: 1px solid rgba(0, 0, 0, .1)
	}
	.desTab-mob .termo {
		display: -webkit-box!important;
		display: -ms-flexbox!important;
		display: flex!important;
		height: 60px!important;
		left: 0!important;
		right: 0!important;
		width: 100%!important;
		max-width: unset!important
	}
	.text-6 .textTab-mob {
		padding-top: 80px
	}
	.text-6 .buttons-group-2 {
		display: -webkit-box!important;
		display: -ms-flexbox!important;
		display: flex!important;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 80px;
		position: absolute;
		z-index: 1103;
		left: 20px;
		right: 20px;
		bottom: 55px;
		margin: 0!important
	}
}

@media (max-width:440px) {
	.text-6 .buttons-group-2 {
		left: 10px;
		right: 10px
	}
}

@media (max-width:800px) {
	.text-6 .buttons-group-2 .button {
		width: 50%!important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	.text-6 .buttons-group-2 .button i {
		position: static;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 37px;
		flex: 0 0 37px;
		margin: 0 10px 0 0
	}
}

@media (max-width:440px) {
	.text-6 .buttons-group-2 .button i {
		margin: 0 4px 0 0
	}
}

@media (max-width:800px) {
	.text-6 .buttons-group-2 .button .hint {
		background: 0 0;
		display: block;
		font-size: 14px;
		position: static;
		margin: 0;
		padding: 0;
		color: #000
	}
	.text-6 .buttons-group-2 .button .hint::before {
		display: none
	}
}

@media (max-width:440px) {
	.text-6 .buttons-group-2 .button .hint {
		font-size: 12px
	}
}

@media (max-width:800px) {

	.termo {
		-webkit-box-align: center!important;
		-ms-flex-align: center!important;
		align-items: center!important;
		height: 60px!important
	}
	.constructor .tab .li .colorpicker .radiolines label {
		box-shadow: none!important
	}
	.constructor .tab .li .colorpicker .radiolines label.active::after {
		display: none
	}
	.termo__colorpicker,
	.termo__colors {
		display: -webkit-box!important;
		display: -ms-flexbox!important;
		display: flex!important;
		-webkit-box-align: center!important;
		-ms-flex-align: center!important;
		align-items: center!important;
		width: auto!important;
		height: 100%!important
	}
	.termo__colors label,
	.termo__set {
		width: 70px!important;
		height: 100%!important;
		margin: 0!important;
		overflow: visible;
	}
	.termo__set {
		display: -webkit-box!important;
		display: -ms-flexbox!important;
		display: flex!important;
		-webkit-box-align: center!important;
		-ms-flex-align: center!important;
		align-items: center!important;
		-webkit-box-pack: center!important;
		-ms-flex-pack: center!important;
		justify-content: center!important;
		border: none!important
	}
	.termo__set:focus {
		outline: 0
	}
	.termo__set .ic-settings {
		width: 18px;
		height: 18px;
		background: url(../img/mob/ic-settings-white.svg) no-repeat 50% 50%/100%
	}
	.termo__set.active {
		-webkit-box-shadow: inset 0 0 0 1px #f66916, 0 0 0 1px #f66916;
		box-shadow: inset 0 0 0 1px #f66916, 0 0 0 1px #f66916
	}
	.termo__colorpicker {
		overflow: auto;
		font-size: 11px;
		padding-left: 15px
	}
	.termo__colorpicker.active {
		display: -webkit-box!important;
		display: -ms-flexbox!important;
		display: flex!important
	}
	.termo__colorpicker label {
		font-size: 1em;
		width: 2.4em!important;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 2.4em;
		flex: 0 0 2.4em;
		height: 2.4em!important;
		border-radius: 50%;
		margin: 0 2em 0 0!important;
		float: none
	}
	.rounded-checkboxes {
		display: none;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	.rounded-checkboxes .rounded-checkbox {
		width: 50%
	}
	.rounded-checkbox {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 60px;
		font-size: 14px;
		line-height: 1.2
	}
}
*/

@media (max-width:440px) {
	.rounded-checkbox {
		font-size: 13px
	}
}

@media (max-width:800px) {
	.rounded-checkbox label {
		position: relative;
		width: 3.2em;
		height: 1.8em;
		margin: 0 1em 0 0;
		background-color: #ee5f0a;
		border-radius: 30px;
		-webkit-transition: background-color .2s ease-in-out;
		transition: background-color .2s ease-in-out;
		cursor: pointer
	}
}

@media (max-width:440px) {
	.rounded-checkbox label {
		margin-right: .6em
	}
}

@media (max-width:800px) {

	.rounded-checkbox label:after {
		content: "";
		display: block;
		width: 1.2em;
		height: 1.2em;
		border-radius: 50%;
		cursor: pointer;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 0;
		left: 10%;
		background-color: #fff;
		-webkit-transition: left .2s ease-in-out;
		transition: left .2s ease-in-out
	}
	.rounded-checkbox input {
		display: none
	}
	.rounded-checkbox input:checked~label::after {
		left: 52%
	}
	.text-tabs {
		display: none;
		-webkit-box-shadow: inset 0 0 38px rgba(0, 0, 0, .1);
		box-shadow: inset 0 0 38px rgba(0, 0, 0, .1);
		margin: 0;
		padding: 0;
		list-style: none;
		overflow: auto
	}
	.text-tabs li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0px;
		flex: 1 0 0;
		height: 4em;
		padding: .5em .2em;
		font-size: 12px;
		line-height: 1.1;
		border-right: 1px solid rgba(0, 0, 0, .1);
		position: relative;
		white-space: nowrap
	}
	.text-tabs li::before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 0;
		left: 0;
		top: 0;
		border: 1px solid #ee5f0a;
		opacity: 0;
		-webkit-transition: all .1s linear;
		transition: all .1s linear
	}
	.text-tabs li:last-child {
		border: none
	}
	.text-tabs li.active::before {
		opacity: 1
	}
	.constructor .uploadTab .uploadedImages>div {
		margin: 10px!important
	}
}

@media (max-width:630px) {
	.u-txt {
		font-size: 14px
	}
	.popup-sizes table {
		font-size: 14px
	}
	.constructor__menu .textileIco {
		width: 3.4em;
		height: 3.1em
	}
	.constructor__menu .uploadIco {
		width: 2.5em;
		height: 2.5em
	}
	.constructor__menu .textIco {
		width: 2.1em;
		height: 2.6em
	}
	.constructor__menu .templatesIco {
		width: 3.4em;
		height: 3.4em
	}
}

@media (max-width:440px) {
	.popup-sizes table {
		font-size: 12px
	}
	.popup-sizes.bask .m-popup__title.u-title {
		font-size: 22px
	}
	.popup-sizes.bask .addition-text {
		font-size: 16px;
		text-align: center
	}
	.popup-sizes .orange-h {
		font-size: 14px;
		width: 49%;
		display: inline-block
	}
	.popup-sizes .orange-h.left {
		float: left
	}
	.popup-sizes .orange-h.right {
		float: right
	}
}




@media (max-width:375px) {
	.constructor .detailsBlock-mob .popdown {
		top: 460px;
	}

	.textileTab ,
	.templatesTab {
		margin-top: -74vh;
	}

}


@media (max-width:370px) {
	.popup-sizes table td {
		padding: .2em .2em .5em
	}
	.popup-sizes table td:not(:first-child) {
		font-size: 13px
	}
}


@media (max-width:360px) {
	.constructor .detailsBlock-mob .popdown {
		top: 516px;
	}

	.textileTab ,
	.templatesTab {
		margin-top: -78vh;
	}


}

@media (max-width:320px) {
	.popup-sizes.bask .m-popup__title.u-title {
		font-size: 19px
	}
	.popup-sizes .orange-h {
		font-size: 11px
	}
}