/* NEW */
html, body {
	background: #000000;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-family: Arial;
	font-size: 17px;
	margin: auto;
	padding: 0px;
	background-color: rgb(34, 33, 34);
	background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 0H0v36h36V0zM15.126 2H2v13.126c.367.094.714.24 1.032.428L15.554 3.032c-.188-.318-.334-.665-.428-1.032zM18 4.874V18H4.874c-.094-.367-.24-.714-.428-1.032L16.968 4.446c.318.188.665.334 1.032.428zM22.874 2h11.712L20 16.586V4.874c1.406-.362 2.512-1.468 2.874-2.874zm10.252 18H20v13.126c.367.094.714.24 1.032.428l12.522-12.522c-.188-.318-.334-.665-.428-1.032zM36 22.874V36H22.874c-.094-.367-.24-.714-.428-1.032l12.522-12.522c.318.188.665.334 1.032.428zm0-7.748V3.414L21.414 18h11.712c.362-1.406 1.468-2.512 2.874-2.874zm-18 18V21.414L3.414 36h11.712c.362-1.406 1.468-2.512 2.874-2.874zM4.874 20h11.712L2 34.586V22.874c1.406-.362 2.512-1.468 2.874-2.874z' fill='%23000000' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}
/*body.MODE_3D #window_render {
	perspective: 1000px;
	perspective-origin: 60% 60%;
}*/
.window input {
	color: #151515;
}
.btn_back {
	background: transparent;
	color: rgb(255, 255, 255);
}
#svg_acryl_2, #svg_acryl_1  {
	position: fixed;
	left: 0px;
	top: 0px;
	opacity: 1;
	z-index: 111111;
	background: red;
	width: 320px;
	height: 320px;
}
#svg_list {
	background: rgba(0, 0, 0, 0.8);
	overflow: hidden;
	margin: auto;
	padding: 0px;
}
.mobile {display: none;}
.mobileinline {display: none;}
.login_form {
	position: fixed;
	width: 100% !important;
	height: 100% !important;
	left: 0px;
	top: 0px;
	text-align: center;
	vertical-align: middle;
	background: transparent;
	padding: 0px !important;
}
.login_form form {
	position: absolute;
	margin: auto;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	height: 275px;
	background: rgb(252, 252, 252);
	box-shadow: transparent;
	border: transparent;
	border-radius: 7px;
	padding: 20px 0px;
	width: 320px;
	background: transparent;
}
.login_form form::before {
	filter: blur(5px);
	border-radius: 5px;
	border: solid 2px rgb(14, 245, 180);
	padding: 15px 20px;
	z-index: -1;
}
body .login_form h2 {
	color: rgb(227, 227, 227);
	margin: 12px auto 12px auto;
	display: block;
	padding: 0px;
	font-size: 22px;
	text-align: left;
	font-weight: normal;
	text-align: left;
}
.login_form label {
	display: block;
	max-width: unset !important;
	margin: 5px auto;
	width: auto;
}
.login_form form input, .login_form form button {
	display: block;
	width: 100%;
	margin: 12px auto;
	border-radius: 5px;
	padding: 15px 15px;
	font-size: 17px;
	color: #FFFFFF;
	background: transparent;
	border: solid 1px rgb(210, 211, 212);
	/* background: rgba(242, 242, 242, 0.06); */
	border: transparent;
	border-bottom: solid 1px rgb(119, 119, 119);
	border-radius: 0px;
	outline: none !important;
}
.login_form form button {
	background: rgba(255, 255, 255, 0.75);
	width: auto;
	color: rgb(0, 0, 0);
	cursor: pointer;
	margin: 28px 0px auto auto !important;
	position: relative;
	padding: 10px 30px;
	border: transparent;
	font-size: 17px;
	border-radius: 5px;
}
input[type="checkbox"] {
	display: inline-block;
	width: auto;
	margin: 1px 7px 3px 7px;
	vertical-align: middle;
}
.err {
	position: absolute;
	top: 55px;
	left: 0px;
	right: 0px;
	margin: auto;
	width: 220px;
	padding: 5px;
	background: red;
	color: #EEEEEE;
	padding: 12px 10px;
	animation: 100s cubic-bezier(.77,0,.18,1) 0s hide_5s;
}
@keyframes hide_5s {
  3% {
    top:55px;
  }
  4% {
    top:-500px;
  }
}
#bg {
	width: 500px;
	height: 500px;
	background: rgb(0, 0, 0) url('p1.jpg');
	border: solid #151515 1px;
	margin: auto;
	position: relative;
	background-size: cover;
}
#neon {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 300px;
	/*background: url('q1.png') center center no-repeat;*/
	margin: auto;
	background-size: 630px;
	color:#FFFFFF;
}
#colors {
	position: relative;
	margin: 10px auto auto auto;
	width: auto;
	text-align: center;
	font-size: 0px;
	border-radius: 5px;
	overflow: hidden;
	display: inline-block;
	border: transparent;
	width: 230px;
}
#colors p {
	display: inline-block;
	width: 27px;
	height: 27px;
	margin: 3px 5px;
	cursor: pointer;
	border-radius: 25px;
	border: solid 2px rgb(255, 251, 251);
}
#colors p.sel {
	box-shadow: 0px 0px 0px 3px rgb(249, 249, 249);
	border-color: #000000;
}
#colors label {
	color: #EEEEEE !important;
	font-size: 17px;
	padding: 10px;
}
#photos, #fonts, #bgColors, .cnt_iframge {
	position: fixed;
	margin: auto;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(7, 7, 7, 0.79);
	max-height: unset;
	overflow: auto;
	z-index: 10;
	transition: 0.35s all, 0s z-index;
	padding: 12px;
	/* border-radius: 12px; */
	/* border: solid 1px rgba(249, 247, 247, 0.51); */
	box-sizing: border-box;
	z-index: -1;
	opacity: 0;
}
#photos.show, #fonts.show, #bgColors.show, .cnt_iframge.show {
	z-index: 1000;
	opacity: 1;
}
.cnt_iframge.show {
	z-index: 1001 !important;
}
#backgrounds_list.show {
	position: fixed;
	/*left: 250px;*/
	right: 0px;
	width: auto;
	z-index: 1100 !important;
}
#photos img, #bgColors p {
	display: inline-block;
	width: 219px;
	height: 219px;
	box-shadow: unset;
	vertical-align: top;
	cursor: pointer;
	transition: none;
	border: solid 1px transparent;
	box-sizing: border-box;
	margin: 2px auto;
	object-fit: cover;
}
#photos img.sel {
	border: solid 7px rgb(60, 157, 227);
}
#photos i {
	position: absolute;
	top: 55px;
	right: 18px;
	width: 45px;
	background: rgb(21, 122, 196);
	z-index: 1;
	padding: 5px;
	box-sizing: border-box;
	color: #FFFFFF;
	border-radius: 50px;
	font-size: 17px;
}
#photos {
	width: 255px;
	right: auto;
	padding: 1px;
	background: rgb(47, 47, 47);
	margin: auto;
	border-radius: 0px;
	overflow: hidden auto;
	scrollbar-width: thin;
	scrollbar-color: rgb(100, 99, 99) rgb(70, 68, 68);
	border: solid 10px rgb(47, 47, 47);
}
#photos.show .btn_close {
	position: fixed;
	z-index: 999;
	left: 191px;
	width: 42px !important;
	right: auto;
	top: 16px;
	background-color: rgba(251, 248, 248, 0.4);
	border-radius: 5px;
	padding: 10px;
	height: 41px;
}
#photos.show .btn_close:hover {
	border: none !important;
	background-color: #353535;
}
.add_backgrounds {
	width: 218px !important;
	margin: 7px auto 3px auto !important;
	box-sizing: border-box;
	display: block !important;
	border-radius: 3px !important;
	text-align: left;
}
/*#photos img, #bgColors p {
	display: inline-block;
	width: 192px;
	height: auto;
	box-shadow: unset;
	vertical-align: top;
	cursor: pointer;
	transition: 0.35s all;
	border:solid 1px transparent;
}*/
#photos img:hover {
	outline: solid 2px rgba(253, 253, 253, 0.4);
	border-radius: 5px;
}
#bgColors {
	font-size: 0px;
	height: 100%;
	bottom: auto;
	background: rgba(0, 0, 0, 0.82);
	right: auto;
	width: 255px;
	overflow: hidden auto !important;
	scrollbar-width: thin;
	padding: 0px 0px 0px 0px;
	/* z-index: 10 !important; */
	top: 35px;
}
#bgColors .btn_close {
	right: 10px;
	top: 10px;
	background: red;
}
#bgColors p, #bgColors > img[i] {
	display: inline-block;
	width: 50%;
	height: 125px;
	object-fit: cover;
	margin: 0px;
	cursor: pointer;
	/* border-radius: 7px; */
	box-sizing: border-box;
}
#bgColors p:hover, #bgColors > img[i]:hover {
	filter: brightness(150%);
}

#svg_list .btn_close, #backgrounds_list .btn_close {
	top: 12px;
	right: 15px;
	background: rgb(247, 90, 90);
	border: solid 2px rgb(227, 18, 18);
}
.cnt_iframge iframe {
	width: 100%;
	height: 100%;
	background: transparent;
	margin: auto;
	border: transparent;
	border-radius: 10px;
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.25);
}
#window_render .btn_close, .btn_close, .btn_edit {
	position: absolute;
	top: 25px;
	right: 20px;
	width: 15px;
	height: auto;
	background: rgba(2, 2, 2, 0.81);
	border-radius: 50px;
	border: transparent;
	padding: 7px;
	cursor: pointer;
	z-index: 999;
}
#fonts {
	left: auto;
	width: 350px;
	margin: auto;
	border: transparent;
	border-radius: 0px;
	height: 100%;
	padding: 0px;
	background: rgb(50, 57, 71);
	opacity: 1;
	right: -350px;
	display: flex;
	flex-direction: column;
}
#fonts.show {
	opacity: 1;
	right: 0px;
}
#fonts p {
	display: block;
	width: auto;
	color: rgb(141, 200, 244);
	text-align: left;
	margin: auto;
	padding: 12px 13px;
	border-bottom: solid 1px rgba(12, 153, 238, 0.29);
	cursor: pointer;
}
#fonts p:hover {
	color: rgb(255, 255, 255);
}
#fonts p.sel {
	background-color: rgba(6, 5, 5, 0.34);
}
#fonts .btn_close, #fonts .btn_edit {
	right: 5px;
	top: 10px;
	border: transparent;
	width: 18px;
	padding: 2px;
	background: transparent;
}
#fonts .btn_edit {
	right: 32px;
	background: transparent;
	width: 22px;
	top: 10px;
	padding: 0px;
	border: transparent;
	border-radius: 0px;
}
#fonts_find {
	width: 100%;
	background: rgba(0, 0, 0, 0.19);
	border-bottom: solid 1px rgb(80, 98, 117);
	padding: 0px;
	position: relative;
	flex: auto;
	box-sizing: border-box;
	height: auto;
	max-height: 55px;
	display: block;
	z-index: 100;
}
#fonts_find input {
	display: block;
	font-size: 15px;
	box-sizing: border-box;
	padding: 15px 14px;
	color: rgb(244, 244, 244);
	text-align: left;
	margin: 0px 0px;
	border: transparent;
	background: transparent;
	border-radius: 0px;
	left: 0px;
	top: 0px;
	outline: none;
}
#fonts_content .no_items, #fonts_content .loading {
	text-align: center;
	padding: 22px;
	color: #AAAAAA;
	border-radius: 35px;
}
#fonts_content {
	flex: auto;
	overflow: hidden auto;
	height: auto;
}
#zfonts {display: none;}

#objects_list {
	/* display: block; */
	/* width: 235px; */
	/* margin: 15px auto auto 5px; */
	width: auto;
	margin: auto;
	padding: 0px;
	position: relative;
	border-top: solid 1px rgb(36, 36, 36);
}
#objects_list textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: auto;
	padding: 10px 15px 10px 45px;
	text-align: left;
	max-width: unset;
	background: rgb(50, 57, 71);
	border-radius: 0px;
	font-size: 16px;
	position: relative;
	line-height: normal;
	height: 42px !important;
	cursor: pointer;
	overflow: hidden;
	resize: none;
	transition: none !important;
	border: none;
	border-bottom: solid 1px rgb(32, 32, 32);
	color: #EEEEEE;
	background: rgb(50, 57, 71) url('/Q2/images/white/text.svg') 5px center no-repeat;
	background-size: 32px !important;
}

#objects_list textarea.txt {
	background-size: 26px !important;
}

#objects_list textarea.svg {
	background-image: url('/images/icons/svg_ico.png');
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#objects_list textarea.img {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#objects_list textarea.current {
	background-color: rgb(39, 46, 138);
}

#button_change_image {
	min-height: 41px;
}

.ObjectItem.videoborder {
	background: rgb(6, 6, 6) !important;
	content: "";
	border: dashed green 3px !important;
}
.ObjectItem.videoborder.current {
	animation: blink_lime 1s cubic-bezier(.18,.89,.32,1.28) infinite;
}
.ObjectItem[placeholder="+"] {
	display: block;
	margin: 15px auto;
	border: rgb(101, 195, 23) dashed 1px !important;
	color: rgb(145, 223, 8) !important;
	font-size: 22px;
	padding: 8px 10px;
	transition: 0.35s all;
	min-height: 45px;
}
.ObjectItem[placeholder="+"]:hover {
	background-color: #FFFFFF;
	color: #000 !important;
	border-color: transparent !important;
}
/*.ObjectItem, .ObjectImage {
	background: rgb(50, 57, 71) center center no-repeat;
	border: solid 1px rgb(57, 57, 57);
	border-radius: 10px;
	padding: 12px 20px;
	margin: 3px 3px;
	color: #151515;
	text-align: left;
	font-size: 16px;
	position: relative;
	display: inline-block;
	line-height: normal;
	width: 32%;
	box-sizing: border-box;
	height: 42px;
	cursor: pointer;
	overflow: hidden;
	resize: none;
	transition: none !important;
	background-size: 95%;
}
.ObjectItem:hover {
	background-color: rgb(71, 79, 96);
}
.ObjectItem:focus, .ObjectItem.current, #panel_left .current {
	z-index: 1;
	box-shadow: 0px 0px 0px 2px rgb(95, 156, 253);
	border: transparent;
}
.ObjectItem:focus {
	box-shadow: 0px 0px 0px 3px rgb(0, 80, 208);
	outline: none !important;
}
*/
.ObjectItem:placeholder-shown {
	border-color: transparent;
	color: #EEEEEE;
	text-align: center;
}
/*.ObjectItem.txt, .ObjectImage {
	width: 100%;
	height: 45px;
	min-height: 45px;
	overflow: hidden;
	cursor: text;
	background: #FFFFFF;
}*/

/*.ObjectItem.svg {
	background-image: url('/images/icons/svg_ico.png');
	color: transparent;
	width: 70px;
	height: 70px;
	cursor: pointer;
	background-size: contain;
}
.ObjectItem.img {
	background-image: url('/Q2/images/white/image.svg');
	color: transparent;
	background-size: 95%;
	width: 70px;
	height: 70px;
	cursor: pointer;
}
*/
.ObjectItem.hide {
	display: none;
}

.view_middleicons .ObjectItem.svg, .view_middleicons .ObjectItem.img {
	width: 110px;
	height: 110px;
}
.view_bigicons .ObjectItem.svg, .view_bigicons .ObjectItem.img {
	width: 210px;
	height: 210px;
}

.top_line {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	background: rgb(50, 57, 71);
	height: 35px;
	z-index: 100;
	color: #FFFFFF;
	font-size: 0px;
	display: flex;
	width: 100%;
	flex-direction: row;
	text-align: left;
}
.top_line menu {
	position: relative;
	display: inline-block;
	margin: auto;
	padding: 0px;
	opacity: 1;
	background: transparent;
	border: transparent;
	border-radius: 0px;
	box-shadow: none;
	color: #ffffff;
	height: auto;
	width: auto;
	flex: 1;
	box-sizing: border-box;
}
.top_line menu li {
	display: inline-block;
	vertical-align: middle;
	margin: auto;
	padding: 9px 10px 8px 35px;
	font-size: 15px;
	background: transparent 8px center no-repeat;
	background-size: 22px;
	cursor: pointer;
	border-right: solid 1px rgba(0, 0, 0, 0.07);
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-height: 35px;
	box-sizing: border-box;
}
.top_line menu li:hover {
	background-color: rgba(0, 0, 0, 0.21);
}
.top_line li.menu {
	background-image: url('/Q2/images/white/list.svg');
	background-color: rgba(0, 255, 159, 0.19);
}
.top_line li.versions {
	background-image: url('/Q2/images/white/down.svg');
	padding-right: 0px;
	background-color: rgb(56, 121, 114);
}
.top_line li.new {
	background-image: url('/Q2/images/white/plus.svg');
}
.top_line li.open {
	background-image: url('/Q2/images/white/open.svg');
}
.top_line li.save {
	background-image: url('/Q2/images/white/save.svg');
}
.top_line li.settings {
	background-image: url('/Q2/images/white/settings.svg');
}
.project_area {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 100%;
	background: transparent;
	height: 100%;
	position: fixed;
	left: 0px;
	right: 0px;
	top: 35px;
	bottom: 0px;
	box-sizing: border-box;
	max-height: calc(100vh - 35px);
}

#window_render {
	width: auto;
	text-align: center;
	overflow: hidden auto;
	box-sizing: border-box;
	z-index: 0;
	background: transparent;
	margin: auto;
	flex: auto;
	height: 100%;
	scrollbar-width: thin;
	position: relative;
	scrollbar-color: rgb(71, 71, 72) rgb(0, 0, 0);
	font-size: 0px;
}

#window_render.ifmove #panel_left, #window_render.ifmove #panel_right {
	pointer-events: none;
	opacity: 0.3;
}

#text_font {
	color: rgb(228, 222, 222);
	margin: 5px auto;
	padding: 10px 15px;
	border-radius: 3px;
	background: rgb(50, 57, 71);
	cursor: pointer;
	border: transparent;
	overflow: hidden;
	text-overflow: ellipsis;
}
#label_fonts10 {
	display: none;
	color: rgb(231, 231, 231);
	background: transparent;
	border-radius: 5px;
	border: transparent;
	width: 92%;
	margin: 12px auto auto auto;
}
#label_fonts10 label {
	margin: auto;
	padding: 0px;
}
#label_fonts10 p {
	padding: 10px 10px;
	overflow: hidden;
	margin: auto;
	transition: 0.35s all;
	color: rgb(214, 214, 214);
	border: transparent;
	border-radius: 0px;
	background: rgba(0, 0, 0, 0);
	cursor: pointer;
	border-bottom: solid 1px rgba(253, 253, 253, 0.11);
	transition: 0.5s all;
	text-align: left;
	display: none;
}
#label_fonts10.show p {
	display: block;
}
#label_fonts10 p:hover {
	opacity: 0.8;
}
#label_fonts10 p.sel {
	background-color: rgb(32, 51, 32);
	position: relative;
	color: #FFFFFF;
}
#bFontsSave {
	margin: 10px auto !important;
	display: block;
	min-width: auto;
	background: rgb(2, 119, 176);
	width: 92%;
	box-sizing: border-box;
	display: none;
}
#bFontsSave.show {
	display: block;
}
#bFontsEdit {
	display: block;
	margin: auto;
	width: 92%;
}
#Z {
	display: none;
}
#canvas_render, #canvas_render_image, #glass {
	position: relative;
	margin: auto;
	background: transparent;
	max-height: unset;
	max-width: 100%;
	height: auto;
	z-index: 0;
}
#canvas_acryl, #canvas_preview, #canvas_big_glow {
	display: none;
}
.panel {
	width: 255px;
	text-align: center;
	background: rgba(0, 0, 0, 0.39);
	margin: auto;
	border-radius: 0px;
	padding: 0px;
	box-sizing: border-box;
	overflow: hidden auto;
	scrollbar-width: thin;
	flex: auto;
	max-width: 255px;
	max-height: 100vh;
	min-width: 255px;
	scrollbar-color: rgb(0, 0, 0) rgba(0, 0, 0, 0);
	position: relative;
	flex-direction: column;
	height: 100%;
}
.panel h2 {
	font-size: 17px;
	color: rgb(29, 163, 126);
	text-align: left;
	line-height: normal;
	font-weight: normal;
	margin: 5px 0px;
	padding: 5px 5px 5px 12px;
}
.panel_area {
	overflow: hidden auto;
	scrollbar-width: inherit;
	scrollbar-color: inherit;
	width: 100%;
	display: block;
}
.panel .bottom_bar {
	position: absolute;
	bottom: 0px;
	text-align: center;
	margin: auto;
	padding: 5px;
	display: block;
	width: 100%;
	left: 0px;
	top: auto;
	right: 0px;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.5);
}
.project_area .label_inline {
	display: flex;
	width: 200px;
	background: #FFFFFF;
	border-radius: 3px;
	border: transparent;
	box-sizing: border-box;
	position: relative;
	flex-direction: row;
	color: #353535;
	font-size: 15px;
	align-items: stretch;
}
.project_area .label_inline > * {
	align-content: center;
	justify-content: center;
	color: inherit;
	font-size: inherit;
	flex: auto;
	border: transparent;
	background: transparent;
	margin: 0px;
	padding: 9px;
}
.project_area .label_inline > input, .project_area .label_inline > select {
	text-align: right;
}
.project_area .label_inline > s {
	font-style: normal;
	text-decoration: none;
	color: #777777;
	padding-left: 0px;
	padding-right: 7px;
}
.update_svg_calculte {
	color: rgb(10, 212, 244);
	text-align: right;
	width: 200px;
	margin: 12px auto;
	font-size: 15px;
	cursor: pointer;
	opacity: 0.5;
}
.update_svg_calculte:hover {
	opacity: 1;
}
/*.panel_area * {
	direction: ltr;
}*/
#bShowSvgGroups {
	width: 100%;
	box-sizing: border-box;
	text-align: left;
}
#bShowSvgGroups b {
	float: right;
	font-size: inherit;
	margin: auto;
	padding: 0px;
	color: inherit;
}
#project_title {
	font-weight: normal;
	max-width: 130px;
	text-overflow: ellipsis;
	overflow: hidden;
	height: auto;
	white-space: nowrap;
	max-height: 18px;
	padding: 0px;
	margin: auto;
	display: inline-block;
	vertical-align: middle;
}
#panel_left {
	right: auto;
	transition: 0.5s all;
	left: 0px;
}
#waite_loading #canvas_render {
	opacity: 0;
	bottom: -1000px;
}
#canvas_render {
	transform: rotate3d(0, 1, 0, 0deg) scale(1) translate3d(0px, 0px,0px);
	z-index: 1;
	background: transparent center center no-repeat;
	background-size: cover;
}
#canvas_render.selobj {
	cursor: pointer !important;
}
/*
.MODE_3D #window_render {
	overflow: hidden;
}
.MODE_3D #canvas_render {
	transform: rotate3d(0, 1, 0, -30deg) scale(1.3) translate3d(0, 0, 20px);
}
.MODE_3D #canvas_render_image {
	transform: rotate3d(0, 1, 0, -30deg) scale(1.3) translate3d(0px, 0px,0px);
}
*/
#btn3DView {
	background-image: url('/images/icons/perspective.svg') !important;
}
#canvas_render_image {
	z-index: 0;
	opacity: 0.9;
	transform: rotate3d(0, 1, 0, 0deg) scale(1) translate3d(0px, 0px,0px);
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	width: 1000px;
	height: 1000px;
}
#panel_right {
	transition: 0.5s all;
	right: 0px;
}
#panel_right::before, #FilmControl::before {
	content: "";
	position: absolute;
	z-index: -1;
	background: rgba(0, 0, 0, 0.85);
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	opacity: 0;
	transition: 0.35s all;
}
#panel_right.hide::before /*, #FilmControl.hide::before*/ {
	z-index: 1000;
	opacity: 1;
}
#panel_right.onlyVideoEffects label {
	opacity: 0.2;
	pointer-events: none;
}
#panel_right.onlyVideoEffects label.onlyVideoEffects {
	opacity: 1;
	pointer-events: unset;
}
#render_buttons {
	display: block;
	margin: auto 255px auto 255px;
	border: transparent;
	padding: 12px;
	box-sizing: border-box;
	position: fixed;
	right: 0px;
	bottom: 0px;
	width: auto;
	left: 0px;
	text-align: center;
	z-index: 10;
	top: auto;
	pointer-events: none;
	box-sizing: border-box;
}
#render_buttons * {
	pointer-events: auto;
}
#render_buttons .right {
	position: absolute;
	margin: auto;
	right: 0px;
	bottom: 0px;
	width: 55px;
	height: auto;
	padding: 12px;
	text-align: right;
}
#render_buttons .right button {
	display: inline-block;
	margin: 5px auto auto auto;
}
/*.buttons_bottom {
	display: flex;
	flex-direction: row;
}
.buttons_bottom .left {
	width: auto;
	flex: auto;
	text-align: left;
}
.buttons_bottom .right {
	text-align: right;
	width: auto;
	flex: 1;
}*/
.VideoEditorOpened #render_buttons {
	bottom: 55px;
}
#render_buttons button {
	padding: 10px 7px;
	margin: auto 5px auto auto;
	font-size: 15px;
	font-weight: normal;
	cursor: pointer;
	transform: scale(1);
	transition: 0.5s all;
	box-sizing: border-box;
	background: rgb(57, 105, 221) center center no-repeat;
	border-radius: 5px;
	border: transparent;
	background-size: 70%;
	display: inline-block;
	vertical-align: middle;
	min-width: 42px;
}
#btnChangeMode {
	padding-left: 15px !important;
	padding-right: 15px !important;
	background-color: rgb(50, 57, 71) !important;
}
#render_buttons button:hover {
	transition: 0.1s all;
	background-color: rgb(178, 211, 253);
}
#render_buttons button[disabled] {
	transform: scale(0);
	height: 0px;
	padding: 0px;
}
#btnVideoEditorShow {
	background-image: url('/images/icons/play.svg') !important;
	background-size: 35% !important;
}
#btnZoomView {
	background-image: url('/Q2/images/zoom_plus.svg') !important;
	background-position: 72% 72%;
}
#btnZoomView.minus {
	background-image: url('/Q2/images/zoom_minus.svg') !important;
}
button#button_render {
	width: 52px;
	height: 52px;
	position: relative;
	bottom: 32px;
	color: transparent;
	background: rgb(29, 76, 191) url('/Q2/images/white/plus.svg') center center no-repeat;
	background-size: 72%;
	/*border: solid 1px rgb(255, 255, 255);*/
}
button#button_render:hover {
	background-color: rgb(27, 3, 138);
}
button#button_render.loading {
	background-image: url('/Q2/images/white/loading_2.svg');
	background-size: cover;
	pointer-events: none;
	opacity: 0.5;
}
#button_render.waite {
	outline: 2px solid rgb(255, 1, 1);
}
label {
	display: inline-block;
	width: 200px;
	margin: 5px;
	text-align: left;
	line-height: normal;
	position: relative;
}
.project_area label b {
	display: inline-block;
	color: #EEEEEE;
	font-size: 14px;
	font-weight: normal;
	margin: 5px auto auto auto;
}
.project_area label i {
	position: absolute;
	right: 3px;
	top: 5px;
	color: rgb(246, 188, 98);
	font-style: normal;
	font-size: 15px;
}
.project_area label.checkbox {
	border: solid 1px #FFFFFF;
	background: transparent;
	border-radius: 5px;
	padding: 2px;
	box-sizing: border-box;
	margin: 10px auto auto auto;
	cursor: pointer;
}

.panel_area.properties label.checkbox {
	padding: 10px;
}

input[type="slider"] {
	background: transparent url('/images/icons/scroll_w_black2.svg') center center no-repeat;
	border: none;
	width: 200px;
	height: 32px;
	padding: 0px;
	margin: auto;
	display: inline-block;
	color: transparent;
	cursor: pointer;
	font-size: 0px;
	transition: 0.35s all;
}
input[type="slider"]:hover {
	filter: contrast(150%);
}
label i:hover {
	color: lime;
	cursor: pointer;
}

#process {
	position: fixed;
	z-index: -10;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.72);
	opacity: 0;
	transition: 0.2s all;
	text-align: center;
	display: block;
}
#process.show, .waite_loading #process {
	z-index: 1010;
	opacity: 1;
	transition: 0.2s all;
}
#process_label {
	position: relative;
	margin: auto;
	background: rgb(252, 252, 252);
	width: auto;
	min-height: 47px;
	/* top: 0px; */
	/* bottom: 0px; */
	color: rgb(7, 7, 7);
	font-size: 17px;
	border-radius: 55px;
	text-align: center;
	padding: 15px 35px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	content: "";
}
#process::after {
	position: relative;
	width: 1px;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	content: "";
}

#a {
	position: fixed;
	right: 0px;
	bottom: 0px;
	z-index: 99999;
	left: 0px;
	margin: auto;
	width: 500px;
	height: 250px;
}


#svg1 {margin-left: -10px;}
#svg2 {margin-left: -5px;}
#svg1 svg path {
	stroke: rgb(211, 19, 19) !important;
	stroke-width: 20px !important;
}
#svg2 svg path {
	stroke: rgb(211, 19, 19) !important;
	stroke-width: 20px !important;
}

#select_fonts_cnt {
	margin: auto;
	background: transparent;
	width: 100%;
	border-radius: 12px;
	padding: 3px 3px;
	text-align: left;
	box-sizing: border-box;
	position: relative;
}
#select_fonts_cnt select {
	width: 100%;
	background: #FFFFFF;
	border: transparent;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 25px;
	margin: auto;
}
#select_fonts_cnt #cnt_flist_menu {
	width: 28px;
}
#select_fonts_cnt button {
	margin: 5px auto;
	display: block;
	width: auto;
	height: auto;
	line-height: normal;
	border-radius: 12px;
	border: transparent;
	background: rgb(16, 74, 7);
	text-align: center;
	left: 0px;
	right: 0px;
	position: relative;
	padding: 9px 29px;
	line-height: normal;
}
#cnt_flist_menu {
	display: inline-block;
	margin: auto;
	position: absolute;
	top: 0px;
	right: 0px;
	left: auto;
}
#cnt_flist_menu b {
	background: #FFFFFF;
	border-radius: 50px;
	padding: 9px 7px;
	color: #151515;
	font-size: 17px;
	font-weight: normal;
	cursor: pointer;
	line-height: 25px;
}

menu {
	position: fixed;
	/* z-index: 999; */
	background: rgb(254, 254, 254);
	text-align: left;
	border-radius: 12px;
	box-shadow: 5px 5px 10px 0px rgb(0, 0, 0);
	padding: 0px;
	transition: 0.5s all, 0s z-index, 0s top, 0s left;
	width: 300px;
	z-index: -100;
	opacity: 0;
	max-height: 500px;
	overflow: hidden auto;
	color: rgb(36, 37, 37);
}
menu.show {
	opacity: 1;
	z-index: 11111;
}
menu i {
	display: block;
	text-align: left;
	margin: auto;
	padding: 15px 18px;
	width: 100%;
	font-style: normal;
	border-bottom: solid 1px rgba(0, 0, 0, 0.11);
	cursor: pointer;
	color: inherit;
	box-sizing: border-box;
	transition: 0.2s all;
}
menu i:hover {
	background: rgba(0, 76, 255, 0.72);
	color: #FFFFFF;
}
#flist_menu {
	right: 39px !important;
	left: auto !important;
}
#flist_menu menu {
	top: 7px;
	right: -500px;
	width: 155px;
}
#flist_menu.show menu {
	right: 0px;
}
#flist_menu menu i:hover {
	background-color:rgb(55, 18, 91);
}
#btnClose_flist_menu {
	position: absolute;
	right: 0px;
	top: 0px;
	left: auto;
	margin: auto !important;
	width: 10px !important;
	background: rgba(7, 7, 7, 0.26);
	border-radius: 0px 0px 0px 12px;
}
#f10parts_menu {
	bottom: 25px !important;
	top: 50% !important;
	/* height: 500px !important; */
	left: 25px !important;
}

/*#objTypeMenu {
	position: absolute;
	z-index: -1;
	background: rgb(5, 88, 73);
	background: rgb(6, 90, 181);
	top: 7px;
	text-align: left;
	border-radius: 3px;
	box-shadow: 5px 5px 10px 0px rgb(0, 0, 0);
	padding: 0px;
	transition: 0.1s all, 0s top;
	left: 50px;
	width: 200px;
	opacity: 0;
	color: rgb(255, 255, 255);
}*/
/*#objTypeMenu.show {
	opacity: 1;
	z-index: 999;
}*/

.sqrButton {
	width: 42px !important;
	height: 42px !important;
	color: transparent !important;
	display: inline-block;
	vertical-align: middle;
	filter: invert(1);
	background-color: rgb(200, 193, 182) !important;
}
#btnRender {
	background-image: url('/images/icons/images.svg') !important;
}
#btnPriceToSheet {
	background-image: url('/images/icons/calculate.svg') !important;
}
/*#btnRender {
	background: url('/images/icons/play.png') center center no-repeat;
}
#btnRender::after {
	content: "10";
	width: 22px;
	height: 22px;
	display: block;
	position: absolute;
	right: -1px;
	bottom: -1px;
	z-index: 1;
	color: rgb(0, 0, 0);
	background: transparent;
	border-radius: 100px;
	box-sizing: border-box;
	font-size: 11px;
	padding: 5px;
	text-align: center;
}*/
#render_buttons #btn_10parts_menu {
	background-image: url('/images/icons/fonts.svg') !important;
}
#btnRenderBg {
	background-image: url('/images/icons/menu_circle.svg') !important;
}
#btnPreview {
	background-image: url('/images/icons/view.svg') !important;
}
#btnDownload {
	background-image: url('/images/icons/download.svg') !important;
}
#iSvgSymbols {
	color: rgb(15, 15, 15);
}
#iSvgSymbols::placeholder {
	color: rgb(45, 45, 45);
}
/*#svgsettings label button, #panel_right button, #render_buttons #btnChangeMode, .button {
	background: rgb(0, 80, 208);
	padding: 10px 10px;
	margin: 2px auto;
	border-radius: 5px;
	border: transparent;
	display: block;
	color: rgb(249, 248, 248);
	width: 100%;
	cursor: pointer;
}*/
#svgsettings label button:hover, #panel_right button:hover, #render_buttons #btnChangeMode:hover {
	background-color: rgb(37, 76, 173);
	border-color: rgb(241, 242, 244);
}
#bClearImg, #bClearSvg {
	width: 42px !important;
	padding: 0px !important;
	display: block !important;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: center;
	border-radius: 0px 5px 5px 0px !important;
	font-size: 0px !important;
	background: rgba(0, 0, 0, 0.19) url('/Q2/images/close_white.svg') center center no-repeat;
	margin: auto;
	color: transparent;
	background-size: 15px;
	height: 41px;
}
#bClearImg:hover, #bClearSvg:hover {
	background-color: rgb(0, 80, 208);
}
#imgsettings button:first-child {
	width: 100%;
	text-align: left;
	padding-left: 32px;
}
#cntSize {
	color: rgb(233, 241, 3);
}
#cntSize u {
	float: right;
	text-decoration: none;
}
#svg_g_list_close {
	position: fixed !important;
	right: 15px;
	top: -100px;
	width: 45px !important;
	left: auto;
	bottom: auto;
	border: transparent !important;
	background: rgb(193, 37, 37) !important;
	color: rgb(253, 250, 250) !important;
	font-size: 20px;
	padding: 9px 2px 11px 2px !important;
	transition: 0.35s all;
	cursor: pointer;
	border-radius: 50px;
}
#svg_g_list_close.show {
	top: 15px;
	z-index: 1001;
}
#imgsettings button:first-child, #svgsettings button:first-child {
	width: 100%;
	display: block;
	margin: auto;
	padding: 9px 42px 9px 15px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#label_size_height {display: none;}

#ZZ {
	position: fixed;
	z-index: 999;
	background: red;
	left: 0px;
	bottom: 0px;
	min-width: 100px;
	min-height: 100px;
	max-width: 300px;
	max-height: 150px;
}
#svg_2 {
	position: fixed;
	z-index: 999;
	background: rgb(83, 82, 82);
	bottom: 0px;
	right: 0px;
	min-width: 100px;
	min-height: 100px;
	max-width: 200px;
	max-height: 150px;
	display:none;
}
#CAN {
	position: fixed;
	bottom: 75px;
	z-index: 99999;
	background: rgb(142, 142, 142);
	width: 320px;
	height: 240px;
	display: block;
	border: solid 2px rgb(129, 166, 206);
	border-radius: 5px;
	left: -350px;
}
#CAN.show {
	left: 25px;
}
#ViewIconSize {
	width: 30px;
	height: 22px;
	background: transparent url('/images/icons/view_c.png') center no-repeat;
	padding-left: 30px;
	box-sizing: border-box;
	border: transparent;
	border-radius: 3px;
	float: right;
	color: #aaaaaa;
	background-size: 22px;
	cursor: pointer;
}
#fonts10editor {
	position: fixed;
	margin: auto;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(2, 2, 2, 0.86);
	max-height: unset;
	overflow: auto;
	transition: 0.35s all !important;
	padding: 12px;
	box-sizing: border-box;
	z-index: -1;
	opacity: 0;
}

#fonts10editor.show {
	opacity: 1;
	z-index: 1001;
}
#fonts10editor h2 {
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	display: block;
	margin: auto;
	line-height: normal;
	padding: 12px 15px;
	color: rgb(247, 247, 247);
	border-bottom: solid 1px rgb(91, 91, 91);
	background: rgb(117, 117, 117);
}
#fonts10editor .btn_close, #fonts10editor .btn_edit {
	top: 32px !important;
	right: 32px;
	width: 14px;
	background-color: rgb(247, 161, 161);
}
#fonts10editor .www {
	background: rgb(85, 85, 85) !important;
	border-radius: 7px;
	margin: auto;
	max-width: 500px;
	position: absolute;
	z-index: 999;
	width: auto;
	height: auto;
	overflow: hidden;
	top: 25px;
	right: 25px;
	bottom: 25px;
	left: auto;
	min-width: 470px;
}
#fonts10editor #fonts10editor_list {
	position: relative;
	padding: 0px;
	margin: auto;
	display: block;
	box-sizing: border-box;
	overflow: hidden auto;
	height: 100%;
	max-height: calc(100% - 45px);
}
#fonts10editor #fonts10editor_list item {
	display: block;
	margin: auto auto 0px auto;
	line-height: normal;
	text-align: left;
	padding: 14px 7px 10px 22px;
	color: #FFFFFF;
	font-style: normal;
	font-size: 18px;
	background: transparent;
	cursor: pointer;
	border: transparent;
	border-bottom: solid 1px rgba(0, 0, 0, 0.19);
}
#fonts10editor #fonts10editor_list item + subitems item {
	padding-left: 45px !important;
	background: rgba(0, 0, 0, 0.08) url('/Q2/images/white/right.svg') 25px center no-repeat;
	background-size: 12px;
}
#fonts10editor #fonts10editor_list div > item {
	pointer-events: none;
}
#fonts10editor #fonts10editor_list div > item .right {
	pointer-events: auto;
}
#fonts10editor #fonts10editor_list item img {
	display: none;
}
#fonts10editor #fonts10editor_list item:hover {
	background-color: rgba(0, 0, 0, 0.22);
}
#fonts10editor #fonts10editor_list item.sel {
	font-weight: bold !important;
	background-color: rgb(216, 252, 136);
}
#fonts10editor #fonts10editor_list item.part {
	background: rgb(52, 105, 230) linear-gradient(rgba(249, 252, 242, 0),rgba(0, 0, 0, 0.13));
	color: #FFFFFF;
}
#fonts10editor item + subitems {
	padding: 0px;
}
#fonts10editor item + subitems item b {
	font-weight: normal;
}
#fonts10editor #fonts10editor_list p {
	display: inline-block;
	margin: auto 5px;
	line-height: normal;
	font-size: 14px;
	float: right;
	width: 65px;
}
#fonts10editor #fonts10editor_list p:nth-child(2), #fonts10editor #fonts10editor_list p:nth-child(3) {
	background: url("/Q2/images/remove.svg") center center no-repeat;
	background-size: 20px;
	width: 20px;
	height: 20px;
	font-size: 0px;
	margin: 0px;
	display: inline-block;
	vertical-align: middle;
	margin: auto;
}
#fonts10editor #fonts10editor_list p:nth-child(3) {
	background-image: url("/Q2/images/edit.svg");
	margin: auto 10px auto auto;
}
#fonts10editor .buttons {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	background: rgb(45, 91, 200);
}
#fonts10editor .buttons button {
	border: transparent;
	font-size: 16px;
	font-weight: normal;
	padding: 12px 20px;
	color: rgb(253, 251, 251);
	margin: auto -3px;
	background: rgb(49, 99, 217);
	line-height: normal;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	border-radius: 0px;
	border-left: 1px solid rgba(0, 0, 0, 0.11);
}
#fonts10editor .buttons button:last-child {
	float: right;
}
.fonts_lists_menu_button {
	position: absolute;
	right: 50px;
	width: 28px;
	height: 28px;
	padding: 0px;
	background: #FFFFFF url('/Q2/images/add.svg') center center no-repeat !important;
	background-size: 120% !important;
	margin: auto;
	top: 7px;
	border-radius: 50px;
}
#select_fonts_list {
	margin: auto -10px;
	font-size: 17px;
	text-align: left;
	font-weight: 400;
	width: auto;
	display: block;
	box-sizing: border-box;
	padding: 12px 12px;
	background: rgb(231, 230, 230) url('/images/icons/3t.png') 95% center no-repeat;
	background-size: 18px;
	cursor: pointer;
	color: #151515;
	border-radius: 0px;
	position: relative;
}
#select_fonts_list:hover {
	background-color: rgb(210, 242, 154);
}
#cntGoogleSheet {
	background: rgba(0,0,0,0.8);
	position: fixed;
	width: 100%;
	height: 100%;
	margin: auto;
	left: 0px;
	right: 0px;
	top: -200%;
	bottom: 0px;
	transition: 0.35s all;
}
#googleSheet {
	position: absolute;
	width: 500px;
	height: 350px;
	max-width: 90%;
	max-height: 90%;
	margin: auto;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	transition: 0.35s all;
}
#cntGoogleSheet.show {
	top: 0px;
}

#path_list i {
	display: block;
	background: transparent;
	color: #EEEEEE;
	text-align: left;
	padding: 5px 7px;
	font-style: unset;
	border: solid 1px rgb(56, 56, 57);
	border-radius: 0px;
	margin: auto auto -1px auto;
}

#path_list label input {
	background: transparent !important;
}

#svg_area svg {
	width: 100%;
	height: 100%;
	z-index: -1;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	max-width: unset;
	max-height: unset;
	display: block;
	position: fixed;
	background: rgba(2, 2, 2, 0);
	transition: 0,35s all;
}
#svg_area svg.show {
	z-index: 1000;
	background: rgba(2, 2, 2, 0.85);
}
#svg_area svg.show g > path {
	/*stroke-width: 5px !important;*/
	cursor: pointer;
}
#svg_area svg * {
	stroke-width: 3px !important;
	vector-effect: non-scaling-stroke;
	cursor: pointer;
	transition: 0.1s stroke-width;
}
#svg_area svg.have_select * {
	stroke-width: 3px !important;
}
#svg_area svg .select, #svg_area svg .select > * {
	/* stroke: red !important; */
	stroke-width: 3px !important;
	animation-duration: 1s; animation-name: pathblink;
}
#svg_area svg .hover {
	stroke-width: 7px !important;
	cursor: pointer;
}
#cntSizeLabel i {
	font-style: normal;
	display: block;
	position: relative;
	left: auto;
	top: auto;
	color: #FFFFFF;
	background: rgb(0, 0, 0);
	border: solid 2px RGB(170, 170, 170);
	border-radius: 3px;
	font-size: 15px;
	width: 100%;
	box-sizing: border-box;
	margin: 12px auto 5px auto;
	padding: 7px 10px;
}
#cntSizeLabel x {
	display: block;
	position: absolute;
	right: -7px;
	top: -7px;
	background: rgb(43, 43, 43);
	font-size: 14px;
	padding: 3px 8px;
	border-radius: 25px;
	border: solid 2px #AAAAAA;
}

#menuPathColors {
	width: 100px;
	margin: -38px auto auto -48px;
	text-align: center;
	box-shadow: none;
	border: none;
	background: transparent;
	padding: 5px;
	height: 100px;
	border-radius: 100px;
	overflow: visible;
	transform: scale(1.5);
}
#menuPathColors i {
	text-align: left;
	font-style: normal;
	cursor: pointer;
	color: rgb(252, 243, 243);
	box-sizing: border-box;
	transition: 0.2s all;
	display: inline-block;
	width: 32px !important;
	height: 32px;
	position: absolute;
	left: 41px;
	top: -7px;
	right: auto;
	bottom: auto;
	transform-origin: 19px 59px;
	min-width: unset !important;
	padding: 0px;
	/* border-radius: 100px; */
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.78);
	border: solid 1px #FFFFFF;
	border-radius: 30px;
}
#menuPathColors i:hover {
	box-shadow: 0px 0px 5px 2px rgb(0, 0, 0) !important;
	transition: 0.1s all !important;
}
#menuPathColors.style_circle i {
	position: relative !important;
	filter: none !important;
	transform: none !important;
	width: 20px !important;
	height: 20px !important;
	margin: 2px !important;
}

#object_logo, #object_bg {
	cursor: pointer;
	width: 100px;
	text-align: center;
	padding: 10px 5px;
	border-radius: 5px;
	display: inline-block;
	margin: auto auto 10px auto;
}

#object_logo:hover, #object_bg:hover {
	background: rgb(79, 87, 102);
}

/* If svg selected */
.svgonly {display: none;}
body.selected_svg .svgonlyblock {display: block;}
body.selected_svg .svgonly {display: inline-block;}
body.selected_text .textonlyblock {display: block;}
body.selected_text .textonly {display: inline-block;}

#FilmControl {
	position: fixed;
	height: 35px;
	overflow: hidden;
	border-radius: 0px;
	background: rgba(0, 0, 0, 0.85);
	text-align: left;
	bottom: -100px !important;
	top: auto;
	width: auto;
	left: 255px;
	right: 0px;
	opacity: 0;
	pointer-events: none;
	padding: 10px;
}
#FilmControl.show {
	opacity: 1;
	pointer-events: auto;
	bottom: 0px !important;
}
#FilmControl #bPlayPause {
	position: absolute;
	z-index: 11111;
	border: solid 5px rgb(4, 88, 14);
	left: 0px;
	top: 0px;
}
#FilmControl.show #bPlayPause {
	position: relative;
	z-index: 0;
	border: transparent;
	left: auto;
	top: auto;
}
/*.FilmControl {
	width: 100%;
	max-width: 515px;
	background: #000000;
	display: block;
	position: fixed;
	z-index: 999;
	border-radius: 32px;
	text-align: left;
	margin: auto;
	left: 23px;
	right: auto;
	bottom: 0px;
	padding: 3px;
	border: solid 2px rgb(159, 204, 253);
	transition: 0.35s all;
}*/
.FilmControl .play, .FilmControl .stop {
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: middle;
	border: transparent;
	background: url('/images/icons/play_pause.png') -66px center no-repeat;
	background-size: 135px;
	border-radius: 50px;
	padding: 15px;
	border: solid 2px rgb(3, 3, 3);
	cursor: pointer;
	position: relative;
}
.FilmControl .pause {
	background-position: -5px center !important;
	background-size: 121px !important;
}
.FilmControl .stop {
	background-position: -24px center !important;
	background-size: 100px !important;
	opacity: 0.3;
	transition: 0.35s all;
}
.FilmControl .stop.show {
	opacity: 1;
	left: -3px;
}

.FilmControl .FilmControlMenu {
	background: url('/images/icons/edit-white.png') center center no-repeat;
	width: 20px;
	height: 20px;
	background-size: 18px;
	position: absolute;
	right: 12px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	cursor: pointer;
}
#film_time {
	display: inline-block;
	width: 300px;
	height: 32px;
	background: url('/images/icons/video_line.png') left center repeat-x;
	background-size: auto;
	position: relative;
	vertical-align: middle;
}
#film_time_pos {
	position: absolute;
	width: 2px;
	height: 45px;
	background: rgba(22, 23, 23, 0.42);
	border: 2px solid rgb(125, 181, 241);
	border-radius: 0px;
	cursor: pointer;
	margin: auto auto auto 3px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	transition: 0.1s all;
	z-index: 0;
	pointer-events: none;
}
#film_time p {
	position: absolute;
	left: 8px;
	top: 0px;
	bottom: 0px;
	width: 5px;
	height: 15px;
	background: rgb(8, 255, 0);
	z-index: 0;
	margin: auto;
	border-radius: 2px;
	cursor: pointer;
	box-shadow: 0px 0px 0px 3px rgb(16, 16, 16);
	transition: cubic-bezier(1,-0.5,.27,1.55) 0.35s all;
}
#film_time p:hover {
	background: #151515;
	box-shadow: 0px 0px 0px 2px rgb(30, 200, 48);
	z-index: 5;
}
#film_time p.sel {
    top: -15px;
    animation: blink_point 0.5s linear infinite alternate;
}
#i_video_line {
	color: rgb(232, 237, 240);
	font-style: normal;
	font-size: 16px;
	margin: auto 3px;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	width: 68px;
	cursor: pointer;
	height: 18px;
	left: -10px;
	position: relative;
}
.video_line_label {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
#video_points {
	position: relative;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	text-align: left;
}

#EffectSettings {
	bottom: -300px;
	max-height: 520px;
	border-radius: 10px;
	padding: 12px;
	transition: 0.35s all;
	max-width: 450px;
	text-align: center;
}
#EffectSettings.show {
	bottom: 92px;
}
#VideoTemplatesList {
	position: relative;
	height: auto;
	box-sizing: border-box;
	overflow: hidden auto;
	margin: -35px auto auto auto;
	padding: 35px 0px 50px 0px;
	max-height: 30%;
	display: block;
}
#VideoTemplatesList p {
	border-bottom: solid 1px rgb(7, 41, 71);
	display: block;
	text-align: left;
	padding: 10px;
	margin: auto;
	font-size: 17px;
	color: rgb(154, 202, 243);
	cursor: pointer;
}
#VideoTemplatesList p:hover {
	background: rgb(25, 35, 50);
}
#VideoTemplates .btn_close {
	right: 6px;
	top: 6px;
	width: 10px;
	background: rgba(4, 4, 4, 0.26);
}

#EffectSettings > b {
	display: block;
	color: rgb(27, 70, 96);
	background: rgb(159, 204, 253);
	padding: 12px;
	margin: -15px -12px 18px -12px;
	border-radius: 10px 10px 0px 0px;
	font-weight: normal;
	text-align: left;
	font-size: 15px;
}
#EffectSettings > b i {
	font-style: normal;
	position: absolute;
	right: 50px;
	top: 10px;
}
#EffectSettings label {
	display: inline-block;
	width: 182px;
	background: rgb(27, 27, 28);
	padding: 5px 12px;
	border-radius: 5px;
	color: #EEEEEE;
	cursor: pointer;
	border: solid 3px rgb(100, 170, 244);
}
#EffectSettings label b {
	color: inherit;
	font-weight: normal;
	margin: auto;
	position: relative;
	left: -5px;
	top: -2px;
	font-size: 12px;
}
#EffectSettings label select {
	text-align: right;
	width: 100%;
	background: transparent;
	border: transparent;
	padding: 0px 10px;
	font-weight: normal;
	color: rgb(65, 181, 251);
	font-size: 16px;
	cursor: pointer;
	position: absolute;
	left: 0px;
	right: 0px;
}
#EffectSettings .btn_close {
	right: 7px;
	top: 3px;
	width: 17px;
}
#cnt_video_render {
	position: fixed;
	z-index: -1;
	width: 320px;
	height: 25px;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	background: rgb(28, 32, 35);
	border: solid 2px rgb(78, 179, 241);
	border-radius: 10px;
	box-shadow: 3px 3px 10px 3px rgb(0, 0, 0);
	transition: 0.35s left;
	opacity: 0;
	pointer-events: none;
}
#cnt_video_render.show {
	z-index: 1001;
	height: 240px;
	opacity: 1;
	pointer-events: auto;
}
#cnt_video_render .load {
	position: absolute;
	left: 0px;
	right: 0px;
	width: 115px;
	margin: auto;
	top: 0px;
	bottom: 0px;
	height: 25px;
	color: rgb(12, 160, 206);
	font-style: normal;
	font-size: 15px;
	text-align: center;
	font-weight: normal;
	transition: 0.5s all;
}
#cnt_video_render.loaded .load {
	top: -500px;
	bottom: -500px;
}
#video_render {
	position: absolute;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	margin: auto;
	padding: 0px;
	border: transparent;
	background: transparent;
	border-radius: 10px;
	overflow: hidden;
}
#bVideoRender {
	margin: auto auto auto -3px;
	border: solid 2px rgb(1, 1, 1);
	filter: invert(100);
}

#video_sec {
	position: fixed;
	bottom: 36px;
	background: rgb(118, 188, 215) linear-gradient(rgb(73, 138, 195),rgb(12, 81, 131));
	width: 57px;
	height: 17px;
	text-align: center;
	padding: 5px;
	font-size: 15px;
	color: rgb(223, 238, 251);
	border-radius: 5px 5px 0px 0px;
	z-index: 0;
	transition: cubic-bezier(1,-0.5,.27,1.55) 0.35s bottom;
	left: -100px;
}
#video_sec.sel {
	bottom: 64px;
}

/*#label_VideoEffectLight, #label_VideoEffectColor {
	position: absolute;
	left: 160px;
	top: 52px;
	z-index: -1;
	max-width: 0px;
	transition: 0.35s all;
	height: 36px !important;
	overflow: hidden;
	box-sizing: border-box;
	width: 290px !important;
}
#label_VideoEffectLight.show, #label_VideoEffectColor.show {
	max-width: 300px;
}*/

/* Themes: white */

.theme_white #text_font {
	color: rgb(32, 33, 34);
	background: rgb(255, 255, 255);
	border: solid 2px rgb(119, 119, 119);
}
.theme_white #colors p {
	border: solid 2px rgb(190, 189, 189);
}
.theme_white label b {
	color: rgb(55, 55, 55);
}
.theme_white .panel {
	background: rgba(255, 255, 255, 0.93);
	border-radius: 0px;
}
.theme_white .ObjectItem, .ObjectImage {
	background: rgb(50, 57, 71);
	border: none;
	color: #FFFFFF;
}
.theme_white input {
	background: #FFFFFF;
	border: solid 2px rgb(121, 167, 227);
	border-radius: 3px;
	font-size: 15px;
	width: 100%;
	box-sizing: border-box;
	margin: 5px auto;
	color: rgb(58, 58, 59);
	padding: 7px 10px;
}
.theme_white #colors label {
	color: rgb(48, 48, 48) !important;
	font-size: 17px;
}
.theme_white #cntSizeLabel i {
    color: rgb(255, 255, 255);
    background: rgb(26, 119, 238);
    border: transparent;
}
#backgrounds_list img[path] {
	width: 220px;
	height: 200px;
	background: rgb(30, 30, 30);
	border: none;
	margin: 5px;
	/* vertical-align: middle; */
	display: inline-block;
	border-radius: 5px;
	object-fit: cover;
	cursor: pointer;
}
#backgrounds_list img[path]:hover {
	filter: ;
	outline: 2px solid #FFFFFF;
}
#backgrounds_list .bg_list {
	overflow: auto;
	max-height: 100%;
}

#width_scale {
	width: 250px;
	height: 32px;
	background: url('/images/icons/video_line.png') left center repeat-x;
	background-size: auto;
	margin: 10px auto;
	border-radius: 50px;
	border: solid 2px rgb(255, 255, 255);
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
#width_scale::before, #width_scale::after {
	content: "-";
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	width: 32px;
	height: 32px;
	padding: 1px 5px;
	box-sizing: border-box;
	border-radius: 50px 0px 0px 50px;
	color: #FFFFFF;
	font-size: 20px;
	text-align: center;
	background: rgba(0, 0, 0, 0.85);
}
#width_scale::before {
	content: "+";
	position: absolute;
	left: auto;
	right: 0px;
	border-radius: 0px 50px 50px 0px;
	padding: 3px 0px;
	text-align: center;
}
#width_scale_w {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	box-sizing: border-box;
	text-align: center;
	color: #FFFFFF;
	margin: auto;
	padding: 5px;
	font-size: 18px;
	opacity: 1;
	font-weight: normal;
	pointer-events: none;
	text-shadow: 2px 2px 2px rgb(10, 10, 10);
	background: rgba(0, 0, 0, 0.85);
	width: 80%;
}

#nosheets {
	position: fixed;
	z-index: 99999;
	background: yellow;
	color: red;
	top: -250px;
	left: 0px;
	right: 0px;
	width: 150px;
	margin: auto;
	padding: 7px 12px;
	border-radius: 25px;
	text-align: center;
}
#nosheets.show {
	top: 315px;
}

#bg10_list {
	background: transparent;
	color: #353535;
	font-size: 17px;
}
#bg10 b {
	font-size: 22px;
	color: #AAAAAA;
}
#bg10_list img {
	display: inline-block;
	width: 220px;
	margin: 3px;
	vertical-align: top;
	background: #353535 !important;
	height: 220px;
	border: transparent;
	border-radius: 7px;
	cursor: pointer;
}
#bg10_list img:hover {
	outline: solid 3px rgb(0, 249, 62);
}

#object_border {
	position: fixed;
	z-index: -1;
	opacity: 0;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 10px;
	border: dashed 1px lime;
	pointer-events: none;
	display: none;
}
#object_border.show {
	z-index: 10;
	opacity: 1;
}
.page_upload .img:hover .img_img {
	background-color: rgba(15, 102, 214, 0.73) !important;
}

@keyframes blink_lime {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes blink_point {
  from {
    box-shadow: 0px 0px 0px 2px #000000;
  }
  to {
    box-shadow: 0px 0px 0px 2px #FFF;
  }
}
@keyframes pathblink {
  0% {
    
  }
  100% {
    stroke: lime !important;
  }
}
input {
	background: rgb(50, 57, 71);
	border: solid 1px rgb(255, 255, 255);
	border-radius: 5px;
	font-size: 15px;
	width: 88%;
	box-sizing: border-box;
	margin: 5px auto;
	color: #FFFFFF;
	padding: 10px 15px;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#text10fonts_interval_label {
	display: none;
}
input[type="slider"]:focus {
	outline: none !important;
}
/*.panel_top {
	color: #FFFFFF;
	margin: auto;
	text-align: left;
	border-bottom: solid 1px rgb(0, 0, 0);
	position: sticky;
	top: 0px;
	left: 0px;
	z-index: 10;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
}
.panel_top > b {
	margin: auto;
	font-weight: normal;
	padding: 15px 22px;
	display: inline-block;
}

#menu {
	display: inline-block;
	background: transparent url('/Q2/images/menu.svg') center center no-repeat;
	width: 30px;
	height: 30px;
	filter: invert(100%);
	margin: 8px 5px 7px 10px;
	background-size: 20px;
	vertical-align: middle;
	padding: 0px;
	border-radius: 5px;
	cursor: pointer;
}
.menu_versions {
	background: url('/Q2/images/arrow_right_white.svg') center center no-repeat;
	width: 24px;
	height: 24px;
	display: inline-block;
	background-size: 15px;
	cursor: pointer;
	float: right;
	margin: 12px;
}
*/
#window_content_project input {
	color: #151515;
}
#panel_right input[type="text"] {
	background: rgb(244, 244, 244);
	border: transparent;
	font-size: 15px;
	padding: 10px 15px;
	color: rgb(11, 11, 11);
}
.for_text_circle {
	display: none;
}
.for_text_circle.show {
	display: block;
}

.project_list item {
	padding: 7px;
	display: block;
	color: rgb(85, 85, 85);
	cursor: pointer;
	font-weight: normal;
	border-radius: 10px;
}
.project_list item:hover {
	background-color: #EEEEEE;
}
.project_list item b {
	display: inline-block;
	vertical-align: middle;
	color: inherit;
	font-weight: normal;
}
/*.add_element-old {
	display: block;
	margin: 12px auto;
	background: rgba(0, 0, 0, 0.82);
	width: 45px;
	height: 45px;
	border: solid 3px rgb(255, 255, 255);
	padding: 0px;
	border-radius: 50px;
	font-size: 22px;
	line-height: normal;
}*/
.add_element {
	display: inline-block;
	border-radius: 3px;
	border: solid 1px rgba(244, 249, 245, 0.17);
	width: 68px;
	height: 0px;
	background-color: rgb(50, 57, 71);
	background-position: center;
	background-size: 24px;
	background-repeat: no-repeat;
	font-size: 12px;
	padding: 0px 5px 37px 5px;
	text-align: right;
	margin: 20px 2px;
}
.add_element.add_text {
	background-image: url('/Q2/images/white/text.svg');
}
.add_element.add_svg {
	background-image: url('/Q2/images/white/design.svg');
}
.add_element.add_img {
	background-image: url('/Q2/images/white/image.svg');
}
#main_bg {
	display: block;
	position: fixed;
	z-index: 0;
	left: -50px;
	right: -50px;
	top: -50px;
	bottom: -50px;
	background: url('images/backgrounds/2.jpg') center center no-repeat;
	background-size: cover;
	filter: blur(10px);
}
#btnSaveProject {
	background-image: url('/Q2/images/save.svg') !important;
}
#i10 {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 35px;
	z-index: 1;
	background: rgb(255, 255, 255);
	width: 150px;
	margin: auto;
	bottom: 0px;
	height: 150px;
	pointer-events: none;
	opacity: 0;
	transition: 0.1s all;
	padding: 2px 0px 2px 2px;
	border-radius: 7px;
	border: transparent;
	font-size: 0px;
	padding: 0px;
	border: solid 2px #FFFFFF;
	overflow: hidden;
}
#i10.show {
	opacity: 1;
	transition: 0.1s all;
}
#i10 img {
	width: 150px;
	height: 150px;
	margin: 0px;
	background: rgb(49, 51, 49) url('images/icons/wi.svg') center center no-repeat;
	background-size: 80%;
	box-sizing: border-box;
}
#open_projects .window {
	box-sizing: border-box;
	align-content: space-around;
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
	margin: 0px;
	border-radius: 0px;
	background: rgb(251, 251, 251);
}
#open_projects .window_content {
	overflow: hidden;
	padding: 0px;
}
#window_content_open_projects {
	flex-grow: 1;
}
#window_content_open_projects .top_buttons {
	position: absolute;
	text-align: right;
	width: auto;
	box-sizing: border-box;
	left: auto;
	right: 0px;
	margin: auto;
	right: 0px;
	padding: 10px 10px;
	z-index: 1;
	width: 100%;
	pointer-events: none;
}
#window_content_open_projects .top_buttons * {
	pointer-events: auto;
}
#window_content_open_projects .top_buttons button {
	background: transparent center center no-repeat;
	background-size: 24px;
}
#window_content_open_projects .top_buttons .only_my {
	max-width: unset;
}
#window_content_open_projects .button_sorted {
	background-image: url('/Q2/images/list.svg') !important;
}
#window_content_open_projects .button_view {
	background-image: url('/Q2/images/view.svg') !important;
	display: inline-block;
	vertical-align: middle;
}

/*
input[name="find"] {
	background: transparent;
	border: solid 1px rgb(227, 227, 227);
	display: inline-block;
	width: 150px;
	color: #353535;
	text-align: left;
	padding: 8px 10px;
	vertical-align: middle;
	margin: auto;
}
*/
.view_like_images item {
	display: inline-block !important;
	width: 150px;
	height: 150px;
	margin: 5px !important;
	vertical-align: middle;
	border: transparent;
	box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.11);
	padding: 0px !important;
	border-radius: 3px;
	position: relative;
}
.view_like_images item img {
	width: 150px;
	height: 150px;
	max-height: unset;
	margin: auto;
}
.view_like_images item b {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: rgba(0, 0, 0, 0.5);
	color: #FFFFFF;
	text-align: left;
	padding: 3px 7px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px;
}
.view_like_images item .bottom {
	display: none;
}
#window_content_open_projects .top_buttons label {
	display: inline-block;
	vertical-align: middle;
	margin: auto;
	width: 200px;
}
.fonts_editor buttons {
	text-align: center;
	display: block;
}
.fonts_editor buttons button {
	display: inline-block;
	margin: 2px;
	padding: 10px 25px;
	font-size: 15px;
	background: rgb(48, 73, 91);
}
.version {
	z-index: 10;
	color: rgb(59, 106, 111);
	font-size: 14px;
	padding: 7px 15px 7px 7px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
.version:hover {
	color: rgb(162, 162, 162);
}
.frame3dshow {
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 12px;
	background: url('/images/icons/w_3d.png') center center no-repeat;
	width: 32px;
	height: 32px;
	z-index: 1000;
	cursor: pointer;
	background-size: 100%;
	opacity: 0.2;
	display: none;
}
#frame3d {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	margin: auto;
	display: none;
	border: transparent;
	z-index: 2;
	background: rgb(34, 44, 53);
	pointer-events: none;
}
#frame3d.show {
	display: block;
}
#can3d {
	background: rgba(255, 255, 255, 0.2);
	max-width: 100%;
	height: auto;
}
#rotate3d {
	position: absolute;
	left: 50px;
	right: 50px;
	bottom: 100px;
	pointer-events: all;
	display: none;
	width: 320px;
	z-index: 2;
}
#rotate3d.show {
	display: block;
}
#img3d {
	display: none;
}

/* 3d Styles */

#settings_view {
	display: inline-block;
	position: fixed;
	right: 0px;
	bottom: 0px;
	width: 162px;
	background: rgba(138, 138, 138, 0.22);
	padding: 12px;
	border-radius: 12px;
	margin: 12px;
}
#settings_view h1 {
	display: block;
	margin: auto auto 12px auto;
	font-size: 17px;
	color: #FFFFFF;
	font-weight: normal;
}
#settings_view label {
	display: block;
	text-align: left;
	font-size: 15px;
	font-weight: normal;
}
#settings_view label b {
	display: block;
	font-weight: normal;
	color: rgb(147, 147, 147);
	margin: auto;
}
#product_render {
	background: rgb(54, 61, 72);
}

#settings_presets, #settings_experiment {
	background: rgba(255, 255, 255, 0.15);
	color: #FFFFFF;
	padding: 7px 5px;
	border: 1px solid rgba(255, 255, 255, 0.31);
	margin: 3px auto auto auto;
}

#settings_presets:hover, #settings_experiment:hover {
	background: #FFFFFF;
	color: #353535;
}

#help_button {
	font-size: 15px;
	padding: 7px 12px;
	background: transparent;
	border: solid 1px rgba(249, 249, 249, 0.09);
	color: rgba(251, 250, 250, 0.24);
	margin: 15px auto;
	display: block;
}
#open_projects .project_list {
	min-height: 60vh;
	height: 100%;
	position: relative;
}
#open_projects .project_list .qListEditor {
	text-align: left;
}
#open_projects .top_buttons label b {
	display: none;
}
#open_projects #open {
	display: flex;
	flex-direction: column;
	align-content: stretch;
	max-height: 100%;
	overflow: hidden;
	height: 100%;
}
#open_projects #open .pages {
	min-height: 35px;
	padding: 12px;
	position: sticky;
	top: 0px;
	z-index: 10;
	background: #FFF;
	border-bottom: solid 1px RGB(238, 238, 238);
}
#projects_open_panel {
	position: relative;
	z-index: 11;
}
.project_list div.qSlide {
	margin: auto;
	padding: 20px;
	text-align: left;
	box-sizing: border-box;
	scrollbar-width: thin;
	max-height: 100%;
	overflow: hidden auto;
	height: 100%;
}
.date_line {
	display: block;
	background: rgb(220, 235, 244);
	position: sticky;
	top: -20px;
	z-index: 10;
	padding: 10px;
	margin: 30px -20px 10px -20px;
	color: rgb(25, 97, 125);
	border-top: solid 1px rgb(161, 199, 217);
}
.project_list div.qSlide .date_line:first-child {
	margin-top: -20px;
}
.gdf {
	margin: px auto auto auto;
	border: 1px dashed #AAAAAA;
	padding: 15px;
	text-align: center;
}
.gdf_add_btn {
	width: 47%;
	text-align: center;
	padding: 30px 50px;
	background: #FFFFFF;
	border: solid 1px rgb(223, 231, 236);
	color: rgb(116, 142, 157);
	min-width: 220px;
}
.gdf_add_btn.ondrag, .gdf_add_btn:hover {
	background: #353535;
	color: #FFFFFF;
	border-color: transparent;
	transition: none;
}
.top_line right {
	flex: 1;
	flex-grow: 1;
}
.top_line right > div {
	display: inline-block;
	vertical-align: middle;
}
.top_line right::after {
	display: inline-block;
	width: 0px;
	height: 100%;
	vertical-align: middle;
	content: "";
}
.account_top_label {
	display: inline-block;
	vertical-align: middle;
	margin: auto 5px auto 7px;
	border-right: 1px solid rgba(253, 252, 252, 0.14);
	padding: 0px 10px 0px 0px;
}
.account_top_label img {
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: auto;
	max-height: 100%;
	border-radius: 50px;
	margin: auto 7px auto auto;
}
.account_top_label b {
	color: rgb(255, 255, 255);
	font-weight: normal;
	font-size: 15px;
	display: inline-block;
	vertical-align: middle;
}
.lang_button {
	display: inline-block;
	vertical-align: middle;
	margin: auto auto auto 5px;
	width: 28px;
	height: 16px;
	padding: 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 2px;
}
.qCheck.Ellipse {
	position: relative;
	cursor: pointer;
	background: transparent;
	overflow: hidden;
	border: transparent;
	margin: auto;
	text-align: left;
	padding: 0px 0px 0px 28%;
	display: block;
}
label.field_only_my {
	display: inline-block !important;
	width: auto !important;
	max-width: 115px;
}
label.field_only_my b {
	display: inline-block !important;
	margin-right: 15px !important;
	margin-left: -5px !important;
}
.view_like_card item, .view_like_card .qListEditor item {
	display: inline-block;
	width: 320px;
	height: 390px;
	background: linear-gradient(rgb(228, 233, 238),rgb(219, 232, 253));
	margin: 5px;
	box-sizing: border-box;
	border-radius: 10px;
	/* background: linear-gradient(rgb(63, 75, 91),rgb(32, 45, 62)); */
	padding: 0px;
	vertical-align: top;
	overflow: hidden;
	position: relative;
}
/*.view_like_card item, .view_like_card .qListEditor item {
	display: inline-block;
	width: 320px;
	height: 320px;
	background: linear-gradient(rgb(228, 233, 238),rgb(219, 232, 253));
	margin: 5px;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 0px;
	vertical-align: top;
	overflow: hidden;
	position: relative;
}*/
.view_like_card item > img {
	display: block;
	border-radius: 5px;
	position: relative;
	z-index: 0;
	width: 320px;
	height: 320px;
	object-fit: cover;
	margin: auto;
	max-width: unset;
	max-height: unset;
	border: solid 1px rgba(251, 251, 251, 0);
	background: transparent;
}
/*
.view_like_card item > img {
	display: inline-block;
	max-width: unset;
	max-height: unset;
	border-radius: 5px;
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	left: 0px;
	top: 0px;
	margin: auto;
}*/
.view_like_card item:hover > img {
	transform: scale(1.2);
	transition: 0.35s all;
}
.view_like_card item .bottom {
	background: rgb(228, 234, 242);
	position: relative;
	bottom: 0px;
	top: auto;
	left: 0px;
	right: 0px;
	width: 100%;
	box-sizing: border-box;
	display: block;
	text-align: left;
	margin: auto;
	padding: 5px 15px;
	min-height: 35px;
}/*
.view_like_card item .bottom {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 0px;
	top: auto;
	left: 0px;
	right: 0px;
	width: 100%;
	box-sizing: border-box;
	display: block;
	text-align: left;
	margin: auto;
	padding: 5px 15px;
	min-height: 35px;
}*/
.view_like_card item > b {
	margin: -5px 0px 0px 0px;
	font-size: 17px;
	font-weight: bold;
	color: rgb(55, 75, 87);
	z-index: 2;
	position: relative;
	background: rgb(228, 234, 242);
	padding: 10px 17px;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	display: block;
	overflow: hidden;
	border-bottom: dashed 1px rgba(0, 0, 0, 0.05);
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*
.view_like_card item > b {
	margin: 0px;
	font-size: 17px;
	font-weight: normal;
	color: #FFFFFF;
	z-index: 2;
	position: absolute;
	background: rgba(0, 0, 0, 0.7);
	padding: 10px 17px;
	left: 0px;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
}*/	
.view_like_card item .bottom .user {
	margin: auto;
	font-size: 15px;
	color: rgb(55, 75, 87);
	min-height: 18px;
	border: transparent;
	display: inline-block;
	vertical-align: middle;
}/*
.view_like_card item .bottom .user {
	margin: auto;
	font-size: 15px;
	color: rgb(251, 247, 7);
	min-height: 18px;
	border: transparent;
	display: inline-block;
	vertical-align: middle;
}*/
.view_like_card item .project_images {
	text-align: left;
	margin: auto;
	padding: 0px;
	position: relative;
	overflow: auto hidden;
	scrollbar-width: thin;
}
.view_like_card item .project_images_count {
	position: absolute;
	right: 14px;
	border: transparent;
	width: 28px;
	height: 28px;
	border-radius: 50px;
	padding: 3px 0px 3px 1px;
	font-size: 22px;
	text-align: center;
	box-sizing: border-box;
	/* background: rgb(0, 0, 0); */
	color: rgb(112, 115, 115);
	bottom: 8px;
	/* border: solid 1px #FFFFFF; */
}/*
.view_like_card item .project_images_count {
	position: absolute;
	right: 14px;
	border: transparent;
	width: 28px;
	height: 28px;
	border-radius: 50px;
	padding: 3px 0px 3px 1px;
	font-size: 22px;
	text-align: center;
	box-sizing: border-box;
	color: rgb(255, 254, 254);
	bottom: 8px;
}*/
.view_like_card item .project_images.show {
	position: fixed;
	margin: auto;
	width: 330px;
	height: 60%;
	top: 20%;
	left: 0px;
	right: 0px;
	background: rgb(34, 34, 34);
	padding: 15px;
	border-radius: 5px;
	box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.51);
	overflow: hidden auto;
	z-index: 100;
	max-height: unset;
	text-align: center;
	border: transparent;
}
.view_like_card item .project_images img {
	display: inline-block;
	width: 32px;
	height: 32px;
	object-fit: cover;
	max-height: unset;
	margin: 5px auto 5px auto;
	border: solid 1px #AAAAAA;
	border-radius: 3px;
}

.view_like_card item img[no_preview] {
	padding: 120px;
	box-sizing: border-box;
	object-fit: cover;
}

#NewProject .window {
	background: rgb(38, 38, 38);
}
#NewProject .window label {
	background: transparent;
	color: #FFFFFF;
}
#NewProject .window label input, #NewProject .window label select {
	border: solid 1px rgb(111, 111, 111);
	color: rgb(255, 255, 255);
	background-color: rgb(68, 67, 67) !important;
}
#NewProject .window buttons {
	margin: 22px auto;
	display: flex;
	max-width: 85%;
	gap: 5px;
}
#NewProject .window buttons button {
	flex-grow: 1;
	margin: auto;
}

#new_project_msg {
	text-align: left;
	display: block;
	padding: 0px 25px;
	color: #FFFFFF;
	font-weight: normal;
}

form#new_project.hide_labels label {
	display: none;
}

#project_images {
	padding: 25px 25px;
	box-sizing: border-box;
	width: auto;
	max-height: 350px;
	overflow: hidden;
	text-align: left;
}

#project_images.show {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 100;
	padding: 50px;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(15px);
	max-height: unset;
	max-width: unset;
	overflow: auto;
}

#project_images b {
	color: #FFF;
	text-align: left;
	display: block;
	padding: 10px 15px;
	font-size: 15px;
	font-weight: normal;
	text-transform: capitalize;
	/* border: solid 1px rgba(255, 255, 255, 0.28); */
	border-radius: 5px;
	background: rgb(50, 57, 71);
	margin: auto auto 10px 0px;
	cursor: pointer;
	max-width: 200px;
}
#project_images b:hover {
	background-color: rgb(81, 88, 102);
}

#project_images i {
	width: 32px;
	height: 32px;
	margin: 3px;
	border: solid 1px rgb(0, 0, 0);
	pointer-events: none;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-size: cover;
}

#project_images label[select] {
	position: absolute;
	padding: 0px;
	right: 0px;
	top: 0px;
	z-index: 1;
	width: auto;
	height: auto;
	margin: 7px;
	display: none;
	background: rgba(249, 249, 249, 0.07);
	border: solid 1px #FFFFFF;
	border-radius: 5px;
	cursor: pointer;
}
#project_images label[select]:hover {
	background-color: rgba(253, 253, 253, 0.22);
}
#project_images.show label {
	display: block;
}
#project_images label input[type="checkbox"] {
	display: none;
}
#project_images label input[type="checkbox"] + c {
	display: block;
	width: 32px;
	height: 32px;
	background: transparent center center no-repeat;
	background-size: 70%;
	position: relative;
}
#project_images label input[type="checkbox"]:checked + c {
	background-image: url('/Q2/images/white/check.svg');
}

#project_images.show i {
	width: 220px;
	height: 220px;
	margin: 5px;
	pointer-events: auto;
	border-radius: 7px;
	cursor: pointer;
}
#project_images.show i:hover {
	border-color: rgb(191, 190, 190);
}

#project_images .button_close {
	position: fixed;
	z-index: 1;
	display: none;
	width: 32px;
	height: 32px;
	background: red url('/Q2/images/white/x.svg') center center no-repeat;
	background-size: 24px;
	border-radius: 5px;
	right: 25px;
	top: 55px;
	cursor: pointer;
}
#project_images.show .button_close {
	display: block;
}
#svg_colors_selector {
	position: fixed;
	right: 100px;
	top: 100px;
	bottom: auto;
	z-index: 1001;
	width: 50px;
	min-height: 50px;
}
#svg_colors_selector i {
	display: block;
	width: 77px;
	height: 41px;
	background: rgba(255, 255, 255, 0.25);
	border: transparent;
	border-radius: 32px;
	margin: auto auto 10px auto;
	cursor: pointer;
	font-size: 17px;
	color: #000000;
	padding: 5px;
	box-sizing: border-box;
	text-decoration: none;
	font-style: normal;
	text-align: left;
}
#svg_colors_selector i:hover {
	border-color: #FFFFFF;
}
#svg_colors_selector i c {
	display: block;
	width: 32px;
	height: 32px;
	padding: 6px;
	box-sizing: border-box;
	background: #FFFFFF;
	color: #151515;
	border-radius: 50px;
	text-align: center;
	pointer-events: none;
}

#neonsettings input[type="range"] {
	margin: auto;
	padding: 10px 0px;
	cursor: pointer;
}

label textarea:focus, label input:focus {
	outline: none !important;
}

label.flash {
	/*animation: blinker 1s linear infinite;*/
	animation: label_flash 0.5s linear 3;
}

#price_index {
	display: none;
}

@keyframes label_flash {
	0% {
		outline: 5px solid rgba(0, 0, 0, 255);
	}
	50% {
		outline: 5px solid rgb(255, 255, 255);
		/*background-color: rgb(200, 200, 200);*/
		opacity: 0.5;
	}
	100% {
		outline: 5px solid rgba(0, 0, 0, 255);
	}
}