@media aural and (min-width:1px){html{display:none;}}
	@media braille and (min-width:1px){html{display:none;}}
	@media embossed and (min-width:1px){html{ display: none;}}
	@media print and (min-width:1px){html{display: none;}}
	@media projection and (min-width:1px){html{display:none;}}
	@media tty and (min-width:1px){html{display:none;}}
	@media tv and (min-width:1px){html{display:none;}}

	html{
		scrollbar-width: thin;
		scroll-behavior: smooth;
		scroll-padding: 50px;
	}

		body{
			margin: 0;
			font-family: math;
			font-size: 17px;
			color: var(--_c1);
		}

		*{
			/*box-shadow: inset 1px 1px 0 green, inset -1px -1px 0 green;*/
		}

		:root{
			--_c1: #000;
			--_c2: #fff;
			--_c3: #ddd;
			--c1: #000000;
			--c2: #ffffff;
			--c3: #16c8f6;
			--c4: #ed1f24;
			--v1: 5px;
			--v2: calc(var(--v1) * 2);
			--v3: calc(var(--v2) * 2);
		}

		noscript{
			width: 100%;
			max-width: 200px;
			background: yellow;
			color: var(--_c1);
			margin: var(--v2) auto;
			margin-bottom: var(--v2);
		}

		.website{
			background: #fff;
		}
			.website-top{
				padding: var(--v2);
				box-sizing: border-box;
			}
				.website-top-area{
					display: flex;
					justify-content: space-between;
					align-items: flex-end;
				}
					.website-top-left{
						width: 150px;
						display: flex;
						justify-content: space-between;
						transform: skew(30deg);
					}
						.website-top-left-lines-v{
							width: 25px;
							height: 15px;
							display: flex;
							justify-content: space-between;
							gap: 5px;
						}
							.website-top-left-line-v{
								width: calc(100%);
								height: 100%;
								background: var(--_c1);
							}
						.website-top-left-lines-h{
							width: calc(100% - (25px + 5px));
							height: 15px;
						}
							.website-top-left-line-h{
								height: calc(100% / 3);
								background: var(--_c1);
							}
							.website-top-left-line-h:nth-child(1n){
								width: 30%;
							}
							.website-top-left-line-h:nth-child(2n){
								width: 50%;
							}
							.website-top-left-line-h:nth-child(3n){
								width: 100%;
							}
					.website-top-right{
						width: 100%;
						text-align: right;
						border-bottom: 2px solid var(--_c1);
					}
				
			header,
			section,
			article,
			footer,
			.author{
				width: 100%;
				min-width: 100px;
				max-width: 2000px;
				background: #fff;
				padding: var(--v2);
				box-sizing: border-box;
				margin: auto;
			}
			header{
				border-bottom: 2px solid var(--_c1);
				margin-bottom: var(--v1);
				display: flex;
				justify-content: space-between;
				align-items: center;
				gap: var(--v2);
				position: sticky;
				top: 0;
				z-index: 2147483648;
			}
				nav,
				nav a{
					display: flex;
					align-items: center;
					flex-wrap: wrap;
					gap: 5px;
					position: relative;
				}
				nav > a:before{
					content: "";
					width: 0;
					height: 2px;
					background: var(--_c1);
					position: absolute;
					left: 50%;
					bottom: -5px;
				}
				nav > a:hover:before{
					width: 100%;
					left: 0;
					transition: 500ms;
				}
				header a{
					color: #000;
				}
			a{
				text-decoration: none;
			}
			.website-line{
				height: 2px;
				background: var(--_c1);
				margin: var(--v3) 0;
			}
			footer{
				display: flex;
				flex-wrap: wrap;
			}
			footer ul{
				list-style: none;
				padding-left: 20px;
			}
			.author{
				background: #ddd;
				text-align: center;
				margin: var(--v2) auto;
			}
			/*start connect area*/
			.website-connect-layer,
			.website-connect-layer-txt,
			.website-connect-layer-cables,
			.website-connect-layer-cable-conn,
			.website-connect-layer-cable-conn-area,
			.website-connect-layer-cable-conn-area-mother,
			.website-connect-layer-cable-conn-area-father,
			.website-connect-layer-cable-conn-area-mother2,
			.website-connect-layer-cable-conn-area-father2,
			.website-connect-layer-cable-conn-area-father3,
			.website-connect-layer-cable-conn-area-father4{
				display: flex;
			}
			.website-connect-layer-txt{
				justify-content: center;
			}
			.website-connect-layer-cable-conn{
				justify-content: space-between;
			}
			.website-connect-layer-cable-conn-area-mother2,
			.website-connect-layer-cable-conn-area-father2,
			.website-connect-layer-cable-conn-area-father4{
				justify-content: space-evenly;
			}
			.website-connect-layer-cable-conn-area-father{
				justify-content: flex-end;
			}
			.website-connect-layer-txt,
			.website-connect-layer-cables,
			.website-connect-layer-cable-conn-area,
			.website-connect-layer-cable-conn-area-mother,
			.website-connect-layer-cable-conn-area-father,
			.website-connect-layer-cable-conn-area-mother2,
			.website-connect-layer-cable-conn-area-father2,
			.website-connect-layer-cable-conn-area-father3{
				align-items: center;
			}
			.website-connect-layer:nth-child(1),
			.website-connect-layer-txt,
			.website-connect-layer-cable-conn-area-father4{
				flex-direction: column;
			}
			.website-connect-layer-txt,
			.website-connect-layer-cables,
			.website-connect-layer-cable-conn-area-mother,
			.website-connect-layer-cable-conn-area-father{
				width: 100%;
			}
			.website-connect-layer-cable-conn-area-mother,
			.website-connect-layer-cable-conn-area-father{
				height: 50%;
			}
			.website-connect-layer-cable-line,
			.website-connect-layer-cable-conn-area-mother1,
			.website-connect-layer-cable-conn-area-mother2,
			.website-connect-layer-cable-conn-area-mother3,
			.website-connect-layer-cable-conn-area-mother4,
			.website-connect-layer-cable-conn-area-father1,
			.website-connect-layer-cable-conn-area-father2,
			.website-connect-layer-cable-conn-area-father3,
			.website-connect-layer-cable-conn-area-father31,
			.website-connect-layer-cable-conn-area-father41{
				background: var(--_c2);
				border: 0 solid var(--c1);
			}
			.website-connect{
				width: 100%;
				min-width: 100px;
				height: 200px;
				background: linear-gradient(120deg, #efedf2, #aebad4);
				position: relative;
				margin: auto;
			}
				.website-connect-layer{
					width: 100%;
					height: 100%;
					padding: 10px 0;
					box-sizing: border-box;
					position: absolute;
					top: 0;
					left: 0;
				}
					.website-connect-layer-txt{
						height: 100px;
						font-size: 16px;
					}
					.website-connect-layer-cables{
						height: calc(100% - 100px);
					}
						.website-connect-layer-cable{
							width: calc(100% / 2 - 25px * 2);
						}
							.website-connect-layer-cable-line{
								height: 5px;
							}
						.website-connect-layer-cable-conn{
							width: 100px;
							height: 100px;
						}
							.website-connect-layer-cable-conn-area{
								width: calc(100% / 2 - 1px);
							}
								.website-connect-layer-cable-conn-area-mother{}
									.website-connect-layer-cable-conn-area-mother1,
									.website-connect-layer-cable-conn-area-father1{
										width: 5px;
										height: 10px;
									}
									.website-connect-layer-cable-line,
									.website-connect-layer-cable-conn-area-mother1,
									.website-connect-layer-cable-conn-area-mother2,
									.website-connect-layer-cable-conn-area-mother3,
									.website-connect-layer-cable-conn-area-father1,
									.website-connect-layer-cable-conn-area-father2,
									.website-connect-layer-cable-conn-area-father3,
									.website-connect-layer-cable-conn-area-father31,
									.website-connect-layer-cable-conn-area-father41{
										border-top-width: 2px;
										border-bottom-width: 2px;
									}
									.website-connect-layer-cable-conn-area-mother1,
									.website-connect-layer-cable-conn-area-mother2,
									.website-connect-layer-cable-conn-area-mother3,
									.website-connect-layer-cable-conn-area-father3,
									.website-connect-layer-cable-conn-area-father41{
										border-left-width: 2px;
									}
									.website-connect-layer-cable-conn-area-mother1,
									.website-connect-layer-cable-conn-area-mother2,
									.website-connect-layer-cable-conn-area-mother3{
										border-top-left-radius: 2px;
										border-bottom-left-radius: 2px;
									}
									.website-connect-layer-cable-conn-area-mother2,
									.website-connect-layer-cable-conn-area-father2{
										width: 10px;
										height: 30px;
									}
										.website-connect-layer-cable-conn-area-mother21,
										.website-connect-layer-cable-conn-area-father21{
											width: 2px;
											height: calc(100% - 10px);
											background: var(--c1);
										}
									.website-connect-layer-cable-conn-area-mother3,
									.website-connect-layer-cable-conn-area-father3{
										width: 15px;
										height: 40px;
									}
									.website-connect-layer-cable-conn-area-mother4{
										width: 2px;
										height: calc(100% - 4px);
										border-radius: 4px;
										border-width: 2px;
									}
								.website-connect-layer-cable-conn-area-father{}
									.website-connect-layer-cable-conn-area-father1,
									.website-connect-layer-cable-conn-area-father2,
									.website-connect-layer-cable-conn-area-father3,
									.website-connect-layer-cable-conn-area-father31{
										border-right-width: 2px;
										border-top-right-radius: 2px;
										border-bottom-right-radius: 2px;
									}
									.website-connect-layer-cable-conn-area-father3{}
										.website-connect-layer-cable-conn-area-father31{
											width: 5px;
											height: 2px;
										}
									.website-connect-layer-cable-conn-area-father4{
										width: 10px;
										height: 100%;
									}
										.website-connect-layer-cable-conn-area-father41{
											width: calc(100% - 2px);
											height: 4px;
										}
				/*end connect area*/
				/*start workspace area*/
				.website-workspace-data,
				.website-workspace-layer-row:nth-child(1),
				.website-workspace-layer-row:nth-child(2),
				.website-workspace-layer-row-abs,
				.website-workspace-layer-data,
				.website-workspace-layer-cell-map-layer,
				.website-workspace-layer-cell-book1,
				.website-workspace-layer-cell-book2,
				.website-workspace-layer-cell-book3,
				.website-workspace-layer-cell-book4,
				.website-workspace-layer-cell-smartphone-diff-cam,
				.website-workspace-layer-row-abs-laptop-screen-smile-eyes{
					display: flex;
				}
				.website-workspace-layer-cell-book1,
				.website-workspace-layer-cell-book2,
				.website-workspace-layer-cell-book3,
				.website-workspace-layer-cell-book4,
				.website-workspace-layer-row-abs:nth-child(2){
					justify-content: center;
				}
				.website-workspace-layer-cell-book1,
				.website-workspace-layer-cell-book2,
				.website-workspace-layer-cell-book3,
				.website-workspace-layer-cell-book4{
					align-items: center;
				}
				.website-workspace-layer-row-abs,
				.website-workspace-layer-data{
					align-items: flex-end;
				}
				.website-workspace-layer-cell-file,
				.website-workspace-layer-cell-book1,
				.website-workspace-layer-cell-book2,
				.website-workspace-layer-cell-book3,
				.website-workspace-layer-cell-book4{
					margin-right: 2px;
				}
				.website-workspace-layer-cell-line,
				.website-workspace-layer-cell-map,
				.website-workspace-layer-row-abs-wallclock,
				.website-workspace-window{
					box-shadow: 0 3px 3px -3px black;
				}
				.website-workspace{
					width: 100%;
					min-width: 100px;
					max-width: 1000px;
					background: #ccc;
					transition: 1s;
					overflow: auto;
					margin: auto;
				}
					.website-workspace-data{
						height: 605px;
					}
						.website-workspace-layers{
							min-width: 500px;
							height: 100%;
							position: relative;
							z-index: 1;
						}
							.website-workspace-layer{
								width: calc(100% - 20px);
								height: calc(100% - 20px);
								padding: 10px;
								position: absolute;
								top: 0;
								left: 0;
							}
							.website-workspace-layer:first-of-type{
								z-index: 20;
							}
							.website-workspace-layer:nth-child(2){
								z-index: 30;
							}
							.website-workspace-layer:nth-child(3){
								z-index: 40;
							}
								.website-workspace-layer-row{
									margin-bottom: 20px;
									position: relative;
								}
								.website-workspace-layer-row:nth-child(3){
									height: 280px;
									margin-bottom: 0;
								}
								.website-workspace-layer-row:nth-child(3) > .website-workspace-layer-cell-line{
									position: absolute;
									bottom: 0;
									margin-bottom: 0;
								}
									.website-workspace-layer-row-abs{
										width: 100%;
										height: 255px;
										position: absolute;
										top: 0;
									}
									.website-workspace-layer-row-abs:first-of-type{
										z-index: 31;
									}
										.website-workspace-layer-row-abs-wallclock{
											width: 100px;
											height: 100px;
											border: 4px solid #565f71;
											background: white;
											border-radius: 50%;
											position: absolute;
											top: 0;
											right: 0;
											z-index: 31;
										}
											.website-workspace-layer-row-abs-wallclock3,
											.website-workspace-layer-row-abs-wallclock6,
											.website-workspace-layer-row-abs-wallclock9,
											.website-workspace-layer-row-abs-wallclock12{
												width: 6px;
												height: 6px;
												border-radius: 50%;
												background: #55bfec;
												position: absolute;
											}
											.website-workspace-layer-row-abs-wallclock12,
											.website-workspace-layer-row-abs-wallclock6{
												left: calc(50% - 3px);
											}
											.website-workspace-layer-row-abs-wallclock3,
											.website-workspace-layer-row-abs-wallclock9{
												top: calc(50% - 3px);
											}
											.website-workspace-layer-row-abs-wallclock3{
												right: 5px;
											}
											.website-workspace-layer-row-abs-wallclock6{
												bottom: 5px;
											}
											.website-workspace-layer-row-abs-wallclock9{
												left: 5px;
											}
											.website-workspace-layer-row-abs-wallclock12{
												top: 5px;
											}
											.website-workspace-layer-row-abs-wallclock-middle-dot{
												width: 10px;
												height: 10px;
												border-radius: 50%;
												background: black;
												position: absolute;
												top: calc(50% - 5px);
												left: calc(50% - 5px);
											}
											.website-workspace-layer-row-abs-wallclock-line-h,
											.website-workspace-layer-row-abs-wallclock-line-m,
											.website-workspace-layer-row-abs-wallclock-line-s{
												background: black;
												position: absolute;
											}
											.website-workspace-layer-row-abs-wallclock-line-h,
											.website-workspace-layer-row-abs-wallclock-line-m{
												height: 4px;
											}
											.website-workspace-layer-row-abs-wallclock-line-h{
												width: 20%;
												top: calc(43% - 2px);
												left: 28px;
												transform: rotate(27deg);
											}
											.website-workspace-layer-row-abs-wallclock-line-m{
												width: 30%;
												top: calc(43% - 2px);
												right: 20px;
												transform: rotate(-26deg);
											}
											.website-workspace-layer-row-abs-wallclock-line-s{
												width: 40%;
												height: 2px;
												background: rgba(0,0,0,.7);
												top: calc(70% - 2px);
												right: 21px;
												transform: rotate(66deg);
											}
										.website-workspace-layer-row-abs-lamp{
											position: relative;
										}
										.website-workspace-layer-row-abs-lamp > *{
											position: absolute;
										}
										.website-workspace-layer-row-abs-lamp-line-bottom,
										.website-workspace-layer-row-abs-lamp-line-top{
											background: rgba(0,0,0,.3);
										}
										.website-workspace-layer-row-abs-lamp-head-top,
										.website-workspace-layer-row-abs-lamp-head-head,
										.website-workspace-layer-row-abs-lamp-bulb{
											margin: auto;
										}
										.website-workspace-layer-row-abs-lamp-line-bottom,
										.website-workspace-layer-row-abs-lamp-line-top{
											width: 35%;
											height: 100%;
										}
										.website-workspace-layer-row-abs-lamp-line-bottom:first-child,
										.website-workspace-layer-row-abs-lamp-line-top:first-child{
											float: left;
											left: 5%;
										}
										.website-workspace-layer-row-abs-lamp-line-bottom:last-child,
										.website-workspace-layer-row-abs-lamp-line-top:last-child{
											float: right;
											right: 5%;
										}
										.website-workspace-layer-row-abs-lamp-head-head:before,
										.website-workspace-layer-row-abs-lamp-head-head:after{
											content: '';
										}
										.website-workspace-layer-row-abs-lamp{
											width: 205px;
											height: 235px;
											z-index: 32;
										}
											.website-workspace-layer-row-abs-lamp-bottom{
												width: 60px;
												height: 30px;
												bottom: 0;
												background: #576272;
												border-top-left-radius: 50px;
												border-top-right-radius: 50px;
												z-index: 33;
											}
											.website-workspace-layer-row-abs-lamp-line-space-bottom{
												width: 15px;
												height: 115px;
												bottom: 25px;
												left: 33px;
												transform: rotate(10deg);
											}
												.website-workspace-layer-row-abs-lamp-line-bottom{}
												.website-workspace-layer-row-abs-lamp-line-bottom:first-child{}
												.website-workspace-layer-row-abs-lamp-line-bottom:last-child{}
											.website-workspace-layer-row-abs-lamp-dot{
												width: 20px;
												height: 20px;
												background: #576272;
												border: 3px solid #f99700;
												border-radius: 50%;
												top: 75px;
												left: 40px;
												z-index: 33;
											}
											.website-workspace-layer-row-abs-lamp-line-space-top{
												width: 15px;
												height: 115px;
												top: 8px;
												left: 100px;
												transform: rotate(70deg);
											}
												.website-workspace-layer-row-abs-lamp-line-top{}
												.website-workspace-layer-row-abs-lamp-line-top:first-child{}
												.website-workspace-layer-row-abs-lamp-line-top:last-child{}

											.website-workspace-layer-row-abs-lamp-head{
												width: 40px;
												left: 153px;
												top: 5px;
												transform: rotate(-24deg);
												z-index: 33;
											}
												.website-workspace-layer-row-abs-lamp-head-top{
													width: 7px;
													height: 4px;
													background: #576272;
													border-top-left-radius: 3px;
													border-top-right-radius: 3px;
												}
												.website-workspace-layer-row-abs-lamp-head-head{
													width: 50%;
													height: 15px;
													background: white;
												}
												.website-workspace-layer-row-abs-lamp-head-head:before{
													float: left;
													border-top: 14px solid #9abbc2;
													border-right: 3px solid transparent;
													border-bottom: 12px solid transparent;
												}
												.website-workspace-layer-row-abs-lamp-head-head:after{
													float: right;
													border-top: 14px solid #9abbc2;
													border-left: 3px solid transparent;
													border-bottom: 12px solid transparent;
												}
												.website-workspace-layer-row-abs-lamp-middle{
													width: 100%;
													height: 25px;
													background: white;
													border-top-left-radius: 15px;
													border-top-right-radius: 15px;
													border-top: 2px solid #f9b200;
												}
												.website-workspace-layer-row-abs-lamp-bulb{
													width: 25px;
													height: 8px;
													background: #eeb800;
													border-bottom-left-radius: 5px;
													border-bottom-right-radius: 5px;
													box-shadow: 0 0 30px #d0491c;
												}
									.website-workspace-layer-row-abs:nth-child(2){
										z-index: 34;
									}
										.website-workspace-layer-row-abs-laptop-area{
											width: 250px;
										}
											.website-workspace-layer-row-abs-laptop-screen{
												width: 200px;
												height: 120px;
												border: 5px solid #1c3f4a;
												border-bottom-width: 3px;
												border-top-left-radius: 5px;
												border-top-right-radius: 5px;
												background: #8a8d8f;
												margin: auto;
												position: relative;
											}
												.website-workspace-layer-row-abs-laptop-screen-msgs-area{
													padding: 10px;
													background: white;
													border: 2px solid #1c3e4a;
													border-radius: 5px;
													margin: 15px;
												}
													.website-workspace-layer-row-abs-laptop-screen-msgs{
														position: relative;
													}
													.website-workspace-layer-row-abs-laptop-screen-msgs:after{
														content: "";
														width: 12px;
														height: 12px;
														background: white;
														border-left: 2px solid #1c3e4a;
														border-bottom: 2px solid #1c3e4a;
														position: absolute;
														right: -2px;
														bottom: -18px;
														transform: rotate(-45deg);
													}
														.website-workspace-layer-row-abs-laptop-screen-msg-alert{
															width: 25px;
															padding: 5px;
															background: #79cdce;
															border: 2px solid #1c3e4a;
															border-radius: 50%;
															color: #1c3e4a;
															font-size: 20px;
															position: absolute;
															top: 2px;
															right: 2px;
														}
														.website-workspace-layer-row-abs-laptop-screen-msg{
															height: 5px;
															background: #1c3e4a;
															margin-bottom: 5px;
														}
														.website-workspace-layer-row-abs-laptop-screen-msg:first-of-type,
														.website-workspace-layer-row-abs-laptop-screen-msg:nth-child(2){
															width: calc(100% - 20px);
														}
														.website-workspace-layer-row-abs-laptop-screen-msg:last-of-type{
															margin-bottom: 0;
														}
												.website-workspace-layer-row-abs-laptop-screen-smile-area{
													width: 30px;
													height: 30px;
													font-size: 25px;
													display: flex;
													justify-content: center;
													align-items: center;
													position: absolute;
													bottom: 15px;
													right: 17px;
												}
											.website-workspace-layer-row-abs-laptop-core{
												width: calc(100% - 4px);
												height: 10px;
												border: 2px solid #1c3f4a;
												background: #d5dfe4;
											}
									.website-workspace-layer-row-abs:nth-child(3){
										justify-content: flex-end;
										z-index: 6;
									}
									.website-workspace-layer-cell{
										width: 50%;
										position: relative;
									}
										.website-workspace-layer-data{
											width: 100%;
										}
											.website-workspace-layer-cell-file{
												width: 20px;
												height: 120px;
												background: #444d56;
												padding: 5px;
											}
												.website-workspace-layer-cell-file-top{
													width: calc(100% - 6px);
													height: 50%;
													padding: 3px;
													background: white;
												}
													.website-workspace-layer-cell-file-top-line{
														width: 100%;
														height: 3px;
														background: #ccc;
														margin-bottom: 5px;
													}
													.website-workspace-layer-cell-file-top-line:first-of-type,
													.website-workspace-layer-cell-file-top-line:last-of-type{
														height: 7px;
													}
													.website-workspace-layer-cell-file-top-line:last-of-type{
														margin-bottom: 0;
													}
												.website-workspace-layer-cell-file-bottom{}
													.website-workspace-layer-cell-file-bottom-circle{
														width: 8px;
														height: 8px;
														border: 2px solid white;
														border-radius: 50%;
														background: #444d56;
														margin: 30px auto;
													}
											.website-workspace-layer-cell-book1,
											.website-workspace-layer-cell-book2,
											.website-workspace-layer-cell-book4{
												width: 10px;
											}
											.website-workspace-layer-cell-book1,
											.website-workspace-layer-cell-book3{
												height: 80px;
											}
											.website-workspace-layer-cell-book2,
											.website-workspace-layer-cell-book4{
												height: 60px;
											}
											.website-workspace-layer-cell-book1{
												background: #f28754;
											}
											.website-workspace-layer-cell-book2{
												background: #2aaae1;
											}
											.website-workspace-layer-cell-book3{
												width: 8px;
												background: #545c67;
											}
											.website-workspace-layer-cell-book4{
												background: #e5cd4c;
											}
												.website-workspace-layer-cell-book-middle{
													width: 2px;
													height: 50%;
													background: white;
												}
											.website-workspace-digital-clock{
												width: 40px;
												padding: 0 2px;
												color: #8fb8b2;
												text-align: center;
												background: #1d1f1e;
												border: 4px solid white;
												margin-left: 25px;
												font-family: monospace;
												font-size: 12px;
												animation: website-workspace-digital-clock 1.5s infinite;
											}
											@keyframes website-workspace-digital-clock{
												to{
													color: black;
												}
											}
										.website-workspace-layer-cell-line{
											width: 100%;
											height: 25px;
											background: white;
										}
										.website-workspace-layer-cell-map{
											width: calc(100% - 10px - 10px);
											min-width: 100px;
											max-width: 300px;
											height: calc(100% - 10px);
											background: white;
											border: 5px solid #999;
											position: absolute;
											right: 0;
										}
											.website-workspace-layer-cell-map-layer{
												width: calc(100% - 30px);
												height: calc(100% - 30px);
												padding: 15px;
											}
											.website-workspace-layer-cell-map-layer p{
												margin: 0;
											}
											.website-workspace-layer-cell-map-layer:first-of-type{
												width: 100%;
												height: 100%;
												padding: 0;
												justify-content: space-between;
												position: absolute;
												top: 0;
											}
												.website-workspace-layer-cell-map-layer-column{
													width: 7px;
													height: 100%;
													padding: 0 5px;
													position: relative;
												}
													.website-workspace-layer-cell-map-rivet{
														width: 5px;
														height: 5px;
														border: 2px solid #ddd;
														border-radius: 50%;
														position: absolute;
													}
													.website-workspace-layer-cell-map-rivet:first-of-type{
														top: 5px;
													}
													.website-workspace-layer-cell-map-rivet:last-of-type{
														bottom: 5px;
													}
											.website-workspace-layer-cell-smartphone{
												min-width: 40px;
												max-width: 45px;
												height: 70px;
												padding: 5px;
												background: #576272;
												border-radius: 5px;
												margin-left: 5%;
											}
												.website-workspace-layer-cell-smartphone-diff-cam{
													height: 6px;
													justify-content: center;
												}
													.website-workspace-layer-cell-smartphone-diff,
													.website-workspace-layer-cell-smartphone-cam{
														height: 2px;
														background: white;
													}
													.website-workspace-layer-cell-smartphone-diff{
														width: 10px;
														margin-right: 5px;
													}
													.website-workspace-layer-cell-smartphone-cam{
														width: 5px;
														border-radius: 50%;
													}
												.website-workspace-layer-cell-smartphone-screen{
													width: calc(100% - 4px);
													height: 50px;
													padding: 2px;
													background: #55bfec;
												}
													.website-workspace-layer-cell-smartphone-screen-login{
														width: 100%;
														height: 30px;
													}
														.website-workspace-layer-cell-smartphone-screen-login-input,
														.website-workspace-layer-cell-smartphone-screen-login-btn{
															width: 100%;
															height: 5px;
															margin-top: 2px;
														}
														.website-workspace-layer-cell-smartphone-screen-login-lock{
															padding: 5px 0;
															text-align: center;
														}
														.website-workspace-layer-cell-smartphone-screen-login-input{
															background: white;
														}
														.website-workspace-layer-cell-smartphone-screen-login-btn{
															background: #586472;
														}
												.website-workspace-layer-cell-smartphone-btn{
													width: 10px;
													height: 10px;
													border-radius: 50%;
													background: white;
													margin: 2px auto;
												}
											.website-workspace-books{
												padding: 0 5%;
											}
												.website-workspace-book1,
												.website-workspace-book2,
												.website-workspace-book3,
												.website-workspace-book4{
													background: white;
													border-radius: 2px;
													box-sizing: border-box;
												}
												.website-workspace-book1,
												.website-workspace-book4{
													width: 70px;
													padding: 7px 0px;
												}
												.website-workspace-book2,
												.website-workspace-book3{
													width: 55px;
													padding: 4px 0px;
												}
												.website-workspace-book1{
													margin-left: -5px;
													border-top: 2px solid #ffb713;
													border-bottom: 2px solid #ffb713;
													border-right: 2px solid #ffb713;
												}
												.website-workspace-book2{
													margin-left: -2px;
													border-top: 2px solid #417ca8;
													border-bottom: 2px solid #417ca8;
													border-left: 2px solid #417ca8;
												}
												.website-workspace-book3{
													margin-left: 3px;
													border-top: 2px solid #24b493;
													border-bottom: 2px solid #24b493;
													border-right: 2px solid #24b493;
												}
												.website-workspace-book4{
													margin-left: -1px;
													border-top: 2px solid #fe713c;
													border-bottom: 2px solid #fe713c;
													border-left: 2px solid #fe713c;
													position: relative;
												}
												.website-workspace-book-sign{
													width: 10px;
													height: 10px;
													background: #fe713c;
													bottom: 4px;
													position: absolute;
													top: 3px;
													right: 10px;
												}
												.website-workspace-book-sign:after{
													content: '';
													width: 0;
													height: 0;
													position: absolute;
													bottom: 0;
													border-top: 5px solid transparent;
													border-bottom: 5px solid white;
													border-left: 5px solid transparent;
													border-right: 5px solid transparent;
												}
											.website-workspace-camera{
												width: 50px;
												height: 40px;
												padding: 5px 5px 0 5px;
											}
												.website-workspace-camera-head{
													width: 6px;
													margin-left: 5px;
												}
													.website-workspace-camera-head-btn1{
														width: 3px;
														height: 2px;
														margin: auto;
														background: #e7e7e9;
													}
													.website-workspace-camera-head-btn2{
														height: 3px;
														background: #933c21;
													}
												.website-workspace-camera-body{
													height: 35px;
													background: #e7e7e9;
												}
													.website-workspace-camera-body-row{
														padding-top: 2px;
													}
														.website-workspace-camera-body-row-circle-small-rectangle{
															width: calc(100% - 7px);
															height: 5px;
															padding: 0 2px 0 5px;
															display: flex;
															justify-content: space-between;
														}
															.website-workspace-camera-body-row-circle,
															.website-workspace-camera-body-row-small-rectangle{
																height: 100%;
																background: #933c21;
															}
															.website-workspace-camera-body-row-circle{
																width: 5px;
																border-radius: 50%;
															}
															.website-workspace-camera-body-row-small-rectangle{
																width: 15px;
															}
														.website-workspace-camera-body-lenses-area{
															padding: 2px 0;
															background: #ed5552;
														}
															.website-workspace-camera-body-lenses{
																width: 20px;
																height: 20px;
																background: white;
																display: flex;
																justify-content: center;
																align-items: center;
																border-radius: 50%;
																margin-left: 25px;
															}
																.website-workspace-camera-body-lens{
																	width: 14px;
																	height: 14px;
																	background: #fdd1b6;
																	border: 1px solid #ed5552;
																	border-radius: 50%;
																	position: relative;
																}
																	.website-workspace-camera-body-lens-light1,
																	.website-workspace-camera-body-lens-light2{
																		background: rgba(255,255,255,.5);
																		border-radius: 50%;
																		position: absolute;
																	}
																	.website-workspace-camera-body-lens-light1{
																		width: 6px;
																		height: 6px;
																		top: 15%;
																		left: 20%;
																	}
																	.website-workspace-camera-body-lens-light2{
																		width: 3px;
																		height: 3px;
																		top: 30%;
																		left: 40%;
																	}
								.website-workspace-build{
									width: 100%;
									min-width: 100px;
									max-width: 500px;
									margin-top: 20px;
									overflow: auto;
								}
									.website-workspace-build-stage{
										/*width: 500px;*/
										height: 300px;
										background: #83c6d5;
										transition: 1s;
										animation: website-workspace-build-stage 10s alternate infinite;
									}
									@keyframes website-workspace-build-stage{
										100%{
											filter: sepia(100%);
										}
									}
										.website-workspace-build-stage-top{
											height: 276px;
											position: relative;
											overflow: hidden;
											z-index: 1;
										}
											.website-workspace-build-stage-layer{
												width: 100%;
												height: 100%;
												display: flex;
												position: absolute;
												top: 0;
												left: 0;
											}
											.website-workspace-build-stage-layer:first-of-type{
												display: block;
												z-index: 2;
											}
												.website-workspace-build-stage-sun{
													width: 50px;
													height: 50px;
													background: yellow;
													border-radius: 50%;
													box-shadow: 0 0 50px yellow;
													margin-top: 15px;
													margin-left: 172px;
												}
												.website-workspace-build-stage-cloud{
													width: 60px;
													height: 30px;
													overflow: hidden;
													position: absolute;
													top: 15px;
													left: -60px;
													animation: website-workspace-build-stage-cloud 100s infinite;
												}
												.website-workspace-build-stage-cloud *{
													background: white;
													border-radius: 50%;
													position: relative;
												}
												@keyframes website-workspace-build-stage-cloud{
													100%{
														left: 100%;
													}
												}
													.website-workspace-build-stage-cloud1{
														width: 20px;
														height: 20px;
														top: 17px;
													}
													.website-workspace-build-stage-cloud2{
														width: 45px;
														height: 50px;
														top: -15px;
														left: 15px;
													}
											.website-workspace-build-stage-layer:nth-child(2){
												z-index: 3;
											}
												.website-workspace-build-stage-website-workspace-building{
													width: calc(100% - 250px);
												}
													.website-workspace-build-stage-website-workspace-building-area{
														width: 100px;
														margin: 10px auto;
													}
														.website-workspace-build-stage-website-workspace-building-area-top-area{}
															.website-workspace-build-stage-website-workspace-building-area-top-area1{
																height: 7px;
																background: #5a5b58;
															}
															.website-workspace-build-stage-website-workspace-building-area-top-area2{
																height: 7px;
																background: #f0f0e6;
																border-bottom: 2px solid #585855;
															}
														.website-workspace-build-stage-website-workspace-building-area-body{
															height: calc(100% - 10px - 14px - 10px);
															border-bottom: 8px solid #363739;
															display: flex;
														}
															.website-workspace-build-stage-website-workspace-building-area-body-left{
																width: 25px;
																background: #cacccc;
															}
																.website-workspace-build-stage-website-workspace-building-area-body-left-window{
																	width: 10px;
																	padding: 2px;
																	margin: 7px auto;
																	background: #fff;
																}
																	.website-workspace-build-stage-website-workspace-building-area-body-left-window-line{
																		height: 4px;
																		background: #302f34;
																	}
																	.website-workspace-build-stage-website-workspace-building-area-body-left-window-line:last-of-type{
																		margin-top: 2px;
																	}
															.website-workspace-build-stage-website-workspace-building-area-body-middle{
																width: 20px;
																background: #ce874b;
															}
																.website-workspace-build-stage-website-workspace-building-area-body-middle-window{
																	width: 10px;
																	padding: 2px;
																	background: #ebe3d7;
																	margin: 7px auto;
																}
																	.website-workspace-build-stage-website-workspace-building-area-body-middle-window1{
																		height: 10px;
																		background: #2f2e31;
																	}
															.website-workspace-build-stage-website-workspace-building-area-body-right{
																width: calc(100% - 15px - 10px);
																background: #cacdcc;
															}
																.website-workspace-build-stage-website-workspace-building-area-body-right-area{
																	width: calc(100% - 12px);
																	height: calc(100% - 2px - 7px);
																	padding: 2px;
																	margin: 5px auto;
																	background: #f1f1e7;
																}
																	.website-workspace-build-stage-website-workspace-building-area-body-right-area1{
																		height: 12px;
																		background: #5c5c5a;
																		margin: auto;
																		margin-bottom: 9px;
																		display: flex;
																		justify-content: center;
																		align-items: flex-end;
																	}
																		.website-workspace-build-stage-website-workspace-building-area-body-right-area1-space{
																			width: calc(100% - 2px - 6px);
																			padding: 2px 2px 0 2px;
																			background: #e4e2d9;
																			display: flex;
																			justify-content: space-between;
																		}
																			.website-workspace-build-stage-website-workspace-building-area-body-right-area1-window{
																				width: calc(100% / 3 - 1px);
																				height: 8px;
																				background: #2e2e35;
																			}
																	.website-workspace-build-stage-website-workspace-building-area-body-right-area1-doors{
																		width: calc(100% - 4px);
																		height: 20px;
																		padding: 2px 2px 0 2px;
																		background: #5c5d5a;
																	}
																		.website-workspace-build-stage-website-workspace-building-area-body-right-area1-doors-area{
																			width: calc(100% - 4px);
																			height: calc(100% - 2px);
																			padding: 2px 2px 0 2px;
																			background: #e9e7e5;
																			display: flex;
																			justify-content: space-between;
																		}
																			.website-workspace-build-stage-website-workspace-building-area-body-right-area1-door1,
																			.website-workspace-build-stage-website-workspace-building-area-body-right-area1-door2{
																				width: calc(100% / 3 - 4px - 2px);
																				height: calc(100% - 4px - 1px);
																				padding: 2px;
																			}
																			.website-workspace-build-stage-website-workspace-building-area-body-right-area1-door1{
																				background: #2e2e32;
																				display: flex;
																				align-items: center;
																			}
																				.website-workspace-build-stage-website-workspace-building-area-body-right-area1-door1-handle{
																					width: 2px;
																					height: 4px;
																					background: #5e5e5e;
																				}
																			.website-workspace-build-stage-website-workspace-building-area-body-right-area1-door2{
																				background: #5c5d5a;
																			}
																				.website-workspace-build-stage-website-workspace-building-area-body-right-area1-door2-windows{
																					width: 4px;
																					height: calc(100% - 4px);
																					padding: 1px 2px;
																				}
																					.website-workspace-build-stage-website-workspace-building-area-body-right-area1-door2-window{
																						width: calc(100% - 2px);
																						height: calc(100%  / 2 - 2px);
																						border: 1px solid #d0d0cc;
																						background: #312f31;
																						margin-bottom: 2px;
																					}
																					.website-workspace-build-stage-website-workspace-building-area-body-right-area1-door2-window:last-of-type{
																						margin-bottom: 0;
																					}
											.website-workspace-build-stage-layer:nth-child(3){}	
												.website-workspace-build-stage-top-crane-area{
													width: 250px;
													position: relative;
												}
													.website-workspace-build-stage-top-crane-area-v{
														width: 20px;
														height: calc(100% - 20px);
														position: absolute;
														right: 40px;
														top: 2px;
													}
														.website-workspace-build-stage-top-crane-area-line{
															width: 16px;
															height: 16px;
															border: 2px solid black;
															position: relative;
														}
														.website-workspace-build-stage-top-crane-area-line-cancel{
															width: 18px;
															height: 18px;
															border-top: 0px solid black;
															border-left: 0px solid black;
														}
														.website-workspace-build-stage-top-crane-area-line-cancel > .website-workspace-build-stage-top-crane-area-line2{
															height: 26px;
															top: -3px;
														}
															.website-workspace-build-stage-top-crane-area-line1,
															.website-workspace-build-stage-top-crane-area-line2{
																width: 2px;
																height: 24px;
																background: black;
																position: absolute;
																top: -4px;
																right: 7px;
															}
															.website-workspace-build-stage-top-crane-area-line1{
																transform: rotate(-45deg);
															}
															.website-workspace-build-stage-top-crane-area-line2{
																transform: rotate(45deg);
																
															}
													.website-workspace-build-stage-top-crane-area-h{
														width: 200px;
														height: 20px;
														margin-top: 22px;
														display: flex;
														position: absolute;
														right: 0;
													}
													.website-workspace-build-stage-top-crane-area-base{
														width: 40px;
														height: 14px;
														position: absolute;
														right: 30px;
														bottom: 0;
													}
													.website-workspace-build-stage-top-crane-area-base1,
													.website-workspace-build-stage-top-crane-area-base2{
														height: 3px;
														border: 2px solid black;
														background: #414141;
													}
													.website-workspace-build-stage-top-crane-area-base1{
														width: 30px;
														margin: auto;
													}
													.website-workspace-build-stage-top-crane-area-base2{
														width: calc(100% - 4px);
													}
													.website-workspace-build-stage-top-crane-area-squares{
														width: 130px;
														height: 16px;
														display: flex;
														position: absolute;
														top: 42px;
														right: 60px;
													}
														.website-workspace-build-stage-top-crane-area-squares1,
														.website-workspace-build-stage-top-crane-area-squares2,
														.website-workspace-build-stage-top-crane-area-squares2-sq{
															border: 2px solid black;
														}
														.website-workspace-build-stage-top-crane-area-squares1{
															width: calc(100% - 4px - 16px);
															height: 4px;
															background: #414141;
														}
														.website-workspace-build-stage-top-crane-area-squares2{
															width: 12px;
															height: 12px;
															background: #ee9219;
															display: flex;
															justify-content: center;
															align-items: center;
														}
															.website-workspace-build-stage-top-crane-area-squares2-sq{
																width: 4px;
																height: 4px;
																background: white;
															}
													.website-workspace-build-stage-top-crane-area-move{
														width: 60px;
														position: absolute;
														top: 50px;
														right: 80px;
														animation: website-workspace-build-move-h 20s infinite;
													}
													@keyframes website-workspace-build-move-h{
														10%{right:80px;}
														20%{right:80px;}
														30%{right:150px;}
														40%{right:150px;}
														50%{right:150px;}
														60%{right:150px;}
														70%{right:150px;}
														80%{right:80px;}
														90%{right:80px;}
														100%{right:80px;}
													}
														.website-workspace-build-stage-top-crane-area-move-cable{
															width: 2px;
															height: 163px;
															background: #414141;
															margin: auto;
															animation: website-workspace-build-move-v 20s infinite;
														}
														@keyframes website-workspace-build-move-v{
															10%{height:163px;}
															20%{height:100px;}
															30%{height:100px;}
															40%{height:100px;}
															50%{height:163px;}
															60%{height:163px;}
															70%{height:100px;}
															80%{height:100px;}
															90%{height:100px;}
															100%{height:163px;}
														}
														.website-workspace-build-stage-top-crane-area-move-iron,
														.website-workspace-build-stage-top-crane-area-move-weight{
															border: 2px solid #414141;
														}
														.website-workspace-build-stage-top-crane-area-move-iron{
															width: 10px;
															height: 15px;
															background: #4f4c52;
															margin: auto;
														}
														.website-workspace-build-stage-top-crane-area-move-lines{
															height: 20px;
															position: relative;
														}
															.website-workspace-build-stage-top-crane-area-move-line1,
															.website-workspace-build-stage-top-crane-area-move-line2{
																width: 2px;
																height: 30px;
																background: #414141;
																position: absolute;
																top: -5px;
															}
															.website-workspace-build-stage-top-crane-area-move-line1{
																transform: rotate(45deg);
																left: 12px;
															}
															.website-workspace-build-stage-top-crane-area-move-line2{
																transform: rotate(-45deg);
																right: 12px;
															}
														.website-workspace-build-stage-top-crane-area-move-weight{
															width: calc(100% - 4px);
															height: 20px;
															background: #ee9219;
															font-size: 18px;
															display: flex;
															justify-content: center;
															align-items: center;
														}
											.website-workspace-build-stage-layer:last-of-type{
												align-items: flex-end;
												z-index: 4;
											}
												.website-workspace-build-stage-fog{
													width: 100%;
													height: 0;
													background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.5));
													filter: blur(2px);
													animation: website-workspace-build-stage-fog 10s alternate infinite;
												}
												@keyframes website-workspace-build-stage-fog{
													100%{
														height: 70px;
													}
												}
										.website-workspace-build-stage-bottom{
											width: calc(100% - 4px);
											height: 20px;
											border: 2px solid black;
											background: #ee9219;
										}
							.website-workspace-layer:nth-child(3){}		
								.website-workspace-window{
									width: calc(100% - 20px);
									min-width: 300px;
									max-width: 480px;
									height: calc(100% - 20px);
									border: 10px solid white;
								}
									.website-workspace-window-glass-area{
										height: 100%;
										display: flex;
									}
										.website-workspace-window-glass{
											width: calc(50% - (25px / 2));
											height: 100%;
											background: rgba(212,235,239,.3);
											overflow: hidden;
											position: relative;
										}
										.website-workspace-window-glass:hover .website-workspace-window-glass-top-line{
											height: 10px;
											transition: 1.5s;
										}
										.website-workspace-window-glass:before{
											content: ""; 
											position: absolute;
											top: 0;
											left: 0;
											border-top: 310px solid rgba(255,255,255,.1);
											border-bottom: 100px solid transparent;
											border-left: 0px solid transparent;
											border-right: 218px solid transparent;
											z-index: 2;
										}
											.website-workspace-window-glass-top-line{
												height: calc(100% - 2px);
												background: #0181c4;
												border-bottom: 2px solid #1db3e7;
											}
										.website-workspace-window-glass-separator{
											width: 25px;
											height: 100%;
											background: white;
											display: flex;
											justify-content: center;
											align-items: center;
										}
											.website-workspace-window-glass-separator-handle{
												width: 5px;
												height: 20px;
												background: rgba(0, 0, 0, .5);
											}
				/*end workspace area*/


@media screen and (max-width: 239px){
	html,*{
		display: none;
	}
}