@font-face{
		font-family:Economica;
		src:url('../../font/Economica.ttf');
	}
			
	@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: none;
		scroll-behavior: smooth;
		scroll-padding: 50px;
	}

		body{
			margin: 0;
			font-family: math;
			font-family: Verdana, Geneva, sans-serif;
			font-family: 'Economica', sans-serif;
			font-size: 18px;
			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,
			footer,
			.copyright{
				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;
					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-button{
					max-width: 200px;
					background: var(--_c2);
					border: 2px solid var(--_c1);
					padding: var(--v1);
					box-sizing: border-box;
					cursor: pointer;
					position: relative;
					display: flex;
					justify-content: center;
					align-items: center;
					user-select: none;
				}
				.website-button:hover{
					outline: 2px dashed var(--_c1);
					outline-offset: 2px;
				}
				.website-button:before,
				.website-button:after{
					content: "";
					border: 20px solid transparent;
					position: absolute;
				}
				.website-button:before{
					border-top: 10px solid var(--_c1);
					border-left: 0px solid var(--_c1);
					top: 0;
					left: 0;
				}
				.website-button:after{
					border-bottom: 10px solid var(--_c1);
					border-right: 0px solid var(--_c1);
					bottom: 0;
					right: 0;
				}
				.website-screen{
					min-height: 200px;
					padding: 30px;
					box-sizing: border-box;
					display: flex;
					justify-content: center;
					align-items: center;
					position: relative;
				}
					.website-screen-top,
					.website-screen-right,
					.website-screen-bottom,
					.website-screen-left{
						background: var(--c1);
					}
					.website-screen-top{
						width: 100%;
						height: var(--v3);
						display: flex;
						justify-content: space-between;
						position: absolute;
						top: 0;
						left: 0;
					}
						.website-screen-top-area{
							width: calc(100% - 120px);
							max-width: 500px;
							height: 30px;
							margin: -5px auto;
							display: flex;
						}
							.website-screen-top-left,
							.website-screen-top-right{
								width: 35px;
								height: 30px;
								background: var(--c3);
								padding: var(--v1);
								box-sizing: border-box;
								display: flex;
								justify-content: space-between;
							}
							.website-screen-top-left{
								transform: skew(45deg);
								position: relative;
								left: 15px;
							}
								.website-screen-top-lines{
									width: 100%;
									display: flex;
									justify-content: space-between;
									gap: 5px;
								}
									.website-screen-top-line{
										width: 100%;
										height: 100%;
										background: var(--c1);
									}
							.website-screen-top-middle{
								width: 100%;
								background: var(--c3);
								overflow: hidden;
								font-size: 12px;
								text-align: center;
								display: flex;
								justify-content: center;
								align-items: center;
								z-index: 1;
							}
							.website-screen-top-right{
								transform: skew(-45deg);
								position: relative;
								right: 15px;
							}
					.website-screen-right{
						width: var(--v3);
						height: 100%;
						display: flex;
						justify-content: space-between;
						flex-direction: column;
						position: absolute;
						top: 0;
						right: 0;
					}
					.website-screen-right:before{
						content: "";
						position: absolute;
						width: 3px;
						height: 100%;
						background: var(--c3);
						top: 0;
						right: 0;
					}
					.website-screen-bottom{
						width: 100%;
						height: var(--v3);
						display: flex;
						justify-content: space-between;
						position: absolute;
						bottom: 0;
						left: 0;
					}
						.website-screen-bottom-area{
							width: calc(100% - 120px);
							height: 20px;
							display: flex;
							justify-content: space-between;
							align-items: center;
						}
							.website-screen-bottom-left,
							.website-screen-bottom-right{
								width: calc(100% / 4);
								height: 5px;
								background: var(--c2);
							}
							.website-screen-bottom-left{
								transform: skew(45deg);
							}
							.website-screen-bottom-right{
								transform: skew(-45deg);
							}
					.website-screen-left{
						width: var(--v3);
						height: 100%;
						display: flex;
						justify-content: space-between;
						flex-direction: column;
						position: absolute;
						top: 0;
						left: 0;
					}
					.website-screen-left:before{
						content: "";
						position: absolute;
						width: 3px;
						height: 100%;
						background: var(--c3);
						top: 0;
						left: 0;
					}
						.website-screen-left .website-screen-start,
						.website-screen-left .website-screen-end,
						.website-screen-right .website-screen-start,
						.website-screen-right .website-screen-end{
							height: 50px;
							background: var(--c3);
							position: relative;
						}
						.website-screen-top .website-screen-start,
						.website-screen-top .website-screen-end,
						.website-screen-bottom .website-screen-start,
						.website-screen-bottom .website-screen-end{
							width: 50px;
							height: 100%;
							background: var(--c3);
							position: relative;
						}
						.website-screen-start:before,
						.website-screen-start:after,
						.website-screen-end:before,
						.website-screen-end:after{
							content: "";
							position: absolute;
						}

						.website-screen-top .website-screen-start:before{
							border: 10px solid transparent;
							border-top: 10px solid var(--c3);
							border-left: 10px solid var(--c3);
							left: 100%;
						}
						.website-screen-top .website-screen-start:after{
							width: 18px;
							height: 5px;
							background: var(--c1);
							transform: rotate(-45deg) skew(45deg);
							bottom: 7px;
							right: -10px;
						}
						.website-screen-top .website-screen-end:before{
							border: 10px solid transparent;
							border-top: 10px solid var(--c3);
							border-right: 10px solid var(--c3);
							right: 100%;
						}
						.website-screen-top .website-screen-end:after{
							width: 18px;
							height: 5px;
							background: var(--c1);
							transform: rotate(45deg) skew(-45deg);
							top: 7px;
							left: -10px;
						}

						.website-screen-left .website-screen-start:before{
							border: 10px solid transparent;
							border-top: 10px solid var(--c3);
							border-left: 10px solid var(--c3);
							bottom: -20px;
						}
						.website-screen-left .website-screen-start:after{
							width: calc(100% - 2px);
							height: 5px;
							background: var(--c1);
							transform: rotate(-45deg) skew(-45deg);
							bottom: 0;
							left: 1px;
						}
						.website-screen-left .website-screen-end:before{
							border: 10px solid transparent;
							border-bottom: 10px solid var(--c3);
							border-left: 10px solid var(--c3);
							top: -20px;
						}
						.website-screen-left .website-screen-end:after{
							width: calc(100% - 2px);
							height: 5px;
							background: var(--c1);
							transform: rotate(45deg) skew(45deg);
							top: 0;
							left: 1px;
						}

						.website-screen-right .website-screen-start:before{
							border: 10px solid transparent;
							border-top: 10px solid var(--c3);
							border-right: 10px solid var(--c3);
							bottom: -20px;
						}
						.website-screen-right .website-screen-start:after{
							width: calc(100% - 2px);
							height: 5px;
							background: var(--c1);
							transform: rotate(45deg) skew(45deg);
							bottom: 0;
							left: 1px;
						}
						.website-screen-right .website-screen-end:before{
							border: 10px solid transparent;
							border-bottom: 10px solid var(--c3);
							border-right: 10px solid var(--c3);
							top: -20px;
						}
						.website-screen-right .website-screen-end:after{
							width: calc(100% - 2px);
							height: 5px;
							background: var(--c1);
							transform: rotate(-45deg) skew(-45deg);
							top: 0;
							left: 1px;
						}

						.website-screen-bottom .website-screen-start:before{
							border: 10px solid transparent;
							border-bottom: 10px solid var(--c3);
							border-left: 10px solid var(--c3);
							left: 100%;
						}
						.website-screen-bottom .website-screen-start:after{
							width: 18px;
							height: 5px;
							background: var(--c1);
							transform: rotate(45deg) skew(-45deg);
							bottom: 7px;
							right: -10px;
						}
						.website-screen-bottom .website-screen-end:before{
							border: 10px solid transparent;
							border-bottom: 10px solid var(--c3);
							border-right: 10px solid var(--c3);
							right: 100%;
						}
						.website-screen-bottom .website-screen-end:after{
							width: 18px;
							height: 5px;
							background: var(--c1);
							transform: rotate(-45deg) skew(45deg);
							top: 7px;
							left: -10px;
						}
				/*start square animation area*/
				.website-squares{
					position: relative;
				}
				.website-squares-layer,
				.website-squares-layer-top,
				.website-squares-layer-bottom,
				.website-squares-layer-left,
				.website-squares-layer-right,
				.website-squares-layer-top-line,
				.website-squares-layer-right-line,
				.website-squares-layer-bottom-line,
				.website-squares-layer-left-line{
					position: absolute;
				}
				.website-squares{
					width: 100%;
					max-width: 400px;
					height: 100px;
					background: var(--_c2);
				}
					.website-squares-layer{
						width: 100%;
						height: 100%;
						inset: 0;
					}
						.website-squares-layer-top,
						.website-squares-layer-bottom{
							width: calc(100% - 10px);
							height: 2px;
							left: 5px;
						}
						.website-squares-layer-left,
						.website-squares-layer-right{
							width: 2px;
							height: calc(100% - 10px);
							top: 5px;
						}
						.website-squares-layer-top{
							top: 5px;
						}
							.website-squares-layer-top-line,
							.website-squares-layer-right-line,
							.website-squares-layer-bottom-line,
							.website-squares-layer-left-line{
								background: black;
							}
							.website-squares-layer-top-line{
								width: 0;
								height: 100%;
								animation: website-squares-layer-top-line 10s linear infinite;
							}
							@keyframes website-squares-layer-top-line{
								0%{
									right: 0;
								}
								12.5%{
									width: 100%;
									right: 0;
								}
								25%, 100%{
									width: 0;
									right: 100%;
								}
							}
						.website-squares-layer-bottom{
							bottom: 5px;
						}
							.website-squares-layer-bottom-line{
								width: 0;
								height: 100%;
								animation: website-squares-layer-bottom-line 10s linear infinite;
							}
							@keyframes website-squares-layer-bottom-line{
								0%, 50%{
									width: 0;
									left: 0;
								}
								62.5%{
									width: 100%;
									left: 0;
								}
								75%, 100%{
									width: 0;
									left: 100%;
								}
							}
						.website-squares-layer-left{
							left: 5px;
						}
							.website-squares-layer-left-line{
								width: 100%;
								height: 0;
								animation: website-squares-layer-left-line 10s linear infinite;
							}
							@keyframes website-squares-layer-left-line{
								0%, 25%{
									height: 0;
									top: 0;
								}
								37.5%{
									height: 100%;
									top: 0;
								}
								50%, 100%{
									height: 0;
									top: 100%;
								}
							}
						.website-squares-layer-right{
							right: 5px;
						}
							.website-squares-layer-right-line{
								width: 100%;
								height: 0;
								animation: website-squares-layer-right-line 10s linear infinite;
							}
							@keyframes website-squares-layer-right-line{
								0%, 75%{
									height: 0;
									bottom: 0;
								}
								87.5%{
									height: 100%;
									bottom: 0;
								}
								100%{
									height: 0;
									bottom: 100%;
								}
							}
					.website-squares-layer:nth-child(2){
						text-align: center;
						display: flex;
						justify-content: center;
						align-items: center;
					}
					.website-squares-layer:nth-child(2) *{
						font-size: 25px;
						margin: 0;
					}
				/*end square animation area*/
				/*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 banner stat1 area*/
				.website-stat1-layer,
				.website-stat1-layer-half,
				.website-stat1-layer-half-circle,
				.website-stat1-layer-half-circle-child,
				.website-stat1-layer-half-circle-child-nephew,
				.website-stat1-layer-half-circle-child-nephew-txt,
				.website-stat1-layer-half-info,
				.website-stat1-layer-half-info-letter{
					display: flex;
				}
				.website-stat1-layer:nth-child(1) .website-stat1-layer-half:nth-child(1),
				.website-stat1-layer-half-circle,
				.website-stat1-layer-half-circle-child,
				.website-stat1-layer-half-circle-child-nephew,
				.website-stat1-layer-half-info-letter{
					justify-content: center;
				}
				.website-stat1-layer:nth-child(1) .website-stat1-layer-half:nth-child(2),
				.website-stat1-layer-half-info{
					justify-content: space-between;
				}
				.website-stat1-layer:nth-child(1) .website-stat1-layer-half:nth-child(1),
				.website-stat1-layer-half-circle,
				.website-stat1-layer-half-circle-child,
				.website-stat1-layer-half-circle-child-nephew,
				.website-stat1-layer-half-info,
				.website-stat1-layer-half-info-letter{
					align-items: center;
				}
				.website-stat1-layer:nth-child(1) .website-stat1-layer-half:nth-child(2){
					flex-direction: column;
				}
				.website-stat1-layer-half-circle,
				.website-stat1-layer-half-circle-child,
				.website-stat1-layer-half-circle-child-nephew,
				.website-stat1-layer-half-info-letter{
					border-radius: 50%;
				}
				.website-stat1-layer-half-info,
				.website-stat1-layer-half-circle-child{
					box-shadow: inset 10px 0 5px rgba(0,0,0,0.4);
				}
				.website-stat1-layer-half-info-txt,
				.website-stat1-layer-half-circle-child-nephew-txt1,
				.website-stat1-layer-half-circle-child-nephew-txt2{
					text-overflow: ellipsis;
				}
				.website-stat1-layer-half,
				.website-stat1-layer-half-info-txt,
				.website-stat1-layer-half-circle-child-nephew-txt1,
				.website-stat1-layer-half-circle-child-nephew-txt2{
					overflow: hidden;
				}
				.website-stat1-layer-half-info-txt,
				.website-stat1-layer-half-circle-child-nephew-txt1,
				.website-stat1-layer-half-circle-child-nephew-txt2{
					font-size: 15px;
				}
				.website-stat1-layer-half-circle,
				.website-stat1-layer-half-circle-child-nephew,
				.website-stat1-layer-half-info-letter{
					box-sizing: border-box;
				}
				.website-stat1{
					width: 100%;
					min-width: 100px;
					background: #c4d5d9;
					overflow: auto;
					margin: auto;
				}
					.website-stat1-layer{
						width: 100%;
						height: 100%;
						padding: 10px;
						box-sizing: border-box;
						display: flex;
						align-items: center;
					}
						.website-stat1-layer-half{
							width: 50%;
							height: 100%;
						}
						.website-stat1-layer:nth-child(1) .website-stat1-layer-half:nth-child(1){}
							.website-stat1-layer-half-circle{
								width: 250px;
								height: 250px;
								border: 8px solid transparent;
								border-right-color: white;
								border-bottom-color: white;
								transform: rotate(-45deg);
							}
								.website-stat1-layer-half-circle-child{
									width: calc(100% - 25px);
									height: calc(100% - 25px);
									background: #adc8cd;
									transform: rotate(90deg);
								}
									.website-stat1-layer-half-circle-child-nephew,
									.website-stat1-layer-half-info-letter{
										border: 2px solid white;
										background: linear-gradient(100deg, #cdcfd1, #ffffff);
										box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
									}
									.website-stat1-layer-half-circle-child-nephew{
										width: calc(100% - 20px);
										height: calc(100% - 20px);
										transform: rotate(-45deg);
									}
										.website-stat1-layer-half-circle-child-nephew-txt{
											width: calc(100% - 4px - 10px);
											border: 2px solid #6e878b;
										}
											.website-stat1-layer-half-circle-child-nephew-txt1,
											.website-stat1-layer-half-circle-child-nephew-txt2{
												padding: 5px;
												text-align: center;
											}
											.website-stat1-layer-half-circle-child-nephew-txt1{
												width: calc(50px - 10px);
												color: #6e878b;
											}
											.website-stat1-layer-half-circle-child-nephew-txt2{
												width: calc(100% - 50px - 10px);
												color: white;
												background: #6e878b;
											}
						.website-stat1-layer:nth-child(1) .website-stat1-layer-half:nth-child(2){}
							.website-stat1-layer-half-info{
								width: calc(100% - 20px - 4px);
								height: 50px;
								padding: 10px;
								border: 2px solid #e9e9e6;
								border-radius: 35px;
							}
							.website-stat1-layer-half-info:nth-child(1){
								background: #8fd6e0;
							}
							.website-stat1-layer-half-info:nth-child(2){
								background: #1597bb;
							}
							.website-stat1-layer-half-info:nth-child(3){
								background: #11688c;
							}
							.website-stat1-layer-half-info:nth-child(4){
								background: #29537a;
							}
							.website-stat1-layer-half-info:nth-child(5){
								background: #29536a;
							}
							.website-stat1-layer-half-info:nth-child(6){
								background: #29535a;
							}
								.website-stat1-layer-half-info-letter{
									width: 50px;
									height: 50px;
									color: #71858b;
									font-weight: bold;
									font-size: 30px;
								}
								.website-stat1-layer-half-info-txt{
									width: calc(100% - 50px - 20px);
									height: 100%;
									color: var(--_c2);
								}
				@media screen and (max-width: 640px){
					.website-stat1-layer{
						display: block;
					}
						.website-stat1-layer-half{
							width: 100%;
							height: calc(100% / 2 - 5px);
						}
						.website-stat1-layer-half:first-of-type{
							margin-bottom: 10px;
						}
				}
				@media screen and (min-width: 1px) and (max-width: 319px){
					.website-stat1-layer-half-circle{
						width: 150px;
						height: 150px;
					}
				}
				/*end banner stat1*/
				/*start banner with section left*/
				.website-shadows{
					width: 100%;
					min-width: 100px;
					height: 200px;
				}
					.website-shadows-layer,
					.website-shadows-layer-last,
					.website-shadows-layer-last-inside,
					.website-shadows-layer-last-inside-square-area,
					.website-shadows-layer-last-inside-square,
					.website-shadows-layer-last-inside-txt{
						display: flex;
						justify-content: center;
						align-items: center;
					}
					.website-shadows-layer-last-inside-square-area,
					.website-shadows-layer-last-inside-square{
						position: relative;
					}
					.website-shadows-layer-last-inside-square-area:before,
					.website-shadows-layer-last-inside-square-area:after,
					.website-shadows-layer-last-inside-square:before,
					.website-shadows-layer-last-inside-square:after{
						content: "";
						position: absolute;
					}
					.website-shadows-layer{
						width: calc(100% - 2px);
						height: calc(100% - 2px);
						padding: 1px;
						background: rgba(0,0,0,0.01);
						animation: website-shadows-layer 1s infinite alternate;
					}
					@keyframes website-shadows-layer{
						to{
							background: rgba(0,0,0,0.05);
						}
					}
						.website-shadows-layer-last,
						.website-shadows-layer-last-inside{
							width: calc(100% - 20px);
							height: calc(100% - 20px);
							padding: 10px;
						}
						.website-shadows-layer-last{
							background: #000;
						}
							.website-shadows-layer-last-inside{
								background: #fff;
								box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
							}
								.website-shadows-layer-last-inside-square-area{
									width: 200px;
									height: 100%;
								}
								.website-shadows-layer-last-inside-square-area:before{
									border-top: 130px solid #000;
									border-right: 0 solid transparent;
									border-left: 10px solid transparent;
									border-bottom: 10px solid transparent;
									top: 0;
									left: 0;
								}
								.website-shadows-layer-last-inside-square-area:after{
									border-top: 10px solid transparent;
									border-right: 10px solid transparent;
									border-left: 0 solid transparent;
									border-bottom: 130px solid #000;
									bottom: 0;
									right: 0;
								}
									.website-shadows-layer-last-inside-square{
										width: calc(100% - 30px);
										height: calc(100% - 30px);
										background: #000;
										color: #fff;
										text-align: center;
									}
									.website-shadows-layer-last-inside-square:before{
										border-right: 170px solid #000;
										border-left: 0 solid transparent;
										border-bottom: 0px solid transparent;
										border-top: 5px solid transparent;
										top: -10px;
										right: 0;
									}
									.website-shadows-layer-last-inside-square:after{
										border-right: 0 solid transparent;
										border-left: 170px solid #000;
										border-bottom: 5px solid transparent;
										border-top: 0 solid transparent;
										left: 0;
										bottom: -10px;
									}
								.website-shadows-layer-last-inside-txt{
									width: calc(100% - 200px);
								}
								.website-shadows-layer-last-inside-txt > *{
									color: #000;
									overflow: hidden;
									text-overflow: ellipsis;
									white-space: nowrap;
								}
				/*end banner with section left*/
				ul{
					list-style: none;
				}
			footer{
				background: var(--_c3);
			}
			.copyright{
				text-align: center;
			}

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