#skate_container{
		background: rgb(235, 235, 235);
		font-family: Arial;
		/*position: fixed;*/
		left: 0;
		top: 0;
		margin: 0;		
		width: 100%;
		height: 100%;
		display: flex;
		//overflow: hidden;
	}

	#canvas_container{
		overflow: auto;
		/*position: absolute;*/
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	#skate_main_wrapper{
		width: 100%;
		height: 100%;
		display: flex;
		overflow: hidden;
	}


	/***************** mobile ******************************/
	@media screen and (max-width: 900px){
	/*@media (max-aspect-ratio: 70/50){*/
		#skate_container{
			flex-direction: column;
		}
		#skate_menu_desktop{
			display: none !important;
		}
		#transform_menu{
			display: none !important;
		}

		/********************************/
		#skate_menu_mobile{
			display: flex !important;
		}
		#zoom_in_button_m{
			display: block !important;
		}
		#close_button{
			display: none !important;
		}
	}


	/******************************************************/
		#skate_container ::-webkit-scrollbar{
		  width: 4px;
		  height: 4px;
		}

		#skate_container ::-webkit-scrollbar-track{
		  box-shadow: inset 0 0 5px white;
		  border-radius: 5px;
		}

		#skate_container ::-webkit-scrollbar-thumb{
		  background: rgba(120, 120, 120, 0.75);
		  border-radius: 5px;
		}


	#transform_menu{
		position: absolute;
	}

	/******************************************/
	#close_button{
		transform: rotate(45deg);
		cursor: pointer;
		font-size: 6vh;
		font-weight: 400;
		font-family: Times New Roman;
		color: #444;
		position: absolute;
		display: none;
	}

	/******************************************/
	#instruction_button{
		width: 10vh;
		height: 7vh;
		background-image: url(../images/skate/clarification.png);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		cursor: pointer;
		opacity: 0;
		transition: 2s;
	}


	/*********************************/
	.square_button{
		width: 45px;
		height: 45px;
		background-color: #444;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		transition: 0.35s;
		cursor: pointer;
	}
	.square_button:hover{
		background-color: #000;
	}
	.square_button:active{
		opacity: 1.0;
		background-color: #aaa;
	}

	.zoom_bar{
		width: 45px;
		height: 180px;
		border-top: 1px solid #777;
		border-bottom: 1px solid #777;
		background: linear-gradient(90deg, #444 0, #444 47%, #aaa 47%, #aaa 53%, #444 53%, #444 100%);
		position: relative;
	}

	.zoom_circle{
		width: 27px;
		height: 27px;
		border-radius: 100%;
		background: #fff;
		position: absolute;
		left: 9px;
		top: 70px;
		cursor: pointer;
	}


	/*********************************/
	.square_button_m{
		width: 7vh;
		height: 7vh;
		background-color: #444;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		//transition: 0.15s;
		position: absolute;
	}
	.square_button_m:hover{
		background-color: #000;
	}
	.square_button_m:active{
		opacity: 1.0;
		background-color: #aaa;
	}


	#zoom_bar_m{
		position: absolute;
	}

	#zoom_bar_scroll_m{
		width: 7vh;
		height: 40vh;
		border-top: 1px solid #777;
		border-bottom: 1px solid #777;
		background: linear-gradient(90deg, #444 0, #444 47%, #aaa 47%, #aaa 53%, #444 53%, #444 100%);
		position: relative;
	}

	#zoom_circle_m{
		width: 4vh;
		height: 4vh;
		border-radius: 100%;
		background: #fff;
		position: absolute;
		left: 1.5vh;
		cursor: pointer;
	}

	#zoom_in_button_m{
		position: absolute;
		display: none;
	}


	.skate_orientation_panel{
		width: 145px;
		height: 45px;
		background-color: #fff;
		position: absolute;
		left: 100%;
		top: 0;
		transform: translate(-100%);
		display: table;
	}

	.orientation_button{
		height: 100%;
		background-color: #444;
		transition: 0.35s;
		box-sizing: border-box;
		padding: 0 4px 0 12px;
		display: table-cell;
		font-size: 12px;
		font-weight: 600;
		color: #fff;
		line-height: 45px;
		cursor: pointer;
	}

	.size_button{
		height: 100%;
		background-color: #444;
		transition: 0.35s;
		box-sizing: border-box;
		padding: 0 4px;
		display: table-cell;
		font-size: 12px;
		font-weight: 600;
		color: #fff;
		line-height: 45px;
		cursor: pointer;
		text-align: center;
	}

		.button_bg{
			width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
			opacity: 0.75;
		}
		.button_bg:hover{
			opacity: 1.0;
		}

		.button_bg img{
			width: 25px;
			margin: 0 6px;
		}

		.img90{
			transform: rotate(90deg);
		}

		.disable_mode{
			background-color: #aaa;
			color: rgb(225, 225, 225);
		}
		.disable_mode:hover{
			color: #fff;
		}

		.skate_orientation_panel span{
			font-size: 12px;
			position: absolute;
			left: 0;
			top: 50px;
		}

		.refresh_img{
			background-image: url(../images/skate/skate.png);
		}


		.zoom_in_img{
			background-image: url(../images/skate/zoom_in.png);
		}
		
		.zoom_out_img{
			background-image: url(../images/skate/zoom_out.png);
		}

		.set_size_img{
			background-image: url(../images/skate/set_size_img.png);
		}


	#skate_menu_desktop{
		background: rgb(255, 255, 255);
		height: 100%;
		max-height: 100%;
		min-width: 350px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		position: relative;
	}

	.options_menu{
		background: rgb(255, 255, 255);
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		position: absolute;
		opacity: 1.0;
		transition: 0.15s;
	}

	.self_menu{
		background: rgb(255, 255, 255);
		width: 100%;
		padding: 0 0 20px 0;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center;
		opacity: 1.0;
		transition: 0.35s;
	}

		.options_image{
			width: 80%;
			height: 30%;
			min-height: 200px;
			border: none;			
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
		}
		
		.options_button{
			width: 92%;
			height: 4vh;
			margin: 1px;
			background: rgb(55, 55, 55);
			border: none;
			outline: none;
			font-size: 1.5vh;
			font-weight: 600;
			color: #fff;
			transition: 0.35s;
		}
		.options_button:hover{
			background: rgb(255, 55, 0);
		}


		.options_half_button{
			width: 74%;
			height: 4vh;
			margin: 1px;
			background: rgb(55, 55, 55);
			border: none;
			outline: none;
			font-size: 1.5vh;
			font-weight: 600;
			color: #fff;
			transition: 0.35s;
		}
		.options_half_button:hover{
			background: rgb(255, 55, 0);
		}


		.textfield{
			width: 92%;
			max-width: 92%;
			min-width: 92%;
			height: 80px;
			padding: 10px;
			box-sizing: border-box;
			margin: 20px 0;
			font-size: 16px;
			font-weight: 600;
			color: #000;
		}
	
	.hidden{
		opacity: 0;
		visibility: hidden;
		display: none;
	}

		.menu_white_bar{
			width: 100%;
			color: #444;
			padding: 18px;
			box-sizing: border-box;
			border-bottom: 0.3vh solid #eee;
			transition: 0.5s;
			font-size: 14px;
			font-weight: 800;
			color: #444;
		}

		.menu_black_bar{
			background: #444;
			width: 92%;
			color: #444;
			padding: 20px 20px;
			box-sizing: border-box;
			transition: 0.5s;
			font-size: 14px;
			font-weight: 600;
			color: #fff;
			display: flex;
			justify-content: space-between;
			margin-top: 1.5vh;
			cursor: pointer;
		}

		.menu_row{
			width: 100%;
			padding: 4%;
			box-sizing: border-box;
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
			transition: 0.5s;
		}

			.big_button{
				background: #fff;
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				width: 48%;
				min-height: 70px;
				border-radius: 5px;
				border: 1px solid #464646;
				transition: 0.5s;
				opacity: 0.75;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				cursor: pointer;
				padding: 12px;
				box-sizing: border-box;
			}
			.big_button:hover{
				border: 1px solid #333;
				opacity: 1.0;
			}

			.main_button{
				background: #00ABEF;
				width: 48.5%;
				height: 47px;
				transition: 0.35s;
				cursor: pointer;
				padding: 12px;
				box-sizing: border-box;
				color: #fff;
				border: none;
				outline: none;
				margin-top: 3.5%;
				cursor: pointer;
			}
			.main_button:hover{
				background: #0f5f7f;
			}
			
			.main_button_grey{
				background: #fff;
				width: 48.5%;
				height: 47px;
				transition: 0.35s;
				cursor: pointer;
				padding: 12px;
				box-sizing: border-box;
				border: 2px solid #d7d7d7;
				color: #777;
				outline: none;
				margin-top: 3.5%;
				cursor: pointer;
				
			}
			.main_button_grey:hover{
				border: 2px solid #777;
			}
			

			.big_buttons_icon{
				width: 40%;
			}
			
			/*#skate_container p{
				font-size: 12px;
				font-weight: 600;
				color: #444;
				margin: 2px;
				pointer-events: none;
				text-align: center;
			}*/

		.menu_select_bar{
			background: #fff;
			width: 92%;
			font-size: 16px;
			color: #444;
			padding: 6px 3.5%;
			box-sizing: border-box;
			transition: 0.5s;
			font-weight: 600;
			display: flex;
			align-items: center;
			//justify-content: space-between;
			border: 1px solid #777;
			border-radius: 5px;
			position: relative;
			cursor: pointer;
		}

		.skate_color_picker{
			background: rgb(235, 235, 235);
			width: 100%;
			min-height: 50px;
			position: absolute;
			left: -1px;
			top: 100%;
			border: 1px solid rgb(180, 180, 180);
			z-index: 100;
			display: none;
		}

		.color_schema{
			background: #fff;
			width: 100%;
			height: 226px;
		}

		.color_bar{
			width: 24px;
			height: 24px;
			border: 2px solid #777;
			border-radius: 3px;
			pointer-events: none;
			margin-right: 12px;
		}

		.color_picker{
			width: 5vh;
		}

		.reset_color_button{
			background: #fff;
			width: 94%;
			height: 40px;
			border: none;
			margin: 0 3.5% 3.5%;
			font-size: 12px;
			font-weight: 600;
			color: #777;
			outline: none;
			cursor: pointer;
		}

		/******************************************/
		.layers_list{
			background: #fff;
			width: 92%;
			//max-height: 40%;
			box-sizing: border-box;
			//transition: 0.3s;
			display: flex;
			flex-direction: column-reverse;
			align-items: center;
			justify-content: space-between;
			border: 1px solid #aaa;
			overflow: hidden auto;
			padding: 0px 0px;
		}


		.layer_row{
			width: 100%;
			padding: 16px;
			box-sizing: border-box;
			transition: 0.5s;
			font-size: 16px;
			font-weight: 600;
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 1px solid rgba(0, 0, 0, 0.075);
			margin: 0;
		}

		.layer_row .layer_icon{
			//background-image: url(../images/skate/picture.png);
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			width: 36px;
			height: 36px;
			opacity: 0.85;
		}

			.image_icon{
				background-image: url(../images/skate/picture.png);
			}

			.text_icon{
				background-image: url(../images/skate/text.png);
			}

		.layer_row p{
			width: 50%;
			max-width: 50%;
			font-size: 1.8vh;
			font-weight: 400;
			color: #777;
			text-align: left;
			overflow: hidden;
			margin: 0 10px 0 4px;
		}



		/******************************************/
		.select_row{
			width: 92%;
			display: flex;
			justify-content: space-between;
		}

		.select_row h5{
			font-size: 14px;
			font-weight: 700;
			color: #444;
			margin: 0 0 4px 0;
		}

		.select_row p{
			font-size: 14px;
			font-weight: 400;
		}

		.select_bar{
			height: 42px;
			background: #fff;
			font-size: 16px;
			color: #444;
			padding: 6px 3.5%;
			box-sizing: border-box;
			transition: 0.35s;
			font-weight: 600;
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 16px;
			border: 2px solid #ddd;
			margin-bottom: 18px;
			border-radius: 2px;
			position: relative;
			cursor: pointer;
		}
		.select_bar:hover{
			border: 2px solid #777;
		}

		.white_square{
			background: #fff;
			width: 42px;
			height: 42px;
			border: 2px solid #ddd;
			margin: 0 -1px 0 -1px;
			transition: 0.35s;
			font-family: Times New Roman;
			font-size: 26px;
			color: #000;
			display: flex;
			justify-content: center;
			align-items: center;
			cursor: pointer;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
		}
		.white_square:hover{
			background: #222;
			color: #fff;
			border: 2px solid #222;
		}
		.white_square:active{
			background: #fff;
			color: #000;
			border: 2px solid #ddd;
		}

		.black_square{
			background: #222;
			width: 42px;
			height: 42px;
			border: 2px solid #222;
			margin: 0 -1px 0 -1px;
			transition: 0.35s;
			font-family: Times New Roman;
			font-size: 26px;
			color: #fff;
			display: flex;
			justify-content: center;
			align-items: center;
			cursor: pointer;
		}
		.black_square:active{
			background: #fff;
			color: #000;
			border: 2px solid #ddd;
		}



		/******************************************/
		.text_square{
			background: #fff;
			width: 42px;
			height: 42px;
			border: 2px solid #ddd;
			margin: 0 -1px 0 -1px;
			transition: 0.35s;
			font-family: Times New Roman;
			font-size: 26px;
			color: #000;
			display: flex;
			justify-content: center;
			align-items: center;
			cursor: pointer;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
		}

		.text_left_black{
			background-image: url('../images/skate/text_left_black.png');
			border: 2px solid #444;
		}

		.text_center_black{
			background-image: url('../images/skate/text_center_black.png');
			border: 2px solid #444;
		}

		.text_right_black{
			background-image: url('../images/skate/text_right_black.png');
			border: 2px solid #444;
		}



		/******************************************/
		.text_left_white{
			background-image: url('../images/skate/text_left_white.png');
			border: 2px solid #ddd;
		}
		.text_left_white:hover{
			background-image: url('../images/skate/text_left_black.png');
			border: 2px solid #444;
		}

		.text_center_white{
			background-image: url('../images/skate/text_center_white.png');
			border: 2px solid #ddd;
		}
		.text_center_white:hover{
			background-image: url('../images/skate/text_center_black.png');
			border: 2px solid #444;
		}

		.text_right_white{
			background-image: url('../images/skate/text_right_white.png');
			border: 2px solid #ddd;
		}
		.text_right_white:hover{
			background-image: url('../images/skate/text_right_black.png');
			border: 2px solid #444;
		}



		/******************************************/
		.small_button{
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			width: 2vh;
			height: 2vh;
			opacity: 0.85;
			transition: 0.35s;
			margin: 0 2px;
		}
		.small_button:hover{
			opacity: 1.0;
		}


		.options_icon{
			background-image: url(../images/skate/options.png);
		}

		.arrow_up_icon{
			background-image: url(../images/skate/arrow_up.png);
		}

		.arrow_down_icon{
			background-image: url(../images/skate/arrow_down.png);
		}

		.arrow_up_white_icon{
			background-image: url(../images/skate/arrow_up_white.png);
		}

		.arrow_down_white_icon{
			background-image: url(../images/skate/arrow_down_white.png);
		}

		.delete_button_icon{
			background-image: url(../images/skate/delete.png);
		}



		/******************************************/
		.black_button{
			background: #222;
			width: 49.5%;
			height: 42px;
			border: 2px solid #222;
			margin: 0 -1px 0 -1px;
			transition: 0.35s;
			font-size: 16px;
			color: #fff;
			cursor: pointer;
		}
		.black_square:hover{

		}

		.grey_button{
			background: #fff;
			width: 49.5%;
			height: 42px;
			border: 2px solid #ddd;
			margin: 0 -1px 0 -1px;
			transition: 0.35s;
			font-size: 16px;
			color: #000;
			cursor: pointer;
		}
		.grey_button:hover{
			background: #ddd;
		}


	/******************************************/
	.main_transform_panel{
		background: #444;
		width: 100%;
		padding: 30px;
		box-sizing: border-box;
	}

		.main_transform_panel .row{
			width: 100%;
			display: flex;
			justify-content: space-between;
		}

		.main_transform_panel h5{
			font-size: 14px;
			font-weight: 700;
			color: #fff;
			margin: 0 0 4px 0;
		}

		.main_transform_panel button{
			background: #fff;
			width: 56px;
			height: 44px;
			border: 2px solid #ddd;
			margin: 0 -1px 0 -1px;
			transition: 0.35s;
			font-size: 24px;
			font-weight: 600;
			color: #444;
			display: flex;
			justify-content: center;
			align-items: center;
			cursor: pointer;
			outline: none;
		}
		.main_transform_panel button:hover{
			background: #ccc;
			border: 2px solid #ccc;
		}

		.tansform_block{
			background: #fff;
			width: 64px;
			height: 40px;
			border: 2px solid #ddd;
			margin: 0 -1px 0 -1px;
			display: flex;
			justify-content: center;
			align-items: center;
			cursor: pointer;
			font-size: 14px;
		}

		.main_transform_panel input{
			background: #fff;
			width: 50%;
			//height: 40px;
			border: none;
			font-size: 16px;
			color: #222;
			text-align: center;
			outline: none;
		}


	.complete_button{
		width: 92%;
		height: 47px;
		background: rgb(225, 25, 0);
		border: none;
		outline: none;
		font-size: 14px;
		font-weight: 600;
		color: #fff;
		position: absolute;
		top: 100%;
		transform: translate(0, -120%);
		transition: 0.35s;
	}
	.complete_button:hover{
		background: rgb(255, 55, 0);
	}


	.done_button{
		width: 88%;
		height: 47px;
		background: rgb(57, 192, 74);
		border: none;
		outline: none;
		font-size: 14px;
		font-weight: 600;
		color: #fff;
		transition: 0.35s;
		margin: 24px 0;
		cursor: pointer;
	}
	.done_button:hover{
		background: rgb(70, 200, 85);
	}


		/******************************************/
		.box_select_list{
			background: #fff;
			width: 100%;
			//height: 100%;
			max-height: 250px;
			min-height: 40px;
			//box-sizing: border-box;
			//display: flex;
			//justify-content: center;
			border: 1px solid #ddd;
			overflow: hidden auto;
			padding: 0px 0px;
			position: absolute;
			left: -1px;
			top: 40px;
			z-index: 10000;
		}

		.box_select_row{
			width: 100%;
			padding: 14px;
			box-sizing: border-box;
			font-size: 14px;
			font-weight: 600;
			display: flex;
			align-items: center;
			justify-content: center;
			border-bottom: 1px solid rgba(0, 0, 0, 0.075);
			margin: 0;
		}
		.box_select_row:hover{
			background: rgb(235, 235, 235);
		}


		.box_select_row img{
			height: 30px;
		}
		.select_bar img{
			height: 30px;
		}
		

	.skate_cover{
		background: rgba(0, 0, 0, 0.5);
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		border: none;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		z-index: 1000000;
		padding: 5%;
		box-sizing: border-box;
	}

		.skate_cover button{
			background: rgb(57, 180, 75);
			width: 100%;
			height: 10vh;
			//margin-top: 1vh;
			font-size: 3vh;
			color: #fff;
			border: none;
			cursor: pointer;
		}


	.message_win{
		background: rgba(255, 255, 255, 1.0);
		min-width: 35%;
		min-height: 20%;
		max-height: 70%;
		//box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.35);
		padding: 5%;
		overflow: hidden auto;
		position: relative;
	}

		.message_win h4{
			font-size: 3vh;
			text-align: left;
		}

		.safeLine h4:after{
			content: '';
			margin: 20px;
			padding-right: 40%;
			border-bottom: 3px dashed #39B54A;
		}

		.boardOutline h4:after{
			content: '';
			margin: 20px;
			padding-right: 40%;
			border-bottom: 3px solid #00ABEF;
		}

		.bleedLine h4:after{
			content: '';
			margin: 20px;
			padding-right: 40%;
			border-bottom: 3px solid #ed1c24;
		}

		.message_win p{
			font-size: 2vh;
			color: #555;
			text-align: left;
		}


	/***********************************************/
	.confirm_popup{
		background: #fff;
		padding: 4vw;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

		.confirm_popup h4{
			font-size: 2vw;
			text-align: center;
			color: #777;
			margin: 0;
		}

		.confirm_popup p{
			font-size: 1.5vw;
			color: #777;
			text-align: center;
			margin: 1vh;
		}

		.confirm_popup button{
			width: 14vw;
			height: 5vw;
			border: none;
			margin: 2vw 1vw 0 1vw;
			font-size: 1.5vw;
		}
		
		.confirm_popup .red{
			background: rgb(235, 30, 35);
		}
		.confirm_popup .red:hover{
			background: rgb(150, 12, 17);
		}


	/***********************************************/
	#skate_menu_mobile{
		background: #fff;
		width: 100%;
		height: 35%;
		//max-height: 350px;
		min-height: 30vh;
		display: none;
		flex-direction: column;
		position: relative;
	}

		.skate_menu_mobile_win{
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}

			.mobile_menu_header{
				background: #fff;
				font-size: 3.5vw;
				font-weight: 600;
				color: #000;
				width: 100%;
				height: 15%;
				box-sizing: border-box;
				padding: 10px;
			}

			.mobile_button_container{
				width: 100%;
				height: 55%;
				box-sizing: border-box;
				padding: 10px;
				background: #fff;
				display: flex;
				overflow-x: auto;
			}
			
				.mobile_button_box{
					height: 100%;
					background: #fff;
					display: flex;
				}
				
				textarea{
					width: 100%;
					font-size: 4vw;
					padding: 1vw;
					border: 1px solid #aaa;
				}

					.mobile_button_box .button{
						background: rgb(235, 235, 235);
						width: 30vw;
						height: 100%;
						margin-right: 2vw;
						border: none;
						outline: none;
						cursor: pointer;
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;
						font-size: 3.5vw;
						text-align: center;
					}
					
					.mobile_button_box .button img{
						height: 35%;
						margin-bottom: 5%;
					}

			.mobile_menu_footer{
				display: flex;
				width: 100%;
				height: 30%;
			}

					.mobile_menu_footer button{
						background: rgb(0, 170, 240);
						width: 50%;
						height: 100%;
						font-size: 3.5vw;
						font-weight: 400;
						color: #fff;
						border: none;
						outline: none;
						cursor: pointer;
					}

					.black{
						background: rgb(54, 54, 54) !important;
					}

					.green{
						background: rgb(57, 180, 75) !important;
					}

					.white{
						background: rgb(255, 255, 255) !important;
						color:  #000 !important;
						border: 1px solid #ddd  !important;
					}

					.white_grey{
						background: rgb(255, 255, 255) !important;
						color:  #000 !important;
						transition: 0.35s;
					}
					.white_grey:hover{
						background: rgb(200, 200, 200) !important;
						color:  #000 !important;
					}

					.grey{
						background: rgb(225, 225, 225) !important;
						color:  #000 !important;
						border: 1px solid rgb(225, 225, 225)  !important;
					}


		/******************************************/
		.layers_list_mobile{
			background: #fff;
			width: 100%;
			box-sizing: border-box;
			display: flex;
			flex-direction: column-reverse;
			align-items: center;
			justify-content: space-between;
			border: 1px solid #aaa;
			overflow: hidden auto;
			padding: 0px 0px;
		}
		
		.layers_list_mobile p{
			font-size: 3vw;
		}
		


		/******************************************/
		.scroll_bar_mobile{
			width: 100%;
			position: relative;
		}
		
			.scroll_bar_mobile .line{
				width: 90%;
				margin-left: 5%;
				height: 0.35vw;
				background: #ddd;
				top: 17vw;
				position: absolute;
			}

			.scroll_bar_mobile .track{
				width: 7vw;
				height: 19vw;
				position: absolute;
				top: 1.3vw;
				left: 0;
				display: flex;
				flex-direction: column;
				align-items: center;
				cursor: pointer;
				transform: translate(-50%);
			}

			.scroll_bar_mobile .value{
				width: 10vw;
				height: 10vw;
				border: 1px solid #555;
				font-size: 4vw;
				color: #777;
				text-align: center;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.scroll_bar_mobile .thumb{
				width: 7vw;
				height: 7vw;
				border-radius: 100%;
				background: #000;
				margin-top: 2vw;
			}


		/******************************************/
		.tstyle{
			font-size: 10vw;
			font-family: Times New Roman;
			display: flex;
			justify-content: center;
			align-items: center;
			cursor: pointer;
			width: 33%;
			margin: 0;
		}

		.tstyle_selected{
			color: rgb(0, 170, 240);
		}

#faq-button {
	position: absolute;
	cursor: pointer;
	top: 50px;
	font-weight: bold;
	color: #fff;
	background: rgb(57, 180, 75);
	padding: 10px;
	display: flex;
	align-items: center;
	border-radius: 0 4px 4px 0;
	opacity: 0;
	transition: 2s;
}

#faq-button .question-mark {
	padding: 3px 10px;
	margin-left: 5px;
	border-radius: 4px;
	background: #fff;
	color: rgb(57, 180, 75);
	position: relative;
}

#faq-button .question-mark:after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	left: 7px;
	border: 3px solid #fff;
	border-bottom-color: transparent;
	border-right-color: transparent;
}

.closing {
	font-size: 15px;
	color: #fff;
}