:root {
	  --text:rgba(44,44,44,1);
	}
 
 
	 
	/* latin-ext */
	@font-face {
		font-family: "Roboto Mono";
		font-style: normal;
		font-weight: 400 700;
		font-display: swap;
		src: url("/assets/fonts/RobotoMono-LatinExt.woff2?V=23") format("woff2");
		unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF;
	}
	
	/* latin */
	@font-face {
		font-family: "Roboto Mono";
		font-style: normal;
		font-weight: 400 700;
		font-display: swap;
		src: url("/assets/fonts/RobotoMono-Latin.woff2?V=23") format("woff2");
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+20AC, U+2122;
	}

 
	@font-face {
	  font-display: swap;
	  font-family: 'Fellix';
	  font-style: normal;
	  font-weight: 100;
	  src: url('/assets/fonts/FellixMoos-Light.woff2?V=23') format('woff2');
	}
	
	@font-face {
	  font-display: swap;
	  font-family: 'Fellix';
	  font-style: normal;
	  font-weight: 200;
	  src: url('/assets/fonts/FellixMoos-Light.woff2') format('woff2');
	}
	
	@font-face {
	  font-display: swap;
	  font-family: 'Fellix';
	  font-style: normal;
	  font-weight: 300;
	  src: url('/assets/fonts/FellixMoos-Light.woff2?V=23') format('woff2');
	}
	
	@font-face {
	  font-display: swap;
	  font-family: 'Fellix';
	  font-style: normal;
	  font-weight: 400;
	  src: url('/assets/fonts/FellixMoos-Regular.woff2?V=23') format('woff2');
	}
	
	@font-face {
	  font-display: swap;
	  font-family: 'Fellix';
	  font-style: normal;
	  font-weight: 500;
	  src: url('/assets/fonts/FellixMoos-Medium.woff2?V=23') format('woff2');
	}
	
	@font-face {
	  font-display: swap;
	  font-family: 'Fellix';
	  font-style: normal;
	  font-weight: 600;
	  src: url('/assets/fonts/FellixMoos-SemiBold.woff2?V=23') format('woff2');
	}
	
	@font-face {
	  font-display: swap;
	  font-family: 'Fellix';
	  font-style: normal;
	  font-weight: 700;
	  src: url('/assets/fonts/FellixMoos-Bold.woff2?V=23') format('woff2');
	}
 
	 
	* {
		overflow-y: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	
	*::-webkit-scrollbar,
	*::-webkit-scrollbar {
		width: 0px;
		height: 0px;
		background: transparent;
	}
 
 
 
	h1, h2, h3, h4, h5, h6 {		margin: 0;	}
	
	* {	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color:rgba(0,0,0,0); }
	a, a:visited, a:hover, a:active {
		color:rgb(26,58,95);
		text-decoration: none;
	}
 
	
	
	textarea:focus, input:focus{outline: none;}
 

	.NoSelect {
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-khtml-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;
	}
 
 

	html,body {
		height:100%;
		min-width:360px;
	}
 

	body {
		margin: 0;
		min-height: 100vh;
		font-family: 'Fellix', Arial, sans-serif;
		font-weight: 400;
		font-size: 18px;	
		line-height: 1.5;
		color:#1f2a2c;
		background:#F3E7D7;
		overflow-x: hidden;
		position: relative;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		min-width:360px;
	}
	button,	input,	textarea,	select {
		font-family: inherit;
		font-weight: inherit;
		font-size: inherit;
	}
	
	
 
	.Centerer { 	
		width:760px;	
		margin:0 auto;   
	} 
	@media only screen and (max-width:760px) {
		.Centerer { 	
			width:calc(100%);  
			padding:0px 12px;
		}  
	}
	
	.Standart {
		float:left;
		width:100%;
		position:relative; 
	} 
	
	.StandartGap {
		float: left;
		width: 100%;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
 
		
	.Time_List {
		float:left;
		width:100%;
		border-radius:8px;
		border:1px solid #012e3d;
		background-color:rgba(255,255,255,1);
		margin-bottom:12px;
		padding:12px;
		position:relative;
		height:66px;
		overflow:hidden;
	}		
	
	.Time_Name {
		float:left;
		width:100%;
		font-size:24px;
		font-weight:500;
		line-height:24px !important;
		display: flex;
		overflow:visible;
		align-items: center;
		gap:8px;
	}	
	
	.Time_Name i {
		color:#012F3D
	}
	
	.Time_Name_Desc {
		float:left;
		width:100%;
		font-size:16px;
		font-weight:500;
	}	
	
	.Time_Value {
		position:absolute;
		right:12px;
		font-size:28px;
		font-weight:500;
		font-family: "Roboto Mono";
	}	
	
	.next_time {
		background-color:rgb(0,63,70);
		color:rgba(255,255,255,1);
		border:1px solid rgb(0,63,70);
	}
	
	.next_time .Time_Name i { 
		color:rgba(255,255,255,1);
		
	}
	
	
	
	
	
	.Next_Time_Info {
		width: 100%;
		margin: 0 0 18px 0;
		padding:12px;
		padding-top:17px;
		border-radius:8px;
		background: #003f46;
		color: #fff;
		box-sizing: border-box;
		text-align: right;
		margin-top:6px;
		position:relative;
		height:110px;
	}
	
	.Next_Time_Info img {
		position:absolute;
		left:8px;
		top:8px;
		height:94px;
		width:94px;
	}
	
	
	
	.Next_Time_Label {
		font-size: 16px;
		line-height:16px;
		opacity: 0.75;
		margin-bottom:8px;
	}
	
	.Next_Time_Name {
		font-size: 30px;
		line-height:30px;
		overflow:visible;
		font-weight: 700;
		margin-bottom:8px;
	}
	
	.Next_Time_Countdown {
		font-size: 16px;
		line-height:16px;
		font-weight: 600;
		color:rgba(255,255,102,1);
		font-family: "Roboto Mono";
	}
	
	.Time_List.Next_Time {
		background: rgba(212, 168, 79, 0.12);
		border-color: #d4a84f;
		
	}
	
	.Time_List.Past_Time {
		opacity: 0.55;
	}