/* Font variants: Open Sans */

/* MOBILE first... */


@font-face {
	font-family: CM;
	/* src: url('fonts/comfortaa-variablefont_wght.ttf'); */
	src: url('/fonts/comfortaa.ttf'); /* local */
	/* font-weight: 700; */
	/* font-style: italic; */
}

@font-face {
	font-family: TTb;
	src: url('fonts/titilliumweb-bold.ttf');
	/* font-weight: 700; */
	/* font-style: italic; */
}

@font-face {
	font-family: TT;
	src: url('fonts/titilliumweb-regular.ttf');
	/* font-weight: 700; */
	/* font-style: italic; */
}

body,a,div,button,input,p,td,span {
	font:14pt  Verdana, Tahoma, Arial;
	letter-spacing:0.5px;
	/* line-height:80%; */
	padding:0px;
	margin:0px;
	  /* background-color: #100F0F;  */
  color:white; c:#ececec;

	}

input,button {
	background-color:transparent;
	border-radius:5px;
	padding:5px;
	margin:10px
	}

td.palne {text-align:right;border-:1px solid white;padding:0px;margin:0px} 

.palne p {
	/* display:block; */
	/* width:auto; */
		text-decoration:none;
		/* align:right; */
		font-size:14pt;
		color:yellow;
		padding: 6px 10px;
		margin: 0.2em 0.5em;
		text-align: right;
		display: inline-block;
		/* background-color:gray; */
		/* border: 1px solid silver; */
		border-radius: 7px;
		box-shadow: 2px 3px 10px red;
  /* background-image: linear-gradient(90deg, rgba(119,0,255,1) 29%, rgba(0,212,255,1) 100%); */
  background-image: linear-gradient(200deg, rgba(0,0,0,1) 70%, rgba(0,212,255,1) 100%);
  }
  
a {color:#ff8000;c:orange;text-decoration:none}
a:hover {
	color:#ff5050;
	/* background-image: linear-gradient(180deg, rgba(0,0,0,1) 30%, rgba(0,212,255,1) 100%); */
	}

/* .tr td, .htr td {letter-spacing:3px} */


.st {
	width:4vh;
	height:4vh;
	right: -50px;
	/* padding:auto; */
	/* border:1px solid gray; */
	position: fixed;
	/* top: 90vh; */
	border-radius: 2vh;
	box-shadow: 2px 3px 20px silver;
	text-align:center;
	vertical-align:middle;
	/* background-color:rgba(0,212,255,0.1); */
	  /* background-image: linear-gradient(200deg, rgba(0,0,0,1) 70%, rgba(0,212,255,1) 100%); */

	}

.st1  {
top: 50vh;
	box-shadow: 5px 3px 15px 1px yellow;
}
.st2  {
	top: 58vh;
	/* filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3)); */
	box-shadow: 0px 0px 20px 5px #ff8000;
}

.st3  {
	top: 66vh;
	box-shadow:5px 3px 15px 1px #40ff00; /*green*/
}

.htr td {font-size:11pt;color:lightblue;text-align:center}

.tr td:nth-last-of-type(-n+3) {
  /* background: brown;  */
  /* f:временно отключил; */
  letter-spacing:3px;
  /* border-bottom:1px solid #3C4048; */
  padding: 8px;
  text-align:center;
  font-weight:bold;
  border-radius: 5px;

  background-color:rgba(20, 37, 39, 0.5); k:#141E27;
}

.tr td:nth-of-type(4){
	
	font-size:8pt;
}

.logo {
	/* position:relative; */
	text-align:left;
	margin-left:10px;
	display:inline-block;
color:#e6e5e2;k:#f6b936;h:#ff8000;
/* font-weight:bold; */
font-size:17pt;
	filter: drop-shadow(5px 8px 8px #ff8000);
  vertical-align:top;

}

.geo{
		display:inline-block;
		font-size:10pt;
}

.header {font-size:20pt;font-weight:bold;color:orange}

#up {display:none}

.inn{
	padding:30px 30px 30px 25px;
	line-height:160%;
	}
	
.hint1 {
		padding: 10px 45px 10px 15px;
		background-color:rgba(205, 205, 205, 0.2); k:#141E27;
		font-size:11pt;
		font-family:Arial, Verdana;letter-spacing:1px;
		text-align:justify;
		line-height:140%;
		border-radius:7px;
		border:1px solid gray;
		
}

.opt-page div {
  padding:15px 15px 10px 15px;
  margin-top:10px;
  border:1px solid gray;
	
}

#dozvil {
		/* position: fixed; */
		/* bottom:0px; */
		font-size:12pt;
		margin:3px 5px 3px 5px;
		padding:10px 5px 0px 5px;
		color:silver;
}

#zag {
	margin:20px 0px 10px 0px;
}


#tak {
		cursor:pointer;
		margin: auto;
		margin-top:15px;
		/* display:float;float:center; */
		width:fit-content;
		color:#ff8000;
		padding:7px 15px 7px 15px;
		font-size:14pt;
		font-weight:bold;
		border-radius: 10px;
		/* border:1px solid gray; */
		box-shadow: 1px 1px 5px #ff8000;
}

#tak:hover
{
		box-shadow: 2px 2px 7px #ff8000;
}

#tak:disabled {opacity:0.4;cursor:not-allowed}	


#zgoda {display:none;padding-top:15px;text-align:center};

table {
  /* background-color:gray; */
  border-spacing: 9px;
margin-left:auto; 
    margin-right:auto;
	/* border:1px solid green; */
	}

#info  {
	/* border:1px solid silver; */
	/* width:97%; */
	font-size:14pt;
	text-align:center;
}

#info table {
margin:auto;
border-spacing:5px;
/* border:1px solid yellow; */
}
/* .one {  background-color: rgba(2, 121, 139, .9);} */


/* ============================== */

@media screen and (min-width: 576px) {
	* {font:1.1em  CM, Verdana, Roboto;}
	body {   background-color: lightgreen; color:#100F0F }
	.tr td {color:green;font-size:17pt}
	
#paper-menu {
  /* font-size:18pt; */
}

}/* end media 576px */


@media screen and (min-width: 768px) {
  body {   background-color: yellow;  }
.tr td {color:green;font-size:18pt}

#up {display:block}
#paper-menu {
  font-size:17pt;
}

}

@media screen and (min-width: 1200px) {
  body {   background-color:white  }
  /* .tr td {font:12pt Verdana} */
#paper-menu {
  font-size:16pt;
}

}