html, body{
	margin: 0;
	padding: 0;
  overflow-x: hidden;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

.space { 
	margin: 0px;
	padding:0px;
	/*box-sizing: border-box;*/
    background: #FFD700;
    
	margin-bottom:0px;
	justify-content: center;
    align-items: center;
	width: 99vw;
	
   }

.space.hide { 
    display: none;
   }
.hh1{
	padding: 0px;
    background: #D68F00;
    border: 0px solid #EEEEE1;
	
	position: sticky;
	top: 0;
	
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
	width: 300px;
    height: 50px;
	width: 90vw;
	padding: 0%;
	font-size: 32px;
	font-weight: bolder;
	color: white;
	text-align: center;
	background: rgb(201,201,201);
	background: rgb(244,196,16);
	background: -moz-linear-gradient(180deg, rgba(244,196,16,1) 16%, rgba(244,196,16,1) 35%, rgba(250,154,8,1) 68%, rgba(255,113,0,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(244,196,16,1) 16%, rgba(244,196,16,1) 35%, rgba(250,154,8,1) 68%, rgba(255,113,0,1) 100%);
	background: linear-gradient(180deg, rgba(244,196,16,1) 16%, rgba(244,196,16,1) 35%, rgba(250,154,8,1) 68%, rgba(255,113,0,1) 100%);

	
	text-align: center;
	font-family: 'Arial', 'Verdana', sans-serif;
	right: 10px;
	/*top: 20%;*/
 }
.buttonplus{
	padding: 0px;
    background: #D68F00;
    border: 0px solid #EEEEE1;
	
	position: sticky;
	top: 0;
	
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
	width: 100vw;
    height: 50px;
	
}

.inputplus{
	padding: 0px;
	background: #FFFFFF;
	border: 2px outset #FFF111;
	
	position: sticky;
	top: 0;
	font-size: 30px;
	
	display: flex;
	
	align-items: center;
	width: 100vw;
	height: 50px;
	
}
.inputplusm{
	padding: 0px;
	background: #FFFFFF;
	border: outset;
	
	position: sticky;
	top: 0;
	font-size: 18px;
	
	display: inline-block;
	
	align-items: center;
	width: 67.3vw;
	height: 50px;
	
}
.sumbitm {
	display: inline-block;
	height: 55px;
	width: 30vw;
	font-size: 18px;
	text-wrap: nowrap;
	overflow-x: hidden;
	margin:0;
}
.sds{
	padding: 0px;
    background: #FFD700;
    border: 0px solid #EEEEE1;
	position: sticky;
	top: 0;
	
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
	width: 300px;
    height: 50px;
	
}
.hhh{
	padding: 20px;
    background: #FFD700;
    border: 2px solid #EEEEE1;
	position: sticky;
	top: 0;
	width: 75vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    display: inline;
    height: 50px;
	
}
.bigg{
	 font-size: 99px;
}
.space { 
	margin: 0;
	padding:0;
	box-sizing: border-box;
	padding: 0px;
	background: #FFD700;
	border: 3px solid #FF8C00;
	margin-bottom:0px;
}

.space.hide { 
	display: none;
}

.buttonplus{
	padding: 0px;
	background: #D68F00;
	border: 0px solid #EEEEE1;
	position: sticky;
	top: 0;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: 50px;
}
.sds{
	padding: 0px;
	background: #FFD700;
	border: 0px solid #EEEEE1;
	position: sticky;
	top: 0;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 300px;
	height: 50px;
}
.hhh{
	padding: 20px;
	background: #FFD700;
	border: 2px solid #EEEEE1;
	position: sticky;
	top: 0;
	width: 75vw;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	display: inline;
	height: 50px;
}
.bigg{
font-size: 99px;
}
h1{
	background-color: white;
	font-family: 'Arial', 'Verdana', sans-serif;
}
button{
	font-family: 'Arial', 'Verdana', sans-serif;
	font-size: 30px;
	width: 45vw;
	margin: 10px;
	margin-top: 0px;
	height: 50px;
	overflow-x: hidden;
}
.reloadimg {
	margin: 00px;
	width: 32px;
}
.fll {
	float: left;
	font-size: 12px;
	top: 10%;
	left: 10%;
}

a {
	border: 0;
}
.popup {
 position: fixed;
 display: block;
 margin: 0;
 padding: 0;
 right: -200vw;
}
.menu-toggle{
	display: none;
}
.menu-toggle:checked ~ .popup {
	display: none;
}
.ramk{
	border: 0px solid #EEEEE1;
	padding: 0px; 
    background: #D68F00; 
    border: 1px solid #000000;
	position: fixed;
	top: 0;
	border: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
	width: 110%;
    width: 110vw;
    height: 50px;
	background: rgb(201,201,201);
	background: rgb(244,196,16);
	background: -moz-linear-gradient(180deg, rgba(244,196,16,1) 16%, rgba(244,196,16,1) 35%, rgba(250,154,8,1) 68%, rgba(255,113,0,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(244,196,16,1) 16%, rgba(244,196,16,1) 35%, rgba(250,154,8,1) 68%, rgba(255,113,0,1) 100%);
	background: linear-gradient(180deg, rgba(244,196,16,1) 16%, rgba(244,196,16,1) 35%, rgba(250,154,8,1) 68%, rgba(255,113,0,1) 100%);
	padding: 0px;
}
.inputmss{
	border: 0px solid #EEEEE1;
	padding: 0px;
    background: #D68F00;
    border: 1px solid #000000;
	position: fixed;
	bottom: 0;
	border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
	width: 100vw;
	background: rgb(201,201,201);
	background: rgb(244,196,16);
	background: -moz-linear-gradient(180deg, rgba(244,196,16,1) 16%, rgba(244,196,16,1) 35%, rgba(250,154,8,1) 68%, rgba(255,113,0,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(244,196,16,1) 16%, rgba(244,196,16,1) 35%, rgba(250,154,8,1) 68%, rgba(255,113,0,1) 100%);
	background: linear-gradient(180deg, rgba(244,196,16,1) 16%, rgba(244,196,16,1) 35%, rgba(250,154,8,1) 68%, rgba(255,113,0,1) 100%);
	padding: 0px;
}

.hh2 {
	width: 50px;
	font-size: 43px;
	padding: 0%;
	height: 43px;
	font-weight: bolder;
	color: white;
	text-align: center;
	#background: rgb(245, 131, 32);
	
	text-align: center;
	font-family: 'Arial', 'Verdana', sans-serif;
	right: 10px;
	/*top: 20%;*/
	display: inline-block;
 }


div.space{
 border: 0px;
 margin: 1px;
 padding: 5px;
 
 border-color: gray;
border-color: #eeeeee;
border: 1px solid #b0b0b0;
}

 img.fll{
   /*position: absolute;*/
   vertical-align: middle;
}

button.buttonn{
	font-size: 32px;
	font-size: 32px;
	background: linear-gradient(#FFFFFF, #BFBFBF) #E38916;
	font-style: oblique;
	border: 1px solid #000000;
	width: 64vw;
	@media (min-width: 600px) {
	width: 65vw;}
	@media (min-width: 900px) {
	width: 50vw;}
}
input.buttonn{
	font-size: 32px;
	font-size: 32px;
	background: #BFBFBF #E38916;
	font-style: oblique;
	border: 1px solid #000000;
	width: 64vw;
	@media (min-width: 600px) {
	width: 65vw;}
	@media (min-width: 900px) {
	width: 50vw;}
}
.input2{
	font-size: 55px;
	font-size: 32px;
	background: #FFFFFF;
	font-style: oblique;
	border: 1px solid #000000;
	@media (min-width: 600px) {
	width: 65vw;}
	@media (min-width: 900px) {
	width: 50vw;}
}
.buttonn:hover { 
	background: linear-gradient(#BFBFBF, #FFFFFF) #f5ae00; 
}
.space2 { 
    background: #E5D3BD;
    border: 2px solid #E81E25;
	background: #1E90FF;
	border: 7px solid #09376d; 
	border-style: outset;
	@media (max-width: 600px) {
	width: 100vw;}
	@media (min-width: 600px) {
	width: 75vw;}
	@media (min-width: 900px) {
	width: 60vw;}
	
	font-style: oblique;
	justify-content: center;
	color: white;
	min-height: calc( 100vh - 60px);
	text-align: center;
	align-items: center;
	margin: auto;
	padding: 2px;
	border: 2px solid #4e4e4e;
}
h1 {
	font-weight: bolder;
	color: white;
	text-align: center;
	#background: #20B2AA;
	font-size: 5vh;
	text-align: center;
	
	right: 10px;
	top: 20%;
	

}

#qwe {
	transform:scale(3.0);
	opacity:0.9;
	cursor:pointer;
	}
	/*эли работает то не трогать!*/

/*
@media print and (min-resolution: 600dpi){) {
	a {font-size: 12px;}
}
@media print and (min-resolution: 10dpi){) {
	a {font-size: 24px;}
}

@media screen and (max-device-width: 480px) {
	a {font-size: 12vw;}
}
@media (max-width: 480px) {
	a {font-size: 12px;}
}
@media (min-width: 480px) {
	a {font-size: 3vw;}
}
*/

.header {
	position: relative;
	text-align:center;
	min-height: 60px;
	background: blue;
	display: flex;
	align-items: center;
	justify-content: center;
}
.block {
	min-height: calc( 100vh - 60px);
	display: flex;
	align-items: center;
	justify-content: center;
}

div.beginstrip {
	display: inline-block;
	white-space: nowrap;
}

.sumbitbut {
	width: 70vw;

}
.message {
	background: #FFD700;
	border: 3px solid #FF8C00;
}
.messagebox {
        clear: both;
    }
.messageyou {
	background: #FFD700;
	padding: 5px;
	margin: 5px;
	border: 1px solid #FF8C00;
	width: 50vw;
	word-wrap: break-word;
	float:right;
}
.messageyouh {
	background: #FFFFFF;
	padding: 0px;
	margin: 75px;
	border: 0px solid #FF8C00;
	width: 50vw;
	word-wrap: break-word;
	float:right;
}
.messagehis {
	background: #FFD700;
	padding: 5px;
	margin: 5px;
	border: 1px solid #FF8C00;
	width: 50vw;
	word-wrap: break-word;
	float:left;
}
.messagebox {
	clear: both;
	margin-bottom: 100px;
	display: block;
}