@import url('https://fonts.googleapis.com/css?family=Open+Sans');

header {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-image: url(header1.jpg);
}
#zagolovokReesr{
  background-color:#fff;
  text-align:center;
  padding-left:5px;
}
#update{
  background-color:#fff;
  padding-left:5px;
}
#randBlock{
  background-color:#fff;
  padding-left:0px;
}
.btnClose{
  background-color:white
}
.empty100 {display: block;height: 100px; background: transparent;}
.empty50 {display: block; height: 50px;  background: transparent;}
.empty30 {display: block; height: 30px;  background: transparent;}
.empty10 {display: block; height: 10px;  background: transparent;}
.empty5 {display: block; height: 5px;  background: transparent;}
div{
border-radius: 5px;
}
.displayNone{
  display: none;
}
.container {width:100%}
.h1{
  color:#fff; /*#ffbc40;*/
  font-size:100px;
  font-weight:bold;
  cursor:default;
  text-shadow: 1px 1px 2px blue, 0 0 20px orange;
  font-family: 'Open Sans', sans-serif;
}
.submitButton{
  background:#ffb02d;
  width:340px;
  border:none;
  color:#3523af;
  border-radius:10px;
  height:100px;
  line-height:80px;
  font-size:28px;
  text-transform: uppercase;
  cursor:pointer;
  font-family: 'Open Sans', sans-serif;
}
.submitButton:hover,.submitButton:focus{
  background:#3523af;
  color:#ffb02d;
  text-shadow: 0px 0px 2px orange;
  cursor:pointer;
}
input{
  width:340px;
  border:none;
  border-bottom: 2px solid #56b0ff;
  height:100px;
  font-size:28px;
  font-family: 'Open Sans', sans-serif;
}
input:hover,input:focus{
  border-bottom: 2px solid #3523af;
}
.zagolovok{
  color:#3523af;
  line-height:40px;
  font-size:40px;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif; 
}
.listReest{
  color:#3523af;
  font-size:30px;
  font-family: 'Open Sans', sans-serif;
}
.adresa{
  color:#3523af;
  font-size:25px;
  font-family: 'Open Sans', sans-serif;
}
.pravila{
  float:right;
  background:#fff;
  width:220px;
  border:none;
  color:#ccc;
  border-radius:6px;
  font-size:22px;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #ccc;
  font-family: 'Open Sans', sans-serif;
  outline: 0px auto -webkit-focus-ring-color;
}
.floatLeft {
  float:left;
}
.pravila:hover,.pravila:focus,.pravila:active{
  color:#aaa;
  text-shadow: 1px 1px 2px #000;
  cursor: pointer; 
  background:#fff; 
  border-color:#fff;
  outline: 0px auto -webkit-focus-ring-color;
}
.modal,.modal-footer button{
  font-size:28px;
  color:#3523af;
  font-family: 'Open Sans', sans-serif;
}
.modal-title{
  font-size:35px;
  text-align:center;
}
.modal-dialog{
  width:80%;
}
.close{
  font-size:35px;
}

.hrLine{
  border-top:1px solid #eee;
  box-shadow:0px 1px 1px #3523af,0px -1px 1px #ffb02d; 
}
.text-forum{
  width:80%;
  height:100px;
  line-height:50px;
  word-wrap: break-word;
  border:none;
  box-shadow: none;
  outline:none;
  border-bottom: 2px solid #56b0ff;
  font-size:28px;
  font-family: 'Open Sans', sans-serif;
}
.text-forum:hover,.text-forum:focus{
  border-bottom: 2px solid #3523af;
}
.iFrame{
  border:1px solid #aaa;
  height:400px;
  overflow-y: scroll;
  background:#fff;
}
.fonorange{
  background:#fff9ef;
  height:100%;
  float:left;
}
input.checkboxRes{
  width:50px;
  height:50px;
  margin:0px 0 0;
}
.plusMinusButton{
  width:50px;
  height:50px;
  font-weight:bold;
}
.plusMinusScore{
  padding: 0 15px 0 10px;
}
.resTableHead{
  border:solid 1px #3523af;
  line-height:80px;
  height:80px;
}
.displayNone{
  display:none;
}
.paddingLeftNull{
  padding:0 0;
  font-size:20px;
}

.ExtraBlockForMobileKeyboard{
  display:block;
  height: 10px;
  background: transparent;
}
@media screen and (max-width: 900px) {
.h1{ 
  font-size:80px;
 }
}
@media screen and (max-width: 750px) {
.h1{ 
  font-size:50px;
}
.modal-dialog{
  width:auto;
}
#update li,#update div{
  width:100%;
}
.resTableHead p{
  width:100%;
  line-height:5px;
  font-size:15px;
  top:6px;
}
}
@media screen and (max-width: 500px) {
.modal,.modal-footer button{
  font-size:22px;
}

}