/* Кнопка для открытия формы – зафиксирована внизу страницы */
.open-button {
  background-color: #006a8a;
  color: white;
  //border: 2px solid #000;
  border-radius:20px;
  border:none;
  font-weight: bold;
  height:10px;
  text-align:center;
  padding: 16px 20px;
  cursor: pointer;
  line-height: 0.8;
  opacity: 0.9;
  position: absolute;
  width: 120px;
}


/* Всплывающая форма – по умолчанию скрыта */
.form-popup {
  display:none;
  border: 1px solid #f1f1f1;
  z-index: 9999;
  padding:15px;

}
#myModal {
    width: 500px; 
	height:530px;
    //padding: 10px 10px 10px 10px;
    border-radius: 4px;
    background: #fafafa;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    margin: auto;
    display: none;
    opacity: 0;
    z-index: 38;
    text-align: center;
}
#myOverlay {
    z-index: 37;
    position: fixed;
    background: rgba(0,0,0,.7);
    width: 100%; height: 100%;
    top: 0; left: 0;
    cursor: pointer;
    display: none;
}


/* Стили контейнера формы */
.form-container {
  max-width: 530px;
  height:auto;
  //margin:10px;
  background-color: white;
}

.form-container h2 {
	//margin-top:10px;
	font-size:18px;
}

/* Поля ввода во всю ширину */
.form-container input[type=text], .form-container input[type=password] {
  width: 80%;
  padding: 5px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

/* Когда поля ввода получают фокус, кое что сделаем */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  width:80%;	
  background-color: #ddd;
  outline: none;
}
.form-container select {
	width:80%;
}
.form-container input[type=Email] {
  width: 80%;
  padding: 5px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}
.form-container input[type=Email]:focus {
  width:80%;	
  background-color: #ddd;
  outline: none;
}

/* Стили для кнопки входа */
.form-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 91%;
  top:50px;
  margin:1px;
  margin-bottom:10px;
  opacity: 0.8;
}
.form-container .btnN {
  background-color: #04AA6D;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 91%;
  top:50px;
  margin:1px;
  margin-bottom:10px;
  opacity: 0.8;
}
.btn_close {
	position:absolute;
	top:10px;
	left:490px;
	padding:5px;
	width:10px;
	line-height: 0.8;
	cursor: pointer;
	height:10px;
	border:none;
	background-color:#26547C;
	color:white;
	z-index:9999;
}



/* Добавим эффекты при наведении на кнопки */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}

.form-container h2 {
	margin:20px;
}

.btn {
	display:none;
}
#lbvid {
	
	margin-top:25px;
}
#vid {
	font-size:15px;
	margin-top:5px; 
}
#questLang { 

	display:none;
	margin-top:15px;	
}
#lang { 
	margin-left:auto;
	margin-right:auto;
	display:none;
	font-size:15px;
	margin-top:5px;
}
#ch2 {
	margin-left:20px;
}
#ch3 {
	margin-left:20px;
}
#lbkurs {
	display:none;
	margin-top:15px;
}
#kurs {
	margin-left:auto;
	margin-right:auto;
	display:none;
	font-size:15px;
	margin-top:5px;
}
#lbformat {
	display:none;
	margin-top:15px;
}
#format {
	margin-left:auto;
	margin-right:auto;
	display:none;
	font-size:15px;
	margin-top:5px;
}
#lbkol {
	display:none;
	margin-top:15px;
}
#kol {
	margin-left:auto;
	margin-right:auto;
	display:none;
	font-size:15px;
	margin-top:5px;
}
#lburoven {
	display:none;
	margin-top:15px;
}
#uroven {
	margin-left:auto;
	margin-right:auto;
	display:none;
	font-size:15px;
	margin-top:5px;
}
#lbtrening {
	display:none;
	margin-top:15px;
}
#trening {
	margin-left:auto;
	margin-right:auto;
	display:none;
	font-size:15px;
	margin-top:5px;
}
#lbproblem {
	display:none;
	margin-top:15px;
}
#problem {
	margin-left:auto;
	margin-right:auto;
	display:none;
	font-size:15px;
	margin-top:5px;
}
#lburoven_tr {
	display:none;
	margin-top:15px;
}
#uroven_tr {
	margin-left:auto;
	margin-right:auto;
	display:none;
	font-size:15px;
	margin-top:5px;
}
#lbkol_tr {
	display:none;
	margin-top:15px;
}
#kol_tr {
	margin-left:auto;
	margin-right:auto;
	display:none;
	font-size:15px;
	margin-top:5px;
}
#lbcity_tr {
	display:none;
	margin-top:15px;
}
#city_tr {
	margin-left:auto;
	margin-right:auto;
	display:none;
	font-size:15px;
	margin-top:5px;
}
#lbsimul {
	display:none;
	margin-top:15px;
}
#simul {
	margin-left:auto;
	margin-right:auto;
	display:none;
	font-size:15px;
	margin-top:5px;
}
#lburoven_sm {
	display:none;
	margin-top:15px;
}
#uroven_sm {
	margin-left:auto;
	margin-right:auto;
	display:none;
	font-size:15px;
	margin-top:5px;
}
#lbkol_sm {
	display:none;
	margin-top:15px;
}
#kol_sm {
	margin-left:auto;
	margin-right:auto;
	display:none;
	font-size:15px;
	margin-top:5px;
}
#lbcity_sm {
	display:none;
	margin-top:15px;
}
#city_sm {
	margin-left:auto;
	margin-right:auto;
	display:none;
	font-size:15px;
	margin-top:5px;
}
#lbname {
	display:none;
	margin-top:15px;
}
#name {
	margin-left:auto;
	margin-right:auto;
	display:none;
	font-size:15px;
	margin-top:5px;
}
#lbphone {
	display:none;
	margin-top:15px;
}
#phone {
	margin-left:auto;
	margin-right:auto;
	display:none;
	font-size:15px;
	margin-top:5px;
}
#lbemail{
	display:none;
	margin-top:15px;
}
#email {
	margin-left:auto;
	margin-right:auto;
	display:none;
	font-size:15px;
	margin-top:5px;
}