@import url(https://fonts.googleapis.com/css?family=Play:400,700&subset=latin,cyrillic);
body {
    background-color: #2196f3;
    font-family: 'Play', sans-serif;
    
    
}
.table1 {
	
    border-spacing: 0; /* Расстояние между ячейками */
      padding: 0.2em 0;
	  width: 90%;
   }
  th {
background: #f0f0f0;

  }	  
   tr:nth-child(2n) {
    background: #f0f0f0; /* Цвет фона */
   } 
   tr:nth-child(1) {
    background: #fff; /* Цвет фона */
    color: #000; /* Цвет текста */
}



#wrap {
	width:1000px;
    margin: auto auto;
    background-color: #e74c3c;
	border-radius:10px;
	border: 3px #fff solid;
}
#vip {
    width:1000px;
    margin: auto auto;
    background-color: #1e6b9d;
	border-radius:10px;
	border: 3px #fff solid;
}

#premium {
    width:1000px;
    margin: auto auto;
    background-color: #607d8b;
	border-radius:10px;
	border: 3px #fff solid;
}

#standart {
    width:1000px;
    margin: auto auto;
    background-color: #ffffff;
	border-radius:10px;
	border: 3px #1e6b9d solid;
	
}

.sag {
    color:#ffffff;
    font-weight: 700;
    font-size: 30px;
    padding: 10px 0 5px 0;
    text-align: center;
}

.sag2 {
    color:#000;
    font-weight: 700;
    font-size: 25px;
    padding: 3px 0 1px 0;
    text-align: center;
}
.sag3 {
    color:#000;
    font-weight: 700;
    font-size: 18px;
    padding: 10px 5px 1px 25px;
    text-align: left;
}
.popsag {
    color:#00000;
    font-weight: 700;
    font-size: 30px;
    padding: 10px 0 5px 0;
    text-align: center;
}
p {
    color:#000000;
    padding: 0 0 10px 25px;
}
img {
max-width: 100%;	
}
.logo {
    margin: auto auto 10px auto;
    width: 100%;
    font-size: 40px;
    font-weight: 700;
    color:#ffeb3c;
    text-align: center;
}
.deskription {
    text-align: center;
    font-size:18px;
    color:#fff;
    margin-bottom: 30px;
}
.zag {
    color:#fff;
    padding: 15px 15px 5px 15px;
}
nav {
  display: block;
  position: relative;
}
nav:after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
}
.popap_top.active{
	top: 40px !important;
	left: 15px !important;
	
	}
a {
  text-decoration: none;
  display: block;
  color: #fff;
  font-size: 20px;
  transition: 0.5s ease-in-out;
}
a:hover {
  color: #fff;
  font-weight: 400;
}

#leftcol { /* Левая колонка */
  float: left; /* Обтекание справа */
  width: 50%; /* Ширина колонки */
  margin-left: 10px;
  margin-top: 10px;
}
#rightcol { /* Правая колонка */
  margin-left: 50%; /* Отступ слева */
  margin-top: 10px;

}
.button {
font-weight: 700;
color: white;
text-decoration: none;
padding: 6px 10px 6px 15px;
background: #1e6b9d;
transition: 0.2s;
} 
.button:hover { background: red; }

a.button {
font-weight: 700;
color: white;
text-decoration: none;
padding: 13px 10px 12px 15px;
background: #1e6b9d;
transition: 0.2s;
width: 25%;
} 
a.button:hover { background: red; }



.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
	width: 70%;
}
.footer {
    text-align: center;
    font-size:14px;
}

.text {
	color: #333333;
	text-align: center;
	margin: 10px;
}


.min {
	text-align: center;
	margin: 5px;
}

.kldob{text-decoration:none;text-align:center;border:solid 1px #0e0f0f;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;font:14px Arial, Helvetica, sans-serif;font-weight:700;cursor:pointer;color:#4f4848;background:#fff;-webkit-box-shadow:0 0 2px #bababa, inset 0 0 1px #fff;-moz-box-shadow:0 0 2px #bababa, inset 0 0 1px #fff;box-shadow:0 0 2px #bababa, inset 0 0 1px #fff;padding:3px 5px}



 
.mybtn {
background: none repeat scroll 0 0 #2980B9;
color: #FFFFFE;
cursor: pointer;
font: 14px/50px Arial,sans-serif;
height: 60px;
text-align: center;
text-decoration: none;
width: 300px;
border:0;
}

.mybtn:hover {
background: #1e6b9d;
}

 	.modalDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: none;
		pointer-events: none;
	}

	.modalDialog:target {
		display: block;
		pointer-events: auto;
	}

	.modalDialog > div {
		width: 700px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}

	.close {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { background: #00d9ff; }
a.btn_menu{
display: initial;
font-weight: 700;
color: white;
text-decoration: none;
padding: 10px 22px 10px 22px;
font-size: 13px;
margin: 3px 0px 3px 0px;
background: #1e6b9d;	
}

a.btn_menu:hover { background: red; }	
#timerbut {
	float:right;
    text-align:right;

    background: #000;
color: #fff;


}	

@media (max-width: 1060px) {
 #rightcol {
	 width: 100%;
    margin-left: 0%;
	text-align: center;
} 
 #leftcol {
    width: 100%;
	margin-left: 0%;
	text-align: center;

} 
.table1 {
	  width: 98%;
   }
#vip {
width: 100%;
}	
#standart {
width: 100%;
}	
#premium {
width: 100%;
}	
}