body {
    margin: 0; /* ”бираем отступы */
	background: #000;
   }
   
body, div, td { font:normal 14px Arial; line-height:1.5; color:#fff; text-decoration: none; }
body, div, td a { color:#fff; text-decoration: underline; text-decoration-style: dashed; }
body, div, td a:hover { text-decoration: none; }

p { font:normal 14px Arial; line-height:1.5; color:#fff; text-decoration: none; }
p.cont { font:normal 20px Arial; margin:5px 0px 0px 0px; color:#fff; text-decoration: none; }
p.contt { font:normal 16px Arial; margin:5px 0px 0px 0px; color:#fff; text-decoration: none; }
p.cont2 { font:normal 18px Arial; margin:5px 35px 5px 0px; color:#fff;  text-decoration: none; }
p a { color:#fff; text-decoration: underline; text-decoration-style: dashed; }
p.logo { margin:0px 0px 0px 0px; padding: 0px; }
p a:hover { text-decoration: none; }

td {color:#fff; ont:normal 14px Arial; color:#fff;} 
td.menu {color:#fff; font:normal 21px Arial; text-align: center; } 
td.menu a { padding:5px; text-decoration: none; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
td.menu a:hover { padding:5px;  background:#777; }
.select { margin:20px; } 
.icon-wrap { width:100px; height: 100px; display: table-cell; vertical-align: middle; }
.icon-wrap2 { width:150px; height: 100px; font:normal 14px Arial; display: table-cell; vertical-align: middle; }

h2 { display: inline-block; padding:7px; background:#777; font-weight:bold; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
h4 { line-height:1.0; margin: 0px; }

font.phone {color:#fff; font:normal 18pt Arial;}
font.phonelink {color:#fff; text-decoration: underline; text-decoration-style: dashed;}

.cover {
  
  position:absolute;
     top:0;
     left:0; 
     width:100%;
}

.contaner {
	width: 250px;
	background: #777;
	padding: 15px;
	font:normal 18pt Arial;
	text-align: center;
	-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
}

.contaner:hover {background: #888;}

.background{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

#background{
	width: 100%;
    background: url(fon.png) no-repeat 100% 0;
}


.b1{
  border:1px solid #D3D3D3;
  border-radius:6px;
  box-sizing:border-box;
  font-family:inherit;
  font-size:11px;
  padding:10px 8px;
color:#7C7C7C;
}
.b2{
 
  box-sizing:border-box;
  margin-left: 190px;
    font-family:inherit;
  margin-top: -15px;
  color:#7C7C7C;
}
 .b3{
  border:1px solid #D3D3D3;
  border-radius:6px;
  box-sizing:border-box;
  font-family:inherit;
  font-size:15px;
  padding:10px 8px;
  background-color: #24B419;
  color: white;
width: 220px;
}
 
.b4 {
  border:1px solid #D3D3D3;
  border-radius:6px;
  box-sizing:border-box;
  font-family:inherit;
  font-size:15px;
  padding: 10px 10px 10px 10px ;
color:#7C7C7C;
width: 220px;
height: 100px;
}
 
 
#mail {visibility: hidden;}
#mail:checked ~ #popup form {visibility: visible;}
#mail:checked + label {
  position: fixed;
  top: 0; left: 0; bottom: 0; right: 0;
  z-index: 99;
  background: #333333;
  cursor: pointer;
  opacity: 0.5;
}

#popup {
  visibility: hidden;
  position: fixed;
  top: 0; left: 0; bottom: 0; right: 0;
  z-index: 100;
}
#popup form {
font-family: "Lucida Grande", Tahoma; 
font-size: 11px;
  position: absolute;
  top: 50%; left: 50%;
 -ms-transform: translate(-50%, -50%); -webkit-transform: 
translate(-50%, -50%); transform: translate(-50%, -50%);
text-align: center;
  font-size: 16px;
  color:#3b5998;
  background: #fff;
  border-radius: 10px;
  width: 280px;
  padding: 10px 10px 10px 10px ;
}
#popup div:nth-of-type(1) {padding-top: 3%;}
#popup div:nth-last-of-type(1) {padding: 1% 0 4%;}
#popup div:after {
  content: attr(data-title);
  display: block;
  font-size: 50%;
  font-weight: normal;
  text-shadow: none;
}
#popup input {font-size: 100%;}
#popup [type='submit'] {cursor: pointer;}
#popup label:hover {
  color: #dbeaf9;
  cursor: pointer;
}



#maill {visibility: hidden;}
#maill:checked ~ #popupl form {visibility: visible;}
#maill:checked + label {
  position: fixed;
  top: 0; left: 0; bottom: 0; right: 0;
  z-index: 99;
  background: #333333;
  cursor: pointer;
  opacity: 0.5;
}

#popupl {
  visibility: hidden;
  position: fixed;
  top: 0; left: 0; bottom: 0; right: 0;
  z-index: 100;
}
#popupl form {
font-family: "Lucida Grande", Tahoma; 
font-size: 11px;
  position: absolute;
  top: 50%; left: 50%;
 -ms-transform: translate(-50%, -50%); -webkit-transform: 
translate(-50%, -50%); transform: translate(-50%, -50%);
text-align: center;
  font-size: 16px;
  color:#3b5998;
  background: #fff;
  border-radius: 10px;
  width: 280px;
  padding: 10px 10px 10px 10px ;
}
#popupl div:nth-of-type(1) {padding-top: 3%;}
#popupl div:nth-last-of-type(1) {padding: 1% 0 4%;}
#popupl div:after {
  content: attr(data-title);
  display: block;
  font-size: 50%;
  font-weight: normal;
  text-shadow: none;
}
#popupl input {font-size: 100%;}
#popupl [type='submit'] {cursor: pointer;}
#popupl label:hover {
  color: #dbeaf9;
  cursor: pointer;
}