body
{
color:#777777;
background-color:#000000;
font-family:arial;
background-image:url(/images/fon.png);
background-attachment: fixed;
}
.headbanner
{
width:52%;
height:270px;
background-image:url("/img/logo.png"), url("/img/top.jpg");
background-repeat:no-repeat;
background-size:170px 161px, 100% 100%;
background-position:20px 50px, 0 0;
}
.doamn
{
color:#F00;
font-size:20pt;
position:absolute;
margin-left:250px;
font-weight:bold;
text-shadow:2px 2px #555;
border:1px solid #FFF;
display:none;
}
.lefthead
{
position:relative;
margin-left:10px;
margin-top: unset ;
float:right;
text-shadow:0px 1px #888;
color:#158140;
font-size:10pt;
top:250px;
}
.pagosn
{
width:52%;
margin-top:20px;
}
.leftmenu
{
 float:left;
vertical-align:top;
padding-top:10px;
padding-left:5px;
width:15%;
}
.topmobilemenu
{
display:none;
width:100%;
border-radius:8px;
color:#02BC71;
background-color:rgba(20, 70, 26, 0.25);
border:none;
box-shadow:5px 5px 20px rgba(11, 51, 21, 0.5);
margin:20px 0;
padding:2pt 15pt;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAABGdBTUEAALGPC/xhBQAAAwBQTFRFAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZ3bsYwAAAQB0Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AFP3ByUAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My4zNqnn4iUAAAAqSURBVBhXY/gPBwyMcIDM/A8T/c+AzISy/wNFkZlgNtBIoCgyE8gG2QMAt/EqEfziFTgAAAAASUVORK5CYII=) no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAwBQTFRFAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZ3bsYwAAAQB0Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AFP3ByUAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My4zNqnn4iUAAAAwSURBVDhPY/iPFzBQLM2IC/z/DzJ8IKXx+I1yfxMwfCD9TcDu0WBBCyBISh2oYAEA+ZwMiVzPqrYAAAAASUVORK5CYII=) no-repeat, rgba(20, 70, 26, 0.25) ;
background-position:95% 50%,5% 50%;	-webkit-appearance: none;  -moz-appearance: none;  appearance: none;
font-size:1.2em;
padding-left:12%;
}

.contents
{
padding:2pt 15pt;
text-indent:10px;
min-height:600px;
color:rgba(255,255,255,0.5);
box-shadow:5px 5px 35px rgba(11, 51, 21, 0.5);
margin-top:10px;
border-radius:20px;
background-color:rgba(20, 70, 26, 0.25);
width:75%;
float:right;
text-align:justify;
}
.lmtb
{
width:100%;
background-color:rgba(20, 70, 26, 0.25);
box-shadow:7px 7px 25px rgba(11, 51, 21, 0.5);
border-radius:5px;
}
.bton
{
color:#888;
font-size:10pt;
text-decoration:none;
}
.bton:hover
{
color:#82B4D9;
}

.contents h1
{
color:#106431;
font-size:18pt;
}
.contents h2
{
color:#106431;
font-size:14pt;
}
.contents h3
{
color:#106431;
font-size:12pt;
}
.footer
{
height:80px;
width:57%;
text-align:center;
border:1px solid transparent;
clear: both;
bottom:0;
}


.custom-btn {
  width: 200px;
  height: 25px;
  color: #b8cfc1;
  border-radius: 2px;
  padding: 10px 25px;
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
}
.btn-7 {
background: linear-gradient( rgba(6,155,155,0.9) 10%, rgba(120,120,120,0.5) 75%);
  line-height: 25px;
  padding: 0;
  border: none;
}
.btn-7 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.btn-7:before,
.btn-7:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  background: rgba(251,75,2,1);
  box-shadow:
   -7px -7px 20px 0px rgba(255,255,255,.9),
   -4px -4px 5px 0px rgba(255,255,255,.9),
   7px 7px 20px 0px rgba(0,0,0,.2),
   4px 4px 5px 0px rgba(0,0,0,.3);
  transition: all 0.3s ease;
}
.btn-7:before{
   height: 0%;
   width: 2px;
}
.btn-7:after {
  width: 0%;
  height: 2px;
}
.btn-7:hover{
  color: rgba(251,75,2,1);
  background: transparent;
}
.btn-7:hover:before {
  height: 100%;
}
.btn-7:hover:after {
  width: 100%;
}
.btn-7 span:before,
.btn-7 span:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: rgba(251,75,2,1);
  box-shadow:
   -7px -7px 20px 0px rgba(255,255,255,.9),
   -4px -4px 5px 0px rgba(255,255,255,.9),
   7px 7px 20px 0px rgba(0,0,0,.2),
   4px 4px 5px 0px rgba(0,0,0,.3);
  transition: all 0.3s ease;
}
.btn-7 span:before {
  width: 2px;
  height: 0%;
}
.btn-7 span:after {
  height: 2px;
  width: 0%;
}
.btn-7 span:hover:before {
  height: 100%;
}
.btn-7 span:hover:after {
  width: 100%;
}

.btn-8 {
background: linear-gradient( rgba(11,51,21,0.5) 10%, rgba(120,120,120,0.5) 75%);
  line-height: 25px;
  padding: 0;
  border: none;
}
.btn-8 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.btn-8:before,
.btn-8:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  background: rgba(49,132,82,1);
  box-shadow:
   -7px -7px 20px 0px rgba(255,255,255,.9),
   -2px -1px 5px 0px rgba(255,255,255,.9),
   7px 7px 20px 0px rgba(0,0,0,.2),
   4px 4px 5px 0px rgba(0,0,0,.3);
  transition: all 0.3s ease;
}
.btn-8:before{
   height: 0%;
   width: 2px;
}
.btn-8:after {
  width: 0%;
  height: 2px;
}
.btn-8:hover{
  color: rgba(47,112,73,1);
  background: transparent;
}
.btn-8:hover:before {
  height: 100%;
}
.btn-8:hover:after {
  width: 100%;
}
.btn-8 span:before,
.btn-8 span:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: rgba(49,132,82,1);
  box-shadow:
   -7px -7px 20px 0px rgba(255,255,255,.9),
   -2px -2px 3px 0px rgba(255,255,255,.9),
   7px 7px 20px 0px rgba(0,0,0,.2),
   2px 2px 3px 0px rgba(0,0,0,.3);
  transition: all 0.3s ease;
}
.btn-8 span:before {
  width: 2px;
  height: 0%;
}
.btn-8 span:after {
  height: 2px;
  width: 0%;
}
.btn-8 span:hover:before {
  height: 100%;
}
.btn-8 span:hover:after {
  width: 100%;
}


.foocounters
{
margin-top:50px;
border-top:3px double rgba(238,255,3,0.8);
width:100%;
padding:5px;
text-align:center;
}
.foocounters img
{
box-shadow:5px 5px 15px rgba(2,116,125,0.7);
border-radius:3px;
border:1px solid  rgba(2,116,125,0.9);
}
.sendform td
{
font-size:10pt;
}
.sendform select
{
border:1px solid #888;
width:50%;
float:right;
border-radius:5px;
overflow:none;
margin-right:2px;
box-shadow:2px 2px 7px #555;
}
.sendform option
{
width:280%;
font-size:10pt;
padding:3px 10px;
}
.sendform textarea
{
border:1px solid #888;
width:50%;
float:right;
border-radius:5px;
box-shadow:2px 2px 7px #555;
margin:5px 3px;
font-size:10pt;
padding:5px;
}
.sendform  input[type=text]
{
width:50%;
padding:5px;
float:right;
border-radius:5px;
border:1px solid #AAA;
box-shadow:2px 2px 7px #555;
margin:3px;
font-size:11pt;
}
.sendform  input[type=radio]
{
margin-top:10px;
}
.sendform  input[type=submit]
{
width:200px;
padding:5px;
border-radius:5px;
border:1px solid transparent;
background: -moz-linear-gradient(rgba(6, 155, 155, 0.9) 10%, rgba(80,80,80,0.5)75%);
background: -ms-linear-gradient(rgba(6, 155, 155, 0.9) 10%, rgba(80,80,80,0.5) 75%);
background: -webkit-linear-gradient(rgba(6, 155, 155, 0.9) 10%, rgba(80,80,120,0.5) 75%);
background: -o-linear-gradient(rgba(6, 155, 155, 0.9) 10%, rgba(80,80,80,0.5) 75%);
background: linear-gradient(rgba(6, 155, 155, 0.9) 10%, rgba(80,80,80,0.5) 75%);
color:#FFF;
text-shadow:1px 1px #000;
margin:5px auto;
background-repeate:no-repeate;
box-shadow:1px 1px 5px #555;
cursor:pointer;
}
.names
{
width:250px;
color:rgba(255,255,255,0.5);
}
.sendform  input[type=submit]:hover
{
border:1px solid #AAA;
background: -moz-linear-gradient(rgba(6, 155, 155, 0.9) 10%, rgba(120,120,120,0.5)75%);
background: -ms-linear-gradient(rgba(6, 155, 155, 0.9) 10%, rgba(120,120,120,0.5) 75%);
background: -webkit-linear-gradient(rgba(130,150,217,0.9) 10%, rgba(120,120,120,0.5) 75%);
background: -o-linear-gradient(rgba(6, 155, 155, 0.9) 10%, rgba(120,120,120,0.5) 75%);
background: linear-gradient(rgba(6, 155, 155, 0.9) 10%, rgba(120,120,120,0.5) 75%);
color:#FFF;
text-shadow:1px 1px #000;
box-shadow:1px 1px 5px #888;
}
#capcha
{
width:145px;
}
.buttonotpr
{
padding-top:15px;
text-align:center;
}
.sendform img
{
box-shadow:1px 1px 5px #555;
border-radius:5px;
margin-left:3px;

}
::-webkit-input-placeholder {
   color: #A9A9A9;font-size: 11pt;font-style:italic;font-family: Georgiya;
}
::-o-input-placeholder {
   color: #A9A9A9;font-size: 11pt;font-style:italic;font-family: Georgiya;
}

:-moz-placeholder { /* Firefox 18- */
   color: #A9A9A9; font-size: 11pt;font-style:italic;font-family: Georgiya;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #A9A9A9;font-size: 11pt;font-style:italic;font-family: Georgiya;
}

:-ms-input-placeholder {
   color: #A9A9A9;font-size: 11pt;font-style:italic;font-family: Georgiya;
}
.poison {
	position: absolute;
	background: rgba(255,255,0,0.8);
	border: 1px solid #02BC71;
	border-radius:8px;
	padding:0px 10px;
	color:#F00;
	box-shadow:2px 2px 7px #555;
	background-image:url("/images/logoznak.png");
	background-repeat:no-repeat;
	background-size:120px;
	background-position:50%;
	text-shadow:1px 1px #555;
	min-height:120px;
	min-width:120px;
	display:none;
}
.poison:after, .poison:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.poison:after {
	border-color: rgba(6, 55, 39, 0);
	border-right-color: rgba(255,255,0,1);
	border-width: 10px;
	margin-top: -10px;
}
.poison:before {
	border-color: rgba(6, 55, 39, 0);
	border-right-color: #02BC71;
	border-width: 13px;
	margin-top: -13px;
}
#poison1
{
margin-top:-302px;
margin-left:280px;
width:220px;
}
#poison2
{
margin-top:-265px;
margin-left:280px;
width:220px;
}
#poison3
{
margin-top:-250px;
margin-left:280px;
width:220px;
}
#poison4
{
margin-top:-228px;
margin-left:280px;
width:220px;
}
#poison5
{
margin-top:-213px;
margin-left:280px;
width:220px;
}
#poison6
{
margin-top:-190px;
margin-left:280px;
width:220px;
}
#poison7
{
margin-top:-160px;
margin-left:280px;
width:220px;
}
#poison8
{
margin-top:-155px;
margin-left:280px;
width:220px;
}
#poison9
{
margin-top:-95px;
margin-left:280px;
width:220px;
}
.obyasnenie
{
width:45%;
float:left;
padding-top:10px;
padding-left:10px;
}
.buttonzak{cursor:pointer;background:#F00;color:#FF0;font-weight:bold;padding:10px 5px;font-size:1.0em;border-radius:65px;border:1px solid #FF0;height:95px}
.buttonzak:hover {background:#FF0;color:#F00;border:1px solid #F00;height:95px}
.podval{width:99.5%;height:60px;display:none;}
.zakazat{width:100%;height:50px;position:fixed;z-index:100;bottom:0;left:0;width:99.5%;background:rgba(255,255,255,0.2);display:none;}
.zakazat a{text-decoration:none;}
.buttonzakaz{border:1px solid #FF0;width:96%;margin:8px;background:#F00;padding:5px 0;text-align:center;color:#FF0;font-weight:bold;font-size:1.2em}
.buttonzakaz:hover {background:#FF0;color:#F00;border:1px solid #F00;}

@media only screen and (max-width: 1600px){.headbanner, .pagosn, .footer{width:67%}}
@media only screen and (max-width: 1000px){.headbanner, .pagosn, .footer{width:75%}}
@media only screen and (max-width: 850px){.headbanner, .pagosn, .footer{width:85%}}
@media only screen and (max-width: 680px){.podval, .zakazat{display:block} .lmtb{display:none;}.topmobilemenu{display:block;}.contents{float:none;width:92%;} .leftmenu{float:none;width:100%;}.obyasnenie{float:none;width:100%;}.sendform select,.sendform textarea,.sendform  input[type=text]{float:none; width:100%}}
@media only screen and (max-width: 510px){.topmobilemenu{padding-left:15%}}
@media only screen and (max-width: 510px){.topmobilemenu{padding-left:18%}}
@media only screen and (max-width: 280px){.topmobilemenu{padding-left:20%}}