@font-face {
  font-family: 'GillSansC';
  src: url('fonts/GillSansC.eot?#iefix') format('embedded-opentype'),  url('fonts/GillSansC.otf')  format('opentype'),
	     url('fonts/GillSansC.woff') format('woff'), url('fonts/GillSansC.ttf')  format('truetype'), url('fonts/GillSansC.svg#GillSansC') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GillSansC-Bold';
  src: url('fonts/GillSansC-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/GillSansC-Bold.otf')  format('opentype'),
	     url('fonts/GillSansC-Bold.woff') format('woff'), url('fonts/GillSansC-Bold.ttf')  format('truetype'), url('fonts/GillSansC-Bold.svg#GillSansC-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'GillSansLightC';
  src: url('fonts/GillSansLightC.eot?#iefix') format('embedded-opentype'),  url('fonts/GillSansLightC.otf')  format('opentype'),
	     url('fonts/GillSansLightC.woff') format('woff'), url('fonts/GillSansLightC.ttf')  format('truetype'), url('fonts/GillSansLightC.svg#GillSansLightC') format('svg');
  font-weight: normal;
  font-style: normal;
}


html, body{margin:0; padding:0; font-family: 'GillSansC';}
ol, ul {list-style:none; margin:0; padding:0;}
.clear{clear:both;}
a img {border:none;}
body{background:url(i/bg.jpg) repeat-y center top #1a2012; color:#FFF;}

.wrapper{width:960px; margin:0 auto;}
.header{background:url(i/header-green.png) no-repeat; color:#FFF; height:49px; padding:14px 0 0 120px; line-height:14px; font: 14px "GillSansLightC"; letter-spacing:1px;}
.header strong{color:#007067;}
.logo{position:absolute; z-index:2; padding:5px 0 0 11px;}
.logo2{margin:20px 0 0 0px; z-index:2; position:relative;}
.txt1{
	margin:25px 0 0 0px; position:relative; z-index:2;
}
.txt1 p{margin:0; padding:0;}
.txt1 .sp1{font: 63px "GillSansC-Bold"; color:#baa933;}
.txt1 .sp2{font: 26px "GillSansC";}
.txt1 .sp3{font: 65px "GillSansC";}
	

.big_img1{position:absolute; z-index:2;  top:217px; margin:0 0 0 0px; z-index:-1;}
.label{position:absolute; z-index:0; top:0px; margin:0 0 0 180px;}


.rc{width:960px; height:220px; margin-top:320px;}
.rc img{float:left;}
.rc-text{
	float:left;
	margin:120px -100px 0 -110px;
	font: 36px "GillSansC";
	line-height:36px;

	color:#fff;
}
.green{color:#baa933;}

.disk{width:488px; position:relative; margin:-110px 0 0 480px;}
.disk img{float:left;}
.disk-text{
	float:left;
	margin:70px -100px 0 0px;
	font: 36px "GillSansC";
	line-height:36px;

	color:#fff;
}
.tank2-fon{position:relative; margin:-70px 0 0 -15px; z-index:-1;}
.theshadow{
	text-shadow: 2px 1px 5px rgba(0, 0, 0, 1); 
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=4,color=000000);
}

.fishki{font: 24px "GillSansC"; position:relative; z-index:3; margin:-34px 0 30px 0; height:260px;}
.fishki1, .fishki2, .fishki3, .fishki4{text-align:center; line-height:22px; float:left; margin:0 40px 0 0;}
.fishki span{vertical-align:bottom; display:table-cell; text-align:center; padding:50px 0 0 0;}
.fishki1 span{width:202px; height:200px;}
.fishki2 span{width:185px; height:200px;}
.fishki3 span{width:202px; height:200px;}
.fishki4 span{width:184px; height:200px;}

.fishki1{background:url(i/fishka1.png) no-repeat;  }
.fishki2{background:url(i/fishka2.png) no-repeat; }
.fishki3{background:url(i/fishka3.png) no-repeat; }
.fishki4{background:url(i/fishka4.png) no-repeat center top; }




.center{text-align:center; width:960px; margin:0 auto;  padding-bottom:23px;}
.video-box{
	position:relative; margin:60px 0 60px 0px; z-index:10;
	
}
.button1{
	/* 286x73 */
	cursor:pointer;
	margin:28px auto;
	width:286px; height:56px; background-color:#e30000;

	font: 24px "GillSansC-Bold";	
	line-height:24px;
	padding-top:29px;
	text-align:center;
	text-decoration:underline;
	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	
	-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.85);
	-moz-box-shadow:    0px 5px 10px 0px rgba(50, 50, 50, 0.85);
	box-shadow:         0px 7px 10px 0px rgba(50, 50, 50, 0.85);

	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=3,color=04171e);
}
.button1:hover{
	background-color:#be0000;
}
.button1.active{
	top:5px;
	position:relative;
	
	-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 5px 10px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 7px 10px 0px rgba(50, 50, 50, 0.2);

}
.txt2{
	padding-top:22px;
	font: 36px "GillSansC";
	z-index:2;
	line-height:36px;
}
.listalka{margin:40px 0 20px 0;}

.sborka{margin:20px 0 20px 0;}
.sborka img{float:left; margin:0 10px 0 0;}
.tank3{position: relative; z-index:2; margin:-22px 0 0 46px; float:left;}
.preimushestva{float:left; width:411px; margin:40px 0 0 50px;}
.preimushestva p{color:#FFF;font: 36px "GillSansC"; margin:0 0 20px 0;	}
.preimushestva ul{margin:0 0 0 7px;}
.preimushestva li{padding:0px 0 15px 21px; text-align:left; background:url("i/star.png") no-repeat 0 2px;; color:#baa933; font: 24px "GillSansC"; width:400px; line-height:24px;}

.logo3{margin:44px 0 0 0;}
.txt3{
	padding-top:22px;
	font: 36px "GillSansC";
	z-index:2;
	line-height:36px;
}
.podarki{margin:20px auto; width:720px;}
.podarki img{float:left; margin:0 0 0 0;}





.footer{width:960px; margin-top:20px;}
.f_green{width:960px; background-color:#007067; font: 14px "GillSansLightC"; height:78px;}
.f_black{width:960px; background-color:#000; text-align:center; font: 12px "Arial"; line-height:20px; padding:15px 0 15px 0;}
.f_green span{font: 20px "GillSansC-Bold";}
.f_green img{float:left; margin:23px 0 0 20px;}
.f_green .s1{width:280px; float:left; margin:18px 0 0 70px; text-align:center; letter-spacing:0.7px;}
.f_green .s2{width:360px; float:left; margin:16px 0 0 50px; letter-spacing:0px;}


#greenform{
	position:absolute; top:219px; margin:0 0 0 600px;
    z-index: 1000;
}

#sub_pp.active{
	
		-webkit-transition: -webkit-box-shadow 0.5s ease-out;;
		-moz-transition: -moz-box-shadow 0.5s ease-out;
        -o-transition: box-shadow 0.5s ease-out;

		-webkit-box-shadow: 0px 0px 15px 10px rgba(255, 255, 190, .75);
		-moz-box-shadow: 0px 0px 15px 10px rgba(255, 255, 190, .75);
		box-shadow: 0px 0px 15px 10px rgba(255, 255, 190, .75);
}
#sub_pp.deactive{
		 -webkit-transition: -webkit-box-shadow 0.5s ease-out;;
        -moz-transition: -moz-box-shadow 0.5s ease-out;
        -o-transition: box-shadow 0.5s ease-out;

		-webkit-box-shadow: 0px 0px 15px 10px rgba(255, 255, 190, .75);
		-moz-box-shadow: 0px 0px 15px 10px rgba(255, 255, 190, .75);
		box-shadow: 0px 0px 0px 0px rgba(255, 255, 190, .75);
}





/* *********************  form */
#sub_pp{
	/*
	  position:absolute;
	  left: 50%;
	  top: 50%;
	  z-index: 1000;	  
	  margin-left:-180px;
	  margin-top:-317px;

	  */

	  font-family: 'Open Sans', sans-serif;
	  -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
	  border-radius: 10px;
	  width:300px;
	  height:540px;
	  padding:5px 30px 0 30px;
	  background:#007067;
  } 
  #sub_pp form{
	  font-size:0;
	  line-height:0;
	  margin:0;
	  padding:0;
	  letter-spacing:-1px;
  }
  #sub_pp input[type="text"],
  #sub_pp input[type="email"]{
	  padding:9px 18px 9px 38px;
	  width:250px;
	  height:18px;
	  border:2px solid #ffffff;
	  background:#ffffff url(i/tf_ic.gif) 0 0 no-repeat;
	  outline:none;
	  font-size:14px;
	  line-height:18px;
	  color:#007067;
	  letter-spacing:normal;
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  border-radius: 5px;
	  margin:0 0 20px 0;
  }
  #sub_pp input[type="text"].error,
  #sub_pp input[type="email"].error{
	  border:2px solid #ff5252;
	  color:#ff5252;
	  background:#ffffff url(i/tf_ic.gif) 0 -108px no-repeat;
  }
  #sub_pp input[type="text"]#sub_ph.error,
  #sub_pp input[type="email"]#sub_ph.error{
	  background:#ffffff url(i/tf_ic.gif) 0 -252px no-repeat;
  }
  #sub_pp input[type="text"]#sub_ml.error,
  #sub_pp input[type="email"]#sub_ml.error{
	  background:#ffffff url(i/tf_ic.gif) 0 -396px no-repeat;
  }
  #sub_pp input[type="text"].succes,
  #sub_pp input[type="email"].succes{
	  border:2px solid #a5ce46;
	  color:#a5ce46;
	  background:#ffffff url(i/tf_ic.gif) 0 -72px no-repeat;
  }
  #sub_pp input[type="text"]#sub_ph.succes,
  #sub_pp input[type="email"]#sub_ph.succes{
	  background:#ffffff url(i/tf_ic.gif) 0 -216px no-repeat;
  }
  #sub_pp input[type="text"]#sub_ml.succes,
  #sub_pp input[type="email"]#sub_ml.succes{
	  background:#ffffff url(i/tf_ic.gif) 0 -360px no-repeat;
  }
  #sub_pp input[type="text"].focus,
  #sub_pp input[type="email"].focus{
	  border:2px solid #fd8312;
	  color:#fd8312;
	  background:#ffffff url(i/tf_ic.gif) 0 -36px no-repeat;
  }
  #sub_pp input[type="text"]#sub_ph.focus,
  #sub_pp input[type="email"]#sub_ph.focus{
	  background:#ffffff url(i/tf_ic.gif) 0 -180px no-repeat;
  }
  #sub_pp input[type="text"]#sub_ml.focus,
  #sub_pp input[type="email"]#sub_ml.focus{
	  background:#ffffff url(i/tf_ic.gif) 0 -324px no-repeat;
  }
  #sub_pp input[type="text"]#sub_ph{
	  background:#ffffff url(i/tf_ic.gif) 0 -144px no-repeat;
  }
  #sub_pp input[type="email"]#sub_ml{
	  background:#ffffff url(i/tf_ic.gif) 0 -288px no-repeat;
  }
  #sub_pp input[type="submit"]{
	  border:none;
	  background:url(i/tf_bt.gif) center no-repeat;
	  width:300px;
	  height:80px;
	  outline:none;
	  cursor:pointer;
	  font-size:24px;
	  line-height:34px;
	  color:#ffffff;
	  font-weight:bold;
	  letter-spacing:normal;
	  margin:11px 0 0 0;
  }
  #sub_tl{
	  font-size:24px;
	  line-height:34px;
	  color:#ffffff;
	  font-weight:bold;
	  letter-spacing:normal;
	  margin:17px 0 17px 0;
	  /*text-align:center;*/
  }
  #sub_lg{
	  width:297px;
	  height:66px;
	  background:url(i/tf_lg.gif) center no-repeat;
	  font-size:0; line-height:0;
	  margin:35px auto 50px auto;
  }
  #sub_pp label{
	  font-size:14px;
	  line-height:16px;
	  color:#ffffff;
	  letter-spacing:normal;
	  display:block;
	  width:275px;
	  float:right;
	  margin:0 0 11px 0;
  }
  #sub_pp label.error{
	  color:#ff5252;
  }
  
  
  
/*  listalka  */
#a1{
	float:left;
	width:34px;
	display:block;
	margin:160px 0 0 95px;
}
#a2{
	float:right;
	width:34px;
	display:block;
	margin:160px 110px 0 0;	
}

a#prev_page_button{
	float:left;
	
	display:none;
	width:53px;
	height:77px;
	cursor:pointer;

	background:transparent url(i/buttons.png) no-repeat 0px -80px;
}
a#next_page_button{
	float:left;
	
	display:none;
	width:53px;
	height:77px;
	cursor:pointer;

	background:transparent url(i/buttons.png) no-repeat 0px -80px;
	
}
a#prev_page_button{
}
a#next_page_button{
	background-position:-53px -80px;
}

a#next_page_button:hover{
	background-position:-53px 0px;
}
a#prev_page_button:hover{
	background-position:0px 0px;
}