* {
  margin : 0;
  padding : 0;
}
html {
    height: 100%;
    overflow-y: scroll;
	background: #FFFFFF;
}
body {
    margin: 0 auto;
    color: #202020;
    cursor: default;
    font-size: 12px;
    height: 100%;
    min-height: 100%;
    max-width: 980px;
	min-width:270px;
    position: relative;
    font-family: 'PT Sans',sans-serif;
}
h1 {
font-family: 'opensansExtraboldRegular';
padding-top:10px;
padding-bottom:10px;
 font-size: 2.5em;
}
h2 {
margin:0 auto;
text-align:center;
font-family: 'opensansExtraboldRegular';
padding-top:10px;
padding-bottom:10px;
font-size: 3.1em;
}
h3 {
font-family: 'opensansExtraboldRegular';
padding-bottom:10px;
font-size: 1.8em;
}
h4 {
font-family: 'opensansExtraboldRegular';
padding-top:5px;
padding-bottom:5px;
font-size: 1.4em;
}
p {
font-size: 1.2em;
line-height:1.5;
padding-bottom:10px;
}
a {
color:#2686ca;
}
a:visited{
color:#2686ca;
}
ul{
font-size: 1.2em;
line-height:1.5;
list-style-type: none; 
}
li{
list-style-type: none; 
}
footer{
background-color:#14451a;
}
input.footer_button2 {
  display:inline;
  }
.back{
background-size:cover;
background-repeat:no-repeat;
background-position:50% 0px; 
height:50em;  
}
.slogan {
margin:0 auto;
color:#ff9d10;
text-transform: uppercase;
padding-top:100px;
padding-bottom:30px;
max-width: 960px;
height: 120px;
font-family: 'opensansSemiboldRegular';
font-size: 1.25em;
}
.slog {
margin:0 auto;
text-align:left;
color:#ff9d10;
text-transform: uppercase;
padding-top:35px;
max-width: 960px;
height: 160px;
font-family: 'opensansSemiboldRegular';
font-size: 1.25em;
padding-bottom:20px;
}
.tabcontent {
    margin: 0 auto;
    margin-top:20px;
	height: 485px;
    max-width: 800px;
}
@media screen and (max-width: 600px) {
.back{
text-align:center;
height:70em;
}
.slogan {
height: 170px;
}
.slog {
text-align:center;
height: 240px;
}
}
@media screen and (max-width: 480px) {
.back{
height:70em;
}
.slogan {
font-size: 1.0em;
height: 120px;
}
.slog {
text-align:center;
font-size: 1.0em;
height: 160px;
}
}
@media screen and (max-width: 360px) {
.back{
height:70em;
}
.slogan {
padding-top:150px;
font-size: 0.95em;
height: 140px;
}
.slog {
text-align:center;
font-size: 0.95em;
height: 150px;
}
}
@media screen and (max-width: 320px) {
.back{
height:76em;
}
.slogan {
padding-top:150px;
font-size: 0.8em;
height: 120px;
}
.slog {
text-align:center;
font-size: 0.8em;
height: 120px;
}
}
.slog span{
font-size: 2.0em;
font-family: 'opensansExtraboldRegular';
}
.top {
display:block;
position:absolute;
background-color: rgba(0, 0, 0, 0.5);
width:100%;
z-index:999;
height: 90px;
border-bottom: 1px solid #ddd;
}
.top_top{
left:50%;
margin-left:-480px;
max-width:960px;
margin: 0 auto;
height:80px;
}
.top_bottom{
left:50%;
margin-left:-480px;
max-width:960px;
margin: 0 auto;
color:#ffffff;
border-top: 1px solid #ffffff;
height:30px;
}
.logo {
    float:left;
    background: url(../images/logo.png) no-repeat;
    width: 106px;
    height: 60px;
    display: block;
    text-indent: -9999px;
	margin-top: 10px;	
}
.phone{
float: right;
padding-top:10px;
font-family: 'opensansSemiboldRegular';
color:#fff;
font-size: 2.5em;
line-height: 0.9em;
}
@media screen and (max-width: 360px) {
.phone{
padding-top:10px;
font-size:1.9em;
}
.phone a{
line-height:1.3;
}
}
@media screen and (max-width: 320px) {
.phone{
padding-top:10px;
font-size:1.6em;
}
}
.textBox {
margin-top:10px;
font-family: 'opensansSemiboldRegular';
color: #ffffff;
font-size: 1.0em;
line-height: 25pt;
max-width:400px;
}
.textBox strong {
float:left;
    font-size: 2.0em;
    font-weight: normal;
    line-height: 30pt;
    margin: 0 0 26px;
}
.textBox strong span {
    font-size: 1.4em;
}
.arrow{
padding-top:30px;
float:left;
width:100px;
}
.forma {
font-family: 'opensansSemiboldRegular';
float:left;
font-size: 1.1em;
	text-align:center;
	z-index:100;
	width:240px;
	height:240px;
	margin-left:10px;
	padding: 0px 10px;	
	color:#000;
	background-color:#fff;
	opacity: 0.99;
	border: 13px solid rgb(183,37,37);
	box-shadow: 0 0 2px 2px rgba(0,0,0,.5);
	border-radius:4px;
}
.form_bottom{
font-size: 1.2em;
font-family: 'opensansItalic';
width: 200px;
}
.textaksia{
padding-top:5px;
font-size: 1.6em;
}
@media screen and (max-width: 800px) {
.tabcontent {
 max-width: 600px;
}
.arrow{
width:70px;
}
.textBox {
max-width:250px;
font-size:0.85em;
}
.textBox strong {
line-height:25pt;
}
.forma {
font-size: 1.0em;
width:220px;
height:240px;
margin-left:10px;
padding: 0px 10px;	
}
}
@media screen and (max-width: 600px) {
.arrow{
display:none;
}
.textBox {
margin:0 auto;
margin-top:10px;
font-family: 'opensansSemiboldRegular';
color: #ffffff;
font-size: 1.0em;
line-height: 15pt;
max-width:440px;
font-size: 1.0em;
}
.forma {
margin:0 auto;
font-size: 1.0em;
max-width:60%;
height:240px;
margin-left:30%;
margin-right:7em;
}
}
@media screen and (max-width: 480px) {
.arrow{
display:none;
}
.textBox {
margin:0 auto;
margin-top:10px;
font-size: 1.0em;
line-height: 15pt;
max-width:440px;
}
.forma {
margin:0 auto;
font-size: 1.0em;
max-width:60%;
height:240px;
margin-left:20%;
}
}
@media screen and (max-width: 360px) {
.arrow{
display:none;
}
.textBox {
margin:0 auto;
margin-top:10px;
font-size: 1.0em;
line-height: 15pt;
max-width:440px;
}
.forma {
margin:0 auto;
font-size: 1.0em;
max-width:60%;
height:240px;
margin-left:15%;
}
.form_bottom{
width: 180px;
}
}
@media screen and (max-width: 320px) {
.arrow{
display:none;
}
.textBox {
margin:0 auto;
margin-top:10px;
font-size: 1.0em;
line-height: 15pt;
max-width:440px;
}
.forma {
margin:0 auto;
font-size: 1.0em;
max-width:60%;
height:240px;
margin-left:3em;
margin-right:3em;
}
.form_bottom{
width: 140px;
}
.textaksia{
font-size: 1.4em;
}
}
.forma input{
border-radius:4px;
}
.menu {
display: block;
text-transform: uppercase;
padding-top:3px;
width: 980px;
margin:0 auto;
font-family: 'opensansSemiboldRegular';
font-size: 1.4em;
list-style-type: none;
}
.menu li{
display: inline;
 margin-left: 12.5px;
 margin-right: 12.5px;
}
.menu li:hover{
opacity: 0.50;
}
.menu ul{
text-align:justify;
}
.menu a{
color:#fff;
text-decoration:none;
}
.menu a:visited{
color:#fff;
}
.phone a{
text-decoration:none;
color:#fff;
}
.container {
margin: 0 auto;
width:960px;
}
.container h1{
padding-top:10px;
}
.clear {
	clear:both;
}
.text_block li{
margin-left:15px;
padding-left:5px;

line-height:1.5;
}
.text_block li:before {
    content: "- ";
   }
.text_block ul{
padding-top:5px;
}
.block_wrap {
margin:0 auto;
padding-top:30px;
padding-bottom:30px;
max-width:600px;
position: relative;
color: #ffffff;
font-family: 'opensansCondensedLight';
text-align:center;
}
.block_wrap p{
text-indent:20px;
font-size:1.2em;
line-height:1.2;
padding-bottom:2px;
}
.block_wrap ul{
text-indent: 20px;
}
.block_wrap span{
font-size:1.1em;
text-transform: uppercase;
}
.f1{
float:left;
height:140px;
}
.f2{
float:left;
height:140px;
}
.f3{
float:left;
height:140px;
}
@media screen and (max-width: 980px) {
.block_wrap {
text-align:center;
height:10em;
}
.f1{
height:100px;
width: 25%;
padding:2%;
}
.f2{
height:100px;
width: 25%;
padding:2%;
}
.f3{
height:100px;
width: 25%;
padding:2%;
}
input.footer_button {
  font-family: 'opensansCondensedLight';
  display:inline;
}
@media screen and (max-width: 640px) {
.block_wrap {
text-align:center;
height:20em;
}
.f1{
height:100px;
width: 45%;
padding:2%;
}
.f2{
height:100px;
width: 45%;
padding:2%;
}
.f3{
height:100px;
width: 90%;
padding:2%;
}
}
@media screen and (max-width: 360px) {
.block_wrap {
text-align:center;
height:28em;
}
.f1{
height:100px;
width: 90%;
padding:2%;
}
.f2{
height:100px;
width: 90%;
padding:2%;
}
.f3{
height:100px;
width: 90%;
padding:2%;
}
}
.forms {
padding-left:20px;
padding-top:10px;
font-family: 'opensansItalic';
}
.forms1 {
padding-top:10px;
font-family: 'opensansItalic';
}
.footer_phone{
font-size: 1.0em;
font-family: 'opensansItalic';
width: 150px;
}
.footer_name{
font-size: 1.0em;
font-family: 'opensansItalic';
width: 150px;
}
.textform {
border-radius: 8px;
border: 1px solid #cecece;
font-family: 'opensansItalic';
}
.form_letter {
width:300px;
height:250px;
float:left;
margin-top:50px;
border-left: 1px solid #142837;
padding-left:20px;
}
.form_letter span{
font-size: 1.7em;
 font-weight: bold;
 font-family: 'opensansSemiboldRegular';
 padding-left:10px;
}
.adv_letter {
width:300px;
font-size: 1.2em;
height:250px;
float:left;
margin-top:120px;
padding-left:65px;
}
.adv_letter li{
 list-style-type: disc;
 margin-left:20px;
} 
.letter{
margin:0 auto;
width:740px;
height: 350px;
background-image:url(/direct/pictures/letter.jpg);
background-repeat:no-repeat;
background-position: 50% 0%; 
}
.letter textarea{
 font-family: 'opensansItalic';
 font-size: 1.2em;
 padding: 1px 0 5px 4px;
 border: 1px solid #cecece;
 background: #F6F6f6;
 border-radius: 4px;
 width: 240px;
 height:80px;
 padding: 3px 6px;
 }
 .letter input{
  width: 245px;
 border-radius: 4px;
font-family: 'opensansItalic';
 padding-left:5px; 
 }
 .background_bottom{
	height:670px;
	background-image:url("../images/pattern.png");
	background-repeat:repeat;
	background-position:50% 0px;
}
.background_text_bottom {
padding-top:50px;
padding-bottom:0px;
font-family: 'opensansBold';
text-align:center;
background-image:url("../images/arrow.png");
background-position: 50% 130%;
background-repeat:no-repeat;
height:200px;
max-width:980px;
margin:0 auto;
}
 @media screen and (max-width: 750px) {
.letter{
background-image:url(../direct/pictures/letter.jpg);
width:470px;
height: 200px;
background-size:80%;
}
.adv_letter {
width:160px;
font-size: 0.7em;
height:150px;
margin-top:60px;
padding-left:60px;
}
.form_letter {
width:190px;
height:150px;
float:left;
margin-top:20px;
padding-left:7px;
font-size: 0.6em;
}
.letter textarea{
 font-size: 1.2em;
 width: 130px;
 height:10px;
 }
 .letter input{
 width: 135px;
 }
.footer_button2 {

}
.background_bottom{
	height:470px;
	background-image:url("../pictures/pattern.png");
	background-repeat:repeat;
	background-position:50% 0px;
}
.background_text_bottom {
background-image:none;
padding-top:50px;
height:200px;
}
input.footer_button2 {
margin-left:0px;
}
}
 @media screen and (max-width: 480px) {
.letter{
background-image:url(../direct/pictures/letter.jpg);
width:270px;
height: 150px;
background-size:90%;
}
.adv_letter {
width:90px;
font-size: 0.4em;
height:80px;
margin-top:40px;
padding-left:30px;
}
.form_letter {
width:100px;
height:80px;
float:left;
margin-top:20px;
padding-left:7px;
font-size: 0.35em;
}
.form_letter span{
padding-left:0px;
}
.letter textarea{
 font-size: 1.2em;
 width: 110px;
 height:10px;
 padding-left:0px;
 }
 .letter input{
 width: 115px;
 padding-left:0px;
 }
.background_bottom{
	height:380px;
	background-image:url("../pictures/pattern.png");
	background-repeat:repeat;
	background-position:50% 0px;
}
.background_text_bottom {
padding-top:30px;
font-size:0.8em;
}
.forms {
padding-left:0px;
padding-top:4px;
font-family: 'opensansItalic';
}
}
 @media screen and (max-width: 360px) {
.background_bottom{
	height:300px;
	background-image:url("../pictures/pattern.png");
	background-repeat:repeat;
	background-position:50% 0px;
}
.background_text_bottom {
height:130px;
padding-top:10px;
font-size:0.6em;
}
}
#background_text_font_big {
font-size: 3.2em;
vertical-align: middle;
}
#background_text_font_normal {
font-size: 2.5em;
vertical-align: middle;
}
.container_portfolio{
margin: 0 auto;
max-width:980px;
font-family: 'opensansSemiboldRegular';
font-size: 1.0em;
}
.bottom_menu {
margin: 0 auto;
max-width:980px;
font-family: 'opensansSemiboldRegular';
font-size: 1.0em;
list-style-type: none;
height:390px;
}
.bottom_menu ul{
list-style-type: none;
-webkit-padding-start:22px;
cursor:pointer;
margin:0 auto;
}
.bottom_menu li{
width:170px;
display: inline;
text-align:center;
margin:15px;
padding:15px;
float:left;
border-radius: 4px;
line-height:1.2;
}
.bottom_menu img:hover{
opacity: 0.50;
}
.bottom_menu a{
color:#000;
text-decoration:none;
}
.bottom_menu a:visited{
color:#000;
}
.bottom_menu div{
margin:0 auto;
margin-top:20px;
text-transform:uppercase;
width:300px;
font-size: 1.5em;
text-align:center;
color:#208898;
padding:5px;
text-decoration:underline;
font-weight:bold;
}
#round {
	position: absolute;
	margin-top:80px;
	margin-left:170px;
	width: 20px;
	height: 20px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	border-radius: 50%;
	border: 1px solid #d2d4d5;
	background: rgb(252,252,252);
	background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(208,208,208,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(208,208,208,1)));
	background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(208,208,208,1) 100%);
	background: -o-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(208,208,208,1) 100%);
	background: -ms-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(208,208,208,1) 100%);
	background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(208,208,208,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#d0d0d0',GradientType=0 );
}
.main_work {
display:none;
margin:0 auto;
}
.work_1{
background-color:#ffe9de;
height:220px;
}
.work1 {
margin:0 auto;
width:980px;
background-image:url("/images/line_top.png");
background-repeat:no-repeat;
background-position: 50% 100%;
height:100%;
}
.work_2{
background-color:#c4a191;
height:220px;
}
.work2 {
margin:0 auto;
width:980px;
background-image:url("/images/line_middle_1.png");
background-repeat:no-repeat;
background-position: 55% 0%;
height:100%;
}
.work_3{
background-color:#815540;
height:230px;
}
.work3 {
margin:0 auto;
width:980px;
background-image:url("/images/line_bottom_1.png");
background-repeat:no-repeat;
background-position: 57% 0%;
height:100%;
}
.aa1 {
float:left;
background-image:url("/images/w-mail.png");
background-repeat:no-repeat;
background-position: 58% 20%;
height:100%;
width:320px;
}
.aa1 p {
padding-top:110px;
padding-left:100px;
}
.aa2 {
float:left;
background-image:url("/images/w-operator.png");
background-repeat:no-repeat;
background-position: 58% 20%;
height:100%;
width:320px;
}
.aa2 p {
padding-top:110px;
padding-left:100px;
}
.aa3 {
float:left;
background-image:url("/images/w-raschet.png");
background-repeat:no-repeat;
background-position: 58% 20%;
height:100%;
width:320px;
}
.aa3 p {
padding-top:110px;
padding-left:70px;
}
.aa4 {
float:left;
background-image:url("/images/w-contr.png");
background-repeat:no-repeat;
background-position: 58% 26%;
height:100%;
width:320px;
}
.aa4 p {
padding-top:122px;
padding-left:100px;
}
.aa5 {
float:left;
background-image:url("/images/w-sign.png");
background-repeat:no-repeat;
background-position: 58% 26%;
height:100%;
width:320px;
}
.aa5 p {
padding-top:122px;
padding-left:100px;
}.aa6 {
float:left;
background-image:url("/images/w-eng.png");
background-repeat:no-repeat;
background-position: 58% 26%;
height:100%;
width:320px;
}
.aa6 p {
padding-top:122px;
padding-left:100px;
}
.aa7 {
float:left;
background-image:url("/images/w-equipment.png");
background-repeat:no-repeat;
background-position: 58% 36%;
height:100%;
width:320px;
}
.aa7 p {
padding-top:144px;
padding-left:100px;
}
.aa8 {
float:left;
background-image:url("/images/w-mount.png");
background-repeat:no-repeat;
background-position: 58% 36%;
height:100%;
width:320px;
}
.aa8 p {
padding-top:144px;
padding-left:100px;
}.aa9 {
float:left;
background-image:url("/images/w-grass.png");
background-repeat:no-repeat;
background-position: 58% 36%;
height:100%;
width:320px;
}
.aa9 p {
padding-top:144px;
padding-left:100px;
}
.otzivi {
margin:0 auto;
max-width:640px;
}
.otzivi h2{
text-align:center;
font-size:3.2em;
}
.otz {
margin:0 auto;
width:640px;
}
.otz iframe{
width:640px;
height:360px;
}
@media screen and (max-width: 640px) {
.otzivi {
max-width:320px;
}
.otzivi h2{
font-size:2.5em;
}
.otz {
width:320px;
}
.otz iframe{
width:320px;
height:180px;
}
}
@media screen and (max-width: 320px) {
.otzivi {
max-width:224px;
}
.otz {
width:240px;
}
.otz iframe{
width:240px;
height:126px;
}
}
.containerpad {
margin: 0 auto;
padding-top:140px;
max-width:980px;
padding-bottom:20px;
}
.containerpadland {
margin: 0 auto;
padding-top:10px;
max-width:980px;
padding-bottom:20px;
}

@media screen and (max-width: 510px) {
.containerpadland img{
width:90%;
height:90%
}
.containerpadland h3 img{
width:25%;
height:25%
}
.containerpadland h2{
text-align:left;
font-size:2.0em;
}
.containerpadland {
padding-left:5px;
}
}
.sec1{
float:left;
width:190px;
}
.sec1 li{
margin-left:10px;
padding-top:17px;
font-family: 'opensansRegular';
font-size:1.2em;
line-height:1;
list-style-type: square;
}
.sec1 li:hover{
color:#c4c4c4;
}
.sec1 a{
color:#52514f;
text-decoration:none;
}
.sec2{
float:left;
width:790px;
}
.cat1{
border:solid 1px #d5d4d2;
border-radius:3px;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
float:left;
width:200px;
height:280px;
padding:15px;
margin:15px;
text-align:center;
font-size:1.2em;
font-family: 'opensansSemiboldRegular';
}
.cat1 p{
padding-top:5px;
padding-bottom:10px;
}
.cat1 img{
width:200px;
}
.hk{
padding-left:10px;
font-size:0.9em;
font-family: 'opensansLightRegular';
color:#777777;
}
.sec3{
float:left;
width:790px;
}
.sec3a{
float:left;
width:300px;
margin:5px;
height:300px;
}
.sec3b{
float:left;
width:460px;
min-height:300px;
margin:5px;
font-family: 'opensansRegular';
font-size:1.5em;
}
.sec3b td{
padding-left:10px;
padding-right:10px;
}
.sec3b tr{
line-height:34px;
}
.sec3b table {
margin-top:10px;
background-color:#f6ffe1;
border:0px;
border-collapse: collapse;
}
.sec3c{
float:left;
width:790px;
padding:5px;
margin:5px;
}
.sec3b span{
font-size:1.3em;
}
.sec3b p{
font-weight:bold;
margin-bottom:15px;
font-size:1.2em;
font-family: 'opensansRegular';
}
.colortab{
background-color:#eaffb8;
}
#messagesent{
top:200px;
width:500px;
border:solid 1px #d5d4d2;
border-radius:3px;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
left: 50%;
margin-left: -250px;
font-family: 'opensansRegular';
font-size:2.2em;
color:#000;
}
.formlogin{
font-size:1.2em;
font-family: 'opensansRegular';
}
.formlogin input{
  width: 250px;
  font-size: 1.0em;
    border-radius:2px;
	margin:10px;
	padding:10px;
border:1px solid #000000;	
}
.contentlogin{
padding-top:140px;
padding-bottom:20px;
margin:0 auto;
width:300px;
}
.categories{
 float:left;
 width:440px;
 height:350px;
 margin:5px;
 margin-right:30px;
 margin-bottom:20px;
 border-bottom:1px solid #157fb6;
 }
  .categories p{
  padding-top:0px;
  padding-bottom:10px;
  }
 .categories img{
 margin-right:5px;
 width:150px;
 }
.bottom_portfolio {
margin: 0 auto;
width:980px;
font-family: 'opensansSemiboldRegular';
font-size: 1.2em;
list-style-type: none;
height:300px;
}
.bottom_portfolio ul{
list-style-type: none;
-webkit-padding-start:22px;
cursor:pointer;
margin:0 auto;
}
.bottom_portfolio li{
width:170px;
display: inline;
text-align:center;
margin:15px;
padding:15px;
float:left;
border-radius: 4px;
line-height:1.2;
}
.bottom_portfolio img:hover{
opacity: 0.50;
}
.bottom_portfolio a{
color:#000;
text-decoration:none;
}
.he1{
font-family: 'opensansExtraboldRegular';
padding-top:10px;
padding-bottom:10px;
font-size: 1.0em;
color:#afafae;
}
.about{
margin: 0 auto;
max-width:800px;
}
.abcat1{
float:left;
width:260px;
padding:5px;
}
.abcat1 img{
width:260px;
}
.abcat2{
float:left;
max-width:795px;
padding-left:5px;
}
@media screen and (max-width: 800px) {
.abcat2{
float:left;
max-width:795px;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
}
.abcat1{
max-width:795px;
text-align: justify;
}
.abcat1 img{
margin: 0 auto;
text-align: center;
}
}
@media screen and (max-width: 360px) {
h2 {
font-size:2.2em;
}
.abcat2{
float:left;
max-width:795px;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
}
.abcat1 img{
text-align: center;
width:260px;
}
}
.aboutcat{
padding-top:20px;
padding-bottom:20px;
font-size: 1.8em;
}
.abcat2 p {
font-size: 0.8em;
}
.bold {
font-family: 'opensansExtraboldRegular';
padding-bottom:10px;
font-size: 1.2em;
}
.prices{
height:;
padding-bottom:10px;
}
.menu_prices{
margin:0 auto;
padding-top:15px;
max-width: 800px;
margin:0 auto;
text-transform: uppercase;
}
.menu_prices ul{
font-family: 'opensansSemiboldRegular';
font-size: 1.7em;
margin: 0;
list-style-type: none;
}
.menu_prices li{
padding: 3px;
margin: 2px;
display:block;
width: 245px;
float:left;
line-height: 1.5;
text-align:center;
border-radius: 4px;
                /* тень */
 -webkit-box-shadow: 2px 2px 2px #808080;
box-shadow: 2px 2px 2px #808080;
}
.a22{
background-color: #daa606;
height:100%;
}
.a32{
background-color: #c41c14;
height:100%;
}
.a42{
background-color: #389015;
height:100%;
}
#inside_list ul li {
font-size: unset;
}
.menu_prices p{
font-size: 0.7em;
color:white;
font-family: 'opensansCondensedLight';
line-height:1;
padding-left:5px;
padding-right:5px;
}
.menu_prices span{
padding-top:15px;
font-size: 1.0em;
color:red;
font-family: 'opensansSemiboldRegular';
line-height:1;
display: block;
margin: 0 auto;
padding-bottom:15px;
}
@media screen and (max-width: 800px) {
.menu_prices{
padding-top:15px;
max-width: 410px;
}
.menu_prices li{
width: 390px;
float:left;
text-align:center;
border-radius: 4px;
margin: 15px 0px 15px 0px;
}
.menu_prices p{
font-size: 0.9em;
padding-left:10px;
padding-right:10px;
}
}
@media screen and (max-width: 480px) {
.menu_prices{
padding-top:15px;
max-width: 300px;
}
.menu_prices li{
width: 280px;
float:left;
text-align:center;
border-radius: 4px;
margin: 15px 0px 15px 0px;
}
.menu_prices p{
font-size: 0.8em;
padding-left:10px;
padding-right:10px;
}
}
@media screen and (max-width: 360px) {
.menu_prices{
padding-top:15px;
max-width: 260px;
}
.menu_prices li{
width: 240px;
float:left;
text-align:center;
border-radius: 4px;
margin: 15px 0px 15px 0px;
}
.menu_prices p{
font-size: 0.7em;
padding-left:10px;
padding-right:10px;
}
.prices h2{
font-size: 2.3em;
}
}
.zakazat_site{
  color: white;
  font-family: 'opensansCondensedLight';
  font-weight: bold;
  font-size: 1.7em;
  text-decoration: none;
  padding: .1em 0.7em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #FDBE33 #000 #D77206;
  border-radius: 6px;
  background: linear-gradient(#F3AE0F, #E38916) #E38916;
  transition: 0.2s;
  color:#000;
  padding-bottom:;
}
#zakaz_site :active { background: linear-gradient(#f59500, #f5ae00) #f59500; }
#zakaz_site{
width:165px;
text-align: center;
padding-top:0px;
margin:0 auto;
}
.explaination{
background-color:#f9f9f9;
padding-bottom:20px;
height:100%;
}
.facts{
}
.calculations{
margin:0 auto;
max-width:800px;
font-family: 'opensansSemiboldRegular';
font-size: 1.5em;
}
.calculations div{
float:left;
width:265px;
height:180px;
text-align:center;
text-transform:uppercase;
}
.calculations img{
padding-top:10px;
}
@media screen and (max-width: 800px) {
.calculations{
max-width:600px;
}
.calculations div{
width:200px;
height:180px;
}
.calculations img{
width:70%;
}
}
@media screen and (max-width: 600px) {
.calculations{
max-width:400px;
}
.calculations div{
width:200px;
height:180px;
}
}
@media screen and (max-width: 520px) {
.calculations{
max-width:400px;
}
.calculations div{
width:170px;
height:170px;
}
}
@media screen and (max-width: 467px) {
.calculations{
max-width:400px;
}
.calculations div{
width:140px;
height:170px;
}
}
@media screen and (max-width: 420px) {
.calculations{
max-width:270px;
}
.calculations div{
width:270px;
height:180px;
}
}
.reasons{
max-width:470px;
margin:0 auto;
font-size: 1.7em;
}
.reasons div{
width:300px;
margin-top:15px;
margin-bottom:15px;
}
.reasons span{
font-size: 0.7em;
}
.reason1{
background: url(/template/default/images/diplom.png) no-repeat;
float:left;
padding-left:170px;
margin:10px;
}
.reason2{
float:left;
 background: url(/template/default/images/calc.png) no-repeat;
 margin:10px;
 padding-left:170px;
}
.reason3{
background: url(/template/default/images/raschet.png) no-repeat;
float:left;
margin:10px;
padding-left:170px;
}
.reason4{
float:left;
margin:10px;
background: url(/template/default/images/contractors.png) no-repeat;
padding-left:170px;
}
.reason5{
margin:10px;
background: url(/template/default/images/car.png) no-repeat;
float:left;
padding-left:170px;
}
.reason6{
float:left;
 background: url(/template/default/images/contract.png) no-repeat;
 margin:10px;
 padding-left:170px;
}
.reason7{
background: url(/template/default/images/budget.png) no-repeat;
margin:10px;
float:left;
padding-left:170px;
}
.reason8{
background: url(/template/default/images/warranty.png) no-repeat;
margin:10px;
float:left;
padding-left:170px;
}
@media screen and (max-width: 480px) {
.reasons{
max-width:250px;
margin:0 auto;
font-size: 1.2em;
}
.reasons div{
margin:0 auto;
width:170px;
margin-top:20px;
margin-bottom:20px;
}
.reason1{
background-size:10%;
padding-left:75px;
}
.reason2{
background-size:10%;
padding-left:75px;
}
.reason3{
background-size:10%;
padding-left:75px;
}
.reason4{
background-size:10%;
padding-left:75px;
}
.reason5{
background-size:10%;
padding-left:75px;
}
.reason6{
background-size:10%;
padding-left:75px;
}
.reason7{
background-size:10%;
padding-left:75px;
}
.reason8{
background-size:10%;
padding-left:75px;
}
}
@media screen and (max-width: 360px) {
.reasons{
max-width:250px;
margin:0 auto;
font-size: 1.2em;
}
.reasons div{
margin:0 auto;
width:170px;
margin-top:20px;
margin-bottom:20px;
}
.reason1{
background-size:25%;
padding-left:75px;
}
.reason2{
background-size:25%;
padding-left:75px;
}
.reason3{
background-size:25%;
padding-left:75px;
}
.reason4{
background-size:25%;
padding-left:75px;
}
.reason5{
background-size:25%;
padding-left:75px;
}
.reason6{
background-size:25%;
padding-left:75px;
}
.reason7{
background-size:25%;
padding-left:75px;
}
.reason8{
background-size:25%;
padding-left:75px;
}
}
.questions{
max-width:980px;
margin:0 auto;
font-size: 1.7em;
}
.questions div{
max-width:900px;
margin-top:10px;
margin-bottom:10px;
}
.questions span{
font-size: 0.7em;
}
.questions1{
 background: url(/template/default/images/faq.png) no-repeat;
float:left;
padding-left:50px;
margin:10px;
}
.formapopup p{
padding-bottom:0px;
}
.formapopup {  
	padding: 0px;
	text-align:center;
	position: fixed;
	display:block;
	top: 90px;
	width:300px;
	height:300px;
	left: 40%;
	padding: 0px 30px;	
}
.hletter {
font-family: 'opensansExtraboldRegular';
padding-top:5px;
padding-bottom:5px;
font-size: 1.4em;
}
.catalog {
max-width: 980px;
margin:0 auto;
}
.catalog table{
width: 720px;
line-height:1.2;
border:1px solid #3e3e3e;
margin:0 auto;
background-color:#ececec;
margin-bottom:20px;
border-collapse: collapse;
}
.catalog th{
line-height:1.7;
font-size: 1.2em;
border: 1px dotted black;
padding:5px;
color:#fff;
background-color:#787878;
text-align:center;
}
.catalog td{
font-size: 1.1em;
border: 1px dotted black;
padding:0px;
text-align:center;
}
@media screen and (max-width: 720px) {
.catalog table{
width: 640px;
}
}
@media screen and (max-width: 640px) {
.catalog table{
width: 480px;
font-size:0.7em;
}
}
@media screen and (max-width: 480px) {
.catalog table{
width: 360px;
font-size:0.5em;
}
}
@media screen and (max-width: 360px) {
.catalog table{
width: 270px;
font-size:0.3em;
}
}
.nuestras{
max-width:980px;
margin:0 auto;
}
.nuestras div{
text-align:center;
float:left;
width:270px;
height:320px;
margin:20px;
padding:20px;
font-size: 1.4em;
}
.nuestras img{
padding-bottom:20px;
width:270px;
}
@media screen and (max-width: 720px) {
.nuestras div{
width:240px;
height:250px;
}
.nuestras img{
padding-bottom:20px;
width:240px;
}
}
@media screen and (max-width: 640px) {
.nuestras div{
width:400px;
height:300px;
margin-left:80px;
}
.nuestras img{
padding-bottom:20px;
width:400px;
}
}
@media screen and (max-width: 560px) {
.nuestras div{
margin-left:30px;
}
}
@media screen and (max-width: 480px) {
.nuestras div{
width:240px;
height:250px;
margin-left:60px;
}
.nuestras img{
padding-bottom:20px;
width:240px;
}
}
@media screen and (max-width: 360px) {
.nuestras div{
width:200px;
height:200px;
margin-left:10px;
}
.nuestras img{
padding-bottom:20px;
width:200px;
}
}
@media screen and (max-width: 500px) {
#background_text_font_normal {
font-size:1.2em;
}
}
@media screen and (max-width: 480px) {
#background_text_font_normal {
font-size: 2.5em;
}
}
@media screen and (max-width: 310px) {
#background_text_font_normal {
font-size:1.5em;
}
}
.orders{
height:120px;
}
.orders span{
font-size: 1.2em;
}
@media screen and (max-width: 480px) {
.orders span{
font-size: 1.0em;
}
.orders{
height:160px;
}
}
@media screen and (max-width: 330px) {
.orders span{
font-size: 0.80em;
}
.orders{
height:190px;
}
}