html, body {
	width: 100%;
	min-width: 1000px;
	max-width: 1920px;
	margin: 0;
	padding: 0;
	background: url(img/lightback.jpg) #fff;
	background-attachment: fixed;
	background-position: top left;
	background-size: cover;
	font-family: 'Open Sans', sans-serif;
	font-size: 12pt;
	line-height: 1.5;
	color: #000;
}
h1 {
	margin: 0 0 18pt 0;
	font-size: 36pt;
	font-weight: 300;
	line-height: 1.2;
}
h2 {
	margin: 18pt 0 9pt 0;
	font-size: 24pt;
	font-weight: 300;
	line-height: 1.2;
}
h3 {
	margin: 12pt 0 3pt 0;
}
p {
	margin: 0 0 9pt 0;
}
ul,
ol {
	margin: -9pt 0 9pt 0;
}
li {
	margin: 0 0 6pt 0;
}
a {
	text-decoration: none;
	border-bottom: 1px solid;	
}
a:hover {
	border: none;
}

.navbox {
	float: left;
	width: 230px;
	margin: 35px 1% 35px 3%;
}
.back {
	border: 0px solid pink;
	background: url(img/white.png) repeat;
}
.logo {
	margin: 0 15px;
	padding: 12pt 0;
	text-align: center;
	border-bottom: 1px solid #9b9fa2;
}
.logo img {
	border: 0px solid red;
	width: 180px;
}
.logo a {
	border: none;
	color: #000
}
.nav {
	border: 0px solid pink;
	margin: 18pt 15px;
}
.nav a {
	display: block;
	margin: 0;
	padding: 4pt 5px;
	color: #000;
	border: none;
	line-height: 1.4;
	vertical-align: middle
}
.nav a:hover {
background: #e0eaf4;
}
.nav a.line {
border-top: 1px solid #9b9fa2;
margin: 9pt 0 0 0;
}
.copyright {
margin: 0 15px;
padding: 12pt 5px;
border-top: 1px solid #9b9fa2;
font-size: 10pt;
}
.banner {
clear: both;
margin: 25px 0;
padding: 0 20px;
text-align: left;
line-height: 1.4;
}
.banner a {
color: yellow
}
.banner img {
	float: left;
	margin: 0 5px 15px 0
}
.red a {
	color: red
}


.contentbox {
	float: left;
	width: 64%;
	max-width: 900px;
	min-height: 900px;
	margin: 35px 0;
	padding: 20px 2%;
	border: 0px solid white;
	background: url(img/white.png) repeat
}
.contentbox img {
	max-width: 100%;
	margin: 0 0 9pt 0;
}

.tmvebi {
	float: right;
	width: 330px;
	margin: 0 0 10px 15px;
}

.news,
.recomend {
border: 0px solid pink;
overflow: hidden
}
.news div {
border: 0px solid pink;
display: inline-block;
width: 46%;
margin: 0 3% 24pt 0;
vertical-align: top;
}
.news div span,
.news2 div span {
font-size: 10pt;
}
.news2 div {
margin: 0 0 24pt 0;
}
.recomend img {
float: left;
width: 30%;
margin: 0 3% 9pt 0;
}
.recomend a {
border: none;	
}

.fastProduct {
border: 1px solid grey;
padding: 5px;
margin: 0 0 9pt 0;
line-height: 1.6;
color: grey;	
}
.fastProduct a{
	border-bottom: 1px dashed;
}
.fastProduct a:hover{
	border-bottom: none;
}

table.price,
table.contacts {
	width: 100%;
  margin: 0 0 9pt 0	
}
.price td {
	border-bottom: 1px solid #a3bae4;
	padding: 10px 10px 10px 5px;
	vertical-align: middle
}
table.price tr.top-tr td {
	border-bottom: 1px solid #fff;
	background: #a3bae4;
	font-size: 11pt;
	color: white;
}
.price tr:hover {
	background: #e0eaf4
}
.price h2 {
	margin: 9pt 0 0 0;
	font-weight: normal
}
.price h3 {
	margin: 0 0 0 18pt;
	font-size: 12pt
}
.price2 {
	font-size: 10pt;
}
.price2 tr.top-tr td {
	font-size: 9pt;
}
.price2 tr.top-tr td.fixprice {
	background: none;
	font-size: 10pt;
	color: black;
	text-align: center;
	vertical-align: top;
}
.price2 tr.top-tr td.fixprice img {
	width: 75%;
}
.price2 tr.top-tr:hover {
	background: none;	
}
.sticky {
	position: fixed;
	top: 15px;  /* если ноль заменить на число (и в скрипте тоже), то блок будет прилипать до того, как верхний край окна браузера дойдёт до верхнего края элемента. Может быть отрицательным числом. Применим, например, при фиксированном сверху меню */
	z-index: 101;
}
.contacts td {
	border-bottom: 1px solid #a3bae4;
	padding: 15px 5px;
	vertical-align: top
}


.ourWorks div {
	display: inline-block;
	width: 31%;
	margin: 9pt 2% 27pt 0;
	border: 0px solid pink;
	vertical-align: top;
}
.ourWorks div img {
	max-width: 100%;
	margin: 0 0 9pt 0;
}
.ourWorks div span {
	font-size: 10pt;
}


#feedback-form {
  max-width: 400px;
  border-radius: 3px;
}
#feedback-form [required] {
  width: 100%;
  box-sizing: border-box;
  margin: 2px 0 2% 0;
  padding: 2%;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 3px;
  box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 transparent;
}
#feedback-form [required]:hover {
  border-color: #7eb4ea;
  box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 transparent;
}
#feedback-form [required]:focus {
  outline: none;
  border-color: #7eb4ea;
  box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 4px rgba(35,146,243,.5);
  transition: .2s linear;
}
#feedback-form [type="submit"] {
  padding: 2%;
  border: none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
  background: #669acc;
  color: #fff;
}
#feedback-form [type="submit"]:hover {
  background: #5c90c2;
}
#feedback-form [type="submit"]:focus {
  box-shadow: 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}