/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent; box-sizing: border-box;
}
input, select, label {vertical-align: middle;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
/*================reset=======================*/
html, body {
  font: 14px/1.8em Arial,Tahoma, Verdana, sans-serif; color: #000; width: 100%;
  background: #fff; min-width: 320px;
}
.clear {clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden;}
ul,ol {margin: 0.2em 1em 0.2em 20px; list-style-position: outside;}
p {margin: 1em 0;}
h1 {
  font-size: 20px; font-weight: bold; margin: 0 0 1.5em; color: #585858; text-transform: uppercase;
}
h2 {
  font-size: 18px; font-weight: bold;
  margin: 0.5em 0 0.3em; color: #585858; text-transform: uppercase;
}
h3 {
  font-size: 14px; font-weight: normal;
  margin: 0.4em 0 0.2em; color: #000; text-transform: uppercase;
}
h4 {font-size: 12px; font-weight: normal; color: #000;}

#wrap {max-width: 990px; margin: 0 auto; padding: 0 20px;}
/*header*/
header {background: url(images/bg.jpg) no-repeat 0 100%; max-width: 1180px; margin: 0 auto; padding: 50px 0 110px; margin-bottom: 70px;}
.logo {float: left;}
header ul {float: right; margin: 20px 50px 0 0; list-style: none;}
header li {float: left; margin-right: 70px; font-size: 17px; font-weight: bold; text-transform: uppercase;}
header li a, header li a:visited {color: #c0c0c0; text-decoration: none;}
header li a:hover {color: #a5b341; text-decoration: none;}
header:after {content:""; display: block; clear: both;}
/*content*/
[class*="page_"] {padding-bottom: 80px;}
.page_products ul {margin: 0; list-style: none;}
.page_products li {width: 33.33%; float: left; padding-right: 30px; padding-bottom: 25px;}
.page_products li:before {content:""; display: block; margin: 0 auto 12px; width: 100px; height: 75px; background: url(images/icons_products.png) no-repeat;}
.page_products li .title {font-weight: bold; padding: 8px 10px; text-transform: uppercase; font-size: 18px; background: #b0d8a4; color: #fff; text-align: center;}
.page_products li:nth-child(4n+1) .title {background: #e7bb04;}
.page_products li:nth-child(5):before {background-position: 0 -100px;}
.page_products li:nth-child(2):before, .page_products li:nth-child(10):before, .page_products li:nth-child(11):before, .page_products li:nth-child(12):before {background-position: 0 -205px;}
.page_products li:nth-child(4n+3) .title {background: #b69b42;}
.page_products li:nth-child(7):before, .page_products li:nth-child(8):before, .page_products li:nth-child(9):before {background-position: 0 -322px;}
.page_products li:nth-child(4n+4) .title {background: #c0e0cb;}
.page_products li:nth-child(3n+3) {padding-right: 0;}
.page_products li:nth-child(3n+1) {content:""; display: block; clear: both;}
.page_products ul:after {content:""; display: block; clear: both;}
.row:after {content:""; clear: both; display: block;}
.col-3 {width: 33.33%; float: left; padding-right: 30px; padding-bottom: 25px;}
.col-3:nth-child(3n+3) {padding-right: 0;}
/*footer*/
footer {background: #a4b340; padding: 15px 20px; text-align: center;}
footer ul {margin: 0; list-style: none;}
footer li {display: inline-block; margin: 0 15px; font-size: 17px; font-weight: bold; text-transform: uppercase;}
footer li a, footer li a:visited {color: #fff; text-decoration: none;}
footer li a:hover {color: #fff; text-decoration: underline;}
footer:after {content:""; display: block; clear: both;}

/*links*/
a, a:visited {color: #585858; outline: none; text-decoration: underline;}
a:hover, a:active {color: #585858; text-decoration: none;}