body{margin:0;padding:0;background:url(images/fon.jpg)}
img{border:0}
.clr{clear:both}
.container{min-width:480px}
.search{position:relative;width:967px;max-width:90%;margin:40px auto 50px;padding:20px 30px 20px 20px;border-radius:10px;background:url(images/form.png)}
.search form{position:relative;vertical-align:sub;display:inline-block;width:800px;max-width:80%;padding:5px;background: #ffdb4c;background-image: -webkit-linear-gradient(top right,#ffdb4c 0,#fc0 100%);font:15px/1.5 Arial,sans-serif}
.search .yandex{vertical-align:middle;max-width:16%;height:auto}
.search input[type=text]{width:690px;height:32px;max-width:89%;padding:5px 10px;background:#fff;-webkit-box-shadow:inset 0 0 0 1px #cbcbcb;box-shadow:inset 0 0 0 1px #cbcbcb;box-sizing:border-box;border:0;cursor:text;font:inherit}
.search input[type=submit]{float:right;max-width:10%;width:72px;padding:4px 0;border:1px solid #cbac34;border-radius:3px;background:#fff;text-align:center;color:#333;cursor:pointer;font:inherit}
.search input[type=submit]:hover{color:#000;border-color:#ad9330}
.search form:after{content:'';border-width:21px 0 21px 11px;border-style:solid;border-color:transparent transparent transparent #fd0;border-color: rgba(255,219,76,0)rgba(255,219,76,0)rgba(255,219,76,0)#ffdb4c;line-height: 0;position:absolute;top:50%;margin-top:-21px;right:-11px}
.table{max-width:95%;margin:0 auto;text-align:center}
.table img{margin:0px 15px 50px;max-width:20%;height:auto;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(100%)}
.table img:hover{filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter:grayscale(0%)}
.rasporka{display:inline-block;width:1%}
@media all and (max-width: 715px) {
.table img{margin:0 10px 30px;max-width:21%}
.search input[type=submit]{font-size:12px;padding:6px 0}
}
@media all and (max-width: 680px) {
.table img{margin:0 5px 30px;max-width:21%}
.rasporka{display:none}
}