Issues:
1<!DOCTYPE html>
2
3<html lang="ru">
4
5<head>
6
7 <meta charset="UTF-8">
8
9 <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
11 <title>
12Интернет-магазин пива с доставкой Санкт-Петербург</title>
13
14
<meta name="description" content="Интернет-магазин пива и пивных напитков в Санкт-Петербурге это отличный способ заказать пиво с доставкой на дом онлайн не выходя из дома в любой район Спб и Ленобласти 24 часа">
15
16 <meta name="keywords" content="магазин пива с доставкой, интернет магазин пива, купить пиво онлайн, купить пиво в магазине с доставкой, магазин пиво с доставкой спб, интернет магазин пива санкт-петербург">
17
18 <link rel="canonical" href="https://dostavka24.xyz/pivo/">
19
20 <link rel="alternate" hreflang="ru" href="https://dostavka24.xyz/pivo/">
21
22 <link rel="stylesheet" href="/data/libs/fontAwesome/font-awesome.min.css">
23
24<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
25
26<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
27
28<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
29
30<link rel="manifest" href="/favicon/site.webmanifest">
31
32<link rel="shortcut icon" href="/favicon/favicon.ico">
33
34<meta name="msapplication-TileColor" content="#da532c">
35
36<meta name="msapplication-config" content="/favicon/browserconfig.xml">
37
38<meta name="theme-color" content="#ffffff">
39<script>
40document.write('<img src="/?screen='+screen.width+'x'+screen.height+'" style="display:none;">
41');</script>
42
43 <meta name="format-detection" content="telephone=no">
44
45 <style>
46@font-face {font-family: 'Calibri';src: url('/data/fonts/Calibri.ttf') format('truetype'), url('/data/fonts/Calibri.woff') format('woff'), url('/data/fonts/Calibri.woff2') format('woff2');}@font-face {font-family: 'Calibri Bold';src: url('/data/fonts/CalibriBold.ttf') format('truetype'), url('/data/fonts/CalibriBold.woff') format('woff'), url('/data/fonts/CalibriBold.woff2') format('woff2');}@font-face {font-family: 'Calibri Light';src: url('/data/fonts/CalibriLight.ttf') format('truetype'), url('/data/fonts/CalibriLight.woff') format('woff'), url('/data/fonts/CalibriLight.woff2') format('woff2');}@font-face {font-family: 'Calibri Bold Italic';src: url('/data/fonts/CalibriBoldItalic.ttf') format('truetype'), url('/data/fonts/CalibriBoldItalic.woff') format('woff'), url('/data/fonts/CalibriBoldItalic.woff2') format('woff2');}@font-face {font-family: 'Rouble Sans';src: url('/data/fonts/RoubleSans.ttf') format('truetype'), url('/data/fonts/RoubleSans.woff') format('woff'), url('/data/fonts/RoubleSans.woff2') format('woff2');}* {box-sizing: border-box; margin: 0; padding: 0; }html,
47body {width: 100%; height: 100%; }a {text-decoration: none; }h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal; }img {display: block; border: 0; width: 100%; }input:focus,
48textarea:focus {outline: none; }label {display: block; }label input {border: none; display: block; width: 100%; height: 100%; padding: 0 15px; }input:focus::-webkit-input-placeholder {color: transparent; }input:focus::-moz-placeholder {color: transparent; }input:focus:-moz-placeholder {color: transparent; }input:focus:-ms-input-placeholder {color: transparent; }edit {display: inherit; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; text-align: inherit; text-decoration: inherit; text-indent: inherit; text-overflow: inherit; text-shadow: inherit; text-transform: inherit; letter-spacing: inherit; white-space: inherit; overflow: inherit; }sup {font-family: inherit; font-size: smaller; color: inherit; }.wrapper {display: grid; grid-template-rows: minmax(50px, auto) minmax(50px, auto) 1fr minmax(50px, auto); grid-template-columns: 23% 1fr; grid-template-areas: "header header" "nav main" "aside main" "footer footer"; grid-gap: 15px; justify-content: flex-start; align-items: stretch; width: 100%; max-width: 1360px; min-height: 100vh; padding: 0 5px; margin: 0 auto; font-family: Calibri; font-size: 17px; line-height: 1.3; color: #333; text-align: left; text-decoration: none; background-color: #FFFFFF; position: relative; }@media (max-width: 960px) {.wrapper {grid-template-rows: minmax(50px, auto) 1fr minmax(50px, auto) minmax(50px, auto); grid-template-columns: 1fr; grid-template-areas: "header" "main" "aside" "footer"; }}/* BACKGROUND TRANSITIONS */
49/* Fade */
50.
hvr-fade {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; overflow: visible; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; }.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {background-color: #2098D1; color: white; }/* BACKGROUND TRANSITIONS */
51/* Fade */
52.
hvr-fade {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; overflow: visible; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; }.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {background-color: #2098D1; color: white; }.elem45336_menu {display: none; width: 50px; height: 50px; position: absolute; top: 5px; left: 5px; transition: all 0.3s ease-in-out; z-index: 1; }.elem45336_line {display: block; width: 40px; height: 3px; margin: 7px auto; background-color: rgba(255, 99, 72,1.0); transition: all 0.3s ease-in-out; }.active {width: 55px; height: 55px; padding: 5px 3px 6px 2px; border-radius: 50%; border: 3px solid #000; transform: rotate(45deg); box-sizing: border-box; transition: all 0.3s ease-in-out; }.elem45336_active .elem45336_line {width: 30px; }.elem45336_active .elem45336_line:nth-child(2) {opacity: 0; }.elem45336_active .elem45336_line:nth-child(1) {transform: translateY(10px); }.elem45336_active .elem45336_line:nth-child(3) {transform: translateY(-10px) rotate(90deg); }@media (max-width: 960px) {.elem45336_menu {display: block; width: 50px; height: 50px; background: rgba(255, 255, 255,0.3); position: fixed; top: 5px; left: 5px; transition: all 0.3s ease-in-out; z-index: 1; }}header {display: flex; grid-area: header; flex: 1 1 100%; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; overflow: hidden; }.elem44968_header {display: flex; flex: 1 1 100%; flex-flow: row wrap; justify-content: space-between; align-items: center; padding: 5px 0; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }.elem44968_header * {}@media (max-width: 846px) {.elem44968_header {justify-content: space-around; padding: 0 0 5px; }}.elem44972_texticon {display: grid; grid-template-areas: "text icon" "text2 text2"; grid-gap: 0 10px; padding: 0 5px 0 0; font-family: inherit; font-size: 1.5em; line-height: inherit; color: inherit; }.elem44972_text {grid-area: text; align-items: flex-end; font-family: Calibri Bold; font-size: 2em; line-height: inherit; color: inherit; }.elem44972_text:first-letter {}.elem44972_text:before {}.elem44972_text:after {}.elem44972_icon {display: flex; grid-area: icon; justify-content: center; align-items: center; font-family: inherit; font-size: inherit; line-height: inherit; text-align: center; transform: rotate(-8deg); }.elem44972_ico {padding: 5px 10px 10px; font-family: inherit; font-size: 1.3em; line-height: 0.9; color: #FFFFFF; background-color: #e67e22; border-radius: 20px 10px 10px 20px; }.elem44972_ico i {display: block; font-size: inherit; line-height: inherit; color: inherit; }.elem44972_ico img {width: 100%; height: 100%; }.elem44972_text-2 {grid-area: text2; font-family: inherit; font-size: 1.1em; line-height: inherit; color: inherit; }.elem44972_text-2:first-letter {}.elem44972_text-2:before {}.elem44972_text-2:after {}.elem44972_ico-2 {font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }.elem44972_ico-2 i {display: block; font-size: inherit; line-height: inherit; color: inherit; }.elem44972_ico-2 img {width: 100%; height: 100%; }@media (max-width: 640px) {.elem44972_texticon {font-size: 1.3em; }}@media (max-width: 480px) {.elem44972_icon {display: none; }}@media (max-width: 480px) {.elem44972_texticon {grid-template-rows: minmax(10px, auto) minmax(10px, auto); grid-template-columns: 1fr; grid-template-areas: "text" "text2"; justify-content: flex-end; padding: 0; text-align: right; }}@media (max-width: 375px) {.elem44972_texticon {margin: 0 0 auto auto; font-size: 1.1em; }}.elem44973_texticon {display: grid; grid-template-areas: "icon text" "icon text2"; grid-gap: 5px 10px; font-family: inherit; font-size: 1.2em; line-height: inherit; color: inherit; }.elem44973_text {display: inline; grid-area: text; font-family: Calibri Bold; font-size: 1.5em; line-height: inherit; color: inherit; white-space: nowrap; }.elem44973_text:first-letter {}.elem44973_text:before {}.elem44973_text:after {}.elem44973_icon {display: flex; grid-area: icon; justify-content: center; align-items: center; }.elem44973_ico {width: 50px; }.elem44973_ico i {display: block; font-size: inherit; line-height: inherit; color: inherit; }.elem44973_ico img {width: 100%; height: 100%; }.elem44973_text-2 {display: inline; grid-area: text2; font-family: inherit; font-size: 1.3em; line-height: inherit; color: #0080FF; white-space: nowrap; }.elem44973_text-2:first-letter {}.elem44973_text-2:before {}.elem44973_text-2:after {}.elem44973_ico-2 {font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }.elem44973_ico-2 i {display: block; font-size: inherit; line-height: inherit; color: inherit; }.elem44973_ico-2 img {width: 100%; height: 100%; }@media (max-width: 375px) {.elem44973_ico {width: 30px; }}.elem44971_7520_link {display: flex; justify-content: center; align-items: center; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; text-transform: uppercase; transition: 0.5s; }.elem44971_7521_link {display: flex; justify-content: center; align-items: center; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; text-transform: uppercase; transition: 0.5s; }.elem44971_7522_link {display: flex; justify-content: center; align-items: center; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; text-transform: uppercase; transition: 0.5s; }.elem44971_7523_link {display: flex; justify-content: center; align-items: center; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; text-transform: uppercase; transition: 0.5s; }.elem44971_nav {display: flex; grid-area: nav; flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; height: 100%; padding: 0 0 1px 0; font-family: inherit; font-size: inherit; line-height: inherit; color: #ffffff; overflow: hidden; }.elem44971_nav a {width: 100%; height: 40px; white-space: nowrap; background-color: #0055AA; border-bottom: 3px solid #fff; }.elem44971_nav a:first-child {}.elem44971_nav a:last-child {}.elem44971_open {}@media (max-width: 960px) {.elem44971_nav {width: 80%; height: 100vh; background: rgba(116, 185, 255,0.5); position: fixed; top: 0; left: 0; bottom: 0; transition: all 0.7s ease 0s; transform: translateX(-100%); }}@media (max-width: 960px) {.elem44971_open {transform: translateX(0%); }}main {display: flex; grid-area: main; flex: 1 1 auto; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; padding: 0 0 20px; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; overflow: hidden; }.elem45326_h1 {flex: 1 1 100%; font-family: inherit; font-size: 1.5em; line-height: inherit; color: inherit; }.elem45326_h1:first-letter {}.elem45326_h1:before {}.elem45326_h1:after {}.elem45326_a_h1 {}.elem45329_text {display: inline; padding: 5px 0; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }.elem45329_text:first-letter {color: inherit; }.elem45319_grids {display: grid; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 40px; flex: 1 1 calc(100% - 10px); justify-content: space-between; align-items: stretch; margin: 20px 5px; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }@media (max-width: 480px) {.elem45319_grids {grid-template-columns: repeat(auto-fit, minmax(46%, 1fr)); grid-gap: 30px 20px; }}.elem45320_grid {display: flex; flex-flow: column; justify-content: flex-end; align-items: center; width: 100%; padding: 15px 0; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; text-align: center; background-color: #FFF; border: 1px dotted #000; }.elem45325_word {display: flex; flex: 1 1 auto; justify-content: center; align-items: center; width: calc(100% + 10px); padding: 5px; margin: 0 -5px; font-family: inherit; font-size: 1.1em; line-height: 1.2; color: #FFFFFF; text-align: center; text-transform: uppercase; background-color: #487eb0; }.elem45325_word:first-letter {}.elem45325_word:before {}.elem45325_word:after {}.elem45322_image {display: flex; justify-content: center; align-items: center; width: calc(100% + 20px); margin: 20px -10px; }.elem45322_image img {width: 100%; height: 100%; margin: 0 auto; }.elem45322_border:before {content: ""; }.elem45322_border:after {content: ""; }.elem45323_word {width: calc(100% + 10px); padding: 5px; margin: 0 -5px; font-family: inherit; font-size: 14px; line-height: inherit; color: #FFFFFF; text-align: center; text-transform: uppercase; background-color: #e84118; }.elem45323_word:first-letter {}.elem45323_word:before {}.elem45323_word:after {}.elem45323_word span {font-family: Rouble Sans; font-size: 1.1em; text-transform: lowercase; }.ebutt45330.hvr-fade {}.ebutt45330.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {background-color: #ff7675 !important;color: #FFFFFF !important;}.enum45330.hvr-fade {}.enum45330.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {background-color: #ff7675 !important;color: #FFFFFF !important;}.elem45330_pagination {display: flex; flex: 1 1 100%; flex-flow: row wrap; justify-content: flex-start; align-items: center; margin: 30px auto 20px; font-family: inherit; font-size: inherit; line-height: 2; color: #FFF; text-transform: uppercase; }@media (max-width: 480px) {.elem45330_pagination {justify-content: space-around; }}.elem45331_button {display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 0 10px; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; white-space: nowrap; background-color: #2980b9; border-radius: 2px; }.elem45331_text {display: flex; padding: 0 10px; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; text-align: center; }.elem45331_icon-1 {display: flex; flex: 0 1 auto; justify-content: center; align-items: center; width: 20px; padding: 0 2px; margin: 0 auto; font-size: inherit; line-height: normal; color: inherit; }.elem45331_icon-1 i {display: block; }.elem45331_icon-1 img {width: 100%; }.elem45331_icon-2 {display: flex; flex: 0 1 auto; justify-content: center; align-items: center; width: 20px; padding: 0 2px; margin: 0 auto; font-size: inherit; line-height: normal; color: inherit; }.elem45331_icon-2 i {display: block; }.elem45331_icon-2 img {width: 100%; }@media (max-width: 480px) {.elem45331_button {display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; order: 2; padding: 0 10px; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; white-space: nowrap; background-color: #576574; }}.elem45333_numbers {display: flex; flex: 0 1 auto; flex-flow: row nowrap; justify-content: space-between; align-items: center; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }.elem45333_numbers div {display: inherit; }.elem45333_number {border-radius: 2px; }@media (max-width: 480px) {.elem45333_numbers {flex: 1 1 100%; justify-content: center; order: 1; margin: 0 auto 10px; }}.elem45334_number {display: flex; justify-content: center; align-items: center; padding: 0 12px; margin: 0 10px; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; background-color: #f39c12; }.elem45334_number.active {display: flex; flex: 0 1 auto; justify-content: center; align-items: center; padding: 0 12px; margin: 0 5px; font-family: inherit; font-size: inherit; font-weight: bolder; line-height: inherit; color: inherit; background-color: #2980b9; border-radius: 2px; }.elem45332_button {display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 0 10px; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; white-space: nowrap; background-color: #2980b9; border-radius: 2px; }.elem45332_text {display: flex; padding: 0 10px; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; text-align: center; }.elem45332_icon-3 {display: flex; flex: 0 1 auto; justify-content: center; align-items: center; width: 20px; padding: 0 2px; margin: 0 auto; font-size: inherit; line-height: normal; color: inherit; }.elem45332_icon-3 i {display: block; }.elem45332_icon-3 img {width: 100%; }.elem45332_icon-4 {display: flex; flex: 0 1 auto; justify-content: center; align-items: center; width: 20px; padding: 0 2px; margin: 0 auto; font-size: inherit; line-height: normal; color: inherit; }.elem45332_icon-4 i {display: block; }.elem45332_icon-4 img {width: 100%; }@media (max-width: 480px) {.elem45332_button {order: 3; }}.elem45327_h2 {flex: 1 1 100%; margin: 10px 0; font-family: inherit; font-size: 1.3em; line-height: inherit; color: inherit; }.elem45327_h2:first-letter {}.elem45327_h2:before {}.elem45327_h2:after {}.elem45327_a_h2 {}.elem45328_text {display: inline; padding: 5px 0; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }.elem45328_text:first-letter {color: inherit; }.elem44969_aside {display: flex; grid-area: aside; flex: 1 1 100%; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start; align-items: center; min-height: 10px; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; overflow: hidden; }.elem44974_wrap {display: flex; flex: 1 1 100%; flex-flow: row wrap; justify-content: space-between; padding: 5px 0; margin: 20px -5px; font-family: Calibri Light; font-size: inherit; line-height: inherit; color: inherit; text-align: center; }.elem44974_wrap >
53 * {display: flex; flex: 1 1 calc(47% - 10px); flex-flow: column; align-items: center; margin: 15px 5px; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }.elem44974_wrap:before {}.elem44974_wrap:after {}@media (max-width: 480px) {.elem44974_wrap >
54 * {grid-template-columns: 40% 1fr; grid-gap: 10px 5px; }}.elem44975_texticon {font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }.elem44975_text {display: inline; grid-area: text; min-height: 2.4em; font-family: inherit; font-size: 1.2em; line-height: 1.2; color: #2c3e50; }.elem44975_text:first-letter {}.elem44975_text:before {}.elem44975_text:after {}.elem44975_icon {display: flex; justify-content: center; align-items: flex-start; margin: 5px auto 10px; position: relative; }.elem44975_ico {z-index: 1; }.elem44975_ico i {display: block; font-size: inherit; line-height: inherit; color: inherit; }.elem44975_ico img {width: 100%; height: 100%; }.elem44975_iborder {display: block; width: 60%; height: 60%; background-color: #fab1a0; position: absolute; top: 20%; left: 20%; }.elem44975_text-2 {display: inline; grid-area: text2; font-family: inherit; font-size: 1.2em; line-height: inherit; color: #f0932b; }.elem44975_text-2:first-letter {}.elem44975_text-2:before {}.elem44975_text-2:after {}.elem44975_ico-2 {font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }.elem44975_ico-2 i {display: block; font-size: inherit; line-height: inherit; color: inherit; }.elem44975_ico-2 img {width: 100%; height: 100%; }.elem44975_texticon span {font-family: Rouble Sans; font-size: 1.1em; }.elem44978_texticon {font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }.elem44978_text {display: inline; grid-area: text; min-height: 2.4em; font-family: inherit; font-size: 1.2em; line-height: 1.2; color: #2c3e50; }.elem44978_text:first-letter {}.elem44978_text:before {}.elem44978_text:after {}.elem44978_icon {display: flex; justify-content: center; align-items: flex-start; margin: 5px auto 10px; position: relative; }.elem44978_ico {z-index: 1; }.elem44978_ico i {display: block; font-size: inherit; line-height: inherit; color: inherit; }.elem44978_ico img {width: 100%; height: 100%; }.elem44978_iborder {display: block; width: 60%; height: 60%; background-color: #fab1a0; position: absolute; top: 20%; left: 20%; }.elem44978_text-2 {display: inline; grid-area: text2; font-family: inherit; font-size: 1.2em; line-height: inherit; color: #f0932b; }.elem44978_text-2:first-letter {}.elem44978_text-2:before {}.elem44978_text-2:after {}.elem44978_ico-2 {font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }.elem44978_ico-2 i {display: block; font-size: inherit; line-height: inherit; color: inherit; }.elem44978_ico-2 img {width: 100%; height: 100%; }.elem44978_texticon span {font-family: Rouble Sans; font-size: 1.1em; }.elem44977_texticon {font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }.elem44977_text {display: inline; grid-area: text; min-height: 2.4em; font-family: inherit; font-size: 1.2em; line-height: 1.2; color: #2c3e50; }.elem44977_text:first-letter {}.elem44977_text:before {}.elem44977_text:after {}.elem44977_icon {display: flex; justify-content: center; align-items: flex-start; margin: 5px auto 10px; position: relative; }.elem44977_ico {z-index: 1; }.elem44977_ico i {display: block; font-size: inherit; line-height: inherit; color: inherit; }.elem44977_ico img {width: 100%; height: 100%; }.elem44977_iborder {display: block; width: 60%; height: 60%; background-color: #fab1a0; position: absolute; top: 20%; left: 20%; }.elem44977_text-2 {display: inline; grid-area: text2; font-family: inherit; font-size: 1.2em; line-height: inherit; color: #f0932b; }.elem44977_text-2:first-letter {}.elem44977_text-2:before {}.elem44977_text-2:after {}.elem44977_ico-2 {font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }.elem44977_ico-2 i {display: block; font-size: inherit; line-height: inherit; color: inherit; }.elem44977_ico-2 img {width: 100%; height: 100%; }.elem44977_texticon span {font-family: Rouble Sans; font-size: 1.1em; }.elem44976_texticon {font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }.elem44976_text {display: inline; grid-area: text; min-height: 2.4em; font-family: inherit; font-size: 1.2em; line-height: 1.2; color: #2c3e50; }.elem44976_text:first-letter {}.elem44976_text:before {}.elem44976_text:after {}.elem44976_icon {display: flex; justify-content: center; align-items: flex-start; margin: 5px auto 10px; position: relative; }.elem44976_ico {z-index: 1; }.elem44976_ico i {display: block; font-size: inherit; line-height: inherit; color: inherit; }.elem44976_ico img {width: 100%; height: 100%; }.elem44976_iborder {display: block; width: 60%; height: 60%; background-color: #fab1a0; position: absolute; top: 20%; left: 20%; }.elem44976_text-2 {display: inline; grid-area: text2; font-family: inherit; font-size: 1.2em; line-height: inherit; color: #f0932b; }.elem44976_text-2:first-letter {}.elem44976_text-2:before {}.elem44976_text-2:after {}.elem44976_ico-2 {font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }.elem44976_ico-2 i {display: block; font-size: inherit; line-height: inherit; color: inherit; }.elem44976_ico-2 img {width: 100%; height: 100%; }.elem44976_texticon span {font-family: Rouble Sans; font-size: 1.1em; }footer {display: flex; grid-area: footer; flex: 0 1 100%; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; overflow: hidden; }.elem44970_footer {display: flex; flex: 1 1 100%; flex-flow: row wrap; justify-content: space-between; align-items: center; padding: 5px 0; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }@media (max-width: 846px) {.elem44970_footer {justify-content: space-around; }}.elem45187_texticon {display: grid; grid-template-areas: "icon text" "icon text2" "icon icon2"; grid-gap: 5px 10px; font-family: inherit; font-size: 1.1em; line-height: inherit; color: inherit; }.elem45187_text {display: inline; grid-area: text; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }.elem45187_text:first-letter {}.elem45187_text:before {}.elem45187_text:after {}.elem45187_icon {display: flex; grid-area: icon; justify-content: center; align-items: center; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; text-align: center; }.elem45187_ico {font-family: inherit; font-size: 2em; line-height: inherit; color: inherit; }.elem45187_ico i {display: block; font-size: inherit; line-height: inherit; color: inherit; }.elem45187_ico img {width: 100%; height: 100%; }.elem45187_text-2 {display: inline; grid-area: text2; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }.elem45187_text-2:first-letter {}.elem45187_text-2:before {}.elem45187_text-2:after {}.elem45187_icon-2 {display: flex; grid-area: icon2; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }.elem45187_ico-2 {font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }.elem45187_ico-2 i {display: block; font-size: inherit; line-height: inherit; color: inherit; }.elem45187_ico-2 img {width: 100%; height: 100%; }.elem45187_texticon span {font-family: inherit; line-height: inherit; color: inherit; white-space: nowrap; }.elem45188_texticon {display: grid; grid-template-areas: "icon text" "icon text2"; grid-gap: 5px 10px; font-family: inherit; font-size: 1.2em; line-height: inherit; color: inherit; }.elem45188_text {display: inline; grid-area: text; font-family: Calibri Bold; font-size: 1.5em; line-height: inherit; color: inherit; white-space: nowrap; }.elem45188_text:first-letter {}.elem45188_text:before {}.elem45188_text:after {}.elem45188_icon {display: flex; grid-area: icon; justify-content: center; align-items: center; }.elem45188_ico {width: 50px; font-size: 2.5em; }.elem45188_ico i {display: block; font-size: inherit; line-height: inherit; color: inherit; }.elem45188_ico img {width: 100%; height: 100%; }.elem45188_text-2 {display: inline; grid-area: text2; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; white-space: nowrap; }.elem45188_text-2:first-letter {}.elem45188_text-2:before {}.elem45188_text-2:after {}.elem45188_ico-2 {font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }.elem45188_ico-2 i {display: block; font-size: inherit; line-height: inherit; color: inherit; }.elem45188_ico-2 img {width: 100%; height: 100%; }</style>
55
56</head>
57
58
59<body>
60
61
62<div class="wrapper">
63
64<div class="elem45336_menu">
65
66 <span class="elem45336_line">
67</span>
68
69 <span class="elem45336_line">
70</span>
71
72 <span class="elem45336_line">
73</span>
74
75</div>
76<header>
77
78 <div class="elem44968_header">
79
80
81<a href="/" title="Доставка пива на дом СПб" class="elem44972_texticon">
82
83
84
85 <div class="elem44972_text">
86
87 Доставка пива </div>
88
89
90
91<div class="elem44972_icon">
92
93
94 <div class="elem44972_ico">
9524 часа!</div>
96
97
98
99</div>
100
101
102
103 <div class="elem44972_text-2">
104
105 Санкт-Петербург и Ленобласть </div>
106
107
108
109</a>
110
111 <div class="elem44973_texticon">
112
113
114
115
116 <div class="elem44973_text">
117
118 +7 (950) 013-38-11 </div>
119
120
121
122<div class="elem44973_icon">
123
124
125 <div class="elem44973_ico">
126<img src="/data/pictures/icons/44973_id_2_29e27f57e11a92bbc1edeece73a2deb1.png?rand=9080" alt="Доставка пива телефон" title="Доставка пива телефон">
127</div>
128
129
130
131</div>
132
133
134
135 <div class="elem44973_text-2">
136
137 круглосуточно </div>
138
139
140
141
142 </div>
143
144
145 </div>
146
147</header>
148
149
150
151<nav class="elem44971_nav">
152
153 <a href="/pivo/" title="Интернет-магазин пива" class="elem44971_7520_link">
154Пиво</a>
155
156
<a href="" title="" class="elem44971_7521_link">
157Закуски</a>
158
159
<a href="" title="" class="elem44971_7522_link">
160Сигареты</a>
161
162
<a href="" title="" class="elem44971_7523_link">
163McDonald's</a>
164
165
166 </nav>
167<main>
168
169 <h1 class="elem45326_h1">
170
171Интернет-магазин пива</h1>
172
173 <p class="elem45329_text">
174
175 Интернет-магазин пива - это большой выбор пива и пивных напитков производства ведущих пивоваренных компаний России и зарубежья, которое можно купить с доставкой на дом в Санкт-Петербурге </p>
176
177 <div class="elem45319_grids">
178
179 <a class="elem45320_grid" href="/dostavka/heineken-450/">
180
181 <p class="elem45325_word">
182
183Heineken</p>
184
185 <div class="elem45322_image">
186
<img src="/picture/L2RhdGEvcGljdHVyZXMvYjliNjdjMGM3Y2Y3Y2JiMTM1NDg5MmE2ODUxZWJmNDcucG5nXzI1MF8=/?rand=1556446750" alt="Хейнекен купить" title="Хейнекен">
187
188
189 </div>
190 <p class="elem45323_word">
191
192Цена: 147.00<span>
193о</span>
194</p>
195
196
197
198 </a>
199 <a class="elem45320_grid" href="/dostavka/miller-genuine-draft-500ml-banka/">
200
201 <p class="elem45325_word">
202
203Miller</p>
204
205 <div class="elem45322_image">
206
<img src="/picture/L2RhdGEvcGljdHVyZXMvOWZmNzdlZjYwMTE0ZDUxYTEzNmUzN2RlOTdlYmZkNDIucG5nXzI1MF8=/?rand=1556446751" alt="Миллер купить" title="Миллер Дженьюин Драфт">
207
208
209 </div>
210 <p class="elem45323_word">
211
212Цена: 140.80<span>
213о</span>
214</p>
215
216
217
218 </a>
219 <a class="elem45320_grid" href="/dostavka/stella-artois/">
220
221 <p class="elem45325_word">
222
223Stella Artois</p>
224
225 <div class="elem45322_image">
226
<img src="/picture/L2RhdGEvcGljdHVyZXMvNjhlNjM2ZTIzNmUzYTc1YmVlNDk5YzdiMzU2MzhlNDkucG5nXzI1MF8=/?rand=1556446752" alt="Стелла Артуа купить" title="Стелла Артуа">
227
228
229 </div>
230 <p class="elem45323_word">
231
232Цена: 147.30<span>
233о</span>
234</p>
235
236
237
238 </a>
239 <a class="elem45320_grid" href="/dostavka/baltika--0-bezalkogolnoe-450/">
240
241 <p class="elem45325_word">
242
243Балтика</p>
244
245 <div class="elem45322_image">
246
<img src="/picture/L2RhdGEvcGljdHVyZXMvYjhkMDgxYWMxZGEwNWQyZDdmMzU4MWE3MGNlMTdkZWEucG5nXzI1MF8=/?rand=1556446754" alt="Балтика купить" title="Балтика №0 Безалкогольное">
247
248
249 </div>
250 <p class="elem45323_word">
251
252Цена: 115.70<span>
253о</span>
254</p>
255
256
257
258 </a>
259 <a class="elem45320_grid" href="/dostavka/grolsch/">
260
261 <p class="elem45325_word">
262
263Grolsch</p>
264
265 <div class="elem45322_image">
266
<img src="/picture/L2RhdGEvcGljdHVyZXMvZmI0YTk5MDM4OWI2MjcwNWFiNDY3NWZkYzUwN2ZhZGEucG5nXzI1MF8=/?rand=1556446754" alt="Гролш купить" title="Гролш">
267
268
269 </div>
270 <p class="elem45323_word">
271
272Цена: 135.90<span>
273о</span>
274</p>
275
276
277
278 </a>
279 <a class="elem45320_grid" href="/dostavka/zlaty-bazant-radler/">
280
281 <p class="elem45325_word">
282
283Zlaty Bazant</p>
284
285 <div class="elem45322_image">
286
<img src="/picture/L2RhdGEvcGljdHVyZXMvZmY0MWYzMWM0MGRiMGFiYzM4Y2ViNzk3YmNlOGFkMTYucG5nXzI1MF8=/?rand=1556446755" alt="Златый Базант купить" title="Златый Базант Радлер">
287
288
289 </div>
290 <p class="elem45323_word">
291
292Цена: 145.00<span>
293о</span>
294</p>
295
296
297
298 </a>
299 <a class="elem45320_grid" href="/dostavka/faxe-premium-450/">
300
301 <p class="elem45325_word">
302
303Faxe</p>
304
305 <div class="elem45322_image">
306
<img src="/picture/L2RhdGEvcGljdHVyZXMvYWQ0MjA3NDgxOTFjMzljZmRlMjg5OWFhOTc5YWNhMzkucG5nXzI1MF8=/?rand=1556446755" alt="Факсе купить" title="Факсе Премиум">
307
308
309 </div>
310 <p class="elem45323_word">
311
312Цена: 75.90<span>
313о</span>
314</p>
315
316
317
318 </a>
319 <a class="elem45320_grid" href="/dostavka/staropramen/">
320
321 <p class="elem45325_word">
322
323Staropramen</p>
324
325 <div class="elem45322_image">
326
<img src="/picture/L2RhdGEvcGljdHVyZXMvNzNmNWUzYjRhOTk4MjM2MTBlZWYzNmYyMDg1MTFjNTEucG5nXzI1MF8=/?rand=1556446755" alt="Старопрамен купить" title="Старопрамен">
327
328
329 </div>
330 <p class="elem45323_word">
331
332Цена: 148.40<span>
333о</span>
334</p>
335
336
337
338 </a>
339 <a class="elem45320_grid" href="/dostavka/zolotaya-bochka-klassicheskoe/">
340
341 <p class="elem45325_word">
342
343Золотая Бочка</p>
344
345 <div class="elem45322_image">
346
<img src="/picture/L2RhdGEvcGljdHVyZXMvZjlmYmYyN2QwMjI0ZTA3N2E2NTMyZDE2MTc5N2FkY2YucG5nXzI1MF8=/?rand=1556446756" alt="Золотая Бочка купить" title="Золотая Бочка Классическое">
347
348
349 </div>
350 <p class="elem45323_word">
351
352Цена: 109.60<span>
353о</span>
354</p>
355
356
357
358 </a>
359 <a class="elem45320_grid" href="/dostavka/zolotaya-bochka-svetloe/">
360
361 <p class="elem45325_word">
362
363Золотая Бочка</p>
364
365 <div class="elem45322_image">
366
<img src="/picture/L2RhdGEvcGljdHVyZXMvMzcxNjM5ZjM1NDQ4MTg0YWM0OGEwZjViZTRjMWVlOTUucG5nXzI1MF8=/?rand=1556446756" alt="Золотая Бочка купить" title="Золотая Бочка Светлое">
367
368
369 </div>
370 <p class="elem45323_word">
371
372Цена: 120.70<span>
373о</span>
374</p>
375
376
377
378 </a>
379 <a class="elem45320_grid" href="/dostavka/krusovice-cerne-can/">
380
381 <p class="elem45325_word">
382
383Krusovice</p>
384
385 <div class="elem45322_image">
386
<img src="/picture/L2RhdGEvcGljdHVyZXMvMWU1YjFhOTkyZGUxNmUxZTk3MGVlMDE4YzNkNWUyNjIucG5nXzI1MF8=/?rand=1556446757" alt="Крушовице купить" title="Крушовице Черне">
387
388
389 </div>
390 <p class="elem45323_word">
391
392Цена: 210.00<span>
393о</span>
394</p>
395
396
397
398 </a>
399 <a class="elem45320_grid" href="/dostavka/beliy-medved-svetloe/">
400
401 <p class="elem45325_word">
402
403Белый Медведь</p>
404
405 <div class="elem45322_image">
406
<img src="/picture/L2RhdGEvcGljdHVyZXMvZTM5NjQ5YTg3NWE3NzgxNTk4ZmMxNGRmOTM5ZjhhYzcucG5nXzI1MF8=/?rand=1556446757" alt="Белый Медведь купить" title="Белый Медведь Светлое">
407
408
409 </div>
410 <p class="elem45323_word">
411
412Цена: 115.50<span>
413о</span>
414</p>
415
416
417
418 </a>
419
420 </div>
421<div class="elem45330_pagination">
422
423 <div class="elem45333_numbers">
424
425 <a href="/pivo/p-1/" title="Интернет-магазин пива" class="elem45334_number active">
4261</a>
427
428 <a href="/pivo/p-2/" title="Интернет-магазин пива" class="elem45334_number enum45330 hvr-fade">
4292</a>
430
431 <a href="/pivo/p-3/" title="Интернет-магазин пива" class="elem45334_number enum45330 hvr-fade">
4323</a>
433
434
435</div>
436 <a href="/pivo/p-2/" title="Интернет-магазин пива" class="elem45332_button ebutt45330 hvr-fade">
437
438
439
440 <div class="elem45332_text">
441вперед</div>
442
443 <div class="elem45332_icon-3">
444<i class="fa fa-chevron-right">
445</i>
446</div>
447
448 <div class="elem45332_icon-4">
449<i class="fa fa-chevron-right">
450</i>
451</div>
452
453 </a>
454
455 </div>
456<h2 class="elem45327_h2">
457
458Пивной магазин с доставкой пива по Санкт-Петербургу</h2>
459
460 <p class="elem45328_text">
461
462 В пивном интернет-магазине можно заказать пиво онлайн, чтобы его доставили прямо домой. Интернет-магазин пива и пивных напитков позволяет купить пиво с доставкой на дом, курьерская служба магазина развозит пиво по всему Санкт-Петербургу и ближайшей Ленобласти, в течение часа или полутора часов доставляя пиво, закуски и сигареты в любой район Спб. В продаже с доставкой всегда отличный ассортимент светлого и темного пива, заказать можно фильтрованное и нефильтрованное пиво как производства российских пивоварен, так и производства пивоварен Баварии, Германии, Франции и Мексики. Все доставляемое пиво свежее и в заводской упаковке, минимальное количество банок (бутылок) пива для заказа с доставкой на дом - от 4х штук. </p>
463
464</main>
465
466
467<aside class="elem44969_aside">
468
469
470<div class="elem44974_wrap">
471
472 <div class="elem44975_texticon">
473
474
475
476
477 <div class="elem44975_text">
478
479 Золотая Бочка Светлое </div>
480
481
482
483<div class="elem44975_icon">
484
485
486 <a href="/dostavka/zolotaya-bochka-svetloe/" title="Золотая Бочка Светлое" class="elem44975_ico">
487<img src="/picture/L2RhdGEvcGljdHVyZXMvMzcxNjM5ZjM1NDQ4MTg0YWM0OGEwZjViZTRjMWVlOTUucG5nXzI1MF8yMDA=/?rand=1556446758" alt="Золотая Бочка Светлое" title="Золотая Бочка Светлое">
488</a>
489
490
491 <div class="elem44975_iborder">
492</div>
493
494</div>
495
496
497
498 <div class="elem44975_text-2">
499
500 120.70<span>
501о</span>
502 </div>
503
504
505
506
507 </div>
508
509
510 <div class="elem44978_texticon">
511
512
513
514
515 <div class="elem44978_text">
516
517 Старый Мельник Светлое </div>
518
519
520
521<div class="elem44978_icon">
522
523
524 <a href="/dostavka/stariy-melnik-svetloe/" title="Старый Мельник Светлое" class="elem44978_ico">
525<img src="/picture/L2RhdGEvcGljdHVyZXMvZDQwM2ZlZmY0MzEyODFhN2ZiZWNhYTE0MGFiNDEwZjQucG5nXzI1MF8yMDA=/?rand=1556446758" alt="Старый Мельник Светлое" title="Старый Мельник Светлое">
526</a>
527
528
529 <div class="elem44978_iborder">
530</div>
531
532</div>
533
534
535
536 <div class="elem44978_text-2">
537
538 118.80<span>
539о</span>
540 </div>
541
542
543
544
545 </div>
546
547
548 <div class="elem44977_texticon">
549
550
551
552
553 <div class="elem44977_text">
554
555 Охота Крепкое </div>
556
557
558
559<div class="elem44977_icon">
560
561
562 <a href="/dostavka/ohota-krepkoe-450-can/" title="Охота Крепкое" class="elem44977_ico">
563<img src="/picture/L2RhdGEvcGljdHVyZXMvMTM4YTQzOWQzOWIwNGExMmNmZTA0NDllZTMzYzU3YzgucG5nXzI1MF8yMDA=/?rand=1556446758" alt="Охота Крепкое" title="Охота Крепкое">
564</a>
565
566
567 <div class="elem44977_iborder">
568</div>
569
570</div>
571
572
573
574 <div class="elem44977_text-2">
575
576 119.60<span>
577о</span>
578 </div>
579
580
581
582
583 </div>
584
585
586 <div class="elem44976_texticon">
587
588
589
590
591 <div class="elem44976_text">
592
593 Тайгер </div>
594
595
596
597<div class="elem44976_icon">
598
599
600 <a href="/dostavka/tiger-480/" title="Тайгер" class="elem44976_ico">
601<img src="/picture/L2RhdGEvcGljdHVyZXMvYWFhYWNhZmFhZGVhN2NhYzdlNTM5OGM3ZTExZjIzY2EucG5nXzI1MF8yMDA=/?rand=1556446758" alt="Тайгер" title="Тайгер">
602</a>
603
604
605 <div class="elem44976_iborder">
606</div>
607
608</div>
609
610
611
612 <div class="elem44976_text-2">
613
614 123.40<span>
615о</span>
616 </div>
617
618
619
620
621 </div>
622
623
624
625 </div>
626
627
628</aside>
629
630
631<footer>
632
633 <div class="elem44970_footer">
634
635
636 <div class="elem45187_texticon">
637
638<div class="elem45187_icon-2">
639
640
641 <div class="elem45187_ico-2">
642Пивные закуски и табачные изделия</div>
643
644
645
646</div>
647
648
649
650 <div class="elem45187_text">
651
652 Доставка пива на дом Спб <span>
653© 2016 - 2019</span>
654
655 </div>
656
657
658
659<div class="elem45187_icon">
660
661
662 <div class="elem45187_ico">
663<i class="fa fa-heart" style="color:#FF5555;">
664</i>
665</div>
666
667
668
669</div>
670
671
672
673 <div class="elem45187_text-2">
674
675 Пиво и пивные напитки с доставкой
676 </div>
677
678
679
680
681 </div>
682
683
684 <div class="elem45188_texticon">
685
686
687
688
689 <div class="elem45188_text">
690
691 +7 (950) 013-38-11 </div>
692
693
694
695<div class="elem45188_icon">
696
697
698 <div class="elem45188_ico">
699<i class="fa fa-phone" style="color:#0080FF;">
700</i>
701</div>
702
703
704
705</div>
706
707
708
709 <div class="elem45188_text-2">
710
711 круглосуточно </div>
712
713
714
715
716 </div>
717
718
719 </div>
720
721</footer>
722
723
724
725</div>
726
727
728<script src="/data/libs/jquery/jquery-3.3.1.min.js?39118">
729</script>
730
731
732<script>
733
734$(document).ready(function() {
735$('.elem45336_menu').click(function() {
736 $(this).toggleClass('elem45336_active');
737 $('.elem44971_nav').toggleClass('elem44971_open');
738});
739$('.wrapper').on('click', function(e) {
740 if(!$(e.target).closest('.elem45336_menu').length) {
741 $('.elem45336_menu').removeClass('elem45336_active');
742 $('.elem44971_nav').removeClass('elem44971_open');
743 }
744 e.stopPropagation();
745});
746});
747</script>
748
749
750</body>
751
752</html>