*, *:after, *:before {
padding: 0;
margin: 0;
transition: .2s ease-in-out; /* добавим плавность переходов для всех элементов страницы*/
}

ul {
list-style: none;
}

a {
text-decoration: none;
outline: none;
}

h1, h2, h3, h4, h5, h6 {
letter-spacing: 0.5px;
}
body {
font-family: 'Roboto Condensed', sans-serif;
font-size: 14px;
line-height: 1;
color: #373737;
}
/* добавим очистку потока для всех контейнеров, внутри которых задано обтекание дочерних элементов */
.header2:after, .container:after, footer3:after, .widget-posts-list li:after, #subscribe:after {
content: "";
display: table;
clear: both;
} 
/* стилевой класс, который управляет шириной контейнера сетки*/
.container {
margin: 0 auto;
width: 100%;
max-width: 1000px;
padding: 0 15px;
} 
.containeraaa {
margin: 0 auto;
width: 100%;
max-width: 1000px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
} 

header {
width: 100%;
background: #ee0000;
box-shadow: 3px 3px 1px rgba(0,0,0,.05);
padding: 0px 0;
margin-bottom: 30px;
position: relative;
}
.header1 {
min-height: 40px; 
text-align: center;
background: #000;
border-bottom: 0px solid #ffbb00;
transition: .0s ease-in-out;
}
.menu1 {
text-align: center;
background: #000;
border-bottom: 0px solid #ffbb00;
transition: .0s ease-in-out;
}
.header2 {
width: 100%;
min-height: 80px;
background: #000;
padding: 5px 0px 0px 0px;
margin-bottom: 0px;
position: relative;
box-sizing: border-box;
border-bottom: 4px solid #333;
}
/* логотип */
.main_logo {
width: 256px;
height: 61px;
}
.logo2 {
width: 50%;
display: block; 
float: left;
padding: 18px 0px 15px 15px;
box-sizing: border-box;
}
.number_block {
width: 50%;
float: left;
text-align: right;
padding: 10px 15px;
font-size: 24px;
box-sizing: border-box;
}
.header_number {
padding: 5px 0px 5px 0px; 
clear: both;
}
.header_search {
padding: 10px 0px 15px 0px; 
clear: both;
}
.top_number {
display: none;
}
.top_menu_button {
display: none;
}
.top_menu_button2 {
display: none;
}
.top_phone_button2 {
display: none;
}
.top_menu777 {
display: none; 
width: 100%; 
position: absolute; 
z-index: 9999;
top: 40px; 
clear: both; 
transition: .0s ease-in-out; 
}

.beer_block2 {
width: 20%;
float: left;
display: flex;
justify-content: center;
}
.brewery_block2 {
width: 16.6%;
float: left;
display: flex;
justify-content: center;
}

.filter_block {
width: 20%;
float: left;
display: flex;
justify-content: center;
}

/* меню */
#menu {
float: center;
}
#menu li {
display: inline-block;
margin-right: 15px;
font-size: 15px;
}
#menu a {
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
display: block;
line-height: 40px;
}
#menu a:hover {
color: #ffbb00;
}
#menu li:last-child  {
margin-right: 0;
}

/* кнопка переключения меню, появляющаяся при ширине 768px */
.nav-toggle {
display: none;
position: relative;
float: right;
width: 40px;
height: 40px;
margin-left: 20px;
background: #ffbb00;
cursor: pointer;
}
.nav-toggle span {
display: block;
position: absolute;
top: 19px;
left: 8px;
right: 8px;
height: 3px;
background: #000;
}
.nav-toggle span:before, .nav-toggle span:after {
content: "";
position: absolute;
display: block;
left: 0;
width: 100%;
height: 3px;
background: #000;
}
.nav-toggle span:before {
top: -10px;
}
.nav-toggle span:after {
bottom: -10px;
}
/* класс, который будет добавлен в верхнему меню при нажатии на кнопку и покажет скрытое меню*/
#menu.active {
min-height: 403px;
}

.footer3 {
padding: 30px 0 30px 0;
background: #3C3D41;
color: white;
text-align: center;
}
.footer_block {
width: 20%;
margin: 0 auto;
float: left;
display: flex;
justify-content: center;
}

/*--- bottled beers page ---*/
.title_select {
width: calc(100% - 335px); 
min-height: 30px; 
margin: 10px 20px 40px 20px; 
clear: both; 
float:left;
}
.filtr_select {
width: 200px; 
min-height: 30px; 
margin: 10px 20px 40px 20px; 
padding: 5px 0px 5px 55px; 
float:left; 
text-align: left;
}
.title_select_brewery {
width: calc(100% - 335px); 
min-height: 30px; 
margin: 10px 20px 40px 20px; 
clear: both; 
float:left;
}
.title_select_610 {
display: none;
}
/*--- / bottled beers page ---*/

/*--- beer page ---*/
.beer_page_title{
width: 100%;
min-height: 30px;
margin: -10px 0px 5px 0px; 
padding: 0px;
float:left;
clear:both;
text-align: left;
font-size: 15px;
color: #000;
}
.beer_page_image{
width: 240px; 
height: 240px;
margin: 20px 0px 20px 20px;  
padding: 3px;
border: 0px solid #c0c0c0; 
float:left; 
text-align: center;
background-color:#fff;
}
.beer_page_image:hover{
width: 240px; 
height: 240px; 
margin: 20px 0px 20px 20px; 
padding: 3px;
border: 0px solid #c0c0c0; 
float:left; 
text-align: center;
background-color:#fff;
}
.product_page_favorit_marker_500{
display: none;
width: 100%;
clear:both;
}
.beer_page_image_500{
display: none;
max-height: 500px;
margin: 0px;
float:left; 
clear:both;
justify-content: center;
}
.beer_page_markers_500{
display: none;
max-height: 1px;
margin: 0px;
float:left; 
clear:both;
justify-content: flex-start;
}
.beer_page_markers{
display: flex;
width: 246px; 
max-height: 1px;
margin: 0px;
float:left; 
clear:both;
justify-content: flex-start;
}
.beer_page_nal_ontap{
display: block;
width: 150px;
height: 20px;
padding: 15px 0px 0px 0px; 
float:left; 
text-align: left;
}
.beer_page_nal_ontap_500{
display: none;
}
/*--- /beer page ---*/

.product_page_name{ /* all products */
width: 670px;
clear:both;
float:left;
}

.product_page_properties{ /* all products */
min-width: 374px;
min-height: 200px;
margin: 20px 20px 10px 20px;
float:left;
color: #000;
}

.product_page_properties_table_row_30{ /* all products */
width: calc(30% - 42px); 
max-width: 200px; 
min-height: 20px; 
padding: 7px 20px; 
float: left; 
text-align: right; 
border-right: 0px solid #d0d0d0; 
font-weight: bold; 
line-height: 24px;
}

.product_page_properties_table_row_70{ /* all products */
width: calc(70% - 40px); 
min-height: 24px; 
padding: 7px 20px; 
float: left; 
text-align: left; 
border-left: 2px solid #d0d0d0; 
line-height: 24px;
}

/*--- brewery page ---*/
.brewery_page_name_block{
width: 780px; 
min-height: 110px; 
margin: 0px 20px 20px 40px; 
float:left;
}
/*--- /brewery page ---*/

/*--- ontap page ---*/
.ontap_page_image_block{
display: block;
width: 200px; 
min-height: 200px; 
margin: 0px 40px 0px 0px; 
float:left;
}
.ontap_page_image_block_500{
display: none;
max-height: 500px;
margin: 0px;
float:left; 
clear:both;
justify-content: center;
}
.ontap_page_image_button_500{
display: none;
width: calc(100% - 40px);
margin: 0px;
padding: 0 8px;
float:left; 
clear:both;
justify-content: center;
}
/*--- /ontap page ---*/

/*--- top navig ---*/
.top_navig_main_div{
min-height: 20px; 
margin: 0px 20px 20px 20px; 
clear: both; 
line-height: 25px;
}
.top_navig_div{
min-height: 10px; 
padding-right: 10px; 
margin: 0px 10px 5px 0px; 
float: left; 
border-right: 1px solid #d0d0d0;
}
/*--- /top navig ---*/


/*--- barrel-aged-beer ---*/
.barrel_aged_beer_page_row{
width: 500px;    
}
/*--- /barrel-aged-beer ---*/

.footer_address1 {
width: 50%;
height: 25px;
margin: 0 auto; 
float: left;
display: flex;
justify-content: right;

}
.footer_address2 {
width: 50%;
height: 25px;
margin: 0 auto;
float: left;
display: flex;
justify-content: left;
}

.mobile_block{
    display: none;
}

@media (max-width: 990px) {
/* распределяем галерею пива по 25% */
.beer_block2 {
width: 25%;
float: left;
display: flex;
justify-content: center;
}
.filter_block {
width: 25%;
float: left;
display: flex;
justify-content: center;
}
.footer_block {
width: 25%;
margin: 0 auto;
float: left;
display: flex;
justify-content: center;
}

.product_page_name{ /* all products */
width: 620px;
clear:both;
float:left;
}
/*--- brewery page ---*/
.brewery_page_name_block{
width: 740px; 
min-height: 110px; 
margin: 0px 20px 20px 40px; 
float:left;
}
/*--- /brewery page ---*/
}

@media (max-width: 950px) {
.product_page_name{ /* all products */
width: 570px;
clear:both;
float:left;
}
/*--- brewery page ---*/
.brewery_page_name_block{
width: 690px; 
min-height: 110px; 
margin: 0px 20px 20px 40px; 
float:left;
}
/*--- /brewery page ---*/
}

@media (max-width: 900px) {
/* распределяем галерею пива по 33% */
.brewery_block2 {
width: 20%;
float: left;
display: flex;
justify-content: center;
}
.product_page_name{ /* all products */
width: 520px;
clear:both;
float:left;
}
/*--- brewery page ---*/
.brewery_page_name_block{
width: 640px; 
min-height: 110px; 
margin: 0px 20px 20px 40px; 
float:left;
}
/*--- /brewery page ---*/
}

@media (max-width: 850px) {
.product_page_name{ /* all products */
width: 470px;
clear:both;
float:left;
}
/*--- brewery page ---*/
.brewery_page_name_block{
width: 590px; 
min-height: 110px; 
margin: 0px 20px 20px 40px; 
float:left;
}
/*--- /brewery page ---*/
}

@media (max-width: 800px) {
/* распределяем галерею пива по 33% */
.beer_block2 {
width: 33%;
float: left;
display: flex;
justify-content: center;
}
.filter_block {
width: 33%;
float: left;
display: flex;
justify-content: center;
}
.footer_block {
width: 33%;
margin: 0 auto;
float: left;
display: flex;
justify-content: center;
}
.product_page_name{ /* all products */
width: 420px;
clear:both;
float:left;
}
/*--- brewery page ---*/
.brewery_page_name_block{
width: 540px; 
min-height: 110px; 
margin: 0px 20px 20px 40px; 
float:left;
}
/*--- /brewery page ---*/
}

@media (max-width: 768px) {
/* показываем кнопку для переключения верхней навигации */
.nav-toggle {
display: block;
}
.header2 {
top: 30px;
left: 0px;
position: fixed; 
z-index: 999;    
border-top: 0px solid #ffbb00;
border-bottom: 4px solid #ffbb00;
}
.display610px {
height: 85px; 
clear: both;
}
.top_menu_button2 {
width: 15%;
display: block;
position: relative;
float: left;
cursor: pointer;
font-size: 30px;
margin-top: 18px;
text-align: center;
}
.top_phone_button2 {
width: 15%;
display: block;
position: relative;
float: left;
cursor: pointer;
font-size: 30px;
margin-top: 18px;
text-align: center;
}
.main_logo {
width: 200px;
height: 48px;
}
.logo2 {
display: none;
}
.header1 {
display: none;
}
.menu1 {
display: none;
}
.top_number {
display: none;
}
.top_menu_button {
display: none;
}
.number_block {
display: none;
}
.number222 {
width: 100%;
float: none;
margin: 0 auto 15px;
display: table;
text-align: center;
}
.top_menu777 {
display: none; 
width: 100%; 
position: absolute; 
z-index: 9999;
top: 115px; 
clear: both; 
transition: .0s ease-in-out; 
}

.product_page_favorit_marker_500{
display: block;
width: 100%;
clear:both;
}

.beer_page_image{
display: none;
}
.beer_page_image_500{
display: flex;
width: calc(100% - 40px); 
max-height: 500px;
padding: 0 20px;
margin: 20px 0px 20px 0px;
float:left; 
clear:both;
justify-content: center;
}
.beer_page_markers_500{
display: flex;
width: 100%; 
max-height: 1px;
margin: 0px;
float:left; 
clear:both;
justify-content: flex-start;
}
.beer_page_markers{
display: none;
max-height: 1px;
margin: 0px;
float:left; 
clear:both;
justify-content: flex-start;
}
.brewery_block2 {
width: 25%;
float: left;
display: flex;
justify-content: center;
}
.cider_abv_kkal{
margin-left: 55px; 
}
.product_page_name{ /* all products */
width: 100%; 
clear:both;
float:left;
}
.product_page_properties{ /* all products */
width: calc(100% - 40px); 
min-height: 200px;
margin: 20px 20px 10px 20px;
float:left;
color: #000;
}
.product_page_properties_table_row_30{ /* all products */
width: calc(30% - 42px); 
max-width: 200px; 
min-height: 20px; 
padding: 15px 20px; 
float: left; 
text-align: right; 
border-right: 0px solid #d0d0d0; 
font-weight: bold; 
line-height: 24px;
}

.product_page_properties_table_row_70{ /* all products */
width: calc(70% - 40px); 
min-height: 24px; 
padding: 15px 20px; 
float: left; 
text-align: left; 
border-left: 2px solid #d0d0d0; 
line-height: 24px;
}
/*--- brewery page ---*/
.brewery_page_name_block{
width: 490px; 
min-height: 110px; 
margin: 0px 20px 20px 40px; 
float:left;
}
/*--- /brewery page ---*/
/*--- barrel-aged-beer ---*/
.barrel_aged_beer_page_row{
width: 450px;    
}
/*--- /barrel-aged-beer ---*/

    .mobile_block{
        display: block;
    }
    .top_menu_button777 {
    width: 56px;
    height: 56px;
    display: block;
    position: relative;
    float: left;
    cursor: pointer;
    font-size: 30px;
    margin-top: 20px;
    text-align: center;
    }
    .top_favorites_button777 {
    width: 52px;
    display: block;
    position: relative;
    float: left;
    cursor: pointer;
    font-size: 30px;
    margin-top: 15px;
    text-align: center;
    }
    .top_favorites_button777_2 span {
    display:inline-block;
    position: relative;
    top: -46px;   
    left: 16px;
    text-align: center;
    color: #ee0000;
    font-size: 14px;
    font-weight: bold;
    background: #fff; /* Цвет фона */
    border: 1px; /* Параметры рамки */
    width: 22px; /* Ширина кнопки */
    height: 16px; /* Высота */
    padding: 4px 0px 1px 0px;
    border-radius: 9px;
    }
    .top_cart_button777 {
    width: 62px;
    display: block;
    position: relative;
    float: left;
    cursor: pointer;
    font-size: 28px;
    margin-top: 21px;
    text-align: center;
    }
    .top_cart_button777_2 span {
    display:inline-block;
    position:relative;
    top: -46px;   
    left: 15px;
    text-align: center;
    color: #ee0000;
    font-size: 14px;
    font-weight: bold;
    background: #fff; /* Цвет фона */
    border: 1px; /* Параметры рамки */
    width: 22px; /* Ширина кнопки */
    height: 16px; /* Высота */
    padding: 4px 0px 1px 0px;
    border-radius: 9px;
    }
    .main_logo777 {
    width: 190px;
    }
    .logo777 {
    width: calc(100% - 176px); 
    margin: 0 auto 0px;
    display: table;
    padding: 10px 0px 19px 0px;
    float: left;
    text-align: center;
    }
}

@media (max-width: 700px) {
/*--- ontap page ---*/
.ontap_page_image_block{
display: none;
}
.ontap_page_image_block_500{
display: flex;
width: calc(100% - 40px); 
max-height: 500px;
padding: 0 20px;
margin: 0px 0px 50px 0px;
float:left; 
clear:both;
justify-content: center;
}
.ontap_page_image_button_500{
display: flex;
width: calc(100% - 20px);
margin: 0px;
padding: 0 8px;
float:left; 
clear:both;
justify-content: center;
}
/*--- /ontap page ---*/
/*--- brewery page ---*/
.brewery_page_name_block{
width: 440px; 
min-height: 110px; 
margin: 0px 20px 20px 40px; 
float:left;
}
/*--- /brewery page ---*/
/*--- barrel-aged-beer ---*/
.barrel_aged_beer_page_row{
width: 450px;    
}
/*--- /barrel-aged-beer ---*/
}

@media (max-width: 650px) {
/*--- brewery page ---*/
.brewery_page_name_block{
width: 390px; 
min-height: 110px; 
margin: 0px 20px 20px 40px; 
float:left;
}
/*--- /brewery page ---*/
/*--- barrel-aged-beer ---*/
.barrel_aged_beer_page_row{
width: 400px;    
}
/*--- /barrel-aged-beer ---*/
}

@media (max-width: 610px) {
/*
.header2 {
top: 0px;
left: 0px;
position: fixed; 
z-index: 999;    
border-top: 0px solid #ffbb00;
border-bottom: 4px solid #ffbb00;
}
.display610px {
height: 85px; 
clear: both;
}
.top_menu_button2 {
width: 15%;
display: block;
position: relative;
float: left;
cursor: pointer;
font-size: 30px;
margin-top: 18px;
text-align: center;
}
.top_phone_button2 {
width: 15%;
display: block;
position: relative;
float: left;
cursor: pointer;
font-size: 30px;
margin-top: 18px;
text-align: center;
}
.main_logo {
width: 200px;
height: 48px;
}
.logo2 {
width: 70%;
margin: 0 auto 0px;
display: table;
padding: 10px 0px 18px 0px;
float: left;
text-align: center;
}
.header1 {
display: none;
}
.top_number {
display: none;
}
.top_menu_button {
display: none;
}
.number_block {
display: none;
}
.number222 {
width: 100%;
float: none;
margin: 0 auto 15px;
display: table;
text-align: center;
}
.top_menu777 {
display: none; 
width: 100%; 
position: absolute; 
z-index: 9999;
top: 85px; 
clear: both; 
transition: .0s ease-in-out; 
}
*/
/* распределяем галерею пива по 50% */
.beer_block2 {
width: 50%;
float: left;
display: flex;
justify-content: center;
}
.filter_block {
display: none;
}
.footer_block {
width: 50%;
margin: 0 auto;
float: left;
display: flex;
justify-content: center;
}
.brewery_block2 {
width: 33%;
float: left;
display: flex;
justify-content: center;
}
.cider_abv_kkal{
margin-left: 55px; 
}
/*--- bottled beers page ---*/
.title_select_brewery {
display: none;
}
.title_select_610 {
display: block;
min-height: 30px; 
margin: 20px 20px 10px 20px; 
clear: both; 
}
.title_select {
width: calc(100% - 40px); 
min-height: 30px; 
margin: 20px 20px 10px 20px; 
clear: both; 
float:left;
}
.filtr_select {
width: calc(100% - 40px);  
min-height: 30px; 
margin: 0px 20px 40px 20px; 
padding: 5px 0px 5px 0px; 
float:left; 
text-align: left;
}
/*--- / bottled beers page ---*/
/*--- brewery page ---*/
.brewery_page_name_block{
width: 340px; 
min-height: 110px; 
margin: 0px 20px 20px 40px; 
float:left;
}
/*--- /brewery page ---*/
.footer_address1 {
width: 100%;
height: 25px;
margin: 0 auto;
clear: both;
justify-content: center;
}
.footer_address2 {
width: 100%;
height: 25px;
margin: 0 auto;
clear: both;
justify-content: center;
}
}

@media (max-width: 550px) {
/*--- brewery page ---*/
.brewery_page_name_block{
width: 290px; 
min-height: 110px; 
margin: 0px 20px 20px 40px; 
float:left;
}
/*--- /brewery page ---*/
/*--- barrel-aged-beer ---*/
.barrel_aged_beer_page_row{
width: 350px;    
}
/*--- /barrel-aged-beer ---*/
}

@media (max-width: 500px) {
/*--- brewery page ---*/
.brewery_page_name_block{
width: 260px; 
min-height: 110px; 
margin: 0px 20px 20px 20px; 
float:left;
}
/*--- /brewery page ---*/
/*--- barrel-aged-beer ---*/
.barrel_aged_beer_page_row{
width: 300px;    
}
/*--- /barrel-aged-beer ---*/
}

@media (max-width: 479px) {
/* позиционируем меню на увеличившуюся высоту шапки */
#menu {
top: 128px;
font-size: 12px;
}
.beer_page_nal_ontap{
display: none;
}
.beer_page_nal_ontap_500{
display: flex;
width: calc(100% - 40px); 
max-height: 40px;
margin: 40px 20px 20px 20px;
float:left; 
clear:both;
justify-content: center;
color:#008f00;
font-size: 18px;
}
.brewery_block2 {
width: 50%;
float: left;
display: flex;
justify-content: center;
}
.cider_abv_kkal{
margin-left: 55px; 
}
}

@media (max-width: 450px) {
/*--- brewery page ---*/
.brewery_page_name_block{
width: 244px; 
min-height: 110px; 
margin: 0px 20px 20px 20px; 
float:left;
}
/*--- /brewery page ---*/
}

@media (max-width: 414px) {
/* отменяем обтекание для логотипа и выравниваем по центру*/
html, body
{
    padding: 0;
    margin: 0;
}

.wrapper
{    
    min-width: 414px;
    width: 100%;
    padding: 0px;
}
.brewery_page_name_block{
width: 244px; 
min-height: 110px; 
margin: 0px 20px 20px 20px; 
float:left;
}
.cider_abv_kkal{
margin-left: 55px; 
}

.top_menu777 {
display: none; 
width: 414px; 
position: absolute; 
z-index: 9999;
top: 115px; 
clear: both; 
transition: .0s ease-in-out; 
}
}