h1{
line-height: 30px;
}

a:link, a:visited, a:active {
color:#000;
text-decoration:line;
}
a:hover {
color: #ee0000;
text-decoration:none;
}

.green a:link, .green a:visited, .green a:active {
color: #008f00;
text-decoration:line;
}
.green a:hover {
color: #ee0000;
text-decoration:none;
}

.a_green_line a:link, .a_green_line a:visited, .a_green_line a:active {
color: #008f00;
text-decoration:line;
}
.a_green_line a:hover {
color: #ee0000;
text-decoration:none;
}

.a_green_noline a:link, .a_green_noline a:visited, .a_green_noline a:active {
color: #008f00;
text-decoration:none;
}
.a_green_noline a:hover {
color: #ee0000;
text-decoration:none;
}

.a_black_line a:link, .a_black_line a:visited, .a_black_line a:active {
color: #000;
text-decoration:line;
}
.a_black_line a:hover {
color: #ee0000;
text-decoration:none;
}

.a_black_noline a:link, .a_black_noline a:visited, .a_black_noline a:active {
color: #000;
text-decoration:none;
}
.a_black_noline a:hover {
color: #ee0000;
text-decoration:none;
}

.a_black_noline_bold a:link, .a_black_noline_bold a:visited, .a_black_noline_bold a:active {
color: #000;
text-decoration:none;
font-weight: bold;
}
.a_black_noline_bold a:hover {
color: #ee0000;
text-decoration:none;
font-weight: bold;
}

.a_white_noline a:link, .a_white_noline a:visited, .a_white_noline a:active {
color: #fff;
text-decoration:none;
}
.a_white_noline a:hover {
color: #ffbb00;
text-decoration:none;
}

.a_white_red_noline a:link, .a_white_red_noline a:visited, .a_white_red_noline a:active {
color: #fff;
text-decoration:none;
}
.a_white_red_noline a:hover {
color: #ee0000;
text-decoration:none;
}

.a_white_line a:link, .a_white_line a:visited, .a_white_line a:active {
color: #fff;
text-decoration:line;
}
.a_white_line a:hover {
color: #ffbb00;
text-decoration:none;
}

.a_red_noline a:link, .a_red_noline a:visited, .a_red_noline a:active {
color: #ffbb00;
text-decoration:none;
}
.a_red_noline a:hover {
color: #fff;
text-decoration:none;
}

.a_red_yellow_noline a:link, .a_red_yellow_noline a:visited, .a_red_yellow_noline a:active {
color: #ee0000;
text-decoration:none;
}
.a_red_yellow_noline a:hover {
color: #ffbb00;
text-decoration:none;
}

.a_green_yellow_noline a:link, .a_green_yellow_noline a:visited, .a_green_yellow_noline a:active {
color: #008f00;
text-decoration:none;
}
.a_green_yellow_noline a:hover {
color: #ffbb00;
text-decoration:none;
}

.a_blue_black_noline a:link, .a_blue_black_noline a:visited, .a_blue_black_noline a:active {
color: #283c82;
text-decoration:none;
}
.a_blue_black_noline a:hover {
color: #000;
text-decoration:none;
}

.a_red_black_noline a:link, .a_red_black_noline a:visited, .a_red_black_noline a:active {
color: #ee0000;
text-decoration:none;
}
.a_red_black_noline a:hover {
color: #000;
text-decoration:none;
}

.a_red_white_noline a:link, .a_red_white_noline a:visited, .a_red_white_noline a:active {
color: #ee0000;
text-decoration:none;
}
.a_red_white_noline a:hover {
color: #fff;
text-decoration:none;
}

.a_green_white_noline a:link, .a_green_white_noline a:visited, .a_green_white_noline a:active {
color: #008f00;
text-decoration:none;
}
.a_green_white_noline a:hover {
color: #fff;
text-decoration:none;
}

.a_green_black_noline a:link, .a_green_black_noline a:visited, .a_green_black_noline a:active {
color: #008f00;
text-decoration:none;
}
.a_green_black_noline a:hover {
color: #000;
text-decoration:none;
}

.a_red_line a:link, .a_red_line a:visited, .a_red_line a:active {
color: #ee0000;
text-decoration:line;
}
.a_red_line a:hover {
color: #ee0000;
text-decoration:none;
}

.a_black_only_noline a:link, .a_black_only_noline a:visited, .a_black_only_noline a:active {
color: #000;
text-decoration:none;
}
.a_black_only_noline a:hover {
color: #000;
text-decoration:none;
}

.a_yellow_only_noline a:link, .a_yellow_only_noline a:visited, .a_yellow_only_noline a:active {
color: #ffbb00;
text-decoration:none;
}
.a_yellow_only_noline a:hover {
color: #ffbb00;
text-decoration:none;
}

.a_red_only_noline a:link, .a_red_only_noline a:visited, .a_red_only_noline a:active {
color: #ffbb00;
text-decoration:none;
}
.a_red_only_noline a:hover {
color: #ee0000;
text-decoration:none;
}

.a_yellow_noline a:link, .a_yellow_noline a:visited, .a_yellow_noline a:active {
color: #FC0;
text-decoration:none;
}
.a_yellow_noline a:hover {
color: #ffbb00;
text-decoration:none;
}

.a_black_yellow_noline a:link, .a_black_yellow_noline a:visited, .a_black_yellow_noline a:active {
color: #000;
text-decoration:none;
}
.a_black_yellow_noline a:hover {
color: #FC0;
text-decoration:none;
}

.a_yellow_line a:link, .a_yellow_line a:visited, .a_yellow_line a:active {
color: #FC0;
text-decoration:line;
}
.a_yellow_line a:hover {
color: #ee0000;
text-decoration:none;
}

.a_grey_black_noline a:link, .a_grey_black_noline a:visited, .a_grey_black_noline a:active {
color: #999;
text-decoration:none;
}
.a_grey_black_noline a:hover {
color: #000;
text-decoration:none;
}

A.dot {
text-decoration: none; /* Убираем подчеркивание */
border-bottom: 1px dashed; /* Добавляем свою линию */ 
}
A.dot:hover {
color: #f00000; /* Цвет ссылки при наведении на нее курсора */
text-decoration: none;
}
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.bigbox { 
height: 25px; 
width: 25px;
}

.bigbox2 { 
-ms-transform: scale(2); 
-moz-transform: scale(2); 
-o-transform: scale(2); 
height: 25px; 
width: 25px;
}
/*=== main ===*/

.wrap{

width: 850px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding: 0px;
}
.header-info{
background-color: #FC0;
width: 100%; 
min-height: 15px; 
margin-left: auto; 
margin-right: auto; 
padding: 8px 0px 8px 0px; 
text-align: center; 
color: #000; 
font-size: 14px;
clear:both;
}

.header{
background-color:#000;
width: 860px;
min-height: 125px;
padding: 0px 0px 0px 0px;
margin: 20px 0px 30px 0px;
float:left;
clear:both;
text-align: left;
box-shadow: 0 0 15px 3px #222222;
}
.header-left{
background-color:#000;
width: 260px;
height: 80px;
padding: 0px 5px 10px 25px;
float:left;
clear:both;
text-align: left;
}
.header-center{
background-color:#000;
width: 90px;
padding: 0px 5px 0px 5px;
float:left;
text-align: left;
}
.header-right{
width: 385px;
height: 80px;
padding: 20px 0px 20px 5px;
float:left;
text-align: right;
font-size: 16px;
line-height: 26px;
color: #fff;
}
.header_menu{
width: 960px;
height: 25px;
padding: 10px 30px 10px 30px;
text-align: left;
float:left;
clear:both;
border-top: 3px solid #333333;
}
.top_menu{
min-width: 30px;
height: 20px;
padding-right: 0px;
text-align: left;
float:left;
font-size: 18px;
}

.main{
background-color:#333333;
width: 800px;
min-height: 310px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 10px;
padding: 35px 25px 15px 35px;
border: 0px solid #333333;
text-align: left;
clear:both;
box-shadow: 0 0 15px 3px #222222;
}
.main_title{
width: 800px;
height: 60px;
padding: 0px 0px 0px 0px;
margin-bottom: 20px;
float:left;
font-size: 26pt;
color: #fff;
clear:both;
}

.index_main{
background-color:#fff;
width: 800px;
min-height: 400px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 35px 25px 0px 35px;
border: 0px solid #333333;
text-align: left;
font-size: 12pt;
color: #000;
clear:both;
}
.index_top_brewereis_block{
background-color:#fff;
width: 800px;
min-height: 300px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 35px 25px 15px 35px;
border: 0px solid #333333;
text-align: left;
font-size: 12pt;
color: #000;
clear:both;
}
.index_contacts{
background-color:#fff;
width: 800px;
min-height: 730px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 35px 25px 35px 35px;
border: 0px solid #333333;
text-align: left;
clear:both;
line-height: 30px;
}
.text{
width: 750px;
min-height: 200px;
padding: 0px 0px 20px 0px;
clear:both;
font-size: 20px;
color: #c0c0c0;
font-family: 'Roboto Condensed', sans-serif;
}
.icons{
width: 60px;
height: 60px;
padding: 13px 20px 10px 10px;
float:left;
}
.hashtag{
width: 330px;
height: 70px;
padding: 10px 0px 0px 0px;
margin-bottom: 20px;
float:left;
font-size: 34pt;
color: #c0c0c0;
}

/*---------------na kranah page-------------*/

.nakranah{
background-color:#fff;
width: 800px;
min-height: 400px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 35px 25px 0px 35px;
border-bottom: 10px solid #333;
text-align: left;
font-size: 12pt;
color: #000;
clear:both;
}

.nakranah_title{
width: 700px;
min-height: 30px;
margin: -35px 0px 20px 0px; 
padding: 0px 0px 5px 0px;
float:left;
clear:both;
text-align: left;
font-size: 14pt;
color: #000;
}

.nakranah_text{
width: 700px;
min-height: 30px;
margin: -20px 0px 30px 0px; 
padding: 0px 0px 5px 0px;
float:left;
clear:both;
text-align: left;
font-size: 15px;
color: #000;
}

.kran_block{
width: 145px; 
height: 360px;
margin: 0px 15px 40px 0px;  
padding: 0px;
border: 0px solid #c0c0c0; 
float:left; 
font-size: 11pt;
}

.kran_logo{
width: 140px; 
height: 140px;
margin: 0px;  
padding: 3px;
border: 1px solid #c0c0c0; 
clear: both;
text-align: center;
background-color:#fff;
}

.kran_name{
width: 140px; 
min-height: 25px;
margin-top: 10px;  
margin-bottom: 5px;
padding: 0px;
float:left; 
font-size: 13pt;
text-align: center;
font-weight: bold;
}
.kran_brewery{
width: 140px; 
min-height: 20px;
margin: 0px;  
padding: 0px;
float:left; 
clear:both;
text-align: center;
}
.kran_country{
width: 140px; 
min-height: 20px;
margin-bottom: 10px;  
padding: 0px;
float:left; 
clear:both; 
text-align: center;
}
.kran_style{
width: 140px; 
min-height: 20px;
margin-bottom: 10px;  
padding: 0px;
float:left; 
clear:both;
text-align: center;
color:#008f00;
}
.kran_abv{
width: 140px; 
height: 20px;
margin: 0px;  
padding-left: 10px;
float:left; 
clear:both;
text-align: left;
font-size: 14px;
}
.kran_og{
width: 140px; 
height: 20px;
margin: 0px;  
padding-left: 10px;
float:left; 
clear:both;
text-align: left;
font-size: 14px;
}
.kran_ibu{
width: 140px; 
height: 20px;
margin-bottom: 5px; 
padding-left: 10px;
float:left; 
clear:both;
text-align: left;
font-size: 14px;
}
.narazliv_price_marker{
display:inline-block;   
position:relative;
}
.narazliv_price_marker span {
display:inline-block;
position:absolute;
width: 50px;
top:4px;   
left:-5px;
background: #FF4500;
padding:4px;
text-align: center;
color:#fff;
font-size: 14px;
}

.narazliv_price_marker2{
display:inline-block;   
position:relative;
}
.narazliv_price_marker2 span {
display:inline-block;
position:absolute;
width: 50px;
top:25px;   
left:-79px;
background: #008B00;
padding:4px;
text-align: center;
color:#fff;
font-size: 14px;
}
/*---------------/ na kranah page-------------*/

.beers_page_title{
width: 515px;
min-height: 30px;
margin: -35px 0px 20px 0px; 
padding: 0px 0px 5px 0px;
float:left;
clear:both;
text-align: left;
font-size: 14pt;
color: #000;
}

.page_block{
background-color:#f0f0f0;
width: 800px;
min-height: 200px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 35px 25px 35px 35px;
border-bottom: 10px solid #333;
text-align: left;
font-size: 12pt;
color: #000;
clear:both;
}
.page_title{
width: 800px;
min-height: 30px;
margin: -35px 0px 20px 0px; 
padding: 0px 0px 5px 0px;
float:left;
clear:both;
text-align: left;
font-size: 14pt;
color: #000;
}
.page_description{
width: 750px;
min-height: 70px;
padding: 0px 0px 40px 0px;
clear:both;
font-size: 20px;
color: #555555;
}

.beer_block{
width: 184px; 
height: 390px;
margin: 0px 4px 40px 4px;  
padding: 0px 0px 5px 0px;
border: 2px solid #fff; 
clear: both; 
font-size: 11pt;
}

.beer_logo{
width: 184px; 
height: 184px;
margin: 0px;  
padding: 0px;
border: 0px solid #c0c0c0; 
float:left; 
clear:both;
text-align: center;
background-color:#fff;
}
.beer_logo:hover{
width: 184px; 
height: 184px; 
padding: 0px;
border: 0px solid #c0c0c0; 
float:left; 
clear:both;
text-align: center;
background-color:#fff;
}
.beer_name{
width: 170px; 
max-height: 36px;
margin-top: 20px; 
margin-bottom: 5px;
padding: 0px 7px;
font-size: 17.3px;
float:left; 
clear:both;
text-align: center;
font-weight: bold;
overflow: hidden;
display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.beer_style{
width: 174px; 
min-height: 25px;
margin-bottom: 5px;  
padding: 0px 5px;
float:left; 
clear:both;
text-align: center;
color:#008f00;
}
.beer_brewery{
width: 166px; 
min-height: 20px;
margin: 0px;  
padding: 0px 5px;
float:left; 
clear:both;
text-align: center;
font-size: 14px;
line-height: 15px;
}
.beer_country{
width: 166px; 
min-height: 20px;
margin-bottom: 5px;  
padding: 0px 5px;
float:left; 
clear:both;
text-align: center;
font-size: 13px;
line-height: 12px;
}

.beer_volume{
width: 145px; 
height: 20px;
margin: 0px; 
padding-left: 10px;
float:left; 
clear:both;
text-align: left;
font-size: 14px;
}
.beer_abv{
width: 33.333333%; 
height: 20px;
margin: 0px;  
padding: 0;
float:left; 
text-align: center;
font-size: 13px;
}
.beer_og{
width: 33.333333%; 
height: 20px;
margin: 0px;  
padding: 0;
float:left; 
text-align: center;
font-size: 13px;
}
.beer_ibu{
width: 33.333333%; 
height: 20px;
margin: 0; 
padding: 0;
float:left; 
text-align: center;
font-size: 13px;
}

.soon_marker{
display:inline-block;   
position:relative;
}
.soon_marker span {
display:inline-block;
position:absolute;
width: 50px;
top:0px;   
left:-184px;
background: #f36223;
padding:4px;
text-align: center;
color:#fff;
font-size: 14px;
}

.new_marker{
display:block;   
position:relative;
}
.new_marker span {
display:inline-block;
position:absolute;
width: 55px;
top: 22px;
left: 0px;
background: #EE0000;
padding:4px;
text-align: center;
color:#fff;
font-size: 13px;
}

.comeback_marker{
display: block;   
position:relative;
}
.comeback_marker span {
display:inline-block;
position:absolute;
width: 55px;
top: 22px;   
left: 0px;
background: #02b9b3;
padding: 5px 4px 5px 4px;
text-align: center;
color: #fff;
font-size: 12px;
}

.discount_marker{
display: block;   
position: relative;
}
.discount_marker span {
display: inline-block;
position: absolute;
width: 36px;
top: 22px;   
left: -8px;
background: #FE0;
padding: 5px;
text-align: center;
color: #000;
font-size: 14px;
}

.nal_marker{
display: inline-block;   
position: relative;
}
.nal_marker span {
display: inline-block;
position: absolute;
width: 80px;
top: 23px;   
left: 23px;
background: #444444;
padding: 4px;
text-align: center;
color: #fff;
font-size: 12px;
}

.nal_marker_cap{
display: inline-block;   
position: relative;
}
.nal_marker_cap span {
display: inline-block;
position: absolute;
width: 85px;
top: 10px;   
left: 10px;
background: #444444;
padding: 4px;
text-align: center;
color: #fff;
font-size: 13px;
}

.nal_marker2{
display: block;   
position: relative;
}
.nal_marker2 span {
display: inline-block;
position: absolute;
width: 95px;
top: 0px;   
left: 0px;
background: #444444;
padding: 4px;
text-align: center;
color: #fff;
font-size: 14px;
}

.nal_marker_mobi{
display: inline-block;   
position: relative;
}
.nal_marker_mobi span {
display: inline-block;
position: absolute;
width: 100px;
top: 20px;   
left: 20px;
background: #444444;
padding: 8px 6px;
text-align: center;
color: #fff;
font-size: 16px;
}

.nal_podzakaz{
display:inline-block;   
position:relative;
}
.nal_podzakaz span {
display: inline-block;
position: absolute;
width: 80px;
top: 23px;   
left: 23px;
background: #FC0;
padding: 4px;
text-align: center;
color: #000;
font-size: 13px;
}


.nal_podzakaz_mobi{
display: inline-block;   
position: relative;
}
.nal_podzakaz_mobi span {
display: inline-block;
position: absolute;
width: 100px;
top: 20px;   
left: 20px;
background: #FC0;
padding: 6px;
text-align: center;
color: #000;
font-size: 18px;
}

.price_marker{
display: block;   
position:relative;
}
.price_marker span {
display:inline-block;
position:absolute;
width: 55px;
top:0px;   
left:0px;
background: #008B00;
padding:4px;
text-align: center;
color:#fff;
font-size: 14px;
}

.price_marker2{
display:inline-block;   
position:relative;
}
.price_marker2 span {
display:inline-block;
position:absolute;
width: 50px;
top:26px;   
left:-79px;
background: #008B00;
padding:4px;
text-align: center;
color:#fff;
font-size: 14px;
}

.price_marker_sale{
display:inline-block;   
position:relative;
}
.price_marker_sale span {
display:inline-block;
position:absolute;
width: 55px;
top:0px;   
left:-79px;
background: #FC0;
padding:4px;
text-align: center;
color:#000;
font-size: 14px;
border-left: 2px solid #ee0000; 
}

.price_marker_discount{
display: block;   
position: relative;
}
.price_marker_discount span {
display: inline-block;
position: absolute;
width: 55px;
top: 0px;   
left: 0px;
background: #EE0000;
padding: 4px;
text-align: center;
color: #fff;
font-size: 14px;
}


.beers_gallery_bottom_text{
width: 700px;
min-height: 20px;
margin: 20px 0px 0px 0px; 
padding: 0px 0px 5px 0px;
float:left;
clear:both;
text-align: left;
font-size: 14px;
color: #000;
}
.awards_logo_marker_gallery{
display:inline-block;   
position:absolute;
}
.awards_logo_marker_gallery span {
display:inline-block;
position:absolute;
top: 0px;   
left: -40px;
}
.nal_podzakaz_gallery{
display: block;   
position:relative;
}
.nal_podzakaz_gallery span {
display: inline-block;
position: absolute;
width: 55px;
top: 22px;   
left: 0px;
background: #FC0;
padding: 4px;
text-align: center;
color: #000;
font-size: 12px;
}


.lactose_marker{
display: inline-block;   
position: relative;
}
.lactose_marker span {
display: inline-block;
position: absolute;
width: 80px;
top: 23px;   
left: 23px;
background: #02b9b3;
padding: 4px 3px;
text-align: center;
color: #fff;
font-size: 12px;
}

.lactose_marker2{
display: inline-block;   
position: relative;
}
.lactose_marker2 span {
display: inline-block;
position: absolute;
width: 80px;
top: 43px;   
left: 23px;
background: #02b9b3;
padding: 4px 4px;
text-align: center;
color: #fff;
font-size: 12px;
}


.lactose_marker_mobi{
display: inline-block;   
position: relative;
}
.lactose_marker_mobi span {
display: inline-block;
position: absolute;
width: 100px;
top: 20px;   
left: 20px;
background: #02b9b3;
padding: 6px;
text-align: center;
color: #fff;
font-size: 18px;
}

.lactose_marker_mobi2{
display: inline-block;   
position: relative;
}
.lactose_marker_mobi2 span {
display: inline-block;
position: absolute;
width: 100px;
top: 50px;   
left: 20px;
background: #02b9b3;
padding: 6px;
text-align: center;
color: #fff;
font-size: 18px;
}

.gluten_free_marker{
display: inline-block;   
position: relative;
}
.gluten_free_marker span {
display: inline-block;
position: absolute;
width: 80px;
top: 23px;   
left: 23px;
background: #008B00;
padding: 4px;
text-align: center;
color: #fff;
font-size: 12px;
}

.gluten_free_marker2{
display: inline-block;   
position: relative;
}
.gluten_free_marker2 span {
display: inline-block;
position: absolute;
width: 80px;
top: 43px;   
left: 23px;
background: #008B00;
padding: 4px;
text-align: center;
color: #fff;
font-size: 12px;
}

.gluten_free_marker_mobi{
display: inline-block;   
position: relative;
}
.gluten_free_marker_mobi span {
display: inline-block;
position: absolute;
width: 100px;
top: 20px;   
left: 20px;
background: #008B00;
padding: 6px;
text-align: center;
color: #fff;
font-size: 18px;
}

.gluten_free_marker_mobi2{
display: inline-block;   
position: relative;
}
.gluten_free_marker_mobi2 span {
display: inline-block;
position: absolute;
width: 100px;
top: 50px;   
left: 20px;
background: #008B00;
padding: 6px;
text-align: center;
color: #fff;
font-size: 18px;
}
/*---------------beer page-------------*/

.navigator{
background-color:#333333;
width: 800px;
min-height: 15px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
padding: 5px 25px 5px 35px;
clear:both;
color: #fff;
font-size: 13px;
}
.beer_page_block{
background-color:#fff;
width: 800px;
min-height: 500px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
border-bottom: 10px solid #333;
padding: 35px 25px 15px 35px;
clear:both;
}

.beer_page_logos{
width: 240px; 
height: 240px;
margin: 0px 30px 10px 0px;  
padding: 3px;
border: 1px solid #c0c0c0; 
float:left; 
clear:both;
text-align: center;
background-color:#fff;
}
.beer_page_logos:hover{
width: 240px; 
height: 240px; 
margin: 0px 30px 10px 0px; 
padding: 3px;
border: 1px solid #c0c0c0; 
float:left; 
clear:both;
text-align: center;
background-color:#c0c0c0;
}

.beer_page_ratinng_btn{
width: 112px; 
height: 31px;
margin:0px 5px 20px 0px;  
padding: 2px;
border: 1px solid #c0c0c0; 
float:left; 
clear:both;
text-align: center;
background-color:#fff;
}
.beer_page_ratinng_btn:hover{
width: 112px; 
height: 31px;
margin:0px 5px 20px 0px; 
padding: 2px;
border: 1px solid #c0c0c0; 
float:left; 
clear:both;
text-align: center;
background-color:#c0c0c0;
}
.beer_page_ratinng_btn00{
width: 112px; 
height: 31px;
margin:0px 5px 20px 0px;  
padding: 2px;
border: 1px solid #c0c0c0; 
float:left; 
clear:both;
text-align: center;
background-color:#fff;
}
.beer_page_ratinng_btn2{
width: 95px; 
height: 30px;
margin:0px 2px 20px 0px;  
padding: 2px;
border: 1px solid #c0c0c0; 
float:left; 
clear:both;
text-align: center;
background-color:#fff;
}
.beer_page_ratinng_btn2:hover{
width: 95px; 
height: 30px;
margin:0px 2px 20px 0px; 
padding: 2px;
border: 1px solid #c0c0c0; 
float:left; 
clear:both;
text-align: center;
background-color:#c0c0c0;
}
.beer_page_ratinng_btn20{
width: 95px; 
height: 30px;
margin:0px 2px 20px 0px;  
padding: 2px;
border: 1px solid #c0c0c0; 
float:left; 
clear:both;
text-align: center;
background-color:#fff;
}
.ontap_page_ratinng_btn{
width: 140px; 
height: 31px;
margin:0px 5px 20px 0px;  
padding: 2px;
border: 1px solid #c0c0c0; 
float:left; 
clear:both;
text-align: center;
background-color:#fff;
}
.ontap_page_ratinng_btn:hover{
width: 140px; 
height: 31px;
margin:0px 5px 20px 0px; 
padding: 2px;
border: 1px solid #c0c0c0; 
float:left; 
clear:both;
text-align: center;
background-color:#c0c0c0;
}
.beer_page_cap_btn{
width: 30px; 
height: 30px;
margin:0px 3px 20px 0px;  
padding: 2px;
border: 1px solid #c0c0c0; 
float:left; 
clear:both;
text-align: center;
background-color:#fff;
}
.beer_page_cap_btn:hover{
width: 30px; 
height: 30px;
margin:0px 3px 20px 0px; 
padding: 2px;
border: 1px solid #c0c0c0; 
float:left; 
clear:both;
text-align: center;
background-color:#c0c0c0;
}
.beer_page_cap_btn00{
width: 30px; 
height: 30px;
margin:0px 3px 20px 0px;  
padding: 2px;
border: 1px solid #c0c0c0; 
float:left; 
clear:both;
text-align: center;
background-color:#fff;
}

.special_logo_marker{
display:inline-block;   
position:absolute;
}
.special_logo_marker span {
display:inline-block;
position:absolute;
width: 50px;
top: 5px;   
left: 65px;
}

.awards_logo_marker{
display:inline-block;   
position:absolute;
}
.awards_logo_marker span {
display:inline-block;
position:absolute;
width: 74px;
top: 23px;   
left: 23px;
}

.awards_logo_marker2{
display:inline-block;   
position:absolute;
}
.awards_logo_marker2 span {
display:inline-block;
position:absolute;
width: 74px;
top: 46px;   
left: 23px;
}

.awards_logo_marker3{
display:inline-block;   
position:absolute;
}
.awards_logo_marker3 span {
display:inline-block;
position:absolute;
width: 74px;
top: 68px;   
left: 23px;
}

.awards_logo_marker_mobi{
display:inline-block;   
position:absolute;
}
.awards_logo_marker_mobi span {
display:inline-block;
position:absolute;
width: 74px;
top: 20px;   
left: 20px;
}

.awards_logo_marker_mobi2{
display:inline-block;   
position:absolute;
}
.awards_logo_marker_mobi2 span {
display:inline-block;
position:absolute;
width: 74px;
top: 55px;   
left: 20px;
}
.awards_logo_marker_mobi3{
display:inline-block;   
position:absolute;
}
.awards_logo_marker_mobi3 span {
display:inline-block;
position:absolute;
width: 74px;
top: 85px;   
left: 20px;
}

.new2_marker{
display:inline-block;   
position:relative;
}
.new2_marker span {
display:inline-block;
position:absolute;
width: 80px;
top: 23px;   
left: 23px;
background: #EE0000;
padding: 4px;
text-align: center;
color:#fff;
font-size: 13px;
}

.new_marker_mobi{
display:inline-block;   
position:relative;
}
.new_marker_mobi span {
display:inline-block;
position:absolute;
width: 100px;
top: 20px;   
left: 20px;
background: #EE0000;
padding: 6px;
text-align: center;
color:#fff;
font-size: 18px;
}

.soon2_marker{
display:inline-block;   
position:relative;
}
.soon2_marker span {
display:inline-block;
position:absolute;
width: 80px;
top: 23px;
left: 23px;
background: #f36223;
padding: 4px;
text-align: center;
color:#fff;
font-size: 12px;
}

.soon_marker_mobi{
display:inline-block;   
position:relative;
}
.soon_marker_mobi span {
display:inline-block;
position:absolute;
width: 100px;
top: 20px;
left: 20px;
background: #f36223;
padding: 6px;
text-align: center;
color:#fff;
font-size: 18px;
}
.discount2_marker{
display:inline-block;   
position:relative;
}
.discount2_marker span {
display:inline-block;
position:absolute;
width: 80px;
top: 23px;   
left: 23px;
background: #FC0;
padding: 4px 4px;
text-align: center;
color:#000;
font-size: 12px;
}

.discount_marker_mobi{
display: inline-block;   
position: relative;
}
.discount_marker_mobi span {
display: inline-block;
position: absolute;
width: 100px;
top: 20px;   
left: 20px;
background: #FE0;
padding: 6px;
text-align: center;
color:#000;
font-size: 18px;
}
.beer_page_style{
width: 530px;
min-height: 15px;
padding: 0px 0px 8px 0px; 
float:left; 
clear:both;
text-align: left;
color:#008f00; 
}
.beer_page_price{
width: 110px;
height: 25px;
padding: 5px 0px 5px 0px; 
float:left; 
text-align: left;
font-size: 25px;
color:#000;
}
.beer_page_nal{
width: 140px;
height: 20px;
padding: 15px 0px 0px 0px; 
float:left; 
text-align: left;
}

.beer_page_abvogibu{
width: 530px;
min-height: 15px;
padding: 0px 0px 10px 0px; 
float:left; 
clear:both;
text-align: left;
color:#000;
}
.beer_page_volume{
width: 530px;
min-height: 15px;
padding: 0px 0px 10px 0px; 
margin-bottom: 30px;
float:left; 
clear:both;
text-align: left;
color:#000;
}
.beer_page_stylies{
width: 530px;
min-height: 15px;
padding: 0px 0px 10px 0px; 
float:left; 
clear:both;
text-align: left;
color:#000;
}
.beer_page_brewery{
width: 530px;
min-height: 15px;
padding: 0px 0px 10px 0px; 
float:left; 
clear:both;
text-align: left;
color:#000;
}
.beer_page_country{
width: 530px;
min-height: 15px;
padding: 0px 0px 10px 0px; 
float:left; 
clear:both;
text-align: left;
color:#000;
}
.beer_page_description{
min-height: 70px;
padding: 20px;
margin-bottom: 10px;
clear:both;
font-size: 15px;
line-height: 23px;
color: #222222;
}
.beer_photo{
background-color:#fff; 
margin: 0px 0px 20px 0px; 
padding: 20px;
clear: both; 
text-align: center; 
border: 0px solid #d0d0d0;
}

.beer_photos{
background-color:#fff; 
margin: 0px 10px 20px 0px; 
padding: 20px;
clear: both; 
text-align: center; 
border: 1px solid #d0d0d0;
}

.recomm_block{
margin-top: 70px;
clear:both;
}
.recomm_block_title{
width: 800px;
min-height: 30px;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 30px 0px;
float:left;
clear:both;
text-align: left;
font-size: 28px;
color: #000;
}

.special_block{
background-color:#f0f0f0;
width: 800px;
min-height: 400px;
padding: 35px 25px 0px 35px;
margin-bottom: 20px;
text-align: left;
clear:both;
box-shadow: 0 0 15px 3px #222222;
}
.special_block_title{
width: 700px;
min-height: 30px;
margin: -35px 0px 20px 0px; 
padding: 0px 0px 5px 0px;
float:left;
clear:both;
text-align: left;
font-size: 22px;
color: #000;
}

/*---------------/beer page-------------*/
/*---------------brewery page-------------*/
.brewery_block{
background-color:#f0f0f0;
width: 800px;
min-height: 200px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 35px 25px 35px 35px;
border-bottom: 0px solid #333;
text-align: left;
font-size: 12pt;
color: #000;
clear:both;
}

.brewery_logo{
width: 110px; 
height: 110px;
margin: 0px 20px 10px 0px;  
padding: 5px;
border: 1px solid #c0c0c0; 
float:left; 
text-align: center;
background-color:#fff;
}
.brewery_title{
width: 670px;
min-height: 30px;
margin: -35px 0px -20px 0px; 
padding: 0px 0px 10px 0px;
float:left;
clear:both;
text-align: left;
font-size: 15px;
color: #000;
}
.brewery_description{
min-height: 70px;
padding: 20px;
margin-bottom: 20px;
clear:both;
font-size: 15px;
line-height: 22px;
color: #222222;
}
.brewery_page_row{
width: 500px;
min-height: 15px;
padding: 0px 0px 5px 0px; 
margin-bottom: 0px;
float:left; 
clear:both;
text-align: left;
font-size: 15px;
color:#000;
}
.assorty_title{
min-height: 30px;
margin: 0px 0px 30px 20px;
clear:both;
text-align: left;
font-size: 24px;
color: #000;
}
/*---------------/brewery page-------------*/

.breweries_page_title{
width: 530px;
min-height: 30px;
margin: -35px 0px 20px 0px; 
padding: 0px 0px 5px 0px;
float:left;
clear:both;
text-align: left;
font-size: 14pt;
color: #000;
}
.breweries_page_select{
width: 270px;
min-height: 30px;
margin: 0px 0px 20px 0px; 
padding: 5px 0px 5px 0px;
float:left;
text-align: left;
color: #000;
}

.breweries{
background-color:#f0f0f0;
width: 800px;
min-height: 400px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 35px 25px 35px 35px;
border-bottom: 0px solid #333;
text-align: left;
font-size: 12pt;
color: #000;
clear:both;
}

.breweries_title{
width: 700px;
height: 70px;
padding: 0px 0px 0px 0px;
margin-bottom: 20px;
float:left;
font-size: 34pt;
color: #000;
clear:both;
}

.brew_main_block{
width: 130px; 
height: 190px; 
margin: 0px 5px 50px 5px;  
padding: 0px;
border: 2px solid #fff; 
float:left;
}

.brew_main_block:hover{
width: 130px; 
height: 190px; 
margin: 0px 5px 50px 5px;  
padding: 0px;
border: 2px solid #fff;  
float:left;
}

.brew_main_block2{
width: 130px; 
height: 190px; 
margin: 0px 5px 50px 5px;  
padding: 0px;
border: 2px solid #fff; 
float:left;
opacity: .25;
}

.brew_main_block2:hover{
width: 130px; 
height: 190px; 
margin: 0px 5px 50px 5px;  
padding: 0px;
border: 2px solid #fff;  
float:left;
opacity: 1;
}

.brew_block{
width: 110px; 
height: 110px;
margin: 5px 5px 10px 5px;  
padding: 5px;
border: 0px solid #c0c0c0; 
float:left; 
text-align: center;
background-color:#fff;
}

.brew_block2{
width: 110px; 
height: 110px;
margin: 0px 10px 10px 0px;  
padding: 5px;
border: 1px solid #c0c0c0; 
float:left; 
text-align: center;
background-color:#fff;
opacity:.25;
}
.brew_block2:hover{
width: 110px; 
height: 110px;
margin: 0px 10px 10px 0px;  
padding: 5px;
border: 1px solid #d0d0d0; 
float:left; 
text-align: center;
background-color:#d0d0d0;
opacity: 1;
}
.brew_name_block{
width: 130px; 
min-height: 15px; 
padding-bottom: 5px;
clear: both; 
text-align: center; 
font-size: 17px;
font-weight: bold;
}
.brew_sku_block{
width: 130px; 
min-height: 15px; 
padding-bottom: 5px;
clear: both; 
text-align: center; 
font-size: 15px;
color:#008f00;
}
.brew_country_block{
width: 120px; 
min-height: 15px; 
padding-bottom: 5px;
clear: both; 
text-align: center; 
font-size: 14px;
color:#000;
}
.brewery_img_backblack{
background-color:rgba(0,0,0,.3);
height:100%;
position:fixed;
width:100%;
top:0;
left:0;
}

/*---------------style_page-------------*/

.style_page_title{
width: 555px;
min-height: 30px;
margin: -25px 0px 20px 0px; 
padding: 0px 0px 5px 0px;
float:left;
clear:both;
text-align: left;
font-size: 13px;
color: #000;
}

.style_page_select{
width: 245px;
min-height: 30px;
margin: 0px 0px 20px 0px; 
padding: 2px 0px 5px 0px;
float:left;
text-align: left;
color: #000;
}

.style_description{
margin: 0px 20px 50px 20px;
clear:both;
float:left; 
color: #222222;
}
/*---------------/style_page-------------*/

.other_block{
background-color:#f0f0f0;
width: 800px;
min-height: 200px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 35px 25px 35px 35px;
border: 0px solid #333333;
text-align: left;
font-size: 12pt;
color: #000;
clear:both;
}

.other_block2{
background-color:#f0f0f0;
width: 835px;
min-height: 200px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 10px;
padding: 35px 10px 35px 20px;
border: 0px solid #333333;
text-align: left;
font-size: 12pt;
color: #000;
clear:both;
}

.contacts{
background-color:#fff;
width: 800px;
min-height: 730px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 35px 25px 35px 35px;
border-bottom: 10px solid #333;
text-align: left;
clear:both;
line-height: 30px;
}
.contacts_title{
width: 700px;
height: 70px;
padding: 0px 0px 0px 0px;
margin-bottom: 20px;
float:left;
font-size: 34pt;
color: #000;
clear:both;
}

.contacts_page_title{
width: 800px;
min-height: 30px;
margin: -35px 0px 0px 0px; 
padding: 0px 0px 5px 0px;
float:left;
clear:both;
text-align: left;
font-size: 14pt;
color: #000;
}

.text2{
width: 750px;
height: 150px;
margin-top: -30px;
clear:both;
float:left;
color: #000;
}
.image{
width: 250px;
height: 250px;
border: 1px solid #c0c0c0;
}
.map{
width: 780px;
height: 400px;
padding: 0px 0px 0px 0px;
border: 1px solid #c0c0c0;
float:left;
clear:both;
}

.footer{
background-color:#fff;
width: 815px;
height: 170px;
padding: 20px 10px 20px 35px;
float:left;
clear:both;
text-align: left;
font-size: 14px;
color: #333;
float:left;
}
.footer2{
background-color:#333333;
width: 850px;
height: 20px;
padding: 5px;
float:left;
clear:both;
text-align: center;
font-size: 18px;
color: #c0c0c0;
float:left;
}

.footer_title{
clear: both; 
padding: 5px 5px 10px 0px; 
font-size: 17px; 
font-weight: bold; 
color: #ffbb00;
}

/* === l === */

.login{
width: 820px;
height: 200px;
float: left;
padding: 20px;
background-color:#fff;
}

.login_name{
width: 150px;
height: 30px;
float:left;
padding: 10px 5px 0px 0px;
text-align: right;
vertical-align: middle;
clear:both;
}

.login_inp{
width: 300px;
height: 33px;
float:left;
padding: 7px 0px 0px 0px;
text-align: left;
}

input.text {
background: #333333;
width:173px; 
height:20px;
border: 1px solid #555555;
color: #e0e0e0;
}

input.text2 {
background: #ffffff;
width:173px; 
height:20px;
border: 1px solid #c0c0c0;
color: #444444;
}

input.submit {
cursor: pointer;
color: #fff; 
font-size: 12px;
font-family: Arial, sans-serif;
font-weight: bold;
justify-content: center;
background: #333333; 
border: 1px solid #555555;
height: 23px
}
input.submit:hover {
cursor: pointer;
color: #000; 
font-size: 12px;
font-family: Arial, sans-serif;
font-weight: bold;  /*font: bold 12px Verdana;*/
justify-content: center;
background: #ffbb00; 
border: 1px solid #FC0;
height: 23px
}

/* === navig === */

.navig{
background: #fff; 
width: 100%;
height: 35px;
margin-bottom: 20px; 
clear: both; 
text-align: center;
font-size: 14px; 
word-spacing: 3px; 
display: flex;
justify-content: center;
}

.navig_numbers{
background: #008B00; 
width: 25px; 
height: 20px; 
margin-right: 2px;
padding: 9px 3px 2px 3px;
border: 1px solid #d0d0d0; 
float:left; 
text-align: center;
color: #fff;
}

.navig_button{
width: 25px; 
height: 20px;
margin-right: 2px;  
padding: 9px 3px 2px 3px;
border: 1px solid #d0d0d0; 
float:left; 
text-align: center;
background-color:#fff;
}
.navig_button:hover{
width: 25px; 
height: 20px;
margin-right: 2px;  
padding: 9px 3px 2px 3px;
border: 1px solid #d0d0d0; 
float:left; 
text-align: center;
background-color:#d0d0d0;
}

.navig_bottom{
background: #fff; 
width: 100%;
height: 35px;
margin-bottom: 40px; 
clear: both; 
text-align: center;
font-size: 14px; 
word-spacing: 3px; 
display: flex;
justify-content: center;
}
/* === caps === */

.caps_text{
width: 700px;
min-height: 30px;
margin: -20px 0px 30px 0px; 
padding: 0px 0px 5px 0px;
float:left;
clear:both;
text-align: left;
font-size: 15px;
color: #000;
}

.caps_main_block{
width: 110px; 
min-height: 170px; 
margin: 0px 23px 33px 0px; 
float:left;
}
.cap_block{
width: 100px; 
height: 100px;
margin: 0px 10px 10px 0px;  
padding: 5px;
border: 1px solid #c0c0c0; 
float:left; 
text-align: center;
background-color:#fff;
}
.cap_block:hover{
width: 100px; 
height: 100px;
margin: 0px 10px 10px 0px;  
padding: 5px;
border: 1px solid #d0d0d0; 
float:left; 
text-align: center;
background-color:#d0d0d0;
}
.cap_name_block{
width: 110px; 
min-height: 15px; 
padding-bottom: 5px;
clear: both; 
text-align: center; 
font-size: 14px;
color:#000;
font-weight: bold;
}
.cap_brew_block{
width: 110px; 
min-height: 15px; 
padding-bottom: 5px;
clear: both; 
text-align: center; 
font-size: 14px;
color:#006F00;
}

/* === /caps === */

/* === statistic === */

.statistic_comm {
    display: inline-block; /* Строчно-блочный элемент */
    position: relative; /* Относительное позиционирование */
}
.statistic_comm:hover::after {
    content: attr(data-title); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    left: 10px; top: 20px; /* Положение подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: rgba(255,255,230,0.9); /* Полупрозрачный цвет фона */
    font-family: Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 12px; /* Размер текста подсказки */
    padding: 10px; /* Поля */
    border: 1px solid #333; /* Параметры рамки */
}

/* === / statistic === */