:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;   
}
.btn-warning:hover{
  background: #9b5454 !important;
} 
body {
 background: #f3d97d;
}
h2{
 color:#7b1212; 
 font-family:Helvetica sans-serif;
 font-weight: bold;
}
table {
  width: 100%; /* Ширина таблицы */
  border-spacing: 0px;  /*Расстояние между ячейками */
  margin: 10px 0 0 0;
   }
td, th {
    background: #f3d97d; /* Цвет фона ячеек */
    padding: 0 5px 0 5px;/*Поля вокруг текста */
    border: solid 2px #7b1212;
    font-size: 20px;
    text-align: center;
  }
th{
 color:#7b1212;
 font-family:Helvetica sans-serif;
 font-weight: bold;
}
td{
 color:#7b1212;
 font-size: 16px;
 font-family:Verdana;
}
.no_border{
  border: none !important;
}
.header{
 background: #7b1212;
 width: 100%;
 min-height: 200px;	
}
.input-lg{
 border:solid 2px !important;
 border-color: #f3d97d !important;
}
.input-lg:focus{
 border:solid 2px !important;
 border-color: #7b1212 !important;
}
.reg{
 background: #7b1212;
 margin-bottom: 10px;
}
.reg_sm{
 background: #7b1212;
 margin: 5px 5px 5px 5px;
}
.menu_reg a{
  width: 100% !important;
}
.nav_bar {
  width: 100%;
  min-height: 55px;
  background-color: #7b1212;
}
.nav_bar_a {
  float: left;
  padding: 8px;
  margin:0 0.3% 2px 0.3%;
  color: #f3d97d;
  text-decoration: none;
  background-color: #7b1212;
  width: 16%; /* Четыре ссылки одинаковой ширины */
  text-align: center;
  border: solid 2px;
  position: relative;
}
.nav_bar_mob {
  float: left;
  padding: 2px;
  margin:0 0 2px 0;
  color: #f3d97d;
  text-decoration: none;
  background-color: #7b1212;
  width: 84%; /* Четыре ссылки одинаковой ширины */
  text-align: left;
  border: solid 2px;
  position: relative;
  border-right: none;
}
.nav_bar_mob_sm {
  padding: 2px;
  margin:0 0 2px 0;
  color: #f3d97d;
  text-decoration: none;
  background-color: #7b1212;
  width: 15%; /* Четыре ссылки одинаковой ширины */
  text-align: left;
  border: solid 2px;
  position: relative;
  border-left: none;
}
.nav_bar_a:hover {
  text-decoration: none;
  background-color: #f3d97d;
  color: #7b1212;
}
.dropdown-content {
    display: none;
    position: absolute;	
    background-color: #f3e4b1;
    min-width: 160px;
    padding: 5px;
    z-index: 10000;
    top:40px;
}
.dropdown-content_mob {
    display: none;
    position: absolute; 
    background-color: #f3e4b1;
    width: 90%;
    padding: 5px;
    z-index: 10000;
}
.dropdown-content a:hover{
  background-color: #f3cb3e;
}
.dropdown-content a{
	color:#7b1212 !important;
	line-height: 0;
	font-size: 100%;
	font-family:Verdana;
  color: black;
  padding: 5%;
  text-decoration: none;
  display: block;
}
.dropdown-content h4{
 color:#7b1212;
 font-family:Helvetica sans-serif;
 font-weight: bold;
 text-align: center;
}
.dropdown-content_mob a:hover{
	background-color: #f3cb3e;
}
.dropdown-content_mob a{
  color:#7b1212 !important;
  line-height: 0;
  font-size: 90% !important;
  font-family:Verdana;
  margin-bottom: 5px !important;
}
.dropdown-content_mob h4{
 color:#7b1212;
 font-family:Helvetica sans-serif;
 font-weight: bold;
 text-align: center;
}
.btn_content_1 {
	left:0.9vw;
}
.btn_content_2 { 
	left:16.5vw;
}
.btn_content_3 {
	left:32.5vw;
}
.btn_content_4 {
  left:49vw;
}
.menu_pr{
	width:180px;
	border:solid 1px;
	margin-left: 2px;
	border-color: #7b1212;
	padding-bottom:10px;
}
.menu_pr_mob{
  width:50%;
  border:solid 1px;
  margin-left: 2px;
  border-color: #7b1212;
  padding-bottom:10px;
}
.menu_pr_mob a {
    color: black;
    padding: 5%;
    text-decoration: none;
    display: block;
    font-size: 70%;
}

.btn_1:hover .btn_content_1 {display: block;}
.btn_2:hover .btn_content_2 {display: block;}
.btn_3:hover .btn_content_3 {display: block;}
.btn_4:hover .btn_content_4 {display: block;}

.footer{
 background: #7b1212;
 width: 100%;
 min-height: 230px;
 margin-top: 10px;			
}
.panel{
 background: #f3d97d;
 padding: 0vw 20px 0vw 20px;	
}
.panel h3{
 color:#7b1212;
 font-family:Helvetica sans-serif;
 font-weight: bold;
 text-align: center;
}
.logo{
 margin-top: 20px;
 width: 70%;
 height: 160px;		
}
.btn_div{
padding: 30px 0 30px 0;
}
.btn_div button{
	width: 100%;
	margin: 10px 0 10px 0;
	background-color: #f3d97d;
	color: #7b1212;
	border:none;	
}
.btn_div button:hover{
	color: #7b1212;
  background: #f3e4b1  !important;
}
.btn_div button:active{
  color: #7b1212;
  background: #f3e4b1  !important;
}
.btn_div button:focus{
  color: #7b1212;
  background: #f3e4b1  !important;
}
.contact{
 margin-top: 30px;
 color: #f3d97d;		
}
.cupazh{
 margin-top: 20px;
 width: 100%;
 height: 200px;			
}
.carusel{
 margin:20px 0 20px 0;
 width: 100%;	
}
.banner{
margin-top: 10px;
padding-top: 5px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 80px;
background: #f3e4b1 !important;
}
.banner:hover {
    transform: scale(1.1);
 }
 .banner a img{
 background: #f3e4b1 !important;
 }
 .lbl_banner{
  display:none;
  position: absolute;
  top:2px;
  background:#f7f0dc;
  width: 100%;
  padding: 0;
}
.lbl_banner a{
  text-align: center;
  color:#7b1212!important;
  text-decoration: none;
}
.lbl_banner p{
  margin: 0;

}
.banner:hover .lbl_banner {display: block;}
.paggin ul>li.active>a  {
	background-color: #7b1212 !important;
	color: #f3e4b1 !important;
}
.paggin ul>li>a  {
	color: #7b1212 !important;
	background-color: #f3e4b1 !important;
	border:none;
}
img.img-thumbnail {
    display: block;
    margin-left: auto;
    margin-right: auto;
    background: #f7f0dc !important;
    border:none;
}
.products{
 padding: 0vw 10px 0vw 10px;	
}
.products img{
 width: 90%;
}
.labell{
  background: #f7f0dc;
  height: 500px;
  border: solid 1px;
  border-color: #f3d97d;
  padding: 1% 1% 0 1%;
}
.labell h6{
  font-family: Helvetica;
}
.labell h5{
  margin:0;
}
.labell a{
  text-align: center;
  text-decoration: none;
  color:#f50707;
}
.labell:hover {
	border-color: #7b1212;
}
@font-face { 
    font-family: "rouble";
    src: url("/assets/fonts/rouble.otf") format("opentype");
}
.rub { font-family: "rouble"; }