/**********************************
Responsive navbar-brand image CSS
- Remove navbar-brand padding for firefox bug workaround
- add 100% height and width auto ... similar to how bootstrap img-responsive class works
***********************************/

.navbar-brand {
  padding: 0px;
}

.navbar-brand>img {
  height: 100%;
  padding: 18px;
  width: auto;
}

/* EXAMPLE 3
line height is 20px by default so add 30px top and bottom to equal the new .navbar-brand 80px height  */

.example3 .navbar-brand {
  height: 80px;
}

.example3 .nav >li >a {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left:10px;
  padding-right:10px;
}

.example3 .navbar-toggle {
  padding: 10px;
  margin: 25px 15px 25px 0;
}

/* CSS Transform Align Navbar Brand Text ... This could also be achieved with table / table-cells */
.navbar-alignit .navbar-header {
	  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: 50px;
}

.navbar-alignit .navbar-brand {
	top: 50%;
	display: block;
	position: relative;
	height: auto;
	transform: translate(0,-50%);
	margin-right: 15px;
    margin-left: 15px;
}

.navbar-nav>li>.dropdown-menu {
	z-index: 9999;
    font-size:20px;
}

body {
    font-family: BMehrBold;
    font-size:20px;
}

.menueimage {    
    transition: transform .5s;
}

.menueimage:hover {    
    transform: scale(1.05); 
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);   
}
 
.menueimage1 {    
    transition: transform .1s;
}

.menueimage1:hover {    
    transform: scale(1.05); 
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);   
}

.red a{
    background-color:#68460f;
    color:#ffffff;
}

.flip-card {
  background-color: #222;
  /*perspective: 1000px;*/
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform .9s;
  transform-style: preserve-3d;
  /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #222;
}

.flip-card-back {
  background-color: #222;
  color: white;
  transform: rotateY(180deg);
}

/*@font-face {
    font-family: 'BTitrBold';
    src: url('fonts/BTitrBold.eot?#') format('eot'),
         url('fonts/BTitrBold.woff') format('woff'),
         url('fonts/BTitrBold.ttf') format('truetype');
}*/


@font-face {
    font-family: 'BMehrBold';
    src: url('../Fonts/BMehrBold.eot') format('embedded-opentype');
    font-weight: normal;
}

@font-face {
    font-family: 'BMehrBold';
    src: url('../Fonts/BMehrBold.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'BMehrBold';
    src: url('../Fonts/BMehrBold.woff') format('woff');
    font-weight: normal;
}