@font-face {
	font-family: 'intro';
	src: url('/assets/templates/tabac/fonts/intro.ttf') format('truetype')
}
@font-face {
	font-family: 'universlt45';
	src: url('/assets/templates/tabac/fonts/univers.ttf') format('truetype')
}

@font-face {
	font-family: 'eurostile';
	src: url('/assets/templates/tabac/fonts/EurostileLTStd-Ex2.otf') format('opentype')
}

@font-face {
	font-family: 'foundry_med';
	src: url('/assets/templates/tabac/fonts/FoundryGridnik-Medium.otf') format('opentype')
}

@font-face {
	font-family: 'foundry_bold';
	src: url('/assets/templates/tabac/fonts/FoundryGridnik-Bold.otf') format('opentype')
}
.startpage {
	background: url(../img/startpage.jpg) center center no-repeat;
}
footer {
	text-align: center;
}
body {
	font-size: 13px;
	font-family: "universlt45", Arial;
	line-height: 140%;
}
#header {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
#menu {
	background-color: #ECE7E5;
	height: 37px;
	line-height: 37px;
	text-transform: uppercase;
	font-size: 14px;
	z-index: 100;
	position: relative;
}
#menumobile {
	display: none
}
#main-content {
	background-color: #1B0C0A;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #fff;
	z-index: 5;
	padding: 30px 0;
	min-height: 490px;
}
#footer {
	text-transform: uppercase;
	color: #451600;
	text-align: center;
	padding-top: 30px;
	margin-bottom: 80px;
}
.shop, nav ul li .shop a {
	background: #451600;
	color: white;
	text-align: center
}
nav ul li#fb {
	background: #4C69BA url(../img/fb-logo.png) 5px center no-repeat;
	color: white;
	padding-left: 20px;
	float: right
}
nav ul li#fb a {
	color: white;
}
nav ul li#ig {
	background: #4C69BA url(../img/ig-logo.png) 5px center no-repeat;
	color: white;
	padding-left: 20px;
	float: right
}
nav ul li#ig a {
	color: white;
}
nav ul li#shop {
	background: #414954 url(../img/cart.png) 8px center no-repeat;
	color: white;
	padding-left: 28px;
}
.boxed {
	width: 955px;
	margin: 0 auto;
}
nav {
}
nav ul ul {
	display: none;
}
nav ul li:hover > ul {
	display: block;
}
nav a:active, nav a:link, nav a:visited {
	color: #757575;
}
nav ul {
	padding: 0 0px;
	border-radius: 10px;
	list-style: none;
	position: relative;
	display: inline-table;
	width: 100%;
	text-align: center;
}
nav ul:after {
	content: "";
	clear: both;
	display: block;
}
nav ul li {
	float: left;
}
nav ul li:hover {
	background: #592905;
}

nav ul li.craft:hover {
	background: #414954;
}


nav ul li:hover a {
	color: white;
}
nav ul li:hover li a {
	color: #757575;
}
nav ul li a {
	display: block;
	color: #757575;
	text-decoration: none;
	padding: 0 10px;
	white-space: nowrap;
}
nav ul ul {
	background: #fff;
	border-radius: 0px;
	padding: 0;
	position: absolute;
	top: 100%;
	width: auto
}
nav ul ul li {
	float: none;
	position: relative;
	min-width: 100px;
}
nav ul ul li a {
	color: #592905;
	font-size: 13px;
	text-align: left;
}
nav ul ul li a:hover {
	background: #C20036;
	color: white;
}
nav ul ul li a:hover {
	background: #C20036;
	color: white;
}



nav li a:hover,nav li a:active, nav li a:focus {
	text-decoration: none
}
nav ul li.last, nav ul li#shop {
	color: #ECE7E5;
	text-decoration: none;
	float: right;
}
nav ul li li.last {
	color: #ECE7E5;
	text-decoration: none;
	float: left;
	width: 100%
}
nav ul ul ul {
	background: #fff;
	border-radius: 0px;
	padding: 0;
	position: absolute;
	left: 100%;
	top: 0;
	width: auto
}
nav li.active a {
	color: #414954;
	font-weight: bold
}
nav li.active li a {
	font-weight: normal
}
.red {
	color: #C20036;
}
h1 {
	font-size: 36px;
	margin-top: 0;
	margin-bottom: 30px;
	color: white;
}
h2 {
	font-size: 25px;
}
h1, h2 {
	font-weight: bold;
	text-transform: uppercase;
	font-family: "foundry_med", arial, sans
}
img {
	margin-bottom: 2px;
}
.right {
	text-align: right
}
.left {
	text-align: left
}
.boxed {
	width: 100%;
}
a:link {
	outline: none;
}
#main-content img.productImg {
	height: 300px;

}
#product-slider {
	background: #ECE7E5;
	height: 190px;
	text-align: center;
	padding: 10px 0;
}
.center {
	text-align: center
}
.head {
	font-size: 70px;
	color: white;
	font-family: "foundry_med","arial",sans;
	text-transform: uppercase;
	line-height: 70px;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	text-align:right;
}
.flakon img {
	height: 100%;
}

.highlightred{
color: #df1642;}
.highslide > img {
	width: 100%;
	height: auto;
}
#inner {
	position: relative
}
a.highslide-credits, a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
	display: none !important;
}
nav ul li#fb {
	background:  url(../img/fb-logo.png) 8px center no-repeat;
	padding-left: 15px;
	text-indent: -15000px;
}

nav ul li#ig {
	background:  url(../img/ig-logo.png) 8px center no-repeat;
	padding-left: 15px;
	text-indent: -15000px;
}

#fb{
	display:none}

/* Large desktop */
@media (min-width: 1200px) {
.boxed {
	width: 1024px;
	margin: 0 auto;
}
#main-content {
	min-height: 540px;
}
#main-content img.productImg {
	height: 425px;
}
.flakon {
	height: 298px;
	position: absolute;
	right: 0px;
	top:200px;
}
}

/* Large desktop */
@media (min-width: 1024px) and (max-width: 1200px) {
.boxed {
	width: 1024px;
	margin: 0 auto;
}
#main-content {
	min-height: 340px;
	background-position: center top;
}
#main-content img.productImg {
	height: 280px;
}
.head {
	font-size: 45px;
	color: white;
	font-family: "foundry_med";
	text-transform: uppercase;
	line-height: 60px;
	text-align:left;
}
.flakon {
	height: 230px;
	position: absolute;
	right: 5%;
}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 767px) and (max-width: 1023px) {
.boxed {
	width: 767px;
	margin: 0 auto;
}
.head {
	font-size: 55px;
	color: white;
	font-family: "foundry_med";
	text-transform: uppercase;
	line-height: 55px;
}
#main-content {
	padding: 20px 0;
}
nav ul li#fb {
	padding-left: 15px;
	text-indent: -1000px;
}
nav ul li#fb {
	background:  url(../img/fb-logo.png) 8px center no-repeat;
	padding-left: 15px;
	text-indent: -15000px;
}
nav ul li#shop {
	background: #451600 url(../img/cart.png) 8px center no-repeat;
	padding-left: 15px;
	text-indent: -15000px;
}
.flakon {
	height: 240px;
	position: absolute;
	right: 5%;
	top:200px;
}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.boxed {
	width: 100%;
	margin: 0 auto;
}
#main-content {
	min-height: 340px;
	padding: 20px 0;
	background-position: center top;
	background-size:cover;
	
}
h1 {
	text-align: left
}
.flakon {
	height: 270px;
	position: absolute;
	right: 40px;
	top:30px;
}
.head {
	font-size: 40px;
	color: white;
	font-family: "foundry_med";
	text-transform: uppercase;
	line-height: 50px;
	
}

	.frontbox{
	padding-top:200px;
	}
}

/* Landscape phones and down */
@media (max-width: 640px) {
.boxed {
	width: 100%;
	margin: 0 auto;
}
#menu {
	display: none;
}
#menumobile {
	display: block;
	height: 30px;
	line-height: 32px;
	text-transform: uppercase;
	font-size: 14px;
	z-index: 100;
	position: relative;
	background: #ECE7E5 url("../img/hamburger.png") 5px 8px no-repeat;
	padding-left: 30px;
	color: #5a1f00;
}
#menumobile a, #menumobile a:hover {
	color: #5a1f00;
	text-decoration: none
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 18px;
}
#inner {
	padding: 10px;
}
#main-content {
	background-size: cover;
	background-position: center bottom;
	
}
.left {
	text-align: left
}
}
#inner {
/*display: none*/
}
#product-slider {
	overflow: hidden;
	width: auto;
}
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */
video {
	background: black;
}
.img-thumbnail {
	padding: 0px;
}
.post-box {
	margin: 15px 0 15px 0;
}
.blog {
	padding: 0
}
.container {
	padding: 0px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
}
h2 {
	margin-top: 0
}
.postershow img {
	width: 250px;
	height: auto
}
.image_container img {
	width: 100%
}
.thumb img {
	background-color: #000;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
	display: inline-block;
	height: auto;
	line-height: 1.42857;
	max-width: 100%;
	transition: all 0.2s ease-in-out 0s;
	padding: 0;
}
.thumb {
	margin-bottom: 30px;
}
.thumb span {
	width: 100%;
	text-align: center;
	font-size: 16px;
	display: block;
	line-height: 30px;
	font-family: intro, arial, sans;
}
.date {
	font-style: italic;
	color: #C96
}
nav ul li#shop a {
	background: #414954;
	color: white;
	text-align: center
}
.fb-like {
	margin-top: 20px;
}
#footer a {
	color: #451600
}
.postslide img {
	margin: 2px auto;
}
a.postslide {
	color: #414954
}
.radio, .checkbox {
	display: inline;
	min-height: inherit
}
.btn {
	color: black;
}
textarea.form-control {
	min-height: 150px
}
tr.odd td, tr.even td {
	padding-bottom: 10px;
}
tr td.col_first {
	padding-right: 20px
}
#footer {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.errors {
	color: #C20036;
}
.errors span:after {
	content: " ";
}
.invalid, .required {
	background: none repeat scroll 0 0 #ffcece;
	border-color: #C20036;
	border-width: 2px;
}
label {
	white-space: nowrap
}
.modal-header {
	display: none
}
#mw_suggestions {
	display: none; /* erforderlich */
	position: absolute; /* erforderlich */
	z-index: 9999; /* erforderlich */
	width: auto;
	border: 1px solid #7c7c7c;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 10pt;
}
.mw_suggestionEntry {
	cursor: pointer;
	margin: 1px;
	padding: 2px;
}
.mw_suggestionEntry:hover {
	background-color: #333333;
}
.right {
	text-align: right
}
	#fb{
	display:block}
}

@media (max-width: 500px) {
.head {
	font-size: 50px;
	line-height: 120%;
	margin-left: 65%;
	top: 40px;
}
.flakon {
	height: 160px;
}
#main-content {
	min-height: 0
}
.right {
	text-align: right
}
}

@media (max-width: 600px) {


}
@media (max-width: 420px) {
.head {
	font-size: 34px;
	line-height: 130%;
	margin-left: 5%;
	top: 40px;
	text-align:left;
}
.flakon {
	height: 250px;
	position:absolute;
	right:8%;
	top:150px;
}
#main-content {
	min-height: 450px;
}

.col-xs-6{
	width:100%}
.left {
	text-align: right
} 
.add{
	display:none}
	.frontbox{
	padding-top:200px;
	}
	

}


img{
	height: auto;}
	
.prodsmall{
	
	background:#ECE7E5;
	display:block;
	width:95%;
	padding:15px 20px;
	margin-bottom:1px;
	color:#2C1904;
	font-weight:bold;
	}
.prodsmall span{
	}

.fhm{
		position:absolute;
		top:240px;
		right:70px;
		display:block;}
		
.tot{

		text-align:left;
		display:inline;}
	.tot2 img{
		width: 80px;
		padding-top:10px}
	
	@media (min-width: 1200px) {
	
	
	
		}
	
	
	
@media (max-width: 1180px) {		
	
	.fhm{
		display:none}
		
		.tot{

		text-align:left;
		display:inline;}
		
		
}
@media (min-width: 768px) and (max-width: 1024px) {	
.tot{

		text-align:right;
		display:inline;
		}}
@media (min-width: 320px) {	
.tot{

		
		display:inline;
		}
		
		[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"]{
		display:inline;
		}
		

.btn-fb{
		display:none}
		
	}
@media (max-width: :;px) {	

.tot{

		text-align:left;
		display:inline;}

.btn-fb{
		display:block}
	}

#fb .btn-fb{
	margin:10px 0 20px;}
.btn-fb{
	background: #4C69BA;
	color:white !important;}
	
.btn-fb:hover{
	color: #4C69BA !important;
	background:white ;}
#truck{
min-height:750px;
background-image:url("/assets/templates/tabac/img/truckback.jpg");
background-size:cover;
background-position: center top;
padding-top:50px;
padding-bottom:20px;}

#truck img{
max-width:600px}


#main-content-extended{
min-height:450px;
background-image:url("/assets/templates/tabac/img/metallflaeche.jpg");
background-size:cover;
background-position: center top;
padding-top:50px;
padding-bottom:20px;
color:white;}


.craftsman{

background-image:url("/assets/templates/tabac/img/metallflaeche.jpg") !important;
background-size:cover;
background-position: center top;

color:white;}


.vertical-center {
 /* min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
 /* min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}
@media (min-width: 769px) and (max-width: 1024px) {	
#truck{
min-height:500px;
background-size:cover;
}
}	

@media (min-width: 481px) and (max-width: 768px) {	
#truck{
min-height:400px;
background-size:cover;
}
 #truck img{
max-width:400px;
}
}	

@media (min-width: 300px) and (max-width: 480px) {	
#truck{
min-height:200px;
background-size:cover;


}


}	


@media (orientation:landscape) {
  /* Styles for Landscape screen */
  #truck img{
 padding-top:20%;
 padding-bottom:5%;
}
 
}


@media (orientation:portrait) {
  /* Styles for Landscape screen */
  #truck img{
 padding-top:15%;
 padding-bottom:5%;
}
 
}

@media (min-width: 300px) and (max-width: 480px) and (orientation:portrait) {
  /* Styles for Landscape screen */
  #truck img{
 padding-top:0%;
 padding-bottom:5%;
}
 
}