@font-face {
    font-family: 'Raleway';
    src: url('Raleway-Regular.ttf')  format('truetype');
}

@font-face {
    font-family: 'RalewayBold';
    src: url('Raleway-Bold.ttf')  format('truetype');
}

html,
body {
    font-family: 'Open Sans', sans-serif;
    background-color: #202020;
    padding: 0;
    margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    -webkit-overflow-scrolling : touch !important; 
	overflow: auto !important; 
	height: 100% !important;	
}

header{
background-color:#000000;
}

h1,h2,h3,h4,h5,h6{
font-family: 'Raleway', sans-serif;	
}

.filter-view-container{
font-weight:bold;
padding-left:5px;
cursor:pointer;
color:#846110;
}

h6{
padding:0px;
margin:0px;
}

.wrapper {
  min-height: 100%;
  margin-bottom: -50px;
}

.push{
	height: 50px;
}

.footer{
  height: 120px;
}

.sml-side-slant{
background-color:#595959;
background:url('img/sml_slant_bg_lighter.png') top right no-repeat;
text-align:right;
color:#ffffff;
padding-top:15px;
padding-bottom:10px;
padding-right:15px	
}

.btn:focus,.btn:active {
	outline: none !important;
    box-shadow: none;
}


button:focus,button:active {
	outline: none !important;
    box-shadow: none;
}

#mobile-search{
display:block;	
}

#full-search{
	display:none;	
}

.navbar-toggler:focus,.navbar-toggler:active{
	outline: none !important;
    box-shadow: none;	
}

.article-container img{
    max-width:100%;
    height:auto;
}

.round-image{
background-color:#404040;
padding:20px;
border-radius:50%;
display:inline-block;
margin-top:15px;
width:115px;
height:115px;
text-align:center;
margin-bottom:15px
}

.pop-item {
  position: relative;
  border:1px solid #C0C0C0;
}

.pop-overlay {
  background: #404040;
  position: absolute;
  opacity: 1;
  width:101%;
  height:100%;
  display:none;
 }

 .pop-overlay-item{
    position: relative;  
    width:100%;  
 }

.article-menu-off{
display:inline-block;
background-color:#808080;
color:#ffffff;
padding:10px;
margin:5px;
font-size:14px;
cursor:pointer;
}

.wizard-menu-off{
display:inline-block;
color:#ffffff;
padding:10px;
margin:5px;
font-size:18px;
font-family: 'Open Sans', sans-serif;
}


.menu-selector-off{
background-color:#202020;
color:text-align:center;
color:#ffffff;
cursor: pointer;
border-right:1px solid #e3e3e3;
padding:5px;
text-align:center;
font-size:10px;
}

.category-menu-selector-off{
display:inline-block;
margin:5px;
color:#ffffff;
background-color:#808080;
padding:5px;
font-size:12px;
cursor:pointer;
}

#top-banner {
  padding-top: 10px;
  padding-bottom: 10px;
}

.navbar { 
font-family: 'RalewayBold', sans-serif !important; 
font-size:14px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

a:hover {
	outline: none;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}

a:focus {
	outline:none;
	outline-offset: 0;
}

a {
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	color:#846110;
	font-weight:bold;
}

  #universal-loader {
    position: fixed;
    bottom: 10px;
    right: 10px;
	background-color:#000000;
	height:130px;
	width:130px;
	border-radius:50%;
	padding-top:20px;
	border:2px solid #404040;
	text-align:center;
	display:none;
	z-index:1000;
  }

  
 #disabling-div
{
    display: none; 
    z-index:999;
    position: absolute; 
    top: 0%; 
    left: 0%; 
    width: 100%; 
    height: 100%; 
 
    background-color: #000000; 
    opacity:.0; 
    filter: alpha(opacity=0); 
} 

#tasting-overlay
{
    z-index:998;
    position: absolute; 
    top: 0%; 
    left: 0%; 
    width: 100%; 
    height: 100%; 
   background: #ffffff; 
} 

 #disabling-div-rating
{
    display: none; 
    z-index:998;
    position: absolute; 
    top: 0%; 
    left: 0%; 
    width: 100%; 
    height: 100%; 
 
    background-color: #ffffff; 
    opacity:.0; 
    filter: alpha(opacity=0); 
} 
  
.video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#top-logo{
	width:80px;
	height:auto;
}

input, textarea, select {
outline: none;
box-shadow:none !important;
}

.form-control:focus {
  outline: none;
  box-shadow:none !important;
  border:1px solid #C0C0C0;
}

#top-banner{
padding-top:10px;
}

.main-headline{
	color:#ffffff;
	line-height:20px;
	font-size:16px;
	font-weight:bold;
}

.main-link{
	color:#ffffff;
	line-height:20px;
	font-size:12px
}

.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}

input[type="text"], textarea {
outline: none;
box-shadow:none !important;

}


.modal-header {
    padding:9px 15px;
    border:none;
    background-color: #404040;
	color:#ffffff;
	border-radius: 0px !important; 
 }

.close { 
color: #ffffff; 
opacity: 1; 
}

.close:hover{
color: #ffffff; 
opacity: 1; 	
}

.close:focus,.close:active {
outline: none !important;
box-shadow:none !important;
border:none !important;
}

.form-warning{
padding:10px;
color:#ffffff;
background-color:#730b01;
border-radius:5px;
margin-top:10px;
margin-bottom:15px;
display:none;
text-align:center;
}

.form-success{
padding:10px;
color:#ffffff;
background-color:#327400;
border-radius:5px;
margin-top:10px;
margin-bottom:15px;
display:none;
text-align:center;
}


.form-label{
	font-family:'RalewayBold';
	font-size:14px;
	text-transform:uppercase
}
.fancyInput{
	outline: none;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	border:#ffffff solid 0px;
	border-bottom:1px solid #C0C0C0;
	border-radius:0px
}

.modal-content  {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important; 
	border:#404040 solid 1px;

}

.action-button{
	border:2px solid #bf9000;
	background-color:#ffffff;
	color:#202020;
	font-size:14px;
	font-weight:bold;
}

.product-image{
	margin-top:10px;
	padding:5px;
	border:1px solid #C0C0C0;
	background-color:#ffffff;
	display: inline-block;
}

.product-actions{
	float: left;
}

.product-image-parent{
	text-align:center;
}

.sub-block{
	padding:10px;
	background-color:#202020;
	color:#ffffff;
}

.carousel-header{
font-size:18px;	
}

.carousel-sub{
font-size:14px;	
}

.counter-sub{
font-size:12px;	
}
	
.carousel-button{
font-size:14px;	
border:2px solid #bf9000;
background-color:#202020;
color:#ffffff;
font-weight:bold;
}

.head-carousel{
height:200px;
}

.head-carousel-inner{
margin-bottom:15px;
padding-top:20px;
color:#ffffff
}
	

.sub-block-child{
padding:10px;
border:1px solid #C0C0C0;
font-size:14px;
}

.dropdown .nav-link {color:#fff; text-decoration: none;}

.dropdown .dropdown-menu{
background-color:#f8f9fa;
border:none;
border-radius:0px;
padding:0px;
}

.dropdown .dropdown-menu a{color: #000; text-decoration: none;}
.dropdown-menu .dropdown-item {display: inline-block; width: 100%; padding: 10px 5px;font-size:12px;text-decoration: none}
.container .dropdown .dropdown-menu a:hover
{
  color: #fff;
  background-color: #404040;
  border-color: #fff;
  text-decoration: none
}

@media only screen and (min-width: 33.9em) { 
}

@media only screen and (min-width: 47.9em) {	
	
	.product-image{
	margin-top:-40px;
	}	
	.product-actions{
		float: right;
	}
	.product-image-parent{
	text-align:left;
	}
	
	.carousel-header{
	font-size:35px;	
	}

	.carousel-sub{
	font-size:16px;
	}
	
	.counter-sub{
	font-size:16px;
	}
	
	.carousel-button{
	font-size:18px;	
	}	
	
	.head-carousel{
	height:400px;
	}

	.head-carousel-inner{
	margin-bottom:15px;
	padding-top:100px;
	color:#ffffff
	}

#top-logo{
	width:150px;
	height:auto;
}	

#top-banner{
padding-top:4px;
}

.main-headline{
	line-height:20px;
	font-size:20px;
	font-weight:normal;
}

.main-link{
	line-height:20px;
	font-size:16px
}

  #universal-loader {
    bottom: 30px;
    right: 30px;
  }

 #disabling-div
{
    opacity:.0; 
    filter: alpha(opacity=0); 
} 

.menu-selector-off{
padding:10px;
font-size:14px;
}


}

@media only screen and (min-width: 61.9em) {
#mobile-search{
	display:none;	
}	
#full-search{
	display:block;	
}
 }
 
@media only screen and (min-width: 74.9em) { 	
}