
input[type="text"], textarea, input[type="submit"] {
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	outline:none;
	border-radius:0px;
	font-family: 'Archivo Narrow', sans-serif;
}

video {
	width:100%;
	object-fit: initial;
}

@font-face {
    font-family: 'GLECB';
    src: url('../fonts/GLECB.eot');
    src: url('../fonts/GLECB.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GLECB.woff2') format('woff2'),
         url('../fonts/GLECB.woff') format('woff'),
         url('../fonts/GLECB.ttf') format('truetype'),
         url('../fonts/GLECB.svg#GLECB') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BenderTFRegular';
    src: url('../fonts/BenderTFRegular.eot');
    src: url('../fonts/BenderTFRegular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BenderTFRegular.woff2') format('woff2'),
         url('../fonts/BenderTFRegular.woff') format('woff'),
         url('../fonts/BenderTFRegular.ttf') format('truetype'),
         url('../fonts/BenderTFRegular.svg#BenderTFRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Haettenschweiler';
    src: url('../fonts/Haettenschweiler.eot');
    src: url('../fonts/Haettenschweiler.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Haettenschweiler.woff2') format('woff2'),
         url('../fonts/Haettenschweiler.woff') format('woff'),
         url('../fonts/Haettenschweiler.ttf') format('truetype'),
         url('../fonts/Haettenschweiler.svg#Haettenschweiler') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SignPainter-HouseScript';
    src: url('../fonts/SignPainterHouseScript.eot');
    src: url('../fonts/SignPainterHouseScript.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SignPainterHouseScript.woff2') format('woff2'),
         url('../fonts/SignPainterHouseScript.woff') format('woff'),
         url('../fonts/SignPainterHouseScript.ttf') format('truetype'),
         url('../fonts/SignPainterHouseScript.svg#SignPainterHouseScript') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeue-webfont';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff2') format('woff2'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeue-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Archivo Narrow', sans-serif;
}

p,label {
	font-family: 'Archivo Narrow', sans-serif;
}

body {
	font-family: 'Archivo Narrow', sans-serif;
}

.btn-success {
	font-family: 'Archivo Narrow', sans-serif;
}

@media (min-width:1060px) {

.container {
	width:1060px;
}
	
}

section {
	float:left;
	width:100%;
}

/* Header Style */
#header {
	padding-top:30px;
	padding-bottom:10px;
}

#header .navbar-nav {
	float:none;
	display:inline-block;
}

#header .navbar-brand {
	padding:10px 10px;
}

#header .navbar-nav.navbar-right:last-child {
	margin-right:0px !important;
}

#header .navbar-default .navbar-nav  li {
	margin-top:0px;
}

#header .navbar-default .navbar-nav  li  a {
	color:#767678;
	font-size:14px;
	font-family: 'Archivo Narrow', sans-serif;
	padding:0px 10px;
	line-height:90px;
}

#header .navbar-default .navbar-nav li.active  a,#header .navbar-default .navbar-nav a:hover,#header .navbar-default .navbar-nav  a:focus {
	background:none;
	color:#1f1f1f;
}

/* Banner Style */
#banner {
	
}

#banner ul li {
	padding-top:200px;
	padding-bottom:200px;
	list-style:none;
}

#banner ul li.video {
	padding-top:0px;
	padding-bottom:0px;
}

.bx-wrapper {
	margin-bottom:0px !important;
}

#banner .panel {
	background:url(../images/bg-1.jpg) 50% 50% no-repeat;
	background-size:cover;
	border:1px solid #d9d9da;
	padding:25px 0px;
	margin-top:-15px;
}
/*Video CSs*/
#banner ul {
	left:0px !important;
	margin:0px;
	padding:0px;
}

/*Video End*/

#banner  li {
	list-style:none;
}

#banner .panel h4 {
	font-size:26px;
	color:#faf7f9;
}

#banner .panel img.top-space {
	
}

#banner .panel h4 span {
	font-size:14px;
}

.panel {
	float:left;
	width:100%;
	background:none;
	border-radius:0px;
	padding:0px;
	margin:0px;
	box-shadow:none;
	border:none;
}

.bx-wrapper .bx-pager {
	padding-top:20px;
	width:100%!important;
}

/* Content Style */
#content {
	background:url(../images/content-bg.jpg) 50% 50% no-repeat;
	background-size:cover;
	padding:55px 0px 100px 0px;
	margin-top:-5px;
}

#content .circle {
	float:left;
	width:100%;
	position:relative;
	padding-bottom:40px;
}

#content .circle .text {
	float:left;
	width:100%;
	position:absolute;
	top:30%;
	left:0%;
}

#content .circle .text h3 {
	font-size:29px;
	color:#faf7f9;
	margin:0px;
}

#content .circle .text h6 {
	font-size:9px;
	margin:0px;
	color:#faf7f9;
}

#content h2 {
	font-size:39px;
	color:#faf7f9;
	line-height:44px;
	margin-bottom:20px;
}

#content p {
	font-size:20px;
	color:#fbfbfb;
	margin-bottom:20px;
	line-height:24px;
}

#live {
	background:url(../images/live-bg.jpg) 50% 10% no-repeat;
	background-size:cover;
	padding:170px 0px 200px 0px;
}

#live .circle {
	display:inline-block;
	position:relative;
	width:238px;
	height:233px;
	border-radius:100%;
	border:1px solid #fff;
	background:rgba(0,0,0,0.30);
}

#live .circle .text {
	float:left;
	width:100%;
	position:absolute;
	top:35%;
	left:0%;
}

#live .circle .text h3 {
	font-size:58px;
	color:#faf7f9;
	margin:0px;
}

#live .circle .text h6 {
	font-size:18px;
	margin:0px;
	color:#faf7f9;
}

#live .circle img.live {
	margin-top: 30px;
	margin-left: -45px;
}

#featuring {
	padding:48px 0px 28px 0px;
}

#featuring h3 {
	font-size:24px;
	color:#407cca;
	line-height:22px;
	font-weight:bold;
}

#featuring p {
	font-size:20px;
	line-height:22px;
	color:#1e2223;
	margin-bottom:35px;
}

#featuring h4 {
	font-size:23px;
	color:#116bce;
	margin-bottom:0px;
	margin-top:20px;
}

#featuring h5 {
	font-size:18px;
	color:#001223;
	margin-top:0px;
}

#featuring .panel {
	padding-top:20px;
}

#featuring .panel p {
	font-size:18px;
	color:#1e2223;
	line-height:21px;
	padding:0px 20px;
	margin-bottom:20px;
}

#featuring .panel img {
	width:100%;
}

#featuring .panel h6 {
	font-size:13px;
	color:#116bce;
	line-height:21px;
	margin-top:20px;
}

#featuring .normal {
	padding:0px 5px;
}

#featuring h2 {
	font-size:40px;
	color:#116bce;
	line-height:22px;
	margin-top:30px;
	font-family: 'BenderTFRegular';
}

#craft {
	background:url(../images/craft-bg.jpg) 50% 10% no-repeat;
	background-size:cover;
	padding:200px 0px 167px 0px;
}

#craft .circle {
	display:inline-block;
	position:relative;
	width:238px;
	height:233px;
	border-radius:100%;
	border:1px solid #fff;
	background:rgba(0,0,0,0.30);
}

#craft .circle .text {
	float:left;
	width:100%;
	position:absolute;
	top:35%;
	left:0%;
}

#craft .circle .text h3 {
	font-size:58px;
	color:#faf7f9;
	margin:0px;
}

#craft .circle .text h6 {
	font-size:18px;
	margin:0px;
	color:#faf7f9;
}

#craft .circle img.live {
	margin-top: 30px;
	margin-left: -45px;
}

#craft-beers {
	background:#12212b;
	padding:60px 0px 60px 0px;
}

#craft-beers .centered {
	float:none;
	display:inline-block;
	text-align:center;
}

#craft-beers h4 {
	font-size:26px;
	color:#ffffff;
	line-height:22px;
	margin-bottom:50px;
}

#craft-beers .col-ganral {
	padding:0px 15px;
}

#craft-beers .col-ganral h3 {
	font-size:30px;
	font-family: 'GLECB';
	color:#fff;
	margin-bottom:0px;
	margin-top:30px;
}

#craft-beers .col-ganral h6 {
	font-size:11px;
	color:#fff;
	margin-top:0px;
	font-family: 'Lato', sans-serif;
}

#craft-beers .col-ganral h3.lato {
	font-family: 'GLECB';
}

#craft-beers .col-ganral h3.script {
	font-family: 'SignPainter-HouseScript';
}

#craft-beers .col-ganral h3.haet {
	font-family: 'Haettenschweiler';
}

#craft-beers .col-ganral h3.spaceing {
	font-size:26px;
	letter-spacing:5px;
}

#craft-beers .col-ganral p {
	font-size:18px;
	line-height:22px;
	color:#fff;
}

#drinks {
	padding:55px 0px;
}

#drinks h4 {
	font-size:26px;
	color:#407cca;
	margin-bottom:0px;
}

#drinks p {
	font-size:20px;
	line-height:21px;
	color:#1e2223;
}

#drinks a.btn-success {
	line-height:40px;
	display:inline-block;
	padding:0px 40px;
	font-size:16px;
	background:none;
	color:#000102;
	border:1px solid #000102;
	text-decoration:none;
	letter-spacing:3px;
	margin-top:10px;
}

#food {
	background:url(../images/food-bg.jpg) 50% 10% no-repeat;
	background-size:cover;
	padding:210px 0px 175px 0px;
}

#food .circle {
	display:inline-block;
	position:relative;
	width:238px;
	height:233px;
	border-radius:100%;
}

#food .circle  .black {
	background:rgba(0,0,0,0.30);
	display:inline-block;
	position:absolute;
	top:0%;
	left:0%;
	border-radius:100%;
	border:1px solid #fff;
	width:238px;
	height:233px;
}

#food .circle .text {
	float:left;
	width:100%;
	position:absolute;
	top:35%;
	left:0%;
}

#food .circle .text h3 {
	font-size:58px;
	color:#faf7f9;
	margin:0px;
}

#food .circle .text h6 {
	font-size:18px;
	margin:0px;
	color:#faf7f9;
}

#food .circle img.live {
	margin-top: 30px;
	margin-left: -45px;
}

#world {
	padding:68px 0px;
}

#world img {
	width:100%;
}

#world .normal {
	padding:0px 5px;
}

#world a {
	font-size:18px;
	color:#407cca;
	text-transform:uppercase;
	text-decoration:none;
	display:inline-block;
	margin-top:15px;
}

#world a.btn-success {
	line-height:40px;
	display:inline-block;
	padding:0px 40px;
	font-size:16px;
	background:none;
	color:#000102;
	border:1px solid #d1d1d1;
	text-decoration:none;
	letter-spacing:3px;
	margin:45px 0px;
}

#world  h4 {
	font-size:26px;
	line-height:22px;
	color:#407cca;
	margin-bottom:0px;
}

#world p {
	font-size:20px;
	line-height:22px;
	color:#1e2223;
}

#event {
	background:#12212b;
	padding:28px 0px;
}

#event  h4 {
	font-size:26px;
	line-height:22px;
	color:#407cca;
	text-transform:uppercase;
	margin:30px 0px;
}

#event .images {
	float:left;
	width:100%;
	position:relative;
}

#event .overlay {
	position:absolute;
	bottom:0%;
	left:0%;
	width:100%;
}

#event .overlay h2 {
	font-size:96px;
	color:#ffffff;
	font-family: 'BebasNeue-webfont';
	line-height:100px;
}

#event img {
	width:100%;
}

#event .normal {
	padding:0px 5px;
}

#event h5 {
	font-size:18px;
	color:#407cca;
	text-transform:uppercase;
	text-decoration:none;
	display:inline-block;
	margin:0px;
	margin-top:15px;
}

#event h6 {
	font-size:16px;
	color:#ffffff;
	line-height:20px;
	margin:0px;
}

#private {
	padding:38px 0px;
}

#private .normal {
	padding:0px 5px;
}

#private h4 {
	font-size:26px;
	line-height:22px;
	color:#407cca;
	text-transform:uppercase;
	margin:30px 0px;
}

#private h5 {
	font-size:18px;
	color:#407cca;
	margin-bottom:0px;
}

#private h6 {
	font-size:16px;
	line-height:19px;
	margin-top:0px;
	color:#1e2223;
}

#private p {
	font-size:20px;
	color:#1e2223;
	line-height:21px;
}

#private h3 {
	font-size:26px;
	color:#407cca;
}

#private a.btn-success {
	line-height:40px;
	display:inline-block;
	padding:0px 40px;
	font-size:16px;
	background:none;
	color:#000102;
	border:1px solid #cccccc;
	text-decoration:none;
	letter-spacing:3px;
	margin-top:30px;
}

#private img {
	width:100%;
}

#reservation {
	background:#12212b;
	padding:29px 0px 40px 0px;
}

#reservation h4 {
	font-size:16px;
	color:#407cca;
	line-height:22px;
}

#reservation  label {
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
}

#reservation .normal {
	padding:0px 5px;
}

.flush {
	padding:0px 0px;;
}

#reservation .field input[type="text"],#reservation .field input[type="email"],#reservation .field input[type="tel"] {
	border:1px solid #6f787e;
	height:50px;
	width:100%;
	padding-left:5px;
	background:none;
	font-size:16px;
	margin-bottom:6px;
	color:#fff;
}

#reservation .field textarea {
	border:1px solid #6f787e;
	height:50px;
	width:100%;
	padding-left:5px;
	background:none;
	font-size:16px;
	resize:none;
	padding-top:12px;
	color:#fff;
}

#reservation .field ::-webkit-input-placeholder {
	color:#fff;
}

#reservation .field input[type="submit"] {
	background:#3b7cca;
	color:#fff;
	border:none;
	height:50px;
	width:100%;
	font-size:16px;
	color:#ffffff;
}

#reservation .field {	
	float:left;
	width:100%;
}

/* Footer Style */
#footer {
	background:#12212b;
	padding-top:20px;
	padding-bottom:55px;
}

#footer ul {
	margin:0px;
	padding:0px;
	padding-bottom:65px;
}

#footer ul li {
	list-style:none;
	display:inline-block;
}

#footer ul li a {
	color:#ffffff;
	font-size:13px;
	font-family: 'Archivo Narrow', sans-serif;
	text-decoration:none;
	padding-right:25px;
}

#footer p {
	font-size:13px;
	line-height:19px;
	color:#ffffff;
}

#footer p  span {
	font-size:16px;
	color:#407cca;
}

#footer h4 {
	font-size:20px;
	color:#407cca;
	line-height:19px;
}

#footer a.song {
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
}

#footer a.song span {	
	color:#407cca;
}

#footer a.song img {
	margin-bottom:20px;
}

#footer h5 {
	font-size:21px;
	color:#407cca;
	margin-bottom:0px;
}

#footer p.size {
	font-size:11px;
	color:#ffffff;
	line-height:15px;
}

#footer ul.social {
	padding-top:60px;
	padding-bottom:0px;
}

#footer ul.social li {
	list-style:none;
	display:inline-block;
}

#footer ul.social li a {
	padding:0px 4px;
}

#instagram {
	padding:50px 0px;
}

#instagram h3 {
	font-size:26px;
	color:#407cca;
	line-height:22px;
	margin-bottom:20px;
}

#instagram img {
	width:19%;
	margin:0px 0.5%;
}

/*media*/
#featuring .media{
	padding-bottom: 40px;
}
#navbar li.hidden-xs{
	padding: 0px 15px;
}
#featuring .media .normal{
	    padding: 0px 15px;
}
#featuring .panel{
	padding-bottom: 20px;
}
#featuring .media h4{
	font-size: 18px;
	margin-bottom: 5px;
}
/*live music*/
#live_music{
	padding: 48px 0px;
}
#live_music .border{
	border: 1px #E5E5E5 solid;
    padding: 25px;
    margin-bottom: 15px;
}
#live_music img{
	width: 100%;
}
#live_music h4{
	font-size: 23px;
    color: #116bce;
    margin-bottom: 0px;
    text-transform: uppercase;
    line-height: 0px;
}
#live_music h5{
	font-size: 20px;
    color: #000;
    margin-bottom: 10px;
    text-transform: uppercase;
    line-height: 30px;
}
#live_music p{
	text-align: justify;
	font-size: 16px;
	color: #000;
	margin-bottom: 0px;
}
/*events*/
#events{
	padding: 48px 0px;
}
#events .border{
    padding: 25px;
    margin-bottom: 15px;
}
#events img{
	width: 100%;
}
#events h4{
	font-size: 23px;
    color: #116bce;
    margin-bottom: 0px;
    text-transform: uppercase;
    line-height: 0px;
}
#events h5{
	font-size: 20px;
    color: #000;
    margin-bottom: 10px;
    text-transform: uppercase;
    line-height: 30px;
}
#events p{
	text-align: justify;
	font-size: 16px;
	color: #000;
	margin-bottom: 0px;
}
/*contact*/
#contact{
	padding: 48px 0px;
}
#contact h4{
	font-size: 23px;
    color: #116bce;
    margin-bottom: 0px;
    line-height: 20px;
}
#contact p{
	text-align: justify;
	font-size: 18px;
	color: #000;
	margin-bottom: 0px;
}
.contact_info{
	padding: 30px 15px;
}
 
#map {
        height: 300px;
    }

  /*video*/

  #banner ul li.video{
  	padding: 0px;
  }
  .video iframe{
  	width: 100%;
  	height: 601px;
  }


/*****======= Responsive Style Css ======***********/

/* Landscape phones and portrait tablets */
@media (max-width: 767px){
#banner video, #banner ul li {
	height:270px !important;
}	
#banner ul li {
	padding-top:30px;
	padding-bottom:30px;
}	
#contact {
    padding: 15px 0px;
}
.contact_info {
    padding: 15px 15px;
}
#events .border{
	padding-top: 0px !important;
}
#featuring .panel{
	padding-top: 0px;
}
#live_music .border{
	padding: 20px 0px;
}
#live_music {
    padding: 15px 0px;
}
#live_music h4{
	padding-top: 20px;
}
#events .border{
	padding: 20px 0px;
}
#events {
    padding: 15px 0px;
}
#events h4{
	padding-top: 20px;
}
#featuring{
    padding: 10px 0px;
}
.navbar-default .navbar-brand img {
	height:50px;
}

#footer ul li a {
	padding:8px 3px;
}

#footer ul {
	padding-bottom:30px;
}

#content,#live,#craft,#food {
	padding:50px 0px;
}

#world a.btn-success {
	margin:25px 0px;
}

#private {
	padding-top:0px;
}

#header {
	padding-top:10px;
}

.navbar-default .navbar-toggle {
	margin-top:20px;
	margin-right:0px;
}

#header .navbar-default .navbar-nav > li > a {
	text-align:center;
	line-height:40px;
}

.navbar-default .navbar-toggle .icon-bar {
	background:#3b7cca;
}


.bx-wrapper .bx-pager {
	bottom:8%;
}

.bx-wrapper .bx-pager {
	padding-top:50px !important;
}

#banner .panel h4 {
	font-size:22px;
}

#content h2 {
	font-size:30px;
}

#content h2 br {
	display:none;
}

#content p {
	font-size:16px;
}

#featuring h3 {
	font-size:22px;
	line-height;26px;
}


img.coming-text {
	width:100%;
}

#craft-beers .col-ganral {
	padding:10px 15px;
}

#drinks a.btn-success {
	padding:0px 25px;
}

#world a {
	margin:15px 0px;
}

#world  h4 {
	margin-bottom:10px;
}

#event .panel {
	padding-bottom:10px;
}

#private a.btn-success {
	font-size:14px;
	padding:0px 5px;
}

.xs-center {
	text-align:center;
}

#reservation .field textarea {
	margin-bottom:6px;
}

#footer ul.social li a {
	padding:0px 1px;
}

#footer ul.social {
	padding:20px 0px;
}

video {
	height:auto;
}
	
}


@media only screen and (max-width: 767px) {
	
	.bx-viewport{
		height: 47
	}
	#featuring h2{
		font-size: 36px;
	}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
#navbar li.hidden-xs{
	padding: 0px 0px;
}
#header .navbar-default .navbar-nav  li  a {
	font-size:10px;
}

.clear {
	clear:both;
}

#world a {
	margin:15px 0px;
}

#event .panel {
	padding-bottom:10px;
}

.responsive-flush {
	padding:0px;
}

#footer ul.social li a {
	padding:0px 1px;
}

#footer ul li a {
	padding-right:12px;
}

}


/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1169px) {}