html {
  scroll-behavior: smooth;
}
body{
	/*background: url(../images/bk-footer.jpg) no-repeat center bottom;
	background-size: contain;
	text-align: center;*/
}
h1, h2, h3{
	/*color: #8e0303;*/
	text-transform: uppercase;
}
h1,
#quandoo-title{
	font-size: 24px;
	margin: 25px 0;
}
h2{
	font-size: 36px;
}
h3{
	font-size: 18px;
}
h4{
	font-size: 18px;
	margin: 0 0 25px 0;
	padding: 15px;
}
p{
	/*color: #030000;*/
	font-size: 18px;
	margin: 0 0 25px 0;
}
.text-align-left{
	text-align: left;
}
.text-uppercase{
	text-transform: uppercase;
}
.img-responsive{
	margin: 0 auto;
}
.btn{
	/*background: #8e0303;*/
	background: #8e0303;
	color: #fff;
	padding: 10px 15px;
	text-transform: uppercase;
}
.btn:hover, 
.bk-red.nav_active{
	background: #5c0202;
	/*background: #112f01;*/
	color: #fff !important;
}

.bk-transp-white{
	background: rgba(255,255,255,.7);
}

.btn-list{
	list-style: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.btn-list li{
	display: inline-block;
}
@media (max-width: 768px){
	.btn-list li a{
		display: block;
	}
}
.color-red{
	color: #8e0303;
}
.color-green{
	color: #047c21;
}
.color-blue{
	color: #2e3192;
}
.color-purple{
	color: #58026a;
}
.color-white{
	color: #fff;
}

.bk-red{
	background: #8e0303;
}
.bk-green{
	background: #047c21;
}
.bk-brown{
	background: #390101;
}
.bk-blue{
	background: #2e3192;
}
.bk-purple{
	background: #58026a;
}

.underline{
	height: 1px;
	width: 100%;
}
.underline.big-gap{
	margin: 40px 0;
}

.padding-section{
	padding: 40px 10px;
}
/**************************
header
***************************/
#header{
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.navbar-default {
    background-color: transparent !important;
    border-color: transparent !important;
}
#logo{
	background: url(../images/logo.png) no-repeat;
	display: block;
	height: 190px;
	margin: 20px;
	text-indent: -9999px;
	width: 190px;
}
@media (max-width: 760px){
	#logo{
		background: url(../images/logo-sm.png) no-repeat;
		display: block;
		height: 120px;
		text-indent: -9999px;
		width: 120px;
	}	
}

#header .main-nav{
	background: white;
	float: right;
	padding: 20px;
	position: relative;
}
#header .main-nav::before{
	content: '';
	width: 93px;
	height: 93px;
	left: 0;
	position: absolute;
	background: inherit;
	z-index: -1;
	top: 0;
	transform-origin: left bottom;
	transform: skewX(45deg);
}
#header .main-nav li{
	margin: 0 5px;
}
#header .main-nav a{
	border-bottom: 3px solid rgba(142, 3, 3, 0); 
	/*border-bottom: 3px solid rgba(29, 81, 1, 0);*/
	/*color: #8e0303;*/
	color: #8e0303;
	text-transform: uppercase;
}
#header .main-nav a:hover,
#header .main-nav a.nav_active{
	border-bottom: 3px solid rgba(142, 3, 3, 1); 
	/*border-bottom: 3px solid rgba(29, 81, 1, 1);*/
}	
#header .main-nav li.last a{
	background: rgba(142, 3, 3, 1);
	/*background: rgba(29, 81, 1, 1);*/
	color: #fff;
}

/*@media (max-width: 1109px){
	#header .main-nav li{
		margin: 0 5px;
	}
}*/
/**************************
bootstrap navbar breakpoint
***************************/

@media (max-width: 1099px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}
.navbar-default .navbar-toggle{
	background: white;
	border-color: transparent !important;
}
.navbar-default .navbar-toggle .icon-bar{
	background: #8e0303 !important;
}

.navbar-collapse.collapse.in{
	background: rgba(255,255,255,.8);
}
/**************************
carousel
***************************/
.carousel-inner>.item>img {
	min-width: 100%;
}

.carousel-caption{
	background: rgba(142, 3, 3, .8);
	/*background: rgba(29, 81, 1, .8);*/
	bottom: 43% !important;
	left: 10% !important;
	padding: 20px 0 !important;
	right: 10% !important;
}
.carousel-caption h1{
	font-size: 36px;
	margin: 0;
	letter-spacing: 15px;
}
@media (max-width: 760px){
	.carousel-caption{
		background: rgba(142, 3, 3, .8);
		/*background: rgba(29, 81, 1, .8);*/
		bottom: 8% !important;
		left: 10% !important;
		padding: 20px 0 !important;
		right: 10% !important;
	}
	.carousel-caption h1{
		font-size: 15px;
		margin: 0;
		letter-spacing: 10px;
	}
}
.carousel-caption h1,
.carousel-caption h2,
.carousel-caption p{
	color: white;
}

.carousel-caption h2{
	font-size: 55px;
}
.carousel-caption p{
	font-size: 40px;
}
.carousel-caption a{
	background: white;
	font-size: 20px;
	margin-top: 20px;
	padding: 10px 20px;
}

/**************************
bk-menus
***************************/
.bk-menus{
	background: url(../images/bk-body.jpg) top center no-repeat;
	background-size: 100% !important;
	padding: 97px 0;
}
.bk-menus .bk-transp-white{
	border: 5px solid #8e0303;
	padding: 35px 45px;
}
.bk-menus .bk-transp-white .col-sm-4{
	padding: 0 15px;
}
.bk-menus .btn-list li{
	padding: 0 22px;
}
.bk-menus .btn-list li:nth-child(2){
	border-left: 1px solid #8e0303;
	border-right: 1px solid #8e0303;
}
@media (max-width: 760px){
	.bk-menus .btn-list li{
		padding: 22px;
	}
	.bk-menus .btn-list li:nth-child(2){
		border-left: none;
		border-right: none;
	}

}
body.food-page .bk-menus .btn-list li:nth-child(2){
	border: none;
}
body.drink-page .bk-menus{
	background: url(../images/bk-drink.jpg) top center no-repeat;
	background-size: 100% !important;
}
body.whisky-page .bk-menus{
	background: url(../images/bk-whisky.jpg) top center no-repeat !important;
	background-size: 100% !important;
}
body.premium-pours-page .bk-menus{
	background: url(../images/bk-premium-pours.jpg) top center no-repeat !important;
	background-size: 100% !important;
}
body.spirits-page .bk-menus{
	background: url(../images/bk-spirits.jpg) top center no-repeat !important;
	background-size: 100% !important;
}
body.local-craft-beer-page .bk-menus{
	background: url(../images/bk-local-craft-beer.jpg) top center no-repeat !important;
	background-size: 100% !important;
}
body.cocktails-page .bk-menus{
	background: url(../images/bk-cocktails.jpg) top center no-repeat !important;
	background-size: 100% !important;
}
body.wine-page .bk-menus{
	background: url(../images/bk-wine.jpg) top center no-repeat !important;
	background-size: 100% !important;
}
body.hot-beverages-page .bk-menus{
	background: url(../images/bk-hot-beverages.jpg) top center no-repeat !important;
	background-size: 100% !important;
}
body.beer-page .bk-menus{
	background: url(../images/bk-beer.jpg) top center no-repeat !important;
	background-size: 100% !important;
}
body.soft-drinks-page .bk-menus{
	background: url(../images/bk-soft-drinks.jpg) top center no-repeat !important;
	background-size: 100% !important;
}

/**************************
main
***************************/
#main ul{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
#main ul li{
	display: inline-block;
}

#main .sitemap li{
	display: block;
}
body.drink-page #main ul li{
	margin: 10px;
	width: 30%;
}
body.drink-page #main ul li a{
	display: block;
}

/**************************
offer-boxes
***************************/
@media (max-width: 510px){
	.offer-boxes a{
		min-height: 420px !important;
	}
}	
@media (max-width: 760px){
	.offer-boxes a{
		margin: 20px 0;
	}
}	
.offer-boxes a{
	background-size: 99%;
	background-position: center;
	display: block;
	height: 100%;
	min-height: 569px;
	text-indent: -9999px;
	width: 100%;
}
.btn-offers{
	background: url(../images/btn-offers2.jpg) no-repeat;
}
/*.btn-offers:hover{
	background: url(../images/btn-offers2.jpg) no-repeat;
	background-size: 99%;
    background-position: center;
}*/
.btn-drinks{
	background: url(../images/btn-drinks2.jpg) no-repeat;
}
/*.btn-drinks:hover{
	background: url(../images/btn-drinks2.jpg) no-repeat;
	background-size: 99%;
    background-position: center;
}*/
/**************************
formSignUp
***************************/
#formSignUp input{
	height: auto;
	margin: 0 auto;
	padding: 10px 15px;
	width: 95%;
}
#formSignUp .btn{
	width: 95%;
}

/**************************
btn-map
***************************/
#btn-map{
	margin: 0 0 40px 0;
	position: relative;
	width: 100%;
}
#btn-map img{
	bottom: 0;
	position: absolute;
	right: 0;
}
#myModal img{
	position: relative !important;
}
/**************************
communicate
***************************/
#communicate .col-sm-3{
	padding: 5px;
}

/**************************
offers
***************************/
.offers-row{
	border-top:1px solid #8e0303;
	padding: 20px 0;
	text-align: left;
}
.offers-row h4{
	color: #8e0303;
	padding: 0;
}
.offers-row .col-sm-4{
	text-align: center;
}
/**************************
footer
***************************/
#footer{
	background: #221919;
	color: #fff;
	margin: 45px 0 0;
	text-align: left;
	padding-bottom: 0;
}
@media (max-width: 768px){
	#footer{
		text-align: center;
	}
	.border-title.sm{
		width: 100% !important;
	}
}
#footer .inner{
	/*background: rgba(29, 81, 1, .8);*/
	height: 100%;
	padding-top: 50px;
	width: 100%;
}
#footer h3{
	color: #fff;
}
#footer p{
	color: #fff;
}
#footer a.footer-link{
	color: #fff;
}
.border-title{
	background: #fff;
	height: 1px;
	margin-bottom: 20px;
}
.border-title.sm{
	width: 70%;
}
.border-title.lg{
	width: 100%;
}


.modal-backdrop.in{
	display: none;
}