html, body {
	width: 100%;
	height: 100%;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
}
body {
    background: #fcfcfc;
}

@font-face {
    font-family: 'ChromoxomePro-SemiBold';
    src: url('fonts/ChromoxomePro-SemiBold.eot');
    src: url('fonts/ChromoxomePro-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/ChromoxomePro-SemiBold.woff2') format('woff2'), url('fonts/ChromoxomePro-SemiBold.woff') format('woff'), url('fonts/ChromoxomePro-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'BouchersScript2.0';
    src: url('fonts/BouchersScript20.eot');
    src: url('fonts/BouchersScript20.eot?#iefix') format('embedded-opentype'), url('fonts/BouchersScript20.woff2') format('woff2'), url('fonts/BouchersScript20.woff') format('woff'), url('fonts/BouchersScript20.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BouchersSans2.0';
    src: url('fonts/BouchersSans20.eot');
    src: url('fonts/BouchersSans20.eot?#iefix') format('embedded-opentype'), url('fonts/BouchersSans20.woff2') format('woff2'), url('fonts/BouchersSans20.woff') format('woff'), url('fonts/BouchersSans20.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.clear {
	clear: both;
}

a,
a:hover,
a:active {
	color: #ed1e25;
}

[animviewport] {
	visibility: hidden;
}
.loader {
	position: fixed;
	background: white;
	top: 0px; left: 0px; right: 0px; bottom: 0px;
	z-index: 99;
}
	.loader .spinner {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	  width: 158px;
	  text-align: center;
	}

	.loader .spinner > div {
	  width: 50px;
	  height: 50px;
	  background-image: url("../img/icon-bairrista.png");
	  background-size: 100%;

	  border-radius: 100%;
	  display: inline-block;
	  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	}

	.loader .spinner .bounce1 {
	  -webkit-animation-delay: -0.32s;
	  animation-delay: -0.32s;
	}

	.loader .spinner .bounce2 {
	  -webkit-animation-delay: -0.16s;
	  animation-delay: -0.16s;
	}

	@-webkit-keyframes sk-bouncedelay {
	  0%, 80%, 100% { -webkit-transform: scale(0) }
	  40% { -webkit-transform: scale(1.0) }
	}

	@keyframes sk-bouncedelay {
	  0%, 80%, 100% { 
	    -webkit-transform: scale(0);
	    transform: scale(0);
	  } 40% { 
	    -webkit-transform: scale(1.0);
	    transform: scale(1.0);
	  }
	}

.well h1 {
	margin-top: 5px;
}

.button-holder {
	width: 100%;
}
	.button-holder .btn {
		width: 100%;
	}

.navbar-toggle {
	background: white;
	margin-top: 15px;
	margin-bottom: 15px;
}

.navbar .login-bar {
	background: #2b388f;
	padding: 20px;
}
	.navbar .login-bar .container .col-md-4,
	.navbar .login-bar .framed-headline {
		color: white!important;
		padding: 0px!important;
	}
	.navbar .login-bar .framed-headline:before, .navbar .login-bar .framed-headline:after {
		border-color: white!important;
		display: none;
	}

	.navbar .login-bar .bairrista-red-3d {
		padding-left: 50px; padding-right: 50px;
		margin-top: 25px;
	}
	.navbar .login-bar input {
		margin-top: 10px;
		width: 100%;
	}
	.navbar .login-bar .create-text {
		margin-top: 25px;
		width: 100%;
	}

.page-wrapper {
	height: 100%;
}

.well {
	background: white;
	border-radius: 0px;
}

.container ul, .container ol {
	margin-left: 20px;
}

nav.navbar.navbar-default.navbar-fixed-top {
	z-index: 100;
}

nav.navbar.navbar-default.navbar-fixed-top,
nav.navbar.navbar-default.navbar-fixed-top .container,
.navbar-default .navbar-collapse, .navbar-default .navbar-form,
.navbar-nav, .navbar-nav>li, .nav a, .navbar-default .navbar-nav>li>a {
	color: black!important;
	font-weight: bold;
}

.nav.navbar-nav.pull-right {
	background: white!important;
	margin-right: -20px;
	border-radius: 0px 0px 0px 15px!important;
}

.avatar-holder {
	background: rgba(255, 255, 255, 0.9);
	border-radius: 5px;
	width: 40px; margin-top: -10px;
}

.nav a, .navbar-default .navbar-nav>li>a {
	padding-top: 25px!important;
	padding-bottom: 25px!important;
}

ul.dropdown-menu li, ul.dropdown-menu li a {
	color: black;
}

.navbar-nav>li>.dropdown-menu {
	background: white!important;
	color: white!important;
	border-top: 4px solid #d22027!important;
    border-bottom: 4px solid #d22027!important;
}
.navbar-nav>li>.dropdown-menu>li:not(:first-child) {
	border-top: 1px dashed #e1e1e1;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	background: #d22027!important;
	color: white!important;
}
.navbar-nav>li>.dropdown-menu >li>a:hover {
	background: #d22027!important;
	color: white!important;
}
.nav a, .navbar-default .navbar-nav>li>a {
	padding-top: 25px;
    padding-bottom: 55px;
}
section {
	margin-top: 85px;
}
.page-body {
	text-align: center;
	background: none;
    background-size: cover !important;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	position: relative;
	overflow: hidden;
}
	.page-body.homepage {
		height: calc(100vh - 120px);
	}
	.page-body.homepage #homepage-animation {
		position: absolute;
		top: 0px; bottom: 0px;
		left: 0px; right: 0px;
		width: 100%; height: 100%;
		z-index: -1;
		background: url("../img/photo/bairrista8.jpg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover !important;
		background-attachment: fixed;
		z-index: -1;
	}

	.page-body .page-section {
		padding-top: 40px;
	}
	.page-body .content-holder {
		width: 100%;
		position: absolute;
		top: 50%; left: 50%;
		transform: translate(-50%, -50%);
	}
		.page-body .content-holder .top-headline {
		  font-family: "BouchersSans2.0", Helvetica Neue, Helvetica, Arial;
		  font-size: 48px;
		  color: #fff;
		}
		.page-body .content-holder .second-headline {
		  font-family: "BouchersSans2.0", Helvetica Neue, Helvetica, Arial;
		  font-size: 48px;
		  color: #fff;
		}
		.page-body .content-holder .third-headline {
		  font-family: "BouchersSans2.0", Helvetica Neue, Helvetica, Arial;
		  font-size: 30px;
		  color: #fff;
		  padding-top: 40px!important;
		}
		.page-body .content-holder .top-headline,
		.page-body .content-holder .second-headline,
		.page-body .content-holder .third-headline {
			margin-top: 5px;
			margin-bottom: 5px;
			padding-top: 0px; padding-bottom: 0px;
    		text-shadow: 2px 2px 10px #000;
		}


.error-headline {
	font-family: 'BouchersSans2.0', Helvetica, Arial, serif;
  	color: #EC1D24;
  	font-size: 30px;
  	padding: 30px;
}

.framed-headline {
	position:relative;
  	font-family: "BouchersScript2.0", Helvetica, Arial, serif;
  	font-size: 45px;
    line-height: 50px;
    color: #2a388f;
    display: inline-block;
    margin: auto;
    padding: 30px!important;
}
.framed-headline:before, .framed-headline:after, .framed-headline>:first-child:before, .framed-headline>:first-child:after {
    position:absolute; content:' ';
    width:10px; height: 10px;
    border-color:#2a388f; /* or whatever colour */
    border-style:solid; /* or whatever style */
}
.framed-headline:before {
  width:60px; height: 20px;
  bottom:0;left:0;border-width: 0 0 3px 3px;
}
.framed-headline:after {
  width:10px; height: 30px;
  top:0;right:0;border-width: 3px 3px 0 0
}

	.framed-headline.secondary {
		font-size: 30px;
		line-height: 35px;
		margin-top: 30px;
		color: red;
	}
		.framed-headline.secondary:after,
		.framed-headline.secondary:before {
			border-color: red;
		}

.container.suggestions {
	padding-top: 30px;
	text-align: center;
	width: 75%;
	margin: auto;
}
	.container.suggestions form {
		padding-top: 30px;
		padding-bottom: 30px;
	}

.container.concept {
	height: calc(100vh - 120px);
	position: relative;
}
	.container.concept::after {
		content: "";
		background: url("../img/blue-pattern.png");
		position: absolute;
		bottom: 0px;
		left: 0px; right: 0px;
		width:100%; height: 50%;
		z-index: -1;
	}
	.container.concept img {
		position: absolute;
		display: none;
	}

	.container .blue-box {
		background: rgb(43, 56, 143);
		font-family: 'BouchersSans2.0', Helvetica, Arial, serif;
		font-size: 15px;
		line-height:26px;
		color: white;
		width: 100%;
		max-width: 378px;
		text-align: center;
		padding: 28px;
		position: absolute;
		top: 50%; left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
	}
		.container .blue-box.closed {
			max-width: 458px;
			background: transparent;
			color: rgb(43, 56, 143);
		}
		.container .blue-box .header {
			font-family: "BouchersScript2.0", Helvetica, Arial, serif;
		    text-align: center;
		    font-size: 37px;
		    line-height: 56px;
		}

		.container .blue-box .text {
		    font-family: "BouchersSans2.0", Helvetica, Arial, serif;
		    line-height: 26px;
		    font-size: 15px;
		    margin-top: 18px;
		}

		.container .blue-box .button {
		    margin-top: 18px;
		}

	.container.concept .photo1 {
		display: block;
		max-width: 25%;
		max-height: calc(75vh - 200px);
		transform: translate(-50%, -50%);
		top: 55%; left: 20%;
	}
	.container.concept .photo2 {
		display: block;
		max-width: 25%;
		max-height: calc(75vh - 250px);
		transform: translate(-50%, 0%);
		top: 5%; left: 33%;
	}
	.container.concept .photo3 {
		display: block;
		max-width: 50%;
		max-height: calc(75vh - 250px);
		transform: translate(-50%, 0%);
		top: 5%; left: 75%;
	}
	.container.concept .photo4 {
		display: block;
		max-width: 25%;
		max-height: calc(40vh);
		transform: translate(-50%, 0%);
		bottom: 0px; left: 65%;
	}

.container.location {

}
	.container.location a,
	.container.location a:hover,
	.container.location a:active,
	.container.location a:visited {
		color: white!important;
	}
	.container.location .col-lg-4 {
		height: 250px;
		padding: 0px;
	}
	.container.location .storefront {
		background: url("../img/photo/storeinside.jpg") no-repeat center center;
		background-size: cover !important;
	}
	.container.location .data {
		background: #ed1e25;
		color: #FFF;
		background-size: cover !important;
		text-align: center;
		font-family: "BouchersSans2.0", Helvetica, Arial, serif;
	    font-size: 15px;
	    line-height: 26px;
	}
		.container.location .data .name {
			font-family: "BouchersScript2.0", Helvetica, Arial, serif;
			font-size: 37px;
			line-height: 56px;
	   		padding-top: 57px;
		}
	.container.location  .map {
		background: lightgrey;
	}

.container.whoarewe {
	height: calc(100vh - 120px);
	position: relative;
	overflow: hidden;
}
	#thanks-order .container.whoarewe {
    	height: calc(80vh - 120px);
    }
	.container.whoarewe .background {
		position: absolute;
		top: -200px; bottom: -200px;
		left: 0px; right: 0px;
		background: url("../img/photo/bairrista1-crop.jpg") no-repeat;
		background-position: center;
		background-size: cover !important;
	}
		#thanks-order .container.whoarewe .background {
			background: url("../img/photo/bairrista4.jpg") no-repeat;
	    }
	.container.whoarewe::after {
	  content: " ";
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  transform: translateZ(-1px) scale(1);
	  z-index: -1;
	  width: 100%; height: 100%;
	}

.container.recruiting {
	text-align: center;
	padding-top: 50px;
	font-family: "BouchersSans2.0", Helvetica, Arial, serif;
	font-size: 15px; line-height: 26px;
}
	.container.recruiting form {
		width: 75%;
		margin: auto;
	}
	.container.recruiting .col-lg-6,
	.container.recruiting .col-lg-12 {
		margin-bottom: 50px;
	}
	.container.recruiting .subheadline {
		color: #cf1b15;
		margin: 30px 0px;
	}
	.container.recruiting label {
		color: #2b388f;
		font-size: 14px;
	}
	.container.recruiting input,
	.container.recruiting textarea {
		width: 100%;
	}
	.container.recruiting .checkbox-list {
		text-align: left;
	}
		.container.recruiting .checkbox-list .option {
			display: inline-block;
			width: 49%;
		}
		.container.recruiting .checkbox-list .option .checkbox-label {
			color: #cf1b15;
			padding-left: 5px;
		}

	.container.appcta {
		background: #2b388f;
		height: calc(100vh - 120px);
		position: relative;
	}

		.container.appcta .wrapper .content {
			text-shadow: blue 0px 0px 10px;
		}
		.container.appcta .wrapper {
		    width: 95%;
		    margin: auto;
		}
		.container.appcta .content {
			font-family: "BouchersSans2.0", Helvetica, Arial, serif;
		    font-size: 14px;
		    line-height: 23px;
		    color: #FFF;
		    width: 25%;
		    margin-bottom: 25px;

			position: absolute;
			top: 50%;
			transform: translate(0%, -50%);
			z-index: 2;
		}
		.container.appcta .content .header {
			font-family: "BouchersScript2.0", Helvetica, Arial, serif;
		    font-size: 37px;
		    line-height: 56px;
		}
		.container.appcta .content img {
			width: 50%;
			display: block;
			margin-top: 25px;
		}

		.container.appcta .image {
			background: url("../img/cta_background.jpg?v=1") no-repeat;
			background-size: auto 100% !important;
			background-position: top left;
			position: absolute;
			top: 0px; bottom: 0px;
			left: 30%; right: 0px;
			z-index: 1;
		}


.container.products:not(.suggestions) {
	min-height: calc(100vh - 120px);
	padding-top: 50px;
	text-align: center;
	width: 90%;
	margin: auto;
}
	.container.products form {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.container.products .drink form {
		padding-top: 0px; padding-bottom: 10px;
	}

form.submitted input:invalid,
form.submitted select:invalid,
form.submitted textarea:invalid {
	border-color: red!important;
}
form select {
	-webkit-appearance:none!important;
	-moz-appearance:none!important;
}
form input,
form textarea,
form select {
	background: #FFF!important;
	border-color: rgba(43, 56, 143, 0.38)!important;
	font-family: 'ChromoxomePro-SemiBold'!important;
	color: #2b388f!important;
	font-size: 20px!important;
	line-height: 25.0px!important;
	padding:10px!important;
	padding-left:20px!important;
}
form select:not([multiple]),
form input[type=number] {
	background: url("../img/arrow-select.png") no-repeat!important;
	background-position: right 10px center!important;
}

form input[type=number] {
	-webkit-appearance:none!important;
	-moz-appearance:none!important;
}


form input[type=checkbox] {
	padding: 2px 11px!important;
}
form input[type=radio] {
	padding: 11px!important;
	border-radius: 50%;
}

form input[type=checkbox],
form input[type=radio] {
	width: 24px!important; height: 24px!important;
	margin-bottom: -7px!important;
	display: inline-block!important;
	-webkit-appearance:none!important;
	-moz-appearance:none!important;
	background:white!important;
	border: 1px solid rgba(43, 56, 143, 0.38)!important;
}
form input[type=checkbox]:checked,
form input[type=radio]:checked {
	background: #2b388f!important;
}

form input[type=file] {
	line-height: 10px!important;
	color:#cf1b15!important;
    font-size: 16px!important;
    text-align: center!important;
    width: 50%!important; margin: auto;
    border: 1px solid rgba(43, 56, 143, 0.38);
}

.full-width {
	width: 100%!important;
}
.bairrista-red-3d.full-width,
.bairrista-red-3d.full-width:hover,
.bairrista-red-3d.full-width:active {
	width: calc(100% - 20px)!important;
	margin-left: 10px;
}
.bairrista-red-3d,
.bairrista-red-3d:hover,
.bairrista-red-3d:active {
	background: transparent;
	border: 0px;
	color: white;
	text-decoration: none;
	position: relative;
	background: url("../img/btn-red-center.png") repeat-x;
	display: inline-block;
	height: 38px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 5px;
	cursor: pointer;
    font-family: "BouchersSans2.0", Helvetica, Arial, serif;
}

.bairrista-red-3d::before {
	content: "";
	background: url("../img/btn-red-left.png") no-repeat;
	position: absolute;
	top: 0px; bottom: 0px;
	left: -10px;
	width: 10px;
	height: 38px;
}
.bairrista-red-3d::after {
	content: "";
	background: url("../img/btn-red-right.png") no-repeat;
	position: absolute;
	right: -10px;
	top: 0px; bottom: 0px;
	width: 10px;
	height: 38px;
}

/*.bairrista-red-3d:hover,*/
.bairrista-red-3d:active {
	background: url("../img/btn-red-hover-center.png") repeat-x;
}
/*.bairrista-red-3d:hover::before,*/
.bairrista-red-3d:active::before {
	background: url("../img/btn-red-hover-left.png") no-repeat;
}
/*.bairrista-red-3d:hover::after,*/
.bairrista-red-3d:active::after {
	background: url("../img/btn-red-hover-right.png") no-repeat;
}

.dispatch-method {
	position: fixed;
	top: 150px; bottom: 0px;
	left: 0px; right: 0px;
	background: white;
	z-index: 10;
}
	.dispatch-method .container {
		position: absolute;
		width: 50%;
		top: 50%; left: 50%;
		transform: translate(-50%, -50%);
	}

.dispatch-method-bar {
	text-align: left;
	color: #2b388f!important;
    font-family: "ChromoxomePro-SemiBold", Helvetica, Arial, serif;
    font-size: 15px; line-height: 18px;
}
	.dispatch-method-bar b,
	.dispatch-method-bar a {
		color: #ec1c23;
	}

label, input {
	font-size: 20px;
}


.alert {
	border: 0px;
	margin-bottom: 0px!important;
}
.navbar-default {
	background: white;
	color: #000;
	z-index: 2;
	border-bottom: 1px solid #e1e1e1;
}
	.navbar-default .logo {
		height: 80px;
	    margin-top: -15px;
	}
	.navbar-default a, .navbar-default .navbar-brand,
	.navbar-default a:hover, .navbar-default .navbar-brand:hover,
	.navbar-default a:active, .navbar-default .navbar-brand:active,
	.navbar-default a:visited , .navbar-default .navbar-brand:visited,
	.dropdown-menu>li>a {
		color: #FFF;
	}
body {
	padding-top: 50px;
}

section {
	min-height: 90%;
	padding-bottom: 60px;
	padding-top: 15px;
}

.pre-footer {
	width: 75%;
	margin: auto;
	text-align: center;
	padding-bottom: 40px;
}
	.pre-footer .logo {
		width: 50%;
	}
	.pre-footer a {
		display: inline-block;
  		color: #2b388f!important;
	    font-family: "BouchersSans2.0", Helvetica, Arial, serif;
	    font-size: 12.0px;
	    line-height: 19.0px;
	    padding-top: 5px;
	}
		.pre-footer a:not(:first-child) {
		    margin-left: 25px;
		}
footer {
	width: 75%;
	margin: auto;
	text-align: center;
	color: #000;
	background: #FFF;
	padding: 20px;
	z-index: 2;
	/*position: fixed;
	bottom: 0px;*/
    border-top: 4px solid #d0011b;
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: rgb(208, 1, 27);
    padding-top: 25px!important;
    margin-bottom: 70px;

	font-size: 14px;
	line-height: 12px;
	font-family: "ChromoxomePro-SemiBold", Helvetica, Arial, serif;
	color: #ec1c23;
}
	footer .icon-fb {
		background: #3b5998;
		color: white;
		width: 20px; padding: 2px 0px;
		border-radius: 25px;
	}

.account-username {
	padding-left: 10px;
}
.navbar-default .icon {
	display: none;
}

.popover {
	background-color: #05331D;
	border: solid 1px #05331D;
}

.popover.bottom>.arrow:after {
  border-bottom-color: #05331D !important;
}

.popover-content {
	width: 300px;;
}

.popover-content .cartInfo,
.popover-content .cartOptions {
	padding: 10px;
	margin-bottom: 30px;
	color: #fff;
}

.popover-content .left {
	float: left;
}

.popover-content .right {
	float: right;
	margin-right: 20px;
}

.navbar-nav>li>.dropdown-menu {
	margin-left: 0px; padding-left: 0px;
	background: rgb(5, 51, 29);
	padding-top: 0px; padding-bottom: 0px;
	border-radius: 0px;
}
	.navbar-nav>li>.dropdown-menu a {
		padding-top: 13px;
	}

.navbar-nav .menu-icon {
	padding-right: 5px;
}

.datepicker table tr td.active:active, 
.datepicker table tr td.active.highlighted:active, 
.datepicker table tr td.active.active, 
.datepicker table tr td.active.highlighted.active {
   background-color: #8BA446;
}

.tableCenter {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;	
	margin-bottom: 30px;
}

.secondNavBar {
	top: 80px;
	background-color: rgba(5, 51, 29, 0.7);
	max-height: 50px;
  	display: inline-block;
  	float: none;
  	text-align: center;
}

.secondNavBar li,
.secondNavBar li a {
	display: inline-block;
	float: none;
	height: 50px;
}

.huge {
	font-size: 20px;
}

ul.dropdown-menu li,
ul.dropdown-menu li a {
	width: 100%;
}

.mobileDropdown {
	display: none !important;
}
.hideOnMobile {
	display: inline-block !important;
}

.container.top-bar {
	background: #ec1e24;
}
.container.top-bar ul.nav.navbar-nav.options {
	margin-left: 0px!important;
}
.container.top-bar .btn,
.container.top-bar ul.nav.navbar-nav a {
	color: #FFF!important;
	font-family: "BouchersSans2.0";
	font-size: 14px;
	padding: 15px!important;
}

.container.top-bar ul.nav.navbar-nav .btn-login {
	width: 111px;
	text-align: center;
}
	.container.top-bar ul.nav.navbar-nav .btn-login:hover,
	.container.top-bar ul.nav.navbar-nav .btn-login:focus {
		background: #162167!important;
	}
.container.top-bar ul.nav.navbar-nav .btn-call {
	text-align: center;
	font-size: 18px;
}
	.container.top-bar ul.nav.navbar-nav .btn-call:hover,
	.container.top-bar ul.nav.navbar-nav .btn-call:focus {
		background: transparent!important;
	}

.container.main-bar {
	padding-top: 15px; padding-bottom: 15px;
}

.navbar-default .main-bar .navbar-nav>li>a,
.navbar-default .main-bar .navbar-nav>li>a,
.navbar-default .main-bar .navbar-nav>li>a:hover,
.navbar-default .main-bar .navbar-nav>li>a:focus {
	background: transparent!important;
	color: #2b388f!important;
	font-size: 14px;
	font-family: "BouchersSans2.0";
	border-bottom: 2px solid white;
	margin-right: 5px;
}
.navbar-default .main-bar .navbar-nav>li>a:not(.unhover):hover,
.navbar-default .main-bar .navbar-nav>li>a:not(.unhover):focus {
	border-bottom: 2px solid #2b388f!important;
}

.navbar .cart {
	position: relative;
	background: #EAEAEA;
	margin-top: -15px;
	margin-bottom: -15px;
	padding: 8px 22px;
}
	.navbar .cart .cart-size {
	    position: absolute;
	    top: 50px;
	    left: 50%;
	}
.navbar .cart a,
.navbar .cart a:hover,
.navbar .cart a:active {
	border: 0px!important;
}
.navbar .cart .icon-img {
	width: 32px;
}

.container.top-bar .nav.navbar-nav.pull-right {
	background: transparent!important;
}

.container.top-bar .btn-login {
	background: #2b388f;
}

.btn-bairrista,
.btn-bairrista:hover,
.btn-bairrista:active {
	display: inline-block;
	background: #ed1e25;
	color: white;
	border: 2px solid white;
	border-radius: 0px;
	font-family: "BouchersSans2.0", Helvetica, Arial, serif;

    text-align: center;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-size: 14px;
    border-radius: 0px;
    line-height: 23px;
    border-width: 2px;
    border-style: solid;
    border-color: white;
    height: 29px;
    padding: 5px 30px 28px 30px;
    cursor: pointer;
    margin: 0px;
    z-index: auto;
    letter-spacing: 0px;
}

.slider-horizontal {
	width: 80%!important;
	margin-bottom: 10px;
}
 .tooltip-inner {
	background: rgba(43, 183, 26, 0.9);
}
.tooltip {
	z-index: 10001!important;
}
 .tooltip.top .tooltip-arrow {
	border-top-color: rgba(43, 183, 26, 0.9);
}
 .tooltip.left .tooltip-arrow {
	border-left-color: rgba(43, 183, 26, 0.9);
}

.animated.delay-250ms {
  -webkit-animation-delay: 250ms;
  animation-delay: 250ms;
}
.animated.delay-500ms {
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}
.animated.delay-750ms {
  -webkit-animation-delay: 750ms;
  animation-delay: 750ms;
}

.product-display {
	margin-top: 25px;
}
	.container.products.menu-page .product-display .name {
	    /*white-space: nowrap; 
	    overflow: hidden;
	    text-overflow: ellipsis;*/
	}
		.container.products.menu-page .product-display .name span {
		}
	.product-display .name,
	.product-display .price {
		display: block;
		width: 100%;
		font-size: 25px;
		line-height: 30px;
		font-family: "ChromoxomePro-SemiBold", Helvetica, Arial, serif;
	    color: #2a388f;
	}
		.product-display .description {
			font-family: "ChromoxomePro-SemiBold", Helvetica, Arial, serif;
		    font-size: 20px;
		    color: red;
		}
		.product-display .name, .product-display .price, .product-display .image {
	   		cursor: pointer;
		}
		.product-display .name {
			width: 100%;
			text-align: center;
		}
		.product-display .price {
			width: 100%;
			text-align: center;
			color: #cf1b15;
		}

		.cart .product-display .name,
		.cart .product-display .price,
		.cart-contents .product-display .name,
		.cart-contents .product-display .price {
			display: inline-block;
		}
		.cart .product-display .name,
		.cart-contents .product-display .name {
			text-align: left;
		}
		.cart .product-display .price,
		.cart-contents .product-display .price {
			width: 29%;
			text-align: right;
		}
	.product-display .image {
	    width: 100%;
	    /*height: 166px;*/
	    overflow: hidden;
	    margin-top: 15px;
	    margin-bottom: 15px;
	}
		.product-display .image img {
			width: 100%;
			/*transform: translate(0%, -20%);*/
		}
		.col-lg-4.product-display .image img {
			/*transform: translate(0%, -25%);*/
		}
	.product-display .separator {
		margin-top: 15px;
	}
	.product-display input[type=number] {
		width: 30%;
	}
	.product-display select {
		width: 69%;
	}

.modal-dialog .modal-content {
    border-radius: 0px;
}
	.modal-header, .modal-footer {
		border: 0px;
	}
	.modal-body {
		padding: 0px 20px;
	}
	.modal-add-cart .modal-body {
		padding: 0px;
	}

	.btn-no-agree-rgpd {
		color: red!important;
		margin-bottom: 25px;
	}
	.modal-footer.text-center {
		text-align: center!important;
	}

.modal-add-cart {

}
	.modal-add-cart .modal-header {
		position: relative;
		z-index: 5;
	}
	.modal-title {
		font-family: "ChromoxomePro-SemiBold", Helvetica, Arial, serif;
    	color: #2a388f;
    	font-size: 25px;
	}
	.modal-body {
		font-family: "ChromoxomePro-SemiBold", Helvetica, Arial, serif;
		font-size: 16px;
	}
	.modal-footer {
		text-align: center;
	}
	.modal-add-cart .image {
		width: 100%;
	    transform: translate(0%, -10%);
	}
	.modal-add-cart .button-holder {
		padding: 20px;
	}
	.modal-add-cart .btn-close,
	.cart-contents .btn-delete,
	.container.products.cart .btn-delete {
	    float: right;
	    margin-top: 0px;
	    padding: 10px;
	    line-height: 0px;
	}

	.half-half-selection {
		width: calc(49% - 9px)!important;
	}
	select.half-half-selection {
		float: left!important;
		padding: 5px 15px!important;
		margin-right: 0px!important;
	}

	.modal-add-cart label {
		font-family: "ChromoxomePro-SemiBold", Helvetica, Arial, serif;
    	color: #2a388f;
    	font-size: 20px;
	}
	.modal-add-cart .space-top {
		margin-top: 25px;
	}

	.modal-add-cart .checkbox-list {
		text-align: left;
	}
		.modal-add-cart .checkbox-list .option {
			display: inline-block;
			width: 100%;
		}
		.modal-add-cart .checkbox-list.dual .option {
			display: inline-block;
			width: 49%;
		}
			.modal-add-cart .checkbox-list.dual .option input {
			    float: left;
			}
			.modal-add-cart .checkbox-list.dual .option label {
				display: inline;
			}
		.modal-add-cart .checkbox-list .option .checkbox-label {
			color: #cf1b15;
			padding-left: 5px;
		}

	.modal-add-cart .product-extras {
		padding: 20px;
	}

.cart-contents {
	display: none;
 	position: fixed;
    top: 150px;
    right: 0px;
    left: auto;
    background: white;
	-webkit-box-shadow: 0px 0px 25px 0px #000000; 
	box-shadow: 0px 0px 25px 0px #000000;
    width: 33vw;
    padding: 20px;
    height: calc(100vh - 200px);
    z-index: 98;
}
.cart-contents .scrollable {
    height: calc(100vh - 320px);
    overflow-y: scroll;
}
.cart-contents .btn-delete,
.container.products.cart .btn-delete {
	margin-top: 6px;
}

.cart-contents .product-display .name {
	width: calc(69% - 50px);
}

.cart-contents .product-display .price .quantity {
	color: #2a388f;
}

.cart-contents .button-row {
	text-align: center;
    margin-top: 10px;
}
	.cart-contents .button-row .btn-bairrista {
		display: inline-block;
		text-align: center;
	}
	.product-display.product-line.total-row {
	    border-top: 1px solid #2a388f!important;
	}

.cart-contents .notice,
.container.products.cart .notice {
    font-family: 'BouchersSans2.0';
	font-size: 14px;
	text-align: center;
	color: #2a388f;
}

.cart-contents .product-display {
	border-top: 1px solid #e1e1e1;
	margin-top: 0px;
	padding-top: 10px; padding-bottom: 10px;
}
.cart-contents .product-display:first-child {
	border-top: 0px;
	padding-top: 0px;
}
.cart-contents .product-display:last-child {
	padding-bottom: 20px;
}
	.cart-contents .product-display .name,
	.cart-contents .product-display .price {
		font-size: 20px;
		line-height: 25px;
	}
	.cart-contents .product-display .sauce,
	.cart-contents .product-display .finish {
		font-size: 15px;
		line-height: 20px;
		color: grey;
	}
	.cart-contents .product-display .name {
		float: left;
	}
	.cart-contents .product-display .sauce b,
	.cart-contents .product-display .finish b {
		color: darkgrey;
	}

.tabs.main-order-tabs {
  min-height: 55px;
  margin-bottom: 50px;
  text-align: center;
  font-family: "BouchersSans2.0", Helvetica, Arial, serif;
  font-size: 15px;
  padding-top: 35px;
}
  .tabs.main-order-tabs .tab {
    display: inline-block;
    float: none;
    margin: 10px;
    padding: 2px 20px;

    background: #EC1D24;
    color: #FFF;
  }

  .tabs.main-order-tabs .tab.active {
    background: #2B388F;
    color: #FFF;
  }

.container.products.cart .main-products-area {
	border: 2px solid #2B388F!important;
}
	.container.products.cart .main-products-area .product-display {
		border-bottom: 1px solid #e1e1e1;
		padding-bottom: 10px; margin-top: 10px!important;
		text-align: left;
	}
		.container.products.cart .main-products-area .product-display select {
			width: 150px;
			text-align: center;
		}
		.container.products.cart .product-display .name {
			width: calc(69% - 50px);
	      	font-size: 22px!important;
		    line-height: 22px!important;
		}
	.container.products.cart .delivery-type {
   		font-family: 'ChromoxomePro-SemiBold';
   		font-size: 20px;
	    color: #2a388f;
	    text-align: center;
	    padding-bottom: 20px;
	}

	.container.products.cart .main-products-area.error-missing {
		border: 2px solid #ed1e25!important;
		margin-top: 15px;
		padding: 10px;
   		font-family: 'ChromoxomePro-SemiBold';
   		font-size: 20px;
	    color: red;
	}

	.container.products.cart .product-display .sauce,
	.container.products.cart .product-display .finish {
		font-size: 16px;
		line-height: 18px;
		color: grey;
	}
	.container.products.cart .product-display .name {
		float: left;
	}
	.container.products.cart .product-display .sauce b,
	.container.products.cart .product-display .finish b {
		color: darkgrey;
	}

	.container.products.cart form {
		padding: 0px;
	}
		.container.products form select {
			float: right;
		    margin-top: 0px;
		    margin-right: 7px;
		}
		.container.products form .fixer {
			float: right;
		}

	.container.products.cart .static .product-display {
		border: 2px solid #2B388F!important;
		padding-top: 25px;
		padding-bottom: 25px;
		padding-left: 15px;
	}
	.container.products.cart .static .button-row {
		padding-top: 50px;
	}


	.container .checkbox-list .option.bordered {
		display: block;
		border: 2px solid #2B388F;
		margin: 20px;
		padding: 20px;
	}

.product-display .error.address {
	font-weight: bold;
	color: #cf1b15;
	padding: 20px;
	text-align: center;
	font-size: 15px;
}

.drink-selector {

}
	.drink-selector tr td {
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: 1px solid red;
	}
	.drink-selector tr td.tb-name,
	.drink-selector tr td.tb-price {
		font-family: "ChromoxomePro-SemiBold", Helvetica, Arial, serif;
	    color: #2a388f;
	    font-size: 20px!important;
	    text-align: left;
	}
	.drink-selector tr td.tb-price {
	    text-align: right;

	}

.fit {
  display: inline-block!important;
  white-space: nowrap!important;
}

@media (max-width: 1202px) {
	.account-username {
		display: none!important;
	}
}
@media (max-width: 1102px) {
	nav.navbar.navbar-default.navbar-fixed-top {
		font-size: 12px;
	}
	.hide-middle-res {
		display: none;
	}
	.navbar-default .logo {
		height: 49px;
		margin-top: 3px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 100%;
	}
}
@media (min-width: 992px) {
	.container {
		width: 100%;
	}
}

@media (max-width: 1025px) {
	.navbar-default .logo {
		display: none;
	}
	.navbar-default .icon {
		display: block;
		height: 45px;
	}
	footer,
	.pre-footer,
	.container.products,
	.container.appcta .wrapper,
	.container.recruiting form,
	.container.suggestions {
		width: 100%;
	}
	.container.appcta .image {
	    /*width: 60%;
		left: auto;
		height: 50%;
		bottom: 0px;*/
	}

	.pre-footer a {
		padding-bottom: 5px;
	}
	.pre-footer .logo,
	.pre-footer .col-md-6 {
		padding-bottom: 20px;
	}
}
@media (max-width: 991px) {
	.hidden-mobile {
		display: none;
	}
}

@media (max-width: 882px) {
	.hide-875px {
		display: none!important;
	}
}

@media (max-width: 875px) {
	.hide-875px {
		display: none!important;
	}
	.nav.navbar-nav.pull-right {
		margin-left: 0px;
	}

	.container.concept .photo1 {
		max-width: 30%; max-height: calc(100% - 120px);
		left: 10%; top: auto;bottom: 10%;
	    transform: none;
	}
	.container.concept .photo2 {
		max-width: 50%; max-height: calc(100% - 120px);
		right: 5%; left: auto; top: 5%;
	    transform: none;
	}
	.container.concept .photo3 {
		max-width: 50%; max-height: calc(100% - 120px);
		left: 5%; top: 15%;
	    transform: none;
	}
	.container.concept .photo4 {
		max-width: 40%; max-height: calc(100% - 120px);
		right: 5%; bottom: 10%; top: auto; left: auto;
	    transform: none;
	}

	footer,
	.pre-footer,
	.container.products,
	.container.appcta .wrapper,
	.container.recruiting form,
	.container.suggestions {
		width: 100%;
	}
	.container.appcta .content {
		width: 90%;
	}
	.container.appcta .image {
	    /*width: 60%;
		left: auto;
		height: 30%;
		bottom: 0px;*/
	}
	.container.appcta .wrapper .content {
		width: 60%;
	}

	.pre-footer a {
		padding-bottom: 5px;
	}
	.pre-footer .logo,
	.pre-footer .col-md-6 {
		padding-bottom: 20px;
	}
}

.show-mobile {
	display: none;
}

.alert-offline {
	border-radius: 0px; position: fixed; z-index: 20; left: 0px; right: 0px;
}

@media (max-width: 767px) {
	.alert-offline {
		position: static!important;
	}
	.hide-mobile-767 {
		display: none!important;
	}
	.show-mobile {
		display: inline-block;
	}
	.homepage .content-holder .btn-lg {
		width: 90%;
		margin-top: 10px;
	}
	.navbar-default .logo {
		display: block;
	    width: 240px;
	    height: auto;
	}
	.navbar-default .icon {
		display: none;
	}
	.navbar-nav.pull-right {
		float: none!important;
	}
	div#navbar {
	    position: absolute;
	    left: -30px;
	    right: 0px;
	    top: 75px;
	    background-color: white;
	    text-align: center;
	    overflow-x: hidden;
	    border-bottom: 4px solid #d22027!important;
		max-height: calc(100vh - 200px);
		background: #2B388F!important;
	}
		div#navbar .pull-right {
			background: #2B388F!important;
		}
		div#navbar li {
			display: block;
			width: 100%;
			background: #2B388F;
			border: 0px;
		    display: inline-block;
		    width: calc(50% - 20px);
		}
			div#navbar li a,
			div#navbar li a:hover,
			div#navbar li a:active {
				color: white!important;
				border: 0px!important;
			    padding: 5px!important;
			}
	.navbar-nav .open .dropdown-menu {
	}
	div#navbar .navbar-nav {
		height: auto!important;
		background: transparent;
	}
	div#navbar .pull-right {
		text-align: left;
	}
		div#navbar .pull-right>li {
			display: inline-block;
		}
	.nav>li.dropdown {
		position: static;
	}
	.navbar-nav .open .dropdown-menu {
		position: static;
		/*top: 390px;*/
		left: 0px;
		right: 0px;
		bottom: 0px;
		background: black;
		text-align: center;
		height: 100%;
		/*padding-left: 30px;*/
	}
	.hide-875px {
		display: inline-block!important;
	}

	.secondNavBar {
		top: 74px;
	}

	.secondNavBar ul.dropdown-menu {
		height: 350px !important;
	}

	.mobileDropdown {
		display: inline-block !important;
	}
	.hideOnMobile {
		display: none !important;
	}

	.show-mobile.logo-holder {
		text-align: center;
	}
	.show-mobile.logo-holder img {
		width: 90%;
		margin: auto;
		padding: 20px;
	}

	.show-mobile.ribbon-top {
		width: 100%;
		text-align: center;
		color: white;
		background: #EC1D24;
		padding: 5px;
   		font-family: 'ChromoxomePro-SemiBold';
   		font-size: 30px;
	}

	.main-bar div#navbar {
		padding: 30px 10px!important;
		margin: 0px!important;
		width: 100%!important;
		left: 0px;
	}
	.main-bar div#navbar li.red-menu a {
		margin-top: 10px!important;
		width: 100%!important;
		font-size: 20px!important;
	}
	.main-bar div#navbar li.red-menu.first-red {
		margin-top: 20px!important;
	}

	ul.nav.navbar-nav.options.pull-right.mobile-only.top-mobile-menu {
		display: inline-block;
		position: absolute; top: 0px;
		right: 15px;
		padding: 0px!important; margin: 0px!important;
		padding: 4px;
		border-radius: 0px!important;
		background: #2B388F!important;
     	height: 100%;
		overflow: hidden;
	}
		ul.nav.navbar-nav.options.pull-right.mobile-only.top-mobile-menu li {
			display: inline-block!important;
			width: auto;
			background: #2B388F!important;
		}
		ul.nav.navbar-nav.options.pull-right.mobile-only.top-mobile-menu li a {
			border: 0px!important;
			background: #2B388F!important;
		}
		ul.nav.navbar-nav.options.pull-right.mobile-only.top-mobile-menu li.cart,
		ul.nav.navbar-nav.options.pull-right.mobile-only.top-mobile-menu li.cart a {
			background: #EAEAEA!important;
			margin-right: 0px;
		}
		ul.nav.navbar-nav.options.pull-right.mobile-only.top-mobile-menu li.cart {
	    	padding: 1px 15px!important;
	    	margin: 0px!important;
		}
		ul.nav.navbar-nav.options.pull-right.mobile-only.top-mobile-menu li .btn-login {
	    	padding: 0px 10px!important;
		}
		ul.nav.navbar-nav.options.pull-right.mobile-only.top-mobile-menu .cart {
			padding: 1px;
		}

	.cart-contents {
		top: 75px; bottom: 0px;
		left: 0px; right: 0px;
		width: 100%;
		height: calc(100% - 75px);
	}
}
@media (min-width: 768px) {
	.account-username {
		overflow: hidden;
		width: 100px;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
		float: right;
	}
}
@media (min-width:768px) and (max-width: 991px) {
	.account-username, .hide-middle-res {
		display: none;
	}
	.container {
		width: 100%;
	}
}


@media(max-width: 990px) {
	.homepage .content-holder .top-headline {
	  font-size: 50px;
	}
	.homepage .content-holder .second-headline {
	  font-size: 35px;
	}
	.homepage .content-holder .third-headline {
	  font-size: 20px;
	}
}

.display-only-mobile {
	display: none!important;
}
.mobile-slider-holder {
	display: none;
}
@media(max-width: 760px) {
	body.modal-open {
	    overflow: visible;
	}

	.page-body.homepage #homepage-animation {
		background-attachment: scroll!important;
	}
	.navbar-nav>li>.dropdown-menu {
		border-top: 4px solid #e1e1e1!important;
	    border-bottom: 4px solid #e1e1e1!important;
	}
	.homepage .content-holder .top-headline {
	  font-size: 30px;
	}
	.homepage .content-holder .second-headline {
	  font-size: 22px;
	}
	.homepage .content-holder .third-headline {
	  font-size: 12px;
	}

	.modal-rgpd .btn {
		font-size: 10px;
	}
	.bairrista-red-3d.full-width {
	    font-size: 12px;
	}
	.container.products.cart .product-display .name {
	}
	.container.products.cart .product-display .name,
	.container.products.cart .product-display .price {
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.container.products.cart .main-products-area .product-display select {
	    width: 50%;
	    text-align: center;
	    float: left;
	}
	.container.products.cart .btn-delete {
	    margin-top: 10px;
	    float: none;
	    margin: auto;
	    width: 50%;
	    display: block;
	}
	.container.products.cart .pull-right {
		float: none!important;
		display: block;
		margin: auto;
		text-align: center;
		width: 100%;
	}
	.container.products form .fixer {
	    float: right;
	    width: calc(49% - 10px);
	}
	.container.recruiting .checkbox-list .option, form input[type=file] {
		margin-left: 0px;
	}

	.display-only-mobile {
		display: block!important;
	}
	.top-nav-login {
		z-index: 2;
   		position: absolute;
		height: 100vh;
		overflow-y: scroll;
	}
	.navbar .login-bar .container .col-md-4,
	.navbar .login-bar .container .col-md-3 {
		text-align: center;
		padding-bottom: 25px!important;
	}

	.container.main-bar ul.nav.navbar-nav .btn-login {
		background: #162167!important;
		color: white!important;
	}
		.container.main-bar ul.nav.navbar-nav .btn-login:hover,
		.container.main-bar ul.nav.navbar-nav .btn-login:focus {
			background: #162167!important;
		}

	.container.main-bar .user-name-btn {
		margin-top: 17px;
	}

	.navbar-default .main-bar .navbar-nav>li.red-menu>a,
	.navbar-default .main-bar .navbar-nav>li.red-menu>a:hover,
	.navbar-default .main-bar .navbar-nav>li.red-menu>a:active,
	.container.main-bar .red-menu,
	.container.main-bar .red-menu a {
		background: #ec1e24;
		color: white!important;
		border: 0px solid #ec1e24;
	}

	.dispatch-method {
		top: 75px;
	}
		.dispatch-method .container {
			width: 100%;
			height: 100%;
			overflow-y: scroll;
		}

	.container.products:not(.cart) .container {
		margin: 0px; padding: 0px;
		width: 100vw!important;
	    overflow-x: scroll;
	    -webkit-overflow-scrolling: touch;
	}
		.container.products:not(.cart) .container::-webkit-scrollbar-button{ display: none; } 
		.container.products:not(.cart) .container::-webkit-scrollbar-thumb{ display: none; } 
		.container.products:not(.cart) .container::-webkit-scrollbar-track{ display: none; } 
		.container.products:not(.cart) .container::-webkit-scrollbar{ width: 0px; height: 0px; }
	.container.products:not(.cart) .container .row:last-child div:last-child {
	    padding-right: 20px;
	}

	.section .container.products:not(.cart) .row {
    	margin: 0px!important;
    	padding: 0px!important;
		width: calc(100vw);
	}
	.section .container.products:not(.cart) .product-display {
		display: block;
		width: calc(100vw - 50px);
    	height: 0px;
    	margin: 0px!important;
    	padding: 0px!important;
    	 margin-right: 25px!important;
    	 margin-left: 25px!important;
	}
		.section .container.products:not(.cart) .product-display .bairrista-red-3d.full-width,
		.section .container.products:not(.cart) .product-display .bairrista-red-3d.full-width:hover,
		.section .container.products:not(.cart) .product-display .bairrista-red-3d.full-width:active {
     		width: calc(100%)!important;
		    margin-left: 0px;
		}
		.product-display.ord-0{left: 0vw;} .product-display.ord-1{left: 100vw;} .product-display.ord-2{left: 200vw;} .product-display.ord-3{left: 300vw;} .product-display.ord-4{left: 400vw;} .product-display.ord-5{left: 500vw;} .product-display.ord-6{left: 600vw;} .product-display.ord-7{left: 700vw;} .product-display.ord-8{left: 800vw;} .product-display.ord-9{left: 900vw;} .product-display.ord-10{left: 1000vw;} .product-display.ord-11{left: 1100vw;} .product-display.ord-12{left: 1200vw;} .product-display.ord-13{left: 1300vw;} .product-display.ord-14{left: 1400vw;} .product-display.ord-15{left: 1500vw;} .product-display.ord-16{left: 1600vw;} .product-display.ord-17{left: 1700vw;} .product-display.ord-18{left: 1800vw;} .product-display.ord-19{left: 1900vw;} .product-display.ord-20{left: 2000vw;} .product-display.ord-21{left: 2100vw;} .product-display.ord-22{left: 2200vw;} .product-display.ord-23{left: 2300vw;} .product-display.ord-24{left: 2400vw;} .product-display.ord-25{left: 2500vw;} .product-display.ord-26{left: 2600vw;} .product-display.ord-27{left: 2700vw;} .product-display.ord-28{left: 2800vw;} .product-display.ord-29{left: 2900vw;} .product-display.ord-30{left: 3000vw;} .product-display.ord-31{left: 3100vw;} .product-display.ord-32{left: 3200vw;} .product-display.ord-33{left: 3300vw;} .product-display.ord-34{left: 3400vw;} .product-display.ord-35{left: 3500vw;} .product-display.ord-36{left: 3600vw;} .product-display.ord-37{left: 3700vw;} .product-display.ord-38{left: 3800vw;} .product-display.ord-39{left: 3900vw;} .product-display.ord-40{left: 4000vw;} .product-display.ord-41{left: 4100vw;} .product-display.ord-42{left: 4200vw;} .product-display.ord-43{left: 4300vw;} .product-display.ord-44{left: 4400vw;} .product-display.ord-45{left: 4500vw;} .product-display.ord-46{left: 4600vw;} .product-display.ord-47{left: 4700vw;} .product-display.ord-48{left: 4800vw;} .product-display.ord-49{left: 4900vw;} .product-display.ord-50{left: 5000vw;} .product-display.ord-51{left: 5100vw;} .product-display.ord-52{left: 5200vw;} .product-display.ord-53{left: 5300vw;} .product-display.ord-54{left: 5400vw;} .product-display.ord-55{left: 5500vw;} .product-display.ord-56{left: 5600vw;} .product-display.ord-57{left: 5700vw;} .product-display.ord-58{left: 5800vw;} .product-display.ord-59{left: 5900vw;} .product-display.ord-60{left: 6000vw;} .product-display.ord-61{left: 6100vw;} .product-display.ord-62{left: 6200vw;} .product-display.ord-63{left: 6300vw;} .product-display.ord-64{left: 6400vw;} .product-display.ord-65{left: 6500vw;} .product-display.ord-66{left: 6600vw;} .product-display.ord-67{left: 6700vw;} .product-display.ord-68{left: 6800vw;} .product-display.ord-69{left: 6900vw;} .product-display.ord-70{left: 7000vw;} .product-display.ord-71{left: 7100vw;} .product-display.ord-72{left: 7200vw;} .product-display.ord-73{left: 7300vw;} .product-display.ord-74{left: 7400vw;} .product-display.ord-75{left: 7500vw;} .product-display.ord-76{left: 7600vw;} .product-display.ord-77{left: 7700vw;} .product-display.ord-78{left: 7800vw;} .product-display.ord-79{left: 7900vw;} .product-display.ord-80{left: 8000vw;} .product-display.ord-81{left: 8100vw;} .product-display.ord-82{left: 8200vw;} .product-display.ord-83{left: 8300vw;} .product-display.ord-84{left: 8400vw;} .product-display.ord-85{left: 8500vw;} .product-display.ord-86{left: 8600vw;} .product-display.ord-87{left: 8700vw;} .product-display.ord-88{left: 8800vw;} .product-display.ord-89{left: 8900vw;} .product-display.ord-90{left: 9000vw;} .product-display.ord-91{left: 9100vw;} .product-display.ord-92{left: 9200vw;} .product-display.ord-93{left: 9300vw;} .product-display.ord-94{left: 9400vw;} .product-display.ord-95{left: 9500vw;} .product-display.ord-96{left: 9600vw;} .product-display.ord-97{left: 9700vw;} .product-display.ord-98{left: 9800vw;} .product-display.ord-99{left: 9900vw;} .product-display.ord-100{left: 10000vw;}

	.container.products:not(.cart) {
		padding-left: 0px;
		width: 100%;
		padding-right: 0px;
	}
	.container.products:not(.cart) .framed-headline {
		margin-bottom: 50px;
	}
	.container.products:not(.cart) form {
		padding-top: 0px; padding-bottom: 0px;
		position: absolute;
		width: calc(100% - 30px);
		left: 20px;
	}

	.container.products:not(.cart) .container {
		min-height: 55vh;
		overflow-y: hidden;
		position: relative;
	}
		.mobile-slider-holder {
			display: block;
			clear: both;
		}
		.container.products:not(.cart) .mobile-slider-holder .mobile-slider.prev {
			display: block;
		    font-family: 'BouchersSans2.0';
		    background: #2B388F;
		    color: white;
		    font-size: 80px;
		    line-height: 14vw;
		    width: 15vw;
		    height: 15vw;
		}
		.container.products:not(.cart) .mobile-slider-holder .mobile-slider.next {
			display: block;
		    font-family: 'BouchersSans2.0';
		    background: #2B388F;
		    color: white;
		    font-size: 80px;
		    line-height: 14vw;
		    width: 15vw;
		    height: 15vw;
		    float: right;
		}
	.container.products:not(.cart) .container.drinks {
		min-height: 25vh;
	}

	.navbar-default .logo {
		display: none;
	}

	nav.navbar.navbar-default.navbar-fixed-top {
		background: #2B388F;
	}
	.container.main-bar {
		padding: 0px;
	}
	.navbar-default .navbar-toggle,
	.navbar-default .navbar-toggle:active,
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:focus-within,
	.navbar-default .navbar-toggle:visited {
		background: none;
		border: 0px;
		padding: 0px;
	}
	.navbar-default .navbar-toggle .icon-bar,
	.navbar-default .navbar-toggle .icon-bar {
	    background-color: white;
	    height: 8px;
	    width: 50px;
	    margin-bottom: 8px;
	}
	.navbar-default .navbar-toggle {
		float: none;
	}
	.navbar-default .navbar-toggle:not(.collapsed) {
		
	}
		.navbar-default .navbar-toggle .icon-bar {
			transition: transform 1s;
		}
		.navbar-default .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
			transform: rotate(40deg) translate(20%, 170%)!important;
		}
		.navbar-default .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
			transform: rotate(-1120deg) translate(0%, 10%)!important;
		}
		.navbar-default .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
			transform: rotate(-40deg) translate(23%, -140%)!important;
		}
}
@media(max-width: 520px) {
	.homepage .content-holder {
		width: 100%;
	}
	.homepage .content-holder .top-headline {
	  font-size: 30px;
	}
	.homepage .content-holder .second-headline {
	  font-size: 22px;
	}
	.homepage .content-holder .third-headline {
		display: none;
	}
	.homepage .order-now {
		padding-top: 0px;
	}

	html {
		overflow-x: hidden;
	}
	body {
		padding-top: 0px;
	}
	section {
		margin-top: 60px;
	}
	.container.concept {
		width: 100%; overflow: hidden;
	}

	.container.concept .photo1 {
		top: 0px;
		left: 0px;
		transform: none;
		height: 150px; max-width: 100%;
	}

	.container.concept .photo2 {
		top: 0px;
		left: 25%;
		transform: none;
		height: 150px; max-width: 100%;
	}

	.container.concept .photo3 {
		top: 0px;
		left: 50%;
		transform: none;
		height: 150px; max-width: 100%;
	}

	.container.concept .photo4 {
		display: none;
	}

	.container.recruiting .checkbox-list .option,
	form input[type=file] {
		width: 100%!important;
	}

	.product-display {
		margin-bottom: 30px;
	}
		.product-display input[type=number],
		.product-display select {
			width: 100%;
		}
		.product-display select {
			margin-top: 15px;
		}


	footer,
	.pre-footer,
	.container.products,
	.container.appcta .wrapper,
	.container.recruiting form,
	.container.suggestions {
		width: 100%;
	}
	.container.appcta .content {
		width: 90%;
	}
	.container.appcta .image {
	    /*width: 100%;
		left: 0px;
		height: 40%;
		bottom: 0px;*/
	}

	.pre-footer a {
		padding-bottom: 5px;
	}
	.pre-footer .logo,
	.pre-footer .col-md-6 {
		padding-bottom: 20px;
	}
}


.top-santos-ribbon {
	background: url("../img/santos-ribbon.png");
	background-repeat: repeat-x;
	background-size:auto 50px;
}

.page-body.homepage #homepage-animation-santos {
	position: absolute;
	top: 0px; bottom: 0px;
	left: 0px; right: 0px;
	width: 100%; height: 100%;
	z-index: -1;
	background: url("../img/santos-highlight-overlay.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 50%;
	background-attachment: fixed;
	z-index: -1;
}
@media(max-width: 520px) {
	.page-body.homepage #homepage-animation-santos {
		background-size: 100%;
	}
}


.payment-method-img {
	max-height: 50px;
    max-width: 100px;
    border-right: 1px solid black;
    padding-right: 20px;
    margin-right: 20px;
}