@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');

body {
	font-family: 'Roboto Condensed', 'Arial', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body#dark {
	background: #333;
	color: #f7f7f7;
}

body#dark .dark-color {
	color: #f7f7f7;
}

body#dark .border-dark, body#dark #slogan {
	border-color: #f7f7f7!important;
}

body#dark .dark-bg {
	background: #59121e;
	border: 1px solid #f7f7f7;
}

body#dark .white-color {
	color: #f7f7f7;
}

body#dark .btn-order {
	background: #59121e;
	color: #f7f7f7;
	border-color: #f7f7f7;
}

body#dark .btn-order:hover {
	background: #8d8d8d;
}

#loader {
	background-color: #777;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 21;
	opacity: 0.9;
}

#spinner {
	border: 5px solid #555; 
	border-top: 5px solid #59121e;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spin 2s linear infinite;
	margin: 40vh auto;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.row {
	margin: 0;
}

.white-color {
	color: #fff;
}
.white-bg {
	background: #fff;
}
.grey-color {
	color: #8d8d8d;
	/*color: #f7f7f7;*/
}
.grey-bg {
	background: #8d8d8d;
	/*background: #f7f7f7;*/
}
.dark-color {
	color: #59121e;
}
.dark-bg {
	background: #59121e;
}
.border-dark {
	border-color: #59121e!important;
}
.btn-order {
	background: #f7f7f7;
	color: #59121e;
	border-color: #59121e;
}
.btn-order:hover {
	background: #59121e;
	color: #f7f7f7;
	border-color: #f7f7f7;
}

#header h1 {
	font-weight: 300;
	font-size: 3vw;
	line-height: 4.5vw;
	white-space: nowrap;
}
#header h1 strong {
	font-weight: 700;
}

#slogan {
	border-left: 1.5px solid #59121e;
}

#banner {
	height: 200px;
	overflow: hidden;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0; 
}