:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
	box-sizing: border-box
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar
}

@-ms-viewport {
	width: device-width
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff
}

h1,
h3,
h4 {
	margin-top: 0;
	margin-bottom: .5rem
}

p {
	margin-top: 0;
	margin-bottom: 0.5rem
}

a {
	color: #007bff;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}

a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button
}

h1,
h3,
h4 {
	margin-bottom: .5rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	color: inherit
}

h1 {
	font-size: 2.5rem
}

h3 {
	font-size: 1.75rem
}

h4 {
	font-size: 1.5rem
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

@media (min-width:576px) {
	.container {
		max-width: 540px
	}
}

@media (min-width:768px) {
	.container {
		max-width: 720px
	}
}

@media (min-width:992px) {
	.container {
		max-width: 960px
	}
}

@media (min-width:1200px) {
	.container {
		max-width: 1140px
	}
}

.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px
}

.col-sm-12,
.col-sm-6 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}

@media (min-width:576px) {
	.col-sm-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-sm-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
}

.text-center {
	text-align: center !important
}

html {
	position: relative;
	min-height: 100%
}

body {
	margin-bottom: 60px;
	font-family: 'Roboto', sans-serif
}

h3 {
	display: inline-block;
	font-size: 32px;
	line-height: 36px;
	position: relative;
	margin-top: 28px;
	margin-bottom: 15px
}

h3:before {
	left: -40px;
	height: 0;
	height: 1px
}

h3:before,
h3:after {
	content: "";
	position: absolute;
	bottom: 10px;
	height: 1px;
	width: 40px;
	margin: 0 -15px;
	background-color: #533834
}

h3:after {
	right: -40px
}

.item {
	position: relative;
	overflow: hidden;
	margin-bottom: 10px
}

.item h4,
.price {
	z-index: 0;
	position: relative;
	background-color: #fff;
	right: 0;
	position: absolute
}

.item .price {
	padding-left: 8px
}

.item h4 {
	display: block;
	clear: both;
	color: #533834
}

.item p {
	clear: both;
	color: #938372;
	margin-left: 10px
}

.dots {
	background-image: linear-gradient(to right, rgba(56, 47, 47, .5) 33%, rgba(0, 0, 0, 0) 0%);
	background-position: bottom;
	background-size: 3px 1px;
	background-repeat: repeat-x;
	height: 1px;
	width: 100%;
	position: absolute;
	top: 22px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
	.dots {
		background: transparent url('/img/dot.gif') repeat-x bottom left
	}
}

.price {
	position: absolute;
	font-size: 22px;
	font-weight: 400;
	right: 0
}

.item h4 {
	display: inline-block;
	padding-right: 8px;
	max-width: 80%;
	text-transform: capitalize;
	margin-bottom: 4px;
	position: relative
}