/* fonts created with https://www.fontsquirrel.com/tools/webfont-generator */

@font-face {
    font-family: 'atrament_semibold';
    src: url('/res/fnt/atrament.woff2') format('woff2'),
         url('/res/fnt/atrament.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}

body {
	margin: 0;
	padding: 0;
	}

div#body {
	width: 100%;
	/* max-width: 1000px; */
	height: auto;
	margin: 0 auto 200px auto;
	/* box-shadow: 0 0 200px 0 #ccc; */
	}

div#header {
	text-align: center;
	min-height: 250px;
	}

div#menu_xs_icon {
	padding: 18px 15px 18px 15px;
	/* border-top: 4px solid #c1282d; */
	/* border-bottom: 4px solid #c1282d;*/
	font-weight: bold;
	line-height: 130%;
	cursor: pointer;
	color: white;
	background-color: #c1282d;
	}

div#menu_xs {
	border-bottom: 4px solid #c1282d;
	display: none;
	}

div#menu_sm {
	/* border-top: 4px solid #c1282d; */
	background: linear-gradient(transparent 150px, #c1282d);
	}


div#menu_xs > a,
div#menu_sm > a {
	display: inline-block;
	padding: 20px 25px 16px 25px;
	width: calc(100% / 5); /* div by # of menu items */
	min-width: 100px;
	white-space: nowrap;
	text-decoration: none;
	color: #000;
	font-size: 120%;
	font-weight: bold;
	background-color: #fff;
	transition:
		background-color 0.3s,
		color 0.3s;
	}

div#menu_xs > a {
	width: 100%;
	}

div#menu_xs > a:hover,
div#menu_xs > a.selected,
div#menu_sm > a:hover,
div#menu_sm > a.selected {
	background-color: #c1282d;
	color: #fff;
	}

div#menu_xs > a:hover,
div#menu_xs > a.selected {
	width: 100%;
	}

div#content {
	min-height: 500px;
	}

div.content {
	margin: 0 auto;
	max-width: 1100px;
	margin-bottom: 35px;
	position: relative;
	}

div.content.faded {
	height: 350px;
	overflow: hidden;
	}

div.content.faded:before {
	content: '';
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(transparent 20px, white);
	}

button.read_more {
	position: absolute;
	z-index: 99999;
	margin: 0 auto;
	margin-top: -40px;
	margin-left: -50px;
	}

div#footer {
	color: #000;
	/* background-color: #000; */
	margin-top: 0px;
	}

div#copyright {
	text-align: center;
	font-size: 20px;
	padding: 20px;
	}

h1 {
	font-family: atrament_semibold, arial;
	font-weight: bold;
	font-size: 2.3em;
	letter-spacing: -0.02em;
	margin-top: 20px;
	margin-bottom: 35px;
	}

h2 {
	font-family: atrament_semibold, arial;
	font-weight: 400;
	font-size: 2.0em;
	letter-spacing: 0em;
	}

div.black {
	background-color: #000;
	text-align: center;
	padding: 20px; 30px;
	}

div.black > h1 {
	color: #fff;
	}

div.black.order-now {
	margin-top: 40px;
	margin-bottom: 50px;
	padding: 35px;
	}

div.black.order-now > h1 {
	font-size: 3.3em;
	color: white;
	}

div.white {
	background-color: #fff;
	text-align: center;
	padding: 20px; 30px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: none;
	}

div.white > h2 {
	color: #000;
	margin-bottom: 30px;
	}

div.video.not('.bg-image') {
	text-align: center;
	vertical-align: middle;
	box-shadow: inset 0 0 200px #888;
	}

.slick-prev {
	z-index: 2000 !important;
	margin-left: 40px;
	}

.slick-prev:before,
.slick-next:before {
	color: #fff;
	font-size: 60px;
	}

.slick-next:before {
	z-index: 1000;
	margin-left: -120px;
	}

.carousel {
	border-top: 1px solid #000;
	}

div#reviews {
	border-top: 2px solid #000;
	padding: 50px 0;
	}

.dynamic-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	}

.dynamic-container iframe,
.dynamic-container object,
.dynamic-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0 !important;
	}

div.card {
	border: none;
	}

div.card > div.image {
	height: 90px;
	}

div.card > div.image > img.image {
	width: 80%;
	max-width: 130px;
	height: auto;
	border: none;
	margin: 0 auto;
	}

div.card > div.title {
	font-size: 1em;
	color: #000;
	font-weight: 600;
	letter-spacing: -0.03em;
	margin-bottom: 10px;
	}

a,
a:active,
a:visited {
	text-decoration: underline #aaa 2px;
	text-underline-offset: 2px;
	color: #000;
	}

a:hover {
	text-decoration: underline #c1282d 4px;
	text-underline-offset: 2px;
	color: #000;
	}

a.no-und,
a.no-und:hover {
	text-decoration: none;
	}

a.white,
a.white:hover {
	color: #fff;
	}

a.black,
a.black:hover {
	color: #000;
	}

p {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 20px;
	line-height: 30px;
	letter-spacing: -0.02em;
	margin-bottom: 25px;
	}

p.xs {
	font-size: 14px;
	line-height: 16px;
	}

p.sm {
	font-size: 16px;
	line-height: 18px;
	}

p.md {
	font-size: 18px;
	line-height: 20px;
	}

p.lg {
	font-size: 22px;
	line-height: 26px;
	letter-spacing: -0.03em;
	}

p.xl {
	font-size: 24px;
	line-height: 27px;
	}

ul > li {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 20px;
	letter-spacing: -0.02em;
	margin-left: 20px;
	margin-bottom: 8px;
	}


/* FORM ELEMENTS ********************************************************************/

form {
	margin: 0;
	}

/* style placeholder text (for browsers that support the attribute) - note: can't stack, each must be seperate */
::-webkit-input-placeholder { color: #c9c9c9 !important; } /* chrome/opera/safari */
::-moz-placeholder { color: #c9c9c9 !important; opacity: 1; } /* ff 19+ */
:-moz-placeholder { color: #c9c9c9 !important; opacity: 1; } /* ff 18- */
:-ms-input-placeholder { color: #c9c9c9 !important; } /* ie 10+ */
::placeholder { color: #c9c9c9 !important; } /* official standard */
.placeholder { color: #c9c9c9 !important; } /* generic class */

/* adds margin between horizontal form elements */
form.form-horizontal input,
form.form-horizontal select,
form.form-inline input,
form.form-inline select,
form.form-inline button {
	margin: 0 2px;
	}

/* overrides above margin for traditional vertical form elements */
form.form-horizontal div.form-group.row input,
form.form-horizontal div.form-group.row select {
	margin: 0;
	}

div.form-group {
	margin-bottom: 10px;
	}

label.control-label.control-label-lg {
	padding-top: 9px;
	}

select.form-control.form-control-lg,
select.form-select.form-select-lg,
textarea.form-control.form-control-lg,
input[type=text].form-control.form-control-lg,
input[type=color].form-control.form-control-lg,
input[type=number].form-control.form-control-lg,
input[type=password].form-control.form-control-lg,
input[type=tel].form-control.form-control-lg,
input[type=email].form-control.form-control-lg,
input[type=date].form-control.form-control-lg,
input[type=time].form-control.form-control-lg,
input[type=datetime-local].form-control.form-control-lg,
label.form-control.form-control-lg {
	border: 1px solid rgb(206, 212, 218);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 3px #cddaf0 inset;
	-moz-box-shadow: 0 0 3px #cddaf0 inset;
	box-shadow: 0 0 3px #cddaf0 inset;
	}

select.form-control.form-control-lg:focus,
select.form-select.form-select-lg:focus,
textarea.form-control.form-control-lg:focus,
input[type=text].form-control.form-control-lg:focus,
input[type=color].form-control.form-control-lg:focus,
input[type=number].form-control.form-control-lg:focus,
input[type=password].form-control.form-control-lg:focus,
input[type=tel].form-control.form-control-lg:focus,
input[type=email].form-control.form-control-lg:focus,
input[type=date].form-control.form-control-lg:focus,
input[type=time].form-control.form-control-lg:focus,
input[type=datetime-local].form-control.form-control-lg:focus,
label.form-control.form-control-lg:focus {
	border: 1px solid rgb(206, 212, 218);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 3px #cddaf0 inset;
	-moz-box-shadow: 0 0 3px #cddaf0 inset;
	box-shadow: 0 0 3px #cddaf0 inset;
	}

input[type=checkbox].form-control.form-control-lg {
	border: 1px solid rgb(206, 212, 218);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 3px #cddaf0 inset;
	-moz-box-shadow: 0 0 3px #cddaf0 inset;
	box-shadow: 0 0 3px #cddaf0 inset;
	}

input[type=checkbox].form-control.form-control-lg:focus {
	border: 1px solid rgb(206, 212, 218);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 3px #cddaf0 inset;
	-moz-box-shadow: 0 0 3px #cddaf0 inset;
	box-shadow: 0 0 3px #cddaf0 inset;
	}

textarea.form-control.form-control-lg {
	-moz-tab-size : 4;
	-o-tab-size : 4;
	tab-size : 4;
	}

select.form-control.form-control-lg,
select.form-select.form-select-lg {
	padding-left: 0.8em;
	}

/* left label on form elements */
label.control-label {
	white-space: nowrap;
	}
p.control-label {
	white-space: nowrap;
	margin-top: 0;
	margin-bottom: 5px;
	}

/* right label on checkbox or radio */
label.checkbox_label {
	font-size: 0.95em;
	}

input[type=password].bad,
input[type=password].bad:hover,
input[type=password].bad:active,
input[type=password].bad:focus {
	border-color: #aa2525;
	}

input[type=password].good,
input[type=password].good:hover,
input[type=password].good:active,
input[type=password].good:focus {
	border-color: #2fb22f;
	}

/* removes spinners (increment/decrement controls) inside input fields */
input[type=number] { -moz-appearance: textfield; }
::-webkit-inner-spin-button { -webkit-appearance: none; }
::-webkit-outer-spin-button { -webkit-appearance: none; }

/* disables text input clear 'x' in IE 10+, slows down autosizeInput jquery script */
input[type=text]::-ms-clear {
	display: none;
	}

div input[type=checkbox].slider,
div input[type=radio].slider {
	vertical-align: -2px;
	margin: 0;
	padding: 0;
	display: none !important;
	}

/* text description used under form fields */
.field_desc {
	font-size: 0.9em;
	}

label.control-label {
	font-size: 1.2em;
	}

label.required {
	font-weight: 500;
	color: #800000;
	}

/************************************************************************************/


.btn {
	border-radius: 2px;
	}

truecord {
	letter-spacing: -0.08em;
	font-weight: 900;
	white-space: nowrap;
	}


/* RESPONSE MESSAGES *******************************************************/

	#message_container {
		z-index: 99998;
		position: fixed;
		top: -80px;
		filter: alpha(opacity=0);
		opacity: 0;
		-moz-opacity:0;
		-khtml-opacity: 0;
		padding: 13px 0;
		max-width: 1000px;
		}

	@media screen and (min-width: 1000px) {
		#message_container {
			margin-left: calc((100% - 1000px) / 2);
			}
		}

	@media screen and (max-width: 999px) {
		#message_container {
			margin-left: max(1000, calc((100% - 1000px) / 2));
			}
		}

	#message_text {
		z-index: 99999;
		position: fixed;
		top: -80px;
		left: 0;
		right: 0;
		filter: alpha(opacity=0);
		opacity: 0;
		-moz-opacity:0;
		-khtml-opacity: 0;
		margin: 0 auto;
		vertical-align: middle;
		padding: 13px 0;
		text-align: center;
		font-family: arial, san-serif;
		font-size: 13pt;
		font-weight: 600;
		}

	.message_container_mood_default {
		background: #800000;
		}

	.message_container_mood_positive {
		background: #057700;
		}

	.message_container_mood_negative {
		background: #ff0000;
		}

	.message_container_mood_alert {
		background: #dc6e00;
		}

	.message_text_mood_default {
		color: #ffffff;
		}

	.message_text_mood_positive {
		color: #ffffff;
		}

	.message_text_mood_negative {
		color: #ffffff;
		}

	.message_text_mood_alert {
		color: #ffffff;
		}


/* Bootstrap Button Style Overrides ********************************************/

	.btn.btn-dark,
	.btn.btn-success {
		background-color: #c1282d;
		border: 1px solid #c1282d;
		color: #fff;
		}

	.btn.btn-dark:hover,
	.btn.btn-dark:focus,
	.btn.btn-dark:active,
	.btn.btn-dark.active,
	.btn.btn-success:hover,
	.btn.btn-success:focus,
	.btn.btn-success:active,
	.btn.btn-success.active {
		background-color: #a51b1f;
		border: 1px solid #c1282d;
		color: #fff;
		}

	.btn.btn-outline-dark,
	.btn.btn-outline-success {
		background-color: #fff;
		border: 1px solid #c1282d;
		color: #000;
		}

	.btn.btn-outline-dark:hover,
	.btn.btn-outline-dark:focus,
	.btn.btn-outline-dark:active,
	.btn.btn-outline-dark.active,
	.btn.btn-outline-success:hover,
	.btn.btn-outline-success:focus,
	.btn.btn-outline-success:active,
	.btn.btn-outline-success.active {
		background-color: #c1282d;
		border: 1px solid #c1282d;
		}