/*CSS RESET*/
:root {
	--set-width: 900px;
	--cont-height: 300px;
	--card-width: 210px;
	--card-height: 300px;
	--logo-size: 160px;
	--desc-height: 80px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
mark,
menu,
meter,
nav,
output,
progress,
section,
summary,
time {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
output,
section,
summary {
	display: block;
}

meter,
progress,
mark,
time {
	display: inline;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

html,
body {
	height: 100%;
}

img {
	border: 0;
	vertical-align: top;
	text-align: left;
}

object {
	vertical-align: top;
	outline: none;
}

ul,
ol {
	list-style: none;
}

table,
table td {
	padding: 0;
	border: none;
	border-collapse: collapse;
}

input,
select,
textarea {
	font-family: 'Sintony', sans-serif;
	font-size: 1em;
	vertical-align: middle;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

/*GLOBAL*/
html {
	min-width: 940px;
}

body {
	background: #000000;
	font-family: 'Sintony', sans-serif;
	font-size: 100%;
	line-height: 1em;
	color: #000000;
	overflow: hidden;
}

#glob {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	min-height: 780px;
	overflow: hidden;
	font: 15px/15px 'Sintony', sans-serif;
	color: #dde58d;
}

#gspinner {
	background-color: #1d1d1e;
	z-index: 999;
}

#logoHolder,
#logoTypeHolder {
	position: absolute;
	width: 250;
	height: 234;
	left: 0px;
	top: -85px;
	display: block;
}

#logoHolder {
	opacity: 0;
	z-index: 1;
}

#logoTypeHolder {
	opacity: 1;
	z-index: 99;
}

header>.inner,
footer>.inner {
	width: 940px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	height: 100%;
	overflow: visible;
}

/*ELEMENTS*/
a {
	color: #ffffff;
	outline: none;
}

a:hover {
	text-decoration: none;
}

p a {
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

p a:hover {
	color: #476237;
}


p,
.blo {
	line-height: 22px;
	margin-bottom: 6px;
}

p.blo-people,
.blo-people {
	line-height: 18px;
	margin-bottom: 4px;
}

/*header */
header {
	width: 100%;
	height: 60px;
	background: url(../images/header-bg.png) 0 -115px repeat-x;
	border-bottom: 1px #969e44 solid;
	position: absolute;
	opacity: 0.97;
	z-index: 3;
	left: 0;
	top: 0;
	overflow: visible;
}

header>.inner {
	height: 60px;
	overflow: visible;
}

header h1 {
	opacity: 1.0;
	position: absolute;
	left: 0px;
	top: -92px;
	height: 234px;
	z-index: 0;
}

header h1_span {
	opacity: 0.0;
	position: absolute;
	left: -250px;
	top: -92px;
	height: 234;
	z-index: 9;
}

header h1 a {
	font: 30px/1.2em 'Sanchez', serif;
	color: #fff;
	text-decoration: none;
}

header nav {
	position: absolute;
	left: 540px;
	bottom: 0;
}

header nav>ul>li {
	float: left;
	position: relative;
	margin-right: 21px;
}

header nav>ul>li.li-6 {
	margin: 0;
}

header nav>ul>li>a {
	width: 59px;
	height: 63px;
	display: block;
	border-top: 1px #353538 solid;
	position: relative;
	text-decoration: none;
	-webkit-transition: border 0.6s ease-out;
	-moz-transition: border 0.6s ease-out;
	-o-transition: border 0.6s ease-out;
	transition: border 0.6s ease-out;
}

header nav.-subpages>ul>li>a {
	overflow: hidden;
}

header nav>ul>li>a:hover,
header nav>ul>li.active>a,
header nav>ul>li._hover>a {
	border-top-color: #a4ac4f;
}

header nav>ul>li.li-1>a>.ico {
	background: url(../images/nav-bg-1.png) no-repeat;
}

header nav>ul>li.li-2>a>.ico {
	background: url(../images/nav-bg-2.png) no-repeat;
}

header nav>ul>li.li-3>a>.ico {
	background: url(../images/nav-bg-3.png) no-repeat;
}

header nav>ul>li.li-4>a>.ico {
	background: url(../images/nav-bg-4.png) no-repeat;
}

header nav>ul>li.li-5>a>.ico {
	background: url(../images/nav-bg-5.png) no-repeat;
}

header nav>ul>li.li-6>a>.ico {
	background: url(../images/nav-bg-6.png) no-repeat;
}

header nav>ul>li>a>.ico {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

header nav>ul>li>a>.ico.-hvr {
	background-position: 0 100%;
	height: 0px;
	top: 75px;
}

header nav>ul>li>a:hover>.ico.-def,
header nav>ul>li.active>a>.ico.-def,
header nav>ul>li._hover>a>.ico.-def {
	height: 75px;
	opacity: 0.5;
	/* xxx */
}

header nav>ul>li>a:hover>.ico.-hvr,
header nav>ul>li.active>a>.ico.-hvr,
header nav>ul>li._hover>a>.ico.-hvr {
	top: 0px;
	height: 75px
}

header nav>ul>li>a>.lbl {
	font: 18px 'Sanchez', serif;
	color: #999999;
	position: absolute;
	top: -55px;
	left: -10px;
	text-align: left;
	width: 88px;
	opacity: 0;
	z-index: 3;
	-webkit-transform: rotate(-25deg);
	-moz-transform: rotate(-25deg);
	-ms-transform: rotate(-25deg);
	-o-transform: rotate(-25deg);
	transform: rotate(-25deg);
	-webkit-transition: opacity 0.6s ease-out;
	-moz-transition: opacity 0.6s ease-out;
	-o-transition: opacity 0.6s ease-out;
	transition: opacity 0.6s ease-out;
}

header nav>ul>li>a>.lbl:hover {
	color: #fff;
}

header nav.-subpages>ul>li>a>.lbl {
	opacity: 1;
}

header nav li ul {
	position: absolute;
	top: 60px;
	left: -47px;
	width: 153px;
	background: #567245;
	padding: 1px 0 0 0;
}

header nav.-subpages>ul>li>ul {
	top: 70px;
}

header nav>ul>li>ul:before {
	content: "";
	width: 153px;
	height: 6px;
	position: absolute;
	left: 0;
	top: -6px;
	background: url(../images/dd-arrow.png);
	z-index: 1;
}

header nav li ul li {
	position: relative;
}

header nav li ul a {
	font: 16px/40px 'Sanchez', serif;
	color: #ffffff;
	text-decoration: none;
	padding-left: 22px;
	margin-bottom: 1px;
	display: block;
	background: #8e9639;

	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

header nav li ul a:hover,
header nav li ul ._hover>a {
	background: #969e44;
}

header nav li ul ul {
	left: 155px;
	top: -4px;
	padding: 1px 0 0 0;
	border-top: 3px #969e44 solid;
}

/* Base navigation scaling - subtle +2% on all devices */
header nav {
	transform: scale(1.02);
	transform-origin: center bottom;
}

/* Mobile-specific adjustments */
@media only screen and (max-width: 767px) {
	header nav>ul>li>a>.lbl {
		font-size: 19px;
	}
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
	header nav>ul>li>a>.lbl {
		font-size: 20px;
	}
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
	header nav>ul>li>a>.lbl {
		font-size: 18px;
	}
}

header nav>ul>li>a>.ico.-def {
	height: 75px !important;
	opacity: 0.5;
}

/* Mobile-specific hover state adjustments */
@media only screen and (max-width: 767px) {

	/* For mobile devices, show both states of icons */
	header nav>ul>li>a>.ico.-def {
		opacity: 0.7;
	}

	/* Hover state icons are partially visible by default */
	header nav>ul>li>a>.ico.-hvr {
		top: 0 !important;
		opacity: 0.3;
		z-index: 2;
	}

	/* On active/touched state */
	header nav>ul>li.active>a>.ico.-def,
	header nav>ul>li._hover>a>.ico.-def,
	header nav>ul>li>a:active>.ico.-def {
		opacity: 0.3;
	}

	header nav>ul>li.active>a>.ico.-hvr,
	header nav>ul>li._hover>a>.ico.-hvr,
	header nav>ul>li>a:active>.ico.-hvr {
		opacity: 1;
	}

	/* Always show labels on mobile */
	header nav>ul>li>a>.lbl {
		opacity: 1 !important;
		color: #fff;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
	}

	/* Handle touch events better */
	header nav>ul>li>a {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		/* Remove default touch highlight */
	}

	/* Add a touch effect */
	header nav>ul>li>a:active {
		border-top-color: #a4ac4f !important;
		/* Show the active border on touch */
	}
}

/*#content*/

#content>ul>li {
	width: 950px;
	min-height: 500px;
	position: absolute;
	left: 50%;
	top: 40%;
	margin: -204px 0 0 -470px;
	z-index: 1;
}

#content>ul>li>.banner {
	background: url(../images/banner-bg.png);
	font: 36px/36px 'Sanchez', serif;
	color: #fff;
	padding: 37px 0 36px 32px;
	border-top: 1px #969e44 solid;
}

#content>ul>li>.banner a.btn {
	position: absolute;
	right: 50px;
	top: 45px;
	background: #8e9639;
}

#content>ul>li>.banner a.btn:hover {
	background: #5a7749;
}

/* !main bg color */
#content .content {
	min-height: 377px;
	background: #8e9639;
	position: relative;
	overflow: hidden;
}

h2 {
	font: 24px/28px 'Sanchez', serif;
	text-decoration: none;
	color: #fff;
	margin-bottom: 12px;
	text-shadow: 1px 1px rgba(0, 0, 0, .1);
}

h2 img {
	margin-right: 3px;
	float: left;
}

h2:hover {
	text-decoration: none;
}

h3 {
	font: 20px/22px 'Sanchez', serif;
	text-decoration: none;
	color: #faffc8;
	margin-bottom: 2px;
	text-shadow: 1px 1px rgba(0, 0, 0, .1);
}

/*footer*/
footer {
	width: 100%;
	height: 60px;
	position: absolute;
	opacity: 0.97;
	left: 0;
	bottom: -1px;
	z-index: 2;
	border-top: 1px #969e44 solid;
	background: url(../images/footer-bg.png) 0 100% repeat-x;
}

footer>.inner {
	height: 60px;
	overflow: hidden;
}

footer .privacy {
	color: #fff;
	font: 12px/60px 'Sanchez', serif;
	position: absolute;
	left: 43%;
	top: 0;
	margin-left: -85px;
}

footer .soc-ico {
	font: 22px/30px 'Sanchez', serif;
	color: #8e9639;
	text-shadow: 1px 1px rgba(0, 0, 0, .1);
	right: -5px;
	position: absolute;
	z-index: 1;
	bottom: -100px;
}

footer .soc-ico li {
	float: left;
	margin-right: 6px;
}

footer .soc-ico a {
	opacity: .5;

	-webkit-transition: opacity 0.6s ease-out;
	-moz-transition: opacity 0.6s ease-out;
	-o-transition: opacity 0.6s ease-out;
	transition: opacity 0.6s ease-out;
}

footer .soc-ico a:hover {
	opacity: 1;
}

footer .soc-ico .tm {
	font: 12px/12px 'Monda', sans-serif;
	color: #8e9639;
	display: inline-block;
	position: relative;
	left: -3px;
	top: -6px;
}

footer .soc-ico:hover,
footer .soc-ico:hover .tm {
	color: #a9b247;
	cursor: default;
}

/*forms css*/
#form1 {
	position: relative;
	z-index: 1;
}

#form1 label {
	float: left;
	position: relative;
	z-index: 1;
}

#form1 input,
#form1 textarea {
	outline: none;
	box-shadow: 0px 0px 0px black;
	font: 14px 'Sintony', sans-serif;
	color: #fff;
	background: #9ca552;
	border: 1px solid #9ca552;
	width: 345px;
	float: left;
	margin-bottom: 8px;
	padding: 8px 10px;
}

#form1 input:hover,
#form1 textarea:hover,
#form1 .success:hover {
	border: 1px solid #c8cb9f;
}

#form1 textarea {
	resize: none;
	height: 79px;
	margin-bottom: 16px;
}

#form1 .btns {
	float: right;
}

#form1 .btns a {
	float: left;
	margin-left: 14px;
}

#form1 .error,
#form1 .empty {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	font: 11px 'Monda', sans-serif;
	padding-right: 4px;
	top: -2px;
	color: ff8080;
}

#form1 .success {
	font: 16px/18px 'Sintony', sans-serif;
	color: #fff;
	background: #9ca552;
	border: 1px solid #9ca552;
	width: 345px;
	text-align: center;
	padding: 8px 10px;
	position: absolute;
	z-index: 10;
}

/*js css*/
.slogans {
	width: 940px;
	height: 77px;
	background: #14484f;
	opacity: 0.925;
	left: 50%;
	margin-left: -470px;
	bottom: 100px;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	font: 30px/77px 'Sanchez', serif;
	border: 1px solid #1f7b89;
	color: #cccccc;
	text-align: center;
}

.slogans:hover {
	border: 1px solid #6a9ba2;
	color: #fff;
}

.slogans li {
	display: block;
}

.slogans a {
	color: #bbad62;
	outline: none;
}

.slogans a:hover {
	text-decoration: underline;
	color: #969e44;
}

.slogans .prev,
.slogans .next {
	position: absolute;
	opacity: 1;
	top: 20px;
	left: 0;
}

.slogans .prev:hover,
.slogans .next:hover {
	opacity: 0.45;

}

.slogans .next {
	right: 0;
	left: auto;
}

.spinner {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: url(../images/ajax-loader.gif) 50% 50% no-repeat;
}

/*additional classes*/

.bordered {
	border-right: 1px #a2a951 solid;
}

.white {
	color: #ffffff;
}

.exec-name {
	font: 20px/20px 'Sanchez', serif;
	color: #fff;
	position: relative;
	top: -4px;
}

.exec-title {
	font: 15px/15px 'Monda', sans-serif;
	position: relative;
	top: -8px;
}

.exec-bio {
	font: 15px/15px 'Sintony', sans-serif;
	position: relative;
	display: block;
	color: #fff;
	top: -80px;
}

.picframe img {
	border: 6px solid #bab662;
	vertical-align: top;
}

.picframe img:hover {
	border: 6px solid #5a7749;
}

.f12 {
	font-size: 15px;
}

.adjusted_gap {
	padding-top: 1px;
	position: relative;
	display: block;
	top: -10px;
}

.solution-panels {
	display: none;
	overflow: auto;
	position: relative;
	resize: none;
}

.solution-default {
	display: inline-block;
	overflow: scroll;
	position: relative;
	resize: none;
}

.solution-allow-scroll {
	overflow: scroll;
}

.solution-panelLinks li {
	opacity: 0.8;
	text-decoration: none;
}

.solution-panelLinks li:hover {
	opacity: 1;
	text-decoration: underline;
}

.solution-panelLinks img {
	opacity: 0.45;
}

.arrow-right {
	float: right;
	margin-left: auto;
	margin-right: 0px;
	display: block;
}

.solution-panelLinks img:hover {
	opacity: 1;
}

.people-panels {
	display: none;
	overflow: hidden;
	position: relative;
	resize: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.people-default {
	display: inline-block;
	overflow: hidden;
	position: relative;
	resize: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.people-panelLinks li {
	opacity: 0.8;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.people-panelLinks li:hover {
	opacity: 1;
}

.people-name {
	font: 30px/25px 'Sanchez', serif;
	color: #fff;
}

.people-title {
	font: 22px/22px 'Monda', sans-serif;
	color: #283622;
	margin-top: 6px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/*fast formats*/

.fl {
	float: left;
}

.fr {
	float: right;
}

.col-1,
.col-2,
.col-3 {
	float: left;
	height: 100%;
}

.all {
	text-align: left;
}

.alr {
	text-align: right;
}

.alc {
	text-align: center;
}

.wrapper {
	width: 100%;
	overflow: auto;
}

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

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

a.nocolor,
.nocolor a {
	color: inherit;
}

.upc {
	text-transform: uppercase;
}

.bold {
	font-weight: bold;
}

.wrap {
	overflow: hidden;
}

.nopa {
	padding: 0;
}

.noma {
	margin: 0;
}

.nobg {
	background: none;
}

.nobd {
	border: none;
}

.nofl {
	float: none;
}

.dn {
	display: none;
}

.clear {
	clear: both;
	line-height: 0;
}

/*custom boxes*/

a.btn {
	font: 12px/43px 'Monda', sans-serif;
	background: #bab662;
	color: #505521;
	border: 1px solid #bab662;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 20px;

	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;

	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

a.btn:hover {
	background: #5a7749;
	color: #eeeeee;
	border: 1px solid #c8cb9f;
}

a.banner-btn {
	opacity: 0.2;
	/* display: inline-block; */
	position: relative;
	float: right;
	vertical-align: top;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font: 11px/18px 'Sintony', sans-serif;
	color: #ffffff;
	padding-right: 22px;
}

a.banner-btn:hover {
	opacity: 0.6;
}

a.people-btn {
	opacity: 0.4;
	/* display: inline-block; */
	position: relative;
	float: right;
	vertical-align: top;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font: 11px/18px 'Sintony', sans-serif;
	color: #fff;
}

a.people-btn:hover {
	opacity: 0.7;
}

.list a {
	font: 17px/24px 'Sintony', sans-serif;
	padding-left: 14px;
	color: #fff;
	background: url(../images/mrk-1.png) 0 50% no-repeat;
}

.list a:hover {
	text-decoration: none;
}

.list-no-href li {
	font: 16px/22px 'Sintony', sans-serif;
	color: #dde58d;
	padding-left: 14px;
	background: url(../images/mrk-1.png) 0 8px no-repeat;
	text-align: start;
}

.list-no-href li:hover {
	color: #fff;
	cursor: default;
}

.list-no-href li::marker {
	vertical-align: top;
}

.list2 a {
	font: 20px/42px 'Sanchez', serif;
	background: #bbb764;
	color: #505521;
	border: 1px solid #bbb764;
	display: block;
	text-decoration: none;
	margin-bottom: 5px;
	padding-left: 16px;
}

.list2 a:hover {
	color: #eeeeee;
	background: #5a7749;
	border: 1px solid #a2a951;
}

.legalese {
	font: 12px/14px 'Sintony', sans-serif;
	color: #dde58d;
}

.legalese-blindbox {
	font: 10px/14px 'Monda', sans-serif;
	color: #ffffff;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px;
	border: 1px solid white;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;

	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

dl.phone {
	overflow: hidden;
	color: #ffffff;
	font: 30px/34px 'Sanchez', serif;
}

dl.address {
	overflow: hidden;
	font: 18px/22px 'Sanchez', serif;
}

dl.address dd {
	text-align: right;
	clear: both;
	padding-right: 25px;
}

dl.address dd span {
	float: left;
}

dl.img-box,
.img-box-set>dl,
dl.img-box>dd,
.img-box-set>dl>dd {
	overflow: hidden;
}

dl.img-box>dt,
.img-box-set>dl>dt {
	float: left;
	margin-right: 10px;
}

/* tSlide Elements */

.track {
	color: #505521;
	background: #bbb764;
	border: 1px solid #bbb764;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	height: 43px;
}

.track:hover {
	border: 1px solid #c8cb9f;
}

.track-message {
	font: 12px/43px 'Monda', sans-serif;
	text-transform: uppercase;
	padding: 0px 0px 0px 140px;
	text-align: right;
}

.track:hover,
.track-message:hover {
	background: #5a7749;
	color: #eeeeee;
}

.track-body {
	height: 45px;
	margin: 0px 10px;
}

.handle {
	background-image: url(../images/tslide.png);
	bottom: 45px;
	cursor: pointer;
	height: 39px;
	margin: 2px 2px;
	position: relative;
	width: 76px;
}

/* Tombstone styles */

.tombstone-showcase {
	width: 1000px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 100px;
	z-index: 1;
}

.tombstone-container {
	max-width: 100%;
	overflow: hidden;
	position: relative;
	height: 200px;
	mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
	-webkit-mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
}

.tombstone-container:before,
.tombstone-container:after {
	content: "";
	position: absolute;
	top: 0;
	width: 50px;
	height: 100%;
	z-index: 2;
	pointer-events: none;
}

.tombstone-container:before {
	left: 0;
	background: linear-gradient(to right, rgba(142, 150, 57, 0.2) 0%, rgba(142, 150, 57, 0) 100%);
}

.tombstone-container:after {
	right: 0;
	background: linear-gradient(to left, rgba(142, 150, 57, 0.2) 0%, rgba(142, 150, 57, 0) 100%);
}

.tombstone-carousel {
	display: flex;
	animation: scroll linear infinite;
	align-items: flex-start;
	width: fit-content;
	min-height: calc(var(--card-height));
	margin-bottom: 60px;
	align-items: flex-start;
}

.tombstone-card {
	margin: 0 15px;
	background-color: rgba(142, 150, 57, 0.85);
	border-radius: 6px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
	flex: 0 0 var(--card-width);
	display: flex;
	box-sizing: border-box;
	flex-direction: column;
	position: relative;
	overflow: hidden;
	border: 1px solid #bab662;
	cursor: pointer;
	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
}

.tombstone-card:hover {
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.6);
	border-color: #dde58d;
	background-color: rgba(150, 158, 68, 0.95);
}

/* Subtle glow effect on hover */
.tombstone-card:hover .logo-circle {
	border-color: #ffffff;
	box-shadow: 0 0 10px rgba(221, 229, 141, 0.5);
}

.tombstone-year {
	position: absolute;
	top: 8px;
	right: 8px;
	font: 14px/16px 'Sanchez', serif;
	font-weight: bold;
	color: #dde58d;
}

.tombstone-logo {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
}

.logo-circle,
.logo-square {
	width: var(--logo-size) !important;
	height: var(--logo-size) !important;
	min-width: var(--logo-size) !important;
	max-width: var(--logo-size) !important;
	min-height: var(--logo-size) !important;
	max-height: var(--logo-size) !important;
	box-sizing: border-box !important;
	background-color: transparent;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #bab662;
	text-align: center;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	overflow: hidden;
	padding: 0 2%;
}

.logo-square {
	border-radius: 0%;
	border: 2px solid #bab56200;
}

.logo-circle img {
	max-width: 98%;
	max-height: 98%;
	object-fit: contain;
}

.logo-circle img,
.logo-square img {
	max-width: 99%;
	max-height: 99%;
	object-fit: contain;
}

.tombstone-card:hover .logo-circle,
.tombstone-card:hover .logo-square {
	border-color: #ffffff;
	box-shadow: 0 0 10px rgba(221, 229, 141, 0.5);
}

.tombstone-card:hover .tombstone-desc {
	color: black;
}

.tombstone-desc {
	height: var(--desc-height) !important;
	min-height: var(--desc-height) !important;
	max-height: var(--desc-height) !important;
	box-sizing: border-box !important;
	padding: 8px;
	background-color: rgba(186, 181, 98, 0.7);
	border-top: 1px solid #5a7749;
	font: 14px/16px 'Sintony', sans-serif;
	color: rgb(15, 47, 51);
	height: 50px;
	min-height: 50px;
	max-height: 50px;
	overflow: hidden;
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(-1 * var(--set-width)));
	}
}

.tombstone-container {
	height: var(--contain-height) !important;
}

.tombstone-card {
	width: var(--card-width) !important;
	height: var(--card-height) !important;
	min-width: var(--card-width) !important;
	max-width: var(--card-width) !important;
	min-height: var(--card-height) !important;
	max-height: var(--card-height) !important;
	flex: 0 0 var(--card-width) !important;
	box-sizing: border-box !important;
	margin: 0 15px;
}

/*

Made in the USA by Robert Holtz
http://robertholtz.com

*/