/* Custom Styles */

body, html {
	font-family: 'Raleway', sans-serif;
}

/* Navigation */

.logo img {
	max-width: 90px;
	margin-top: 25px;
}

/* Sections, Rows */

.row {
	max-width: 75rem;
}

.row.expanded {
	max-width: 100%;
}

.commonrowpadding {
	padding: 50px 0;
}

#hero {
	background-image: url("../img/csse-voting-booths-header-image-final.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 35px;
}

#hero.problempage {
	background-image: url("../img/csse-voting-booths-header-image-final.jpg");
}

#hero.whowearepage {
	background-image: url("../img/aboutus.jpg");
}

#hero.solutionspage {
	background-image: url("../img/solutions.jpg");
}

#herotitle {
	padding: 10% 0;
}

#largequotes {
	position: relative;
}

.shadow.columns {
	-moz-box-shadow: 0 0 13px #ccc;
	-webkit-box-shadow: 0 0 13px #ccc;
	box-shadow: 0 0 13px #ccc;
}

#largequotes .columns {
	position: inherit;
}

#firstcol {
	background-image: url("../img/csse-administrators-resources.svg");
	object-fit: cover;
	background-position: left center;
	background-repeat: no-repeat;
}

#secondcol {
	background-image: url("../img/csse-law-enforcement-resources.svg");
	object-fit: cover;
	background-position: left center;
	background-repeat: no-repeat;
}

.problem {
	text-align: center;
	padding: 65px 20px;
	min-height: 223px;
}

.quote {
	text-align: center;
	padding: 65px 20px;
}

#aboutstrong {
	background-image: url("../img/aboutus.jpg");
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	padding: 180px 0;
	margin: 90px 0 0 0;
}

#hero.row.expanded .row, #aboutstrong.row.expanded .row, #smallquotes.row.expanded .row, #footer.row.expanded .row {
	max-width: 75rem;
	margin: 0 auto;
}

#abouttext {
	background-color: #fff;
	padding: 35px 35px 100px 35px;
}

#ctasection {
	padding: 110px 0;
}

.greenbg {
	background-color: #a7d1ab;
}

.redbg {
	background-color: #ff6666;
}

#smallquotes {
	background-color: #f2f2f2;
	padding: 95px 0 40px 0;
}

/* Solutions Grid */

#solutionsintro {
	margin-bottom: 10px;
}

.solutionsgridwrap:last-of-type {
	padding-bottom: 80px;
}

.solutionsgrid {
	padding: 20px 20px 30px 20px;
	text-align: center;
	-webkit-box-shadow: 0 0 21px 2px rgba(158,158,158,0.20);
	-moz-box-shadow: 0 0 21px 2px rgba(158,158,158,0.20);
	box-shadow: 0 0 21px 2px rgba(158,158,158,0.20);
}

.solutionsicon {
	margin-bottom: 40px;
}
.solutionsicon.heading {
	margin-bottom: 1rem;
	height: 60px;
	width: auto;
}

.svgsvg .svgicon-parent {
	opacity: 1;
}
.svgsvg .svgicon {
	fill: #ffffff;
}

span.arrow-wrapper {
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	bottom: 15px;
}
.solutionsarrow {
	margin-top: 20px;
	max-width: 26px;
	left: 50%;
	transform: translateX(-50%);
}

.solutionsgrid h2 {
	margin-bottom: 10px;
}

.solutionsgrid p {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.075em;
	color: #000;
	margin-bottom: 0.5rem;
}
p.term-tagline {
	color: #777777;
	margin-bottom: 10px !important;
}

/* Solutions Single */

.sabreadcrumbs {
	font-size: 15px;
	color: #008CBA;
	margin-bottom: 30px;
}

.solutionssingle {
	border-top: 1px dotted #ccc;
	padding-top: 20px;
	margin-bottom: 80px;
}

.solutionssingle .solutionsicon {
	float: left;
	margin-right: 15px;
	margin-bottom: 0;
	max-width: 35px;
}

.solutionssingle h2 {
	font-size: 35px;
	font-weight: 900;
	margin-top: 20px;
	margin-bottom: 50px;
	text-transform: capitalize;
	letter-spacing: normal;
}

.solutionssingle h6 {
	line-height: 1.8em;
}

.solutionssingle p {
	font-size: 15px;
}

.legislationlinks, .solutionlinks, .downloadlinks {
	list-style-type: none;
	margin: 0 0 30px 0;
	padding: 0;
}

.legislationlinks li, .solutionlinks li, .downloadlinks li {
	font-size: 15px;
	margin-bottom: 10px;
	position: relative;
}

.downloadlinks li {
	margin-left: 35px;
}

.downloadlinks li:before {
	content: '';
	display: block;
	background-image: url('../img/download_pdf.png');
	width: 20px;
	height: 24px;
	position: absolute;
	left: -35px;
	top: 5px;
}

table {
	color: #333;
	border: none;
	width: 100%;
}

table thead {
	text-transform: uppercase;
	letter-spacing: 0.075em;
	background: transparent;
	padding: 0.5625rem 0;
}

table thead tr th {
	border-bottom: 1px solid #E3E3E3;
}

table tr {
	background-image: linear-gradient(to right, #4A90E2 33%, rgba(255,255,255,0) 0%);
	background-position: bottom;
	background-size: 5px 1px;
	background-repeat: repeat-x;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
	background: transparent;
	background-image: linear-gradient(to right, #4A90E2 33%, rgba(255,255,255,0) 0%);
	background-position: bottom;
	background-size: 5px 1px;
	background-repeat: repeat-x;
}

table tr.showmore {
	background-image: none;
}

.contentrow td:first-of-type, .showmore td:first-of-type {
	padding-left: 0;
	padding-top: 0;
}

.showmore .button {
	background-color: transparent;
	color: #4A90E2;
	border: 1px solid #4A90E2;
	padding: 10px 50px;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	font-size: 9px;
	margin: 10px 0 0 0;
}

.button.fulllist {
	background-color: transparent;
	color: #008CBA;
	border: 1px solid #008CBA;
	padding: 15px 20px;
	text-transform: uppercase;
	letter-spacing: 0.095em;
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	margin: 20px 0;
}

table tr td {
	line-height: normal !important;
	padding: 0.5625rem 0;
}

.row.maintable {
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 25px;
}

.row.maintable:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
}

.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
	background: #FFFFFF;
	display: block;
	max-width: 600px;
	padding: 25px 0 25px 0;
	margin: 0;
	font-size: 14px;
}

.openpanel h2 {
	font-weight: 900;
	text-transform: none;
	font-size: 27px;
}

.openpanel h5 {
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 15px;
}

.openpanel.content p {
	font-size: 14px;
}

.openpanel.content .link {
	margin-bottom: 10px;
	line-height: 1.3em;
}

.openpanel.content .link a {
	color: #4A90E2;
}

.openpanel.content .link img {
	float: left;
	margin-right: 10px;
}

.openpanel.content .downloads {
	margin-top: 20px;
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
	background: transparent;
	color: #4A90E2;
}

.accordion .accordion-navigation > a, .accordion dd > a {
	background: transparent;
	color: #4A90E2;
	display: block;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	padding: 0;
}

.accordion .accordion-navigation > a {
	background: transparent;
}

.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
	background: transparent;
}

#footer {
	background-color: #312D33;
	padding: 90px 0 30px 0;
}

#footer img {
	max-width: 240px;
}

/* Type */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
}

h1 {
	font-size: 50px;
	line-height: normal;
}

#herotitle h1 {
	font-weight: 800;
	color: #fff;
	letter-spacing: 0.015em;
	line-height: 1.075em;
	margin: 0 0 10px 0;
	padding: 0;
}

#herotitle.interiorheading h1 {

}

h2 {
	font-size: 25px;
	line-height: 1.25em;
	letter-spacing: 0.07em;
	margin: 0;
	padding: 0;
}

#herotitle h2 {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
	color: #fff;
	text-transform: none;
	letter-spacing: 0;
}

.problem h2 {
	color: #fff;
	text-shadow: 0 0 2px #000;
}

#aboutstrong h2, #formsection h2 {
	font-weight: 700;
	letter-spacing: .2em;
	text-align: center;
	margin-bottom: 20px;
}

#ctasection h2 {
	color: #fff;
	font-size: 25px;
	letter-spacing: 0.175em;
}

h3.largequote {
	font-size: 25px;
	color: #777777;
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, Times, "Times New Roman", serif;
	text-transform: none;
	margin: 0 0 25px 0;
	padding: 0;
	line-height: 1.5em;
}

#ctasection h3 {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
	color: #fff;
	text-transform: none;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
}

h6 {
	letter-spacing: 0.075em;
}

p, .quote {
	font-family: Georgia, Times, "Times New Roman", serif;
}

p {
	font-family: 'Raleway', sans-serif;
	font-size: 22px;
	color: #777777;
	margin: 0 0 25px 0;
	padding: 0;
	line-height: 1.5em;
}

.row p:last-of-type {
	margin-bottom: 0;
}

ul {
	margin-left: 25px;
}

.row ul:last-of-type {
	margin-bottom: 0;
}

ul li {
	font-family: 'Raleway', sans-serif;
	font-size: 22px;
	color: #777777;
	margin: 0 0 25px 0;
	padding: 0;
	line-height: 1.3em;
}

.row ul li:last-of-type {
	margin-bottom: 0;
}

p.tableheading {
	font-size: 14px;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
}

#abouttext p, #formsection p {
	font-size: 18px;
	font-family: Georgia, Times, "Times New Roman", serif;
}

.author {
	font-size: 16px;
	font-style: normal;
	color: #777777;
}

.learnmore {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 0.15em;
}

#abouttext .learnmore {
	bottom: 50px;
}

#abouttext .learnmore a {
	color: #000;
}

.orbit-container .orbit-slides-container img.quoteicon {
	max-width: 25px;
}

.orbit-container .orbit-slide-number, .orbit-container .orbit-timer, .orbit-container .orbit-prev, .orbit-container .orbit-next {
	display: none;
}

.testimonials {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #000;
	line-height: 1.7em;
	margin: 15px 0 20px 0;
}

.testimonialauthor {
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.testimonialtitle {
	font-family: 'Raleway', sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #777;
}

.visitsite {
	margin-top: 20px;
}

.visitsite a {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	color: #6DB373;
	letter-spacing: 0.15em;
}

.copyright {
	padding-top: 45px;
}

.copyright ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.copyright ul li {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	color: #706575;
	display: inline;
	margin: 0 15px;
}

.copyright ul li a {
	color: #706575;
}

/* Form */

form {
	color: #777777;
	font-family: 'Raleway', sans-serif;
}

input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	border-color: #AAAAAA;
	padding: 15px 17px;
	margin-bottom: 22px;
}

textarea {
	min-height: 80px;
}

form .button {
	background-color: transparent;
	color: #000;
	border: 2px solid #000;
	padding: 15px 70px;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	font-size: 15px;
}

/* Helpers */

a {
	-moz-transition: 0.25s ease-out;
	-o-transition: 0.25s ease-out;
	transition: 0.25s ease-out;
}

a:hover {
	opacity: 0.5;
}

img.chevronwhite {
	margin-left: 0%;
    margin-right: 5px;
	margin-bottom: 5px;
}
img.chevronred, img.greenarrow {
	vertical-align: text-top;
	margin-left: 20px;
}

img.expand {
	vertical-align: text-top;
	margin-right: 10px;
	margin-left: -30px;
}

img.responsive {
	width: 100%;
	max-width: 100%;
	vertical-align: middle;
}

.iconitem.lefticon img {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

img.problemquote {
	max-width: 160px;
}

img.problemicon {
	margin-bottom: 20px;
}

.orbit-container .orbit-slides-container img.authorphoto {
	max-width: 85px;
}

.downloadlink {
	background-color: #AA9A65 !important;
	position: relative;
	top: 0;
	right: 0;
}

.fullwidthpage {
	padding: 0 25px;
}

.smallwidth {
	max-width: 780px !important;
	margin: 0 auto !important;
}

.mediumwidth {
	max-width: 930px !important;
	margin: 0 auto !important;
}

/* Mobile */

@media only screen and (min-width: 40.0625em) {
	.top-bar {
		background-color: transparent;
		height: auto;
	}
	.top-bar-section .has-form {
		height: 2.8125rem;
		padding: 0;
		line-height: 2.8125rem;
		background-color: #6DB373;
	}
	.logo img {
		max-width: 380px;
	}

	.top-bar ul.right {
		background-color: transparent;
	}
	.top-bar-section ul li {
		background: #312D33;
	}
	.top-bar ul li a {
		font-family: 'Raleway', sans-serif;
		font-size: 15px;
	}
	.top-bar-section li:not(.has-form) a:not(.button) {
		background: transparent;
		line-height: 3.25rem;
		padding: 0 1.5rem;
	}
	.title-area .downloadlink {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	#hero.interiorpage {
		margin-bottom: 65px;
	}
	.colpadleft {
		padding-left: 100px;
	}

	.colpadright {
		padding-right: 100px;
	}
	.verticalcenter {
		display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		min-height: auto;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#ctasection {
		margin: 100px 0 0 0;
	}
	#ctasection.redbg {
		margin: 0;
	}
	#ctasection .verticalcenter {
		min-height: 0;
	}
	.iconitem {
		margin-left: 50px;
	}
	.iconitem.lefticon {
		margin-left: 0;
		margin-right: 50px;
	}
	#formsection {
		margin: 80px 0;
	}
}

@media screen and (max-width: 1024px) {
	#aboutstrong {
		padding: 50px 0;
		margin: 0 0 0 0;
	}
	#maincontent .row .columns {
		margin-bottom: 25px;
	}
	.columnreverse {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	th.firstcell, td.firstcell {
		width: 45% !important;;
	}
	th.lastcell {
		word-break: break-all;
		hyphens: auto;
	}
	.hidemedium {
		display: none !important;
	}
	.commonrowpadding {
		padding: 30px 0;
	}
}

@media screen and (max-width: 900px) {

}

@media (min-width: 640px) and (max-width: 900px) {
	.top-bar .title-area {
		float: left;
		width: 100%;
		text-align: center;
	}
	.top-bar-section ul {
		margin-top: 25px;
		width: 100%;
		text-align: center;
	}
	.top-bar-section ul li {
		float: none;
		display: inline-block;
	}
}

@media screen and (min-width: 640px) {
	#herotitle {
		padding: 70px 0 120px 0;
	}
	.slim-header #herotitle {
		padding: 30px 0 80px 0;
	}
	#largequotes .shadow.columns {
		width: 49.2%;
		min-height: 520px;
	}
	table thead tr th {
		line-height: 3.5em;
	}
}

@media screen and (min-width: 768px) {
	.solutionsgridwrap {
		display: flex;
	}

	.solutionsgrid {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 20px 10px;
		min-height: 300px;
		padding: 20px 20px 30px 20px;
	}

	.solutionsarrow {
		/*position: absolute;
		bottom: 20px;*/
	}
}

@media screen and (max-width: 640px) {
	.logo img {
		margin-top: 0;
	}

	#hero .menucolwrap, #hero .menucol, .top-bar.expanded {
		padding: 0;
	}

	#hero.row.expanded .row {
		width: 100%;
		max-width: 100%;
	}

	.top-bar {
		height: 4rem;
	}

	.title-area {
		padding: 15px 0 0 10px;
	}

	.menucol {
		background: #333333;
	}

	.top-bar-section ul {
		padding: 20px 0 0 0;
	}

	.top-bar-section ul li > a {
		font-family: 'Raleway', sans-serif;
	}

	.top-bar .toggle-topbar {
		position: absolute;
		left: 0;
		top: 0;
	}

	.top-bar .toggle-topbar a {
		color: #FFFFFF;
		display: block;
		font-size: 0.8125rem;
		font-weight: bold;
		height: 2.8125rem;
		line-height: 4rem;
		padding: 0 0.9375rem;
		position: relative;
		text-transform: uppercase;
	}

	.downloadlink {
		display: none;
	}

	.title-area .downloadlink {
		display: flex;
		position: absolute;
		top: 0;
		right: 0;
		height: auto;
		overflow: visible;
	}

	.title-area .downloadlink a {
		font-size: 15px;
		padding: 19px 1rem;
		height: auto;
		color: #fff;
	}

	.logo {
		padding-left: 55px;
	}

	* {
		margin: 0;
		padding: 0;
	}

	.menu-icon {
		width: 35px;
		height: 35px;
		position: relative;
		margin: 15px 10px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}

	.menu-icon span {
		display: block;
		position: absolute;
		height: 9px;
		width: 100%;
		background: #d3531a;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	.menu-icon span {
		display: block;
		position: absolute;
		height: 2px;
		width: 50%;
		background: #fff;
		opacity: 1;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	.menu-icon span:nth-child(even) {
		left: 50%;
		border-radius: 0;
	}

	.menu-icon span:nth-child(odd) {
		left: 0;
		border-radius: 0;
	}

	.menu-icon span:nth-child(1), .menu-icon span:nth-child(2) {
		top: 5px;
	}

	.menu-icon span:nth-child(3), .menu-icon span:nth-child(4) {
		top: 15px;
	}

	.menu-icon span:nth-child(5), .menu-icon span:nth-child(6) {
		top: 25px;
	}

	.menu-icon.open span:nth-child(1),.menu-icon.open span:nth-child(6) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.menu-icon.open span:nth-child(2),.menu-icon.open span:nth-child(5) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.menu-icon.open span:nth-child(1) {
		left: 5px;
		top: 5px;
	}

	.menu-icon.open span:nth-child(2) {
		left: calc(50% - 5px);
		top: 5px;
	}

	.menu-icon.open span:nth-child(3) {
		left: -50%;
		opacity: 0;
	}

	.menu-icon.open span:nth-child(4) {
		left: 100%;
		opacity: 0;
	}

	.menu-icon.open span:nth-child(5) {
		left: 5px;
		top: 13px;
	}

	.menu-icon.open span:nth-child(6) {
		left: calc(50% - 5px);
		top: 13px;
	}

	#smallquotes {
		padding: 40px 0 15px 0;
	}

	#largequotes {
		max-width: 90%;
	}

	#largequotes .shadow.columns {
		margin-bottom: 25px;
	}

	#aboutstrong {
		padding: 0 0 25px 0;
		margin: 0 0 0 0;
	}

	table thead tr th {
		padding-left: 0;
		padding-right: 0;
	}

	.leadcell {
		width: 50%;
	}

	.orbit-container .orbit-slides-container img.authorphoto {
		max-width: 85px;
		float: right;
	}

	.orbit-bullets {
		display: block;
	}

	.visitsite {
		margin-bottom: 20px;
	}

	.copyright {
		padding-top: 25px;
	}

	.copyright ul li {
		display: block;
	}
}

@media screen and (max-width: 360px) {
	.title-area .downloadlink a {
		font-size: 12px;
		padding: 24px .5rem;
	}
}

.noshow {
	display: none !important;
}
.hidden {
	display: none;
}

.img-circle {
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.centered-item {
	display: block;
	text-align: center;
}
.recently-updated {
	display: inline-block;
	padding: 0 0.15rem 0 0.15rem;
	margin-left: 0.26rem;
	font-size: 0.75rem;
	text-transform: uppercase;
	font-family: inherit;
}