@charset "utf-8";

/* -------------------------------------------------------------------------- */
/* -- RESET ----------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 			0;
  padding: 			0;
  border:			0;
  font-size: 		100%;
  font: 			inherit;
  vertical-align: 	baseline;
}

/* -------------------------------------------------------------------------- */
/* -- GLOBAL LAYOUT STYLES -------------------------------------------------- */
html {
	width: 				100%;
	height: 			100%;
}

body {
	margin: 			0;
	width: 				100%;
	background-color:	#ffffff;
	color: 				#000000;
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			16px;
	line-height: 		20px;
}

a {
	color: 				#960030;
}
a:focus, a:hover, a:active {outline:none;}

img {
	display: 			block;
	border: 			0px;
}

em {
	font-style: 		italic;
}

strong {
	font-weight: 		bold;
}

h1 {
	text-align: center;
}

/* -------------------------------------------------------------------------- */
/* -- HIDE MOBILE COMPONENTS ------------------------------------------------ */
#header-graphic-mobile, .mobile-menu, .menu-toggle {
	display: 			none;
}

/* -------------------------------------------------------------------------- */
/* -- CONTENT AREAS --------------------------------------------------------- */

.article-body h3 {
	text-align: 		left;
}

.content ul {
	margin-left: 		40px;
}

.content ul li {
	margin-top: 		10px;
}

.content section {
	margin-top: 		40px;
}

.content p {
	margin-top: 		20px;
}

/* -------------------------------------------------------------------------- */
/* -- HEADER ---------------------------------------------------------------- */
header {
	border-top: 		2px solid #8d1f3d;
}

.header {
	display: 			flex;
	flex-wrap: 			wrap;
}

.header-logo {
	flex: 				0 0 auto;
	padding-top: 		15px;
}

.header-newsletter {
	flex: 				1 0 354px;
	text-align: 		right;
	font-size: 			12px;
	padding: 			10px 0px 5px 0px;
}

.header-buttons {
	margin-bottom:		5px;
	width: 				100%;
	text-align: 		right;
}

.header-buttons a {
	display: 			inline-block;
	margin-left: 		10px 0px 0px 20px;
}

.header-buttons a img {
	width: 				auto;
	height: 			44px;
}

.header-link {
	margin: 			2px 0px;
	line-height: 		22px;
}

.header-link img {
	display: 			inline;
	margin-right: 		5px;
	height: 			18px;
	vertical-align: 	middle;
}

/* -------------------------------------------------------------------------- */
/* -- SOCIAL MEDIA ---------------------------------------------------------- */
#social-media {
	margin: 			20px auto;
	width: 				200px;
}

#social-media ul {
	display: 			flex;
	justify-content: 	center;
	list-style-type: 	none;
	margin: 			0px;
	padding: 			0px;
}

#social-media ul li {
	flex: 				0 0 auto;
	margin: 			10px 2px 0px 2px;
	height: 			21px;
	line-height: 		21px;
}

/* -------------------------------------------------------------------------- */
/* -- SEARCH FORM ----------------------------------------------------------- */
#form-search {
	display: 			block;
	margin:				0px;
	padding: 			10px;

}

#form-search input {
	display: 			inline;
	margin:				0px;
	width: 				920px;
	border: 			0px;
	padding: 			5px;
	color: 				#999999;
	line-height: 		16px;
	font-size: 			16px;
	vertical-align: 	middle;
	outline: 			none;
}

#form-search button.button-submit {
	margin-left: 		5px;
	width: 				auto !important;
	border: 			0px;
	padding: 			0px;
	background: 		none;
	vertical-align: 	middle;
	cursor: 			pointer;
}

.entry-search {
	margin: 			20px 40px;
}

.entry-search h2, .entry-search p {
	margin:				0px !important;
	text-align: 		left;
}

/* -------------------------------------------------------------------------- */
/* -- MENU ------------------------------------------------------------------ */
#menu {
	border-top: 		2px solid #8d1f3d;
	border-bottom: 		1px solid #000;
	background: 		linear-gradient(#8d8e91, #4c4d4d);
}
#menu ul {
	list-style-type: 	none;
	margin: 			0px;
	padding: 			0px;
	text-align: 		center;
}
#menu ul li {
	position: 			relative;
	display: 			inline-block;
	margin: 			0px;
	padding: 			0px 17px 0px 14px;
	border-right: 		3px groove #828282;
	line-height: 		38px;
	font-size: 			14px;
	font-weight: 		bold;
}
#menu ul li:last-child {
	border: 			none;
}
#menu ul li:hover {
	background-color: 	#960030;
}

#menu ul li a {
	color: 				#ffffff;
	text-decoration: 	none;
}

#menu ul li div {
  	display: 			none;
	box-shadow: 		1px 1px 3px rgba(0,0,0,0.3);
}

#menu li.mega:hover div {
  	display: 			block;
}

#menu li.mega div {
  	z-index: 			100;
	position: 			absolute;
  	top: 				38px;
  	left: 				0px;
	width: 				215px;
	background-color:	#960030;
	text-align: 		left;
}

#menu li.mega div.search-dropdown {
	left:				-918px;
	width:				996px;
}

#menu li.mega div p {
  	margin: 			0px;
	padding: 			5px 0px;
}

#menu li.mega div p:hover {
	background-color: 	#000;
}

#menu li.mega div p a {
  	display:			block;
	color: 				#ffffff;
	text-decoration: 	none;
	padding-left: 		25px;
	font-size: 			13px;
	line-height: 		16px;
}

#menu li.hovering div {
  	display: 			block;
}

/* -------------------------------------------------------------------------- */
/* -- SCROLLER -------------------------------------------------------------- */
.scroller {
	position: 			relative;
	list-style-type: 	none;
	margin: 			0px;
	padding: 			0px;
	height: 			310px;
}

.scroller li {
	position: 			absolute;
	top: 				0px;
	left: 				0px;
	z-index: 			1;
	width: 				100%;
	height: 			310px;
	background-size:  	cover;
	color: 				#fff;
}

.scroller li:first-child {
	z-index: 			3;
}

.scroller-content {
	position: 			relative;
	margin: 			0px auto;
	width: 				988px;
}

.scroller-content h2 {
	position: 			absolute;
	top: 				106px;
	left: 				0px;
	font-family: 		'Merriweather Sans', sans-serif;
	font-weight: 		700;
	font-size: 			36px;
	line-height: 		36px;
	color: 				#fff;
}

.scroller-content h2 img {
	display: 			block;
	float: 				left;
	margin-right:		10px;
	vertical-align: 	middle;
}

.scroller-content p {
	font-family: 		'Merriweather Sans', sans-serif;
	font-size: 			20px;
}

.scroller-line-1 {
	position: 			absolute;
	top: 				156px;
	left: 				80px;
}

.scroller-line-2 {
	position: 			absolute;
	top: 				186px;
	left: 				110px;
}

.scroller li.scroller-active .scroller-line-1 {
	animation: 			slide-left 0.5s;
}

.scroller li.scroller-active .scroller-line-2 {
	animation: 			slide-right 1.0s;
}

@keyframes slide-left {
	0% {
		left: 				30px;
		opacity: 			0;
	}
	100% {
		left: 				80px;
		opacity: 			1;
	}
}

@keyframes slide-right {
	0% {
		left: 				160px;
		opacity: 			0;
	}
	100% {
		left: 				110px;
		opacity: 			1;
	}
}


/* -------------------------------------------------------------------------- */
/* -- BREADCRUMB ------------------------------------------------------------ */
.breadcrumb {
	margin: 				20px 0px 40px 0px;
	color: 					#74192b;
	font-weight: 			bold;
}

/* -------------------------------------------------------------------------- */
/* -- SUB MENU -------------------------------------------------------------- */
.content-wrap {
	display: 			flex;
}

.content-panel {
	flex: 				1 0 500px;
	margin-left: 		40px;
}

.sub-menu {
	flex: 					0 0 290px;
}

.sub-menu h3 {
	margin: 				0px;
	border-top:				1px solid #8d8f92;
	border-left: 			1px solid #8d8f92;
	border-right: 			1px solid #8d8f92;
	background-color: 		#8c1f31;
	padding: 				5px 5px 5px 40px;
	color: 					#fff;
	text-transform: 		uppercase;
	text-align: 			left;
	font-size: 				1.2rem;
}

.sub-menu ul {
	list-style-type: 		none;
	margin: 				0px;
	padding: 				0px;
	border-bottom: 			1px solid #8d8f92;
	background-color: 		#e9e9e9;
}

.sub-menu ul li {
	margin: 				0px;
	border-top:				1px solid #8d8f92;
	border-left: 			1px solid #8d8f92;
	border-right: 			1px solid #8d8f92;
}

.sub-menu ul li a {
	display: 				block;
	padding: 				10px 5px 10px 40px;
	text-decoration: 		none;
	color: 					#000;
}

.sub-menu ul li a:hover {
	background-color: 		#000;
	color: 					#fff;
}

.icon-arrow {
	display: 				inline-block;
	border-radius: 			50px;
	background-color: 		#6e6d70;
	color: 					#ebe9e9;
	width: 					20px;
	height: 				20px;
	text-align: 			center;
}


/* -------------------------------------------------------------------------- */
/* -- CONTACT --------------------------------------------------------------- */
.contact-entry {
	display: 			flex;
}

.contact-entry-image {
	flex: 				0 0 202px;
	padding-bottom: 	40px;
}

.contact-entry-image img {
	margin: 			0px auto 10px auto;
	border: 			1px solid #960030;
}

.contact-entry-text {
	flex: 				1 0 578px;
	margin-top: 		25px;
	margin-left: 		40px;
}

/* -------------------------------------------------------------------------- */
/* -- ATTORENY BIO ---------------------------------------------------------- */
.bio-entry {
	display: 			flex;
}

.bio-entry-image {
	flex: 				0 0 282px;
	padding-bottom: 	40px;
}

.bio-entry-image img {
	margin: 			0px;
	border: 			1px solid #960030;
	max-width: 			280px;
}

.bio-entry-text {
	flex: 				1 0 558px;
	margin-left: 		40px;
}

.bio-entry-text p:first-child {
	margin-top: 		0px;
}

/* -------------------------------------------------------------------------- */
/* -- GRAPHIC HEADER -------------------------------------------------------- */
.header-graphic {
	position: relative;
	width: 100%;
	height: 130px;
	background-size: cover;
	color: #fff;
}

.header-graphic .scroller-content h2 {
	top: 20px;
	padding-left: 46px;
}

.header-graphic .scroller-line-1 {
	top: 60px;
}

.header-graphic .scroller-line-2 {
	top: 85px;
}

/* -------------------------------------------------------------------------- */
/* -- INTRODUCTION ---------------------------------------------------------- */
.introduction {
	max-width: 			988px;
	margin: 			40px auto;
}

.introduction h1, .introduction > h2 {
	margin-bottom:		20px;
	text-align: 		center;
	font-family: 		'Lato', sans-serif;
	font-size: 			28px;
}

.introduction p {
	font-size: 			16px;
	margin-bottom: 		20px;
}

/* -------------------------------------------------------------------------- */
/* -- ICONS ----------------------------------------------------------------- */
.icon {
	display: 			inline-block;
	margin-right: 		10px;
	width: 				35px;
	height: 			35px;
	background: 		url('/images/site/icons.png');
}

.icon-accident {
	background-position: 0px 0px;
}
.icon-lock {
	background-position: -35px 0px;
}
.icon-alarm {
	background-position: -70px 0px;
}
.icon-article {
	background-position: -105px 0px;
}
.icon-money {
	background-position: -140px 0px;
}
.icon-gavel {
	background-position: -0px -35px;
}
.icon-edit {
	background-position: -35px -35px;
}
.icon-phone {
	background-position: -70px -35px;
}
.icon-collection {
	background-position: -105px -35px;
}
.icon-people {
	background-position: -140px -35px;
}
.icon-suit {
	background-position: -0px -70px;
}
.icon-scale {
	background-position: -35px -70px;
}
.icon-healthcare {
	background-position: -70px -70px;
}
.icon-globe {
	background-position: -105px -70px;
}
.icon-marriage {
	background-position: -140px -70px;
}
.icon-newsletter {
	background-position: -0px -105px;
}
.icon-payment {
	background-position: -35px -105px;
}
.icon-house {
	background-position: -70px -105px;
}
.icon-play {
	background-position: -105px -105px;
}
.icon-gavel2 {
	background-position: -140px -105px;
}
.icon-search {
	background-position: -0px -140px;
}
.icon-bank {
	background-position: -35px -140px;
}
.icon-person {
	background-position: -70px -140px;
}

/* -------------------------------------------------------------------------- */
/* -- TABS ------------------------------------------------------------------ */
.attorney-list {
	margin-left: 		0px !important;
	display: 			flex;
	flex-wrap: 			wrap;
	list-style-type: 	none;
}

.attorney-list li {
	flex: 				0 0 25%;
	padding-bottom: 	30px;
	text-align: 		center;
	font-family: 		'Lato', sans-serif;
	font-size: 			22px;
}

.attorney-list li img {
	display: 			block;
	margin: 			10px auto;
	width: 				200px;
	height: 			200px;
	border: 			1px solid #960030;
}


/* -------------------------------------------------------------------------- */
/* -- TABS ------------------------------------------------------------------ */
.tabs {
	border-top: 		1px solid #8d8f92;
	border-bottom: 		1px solid #8d8f92;
	background-color: 	#eee;
}

.tabs ul {
	display: 			flex;
	list-style-type: 	none;
	max-width: 			988px;
	margin: 			0px auto;
	padding: 			0px;
	justify-content: 	center;
}

.tabs ul li {
	flex: 				0 1 33.33%;
	border-left: 		1px solid #8d8f92;
	background-color: 	#eeeeee;
	line-height: 		24px;
	text-align: 		center;
	font-size: 			22px;
	font-family: 		'Lato', sans-serif;
}

.tabs ul li.tab-active {
	background-color: 	#dcd9da;
	margin-bottom: 		-1px;
}

.tabs ul li:last-child {
	border-right: 		1px solid #8d8f92;
}

.tabs ul li img {
	display: 			inline-block;
	vertical-align: 	middle;
	margin-right: 		10px;
	width: 				24px;
	height: 			24px;
	filter: 			invert(100%);
}

.tabs ul li a {
	display: 			block;
	padding: 			12px 0px;
	color: 				#000;
	text-decoration: 	none;
}

.tab-panel {
	background-color: 	#dcd9da;
}

.tab {
	display: 			none;
	max-width: 			988px;
	margin: 			0px auto 40px auto;
	padding-top: 		20px;
}

.tab-content-active {
	display: 			flex;
	flex-wrap: 			wrap;
}

.tab-content-small {
	flex: 				0 0 180px;
	margin: 			40px 0px 0px 0px;
	padding: 			0px 32px;
	text-align: 		center;
}

.tab-content-small img {
	margin: 			0px auto 10px auto;
	border: 			1px solid #960030;
}

.tab-content-small p {
	font-size: 			0.8rem;
	line-height: 		0.9rem;
}

.tab-content-medium {
	display: 			flex;
	align-items: 		center;
	flex: 				0 0 50%;
	margin: 			40px 0px 0px 0px;
	padding: 			0px;
	text-align: 		left;
}

.tab-content-medium img {
	margin: 			0px 40px 0px 10px;
	border: 			1px solid #960030;
}


.tab h2 {
	margin-top: 		20px;
	width:	 			100%;
	font-size: 			20px;
	font-family: 		'Merriweather Sans', sans-serif;
	font-weight: 		700;

}

.tab-content-image {
	margin-top: 		20px;
	flex: 				0 0 290px;
	padding-bottom: 	40px;
}

.tab-content-text {
	flex: 				1 0 500px;
	margin-top: 		20px;
	margin-left: 		40px;
}

.tab-content-text h2 {
	margin: 			0px 0px 20px 0px;
	text-align: 		left;
}

.tab-content-text p {
	margin-bottom: 		20px;
}

.tab-content-text ul {
	margin-top: 		40px;
	margin-left: 		20px;
}

.tab-content-text ul li {
	margin-bottom: 		5px;
}

.tab-content {
	flex: 				1;
	padding: 			10px;
	margin-bottom: 		40px;
}

.tab-content h2 {
	margin-top: 		20px;
	font-size: 			20px;
	font-family: 		'Merriweather Sans', sans-serif;
	font-weight: 		700;
}

.tab-content p {
	margin-top: 		20px;
	font-family: 		'Lato', sans-serif;
	font-size: 			18px;
}

.tab-content img {
	margin-top: 		20px;
}

.tab-button {
	margin: 			20px auto 0px auto;
	display: 			block;
	width: 				220px;
	border: 			1px solid #000;
	background-color: 	#8c1f30;
	padding: 			10px 0px;
	font-family: 		'Lato', sans-serif;
	font-weight: 		bold;
	text-decoration: 	none;
	text-align: 		center;
	color:				#FFF;
}

.tab-articles {
	display: 			none;
	background-color: 	#F3F3F3;
	padding: 			40px 0px;
}

.tab-articles h2 {
	margin-bottom: 		40px;
	font-size: 			24px;
	font-family: 		'Lato', sans-serif;
	text-align:			center;
}

.tab-articles-content {
	display: 			flex;
	flex-wrap: 			wrap;
	max-width: 			988px;
	margin: 			0px auto;
}

.tab-articles-entry {
	flex: 				1;
	padding: 			10px;
}

.tab-articles-content-title {
	display: 			block;
	margin-bottom: 		5px;
	height: 			40px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: 			hidden;
	text-overflow: 		ellipsis;
	text-decoration: 	none;
	font-weight:	 	bold;
	color: 				#000;
}

.tab-articles-active {
	display: 			block;
}

/* -------------------------------------------------------------------------- */
/* -- SLIDEOUT -------------------------------------------------------------- */
.slideout {
	position: 			fixed;
	top: 				200px;
	right: 				-400px;
	width: 				440px;
	height: 			400px;
	background: 		url('/images/site/content-box-background.jpg') top left repeat;
	border-radius: 		10px 0px 0px 10px;
	border: 			1px solid #000;
	color: 				#000;
	transition: 		transform 400ms ease-in-out;
	box-shadow: 		3px 3px 5px rgba(0,0,0,0.5);
}

.slideout-show {
	transform: 			translateX(-400px);
}

.slideout-tab {
	float: 				left;
	width: 				40px;
	height: 			400px;
	border-radius: 		10px 0px 0px 10px;
	background-color: 	#960030;
	cursor: 			pointer;
}

.slideout-tab p {
	margin-top: 		400px;
	width: 				400px;
	height: 			40px;
	color: 				#fff;
	font-size: 			16px;
	font-weight: 		bold;
	transform: 			rotate(-90deg);
	transform-origin: 	left top 0;
	line-height: 		40px;
	text-align:  		center;
}

.slideout-content {
	position: 			relative;
	float: 				left;
	width: 				380px;

}

.slideout-message {
	font-weight: 		bold;
}

.slideout-error {
	display: 			none;
	position: 			absolute;
	top: 				40px;
	left: 				-200px;
	z-index: 			200;
	width: 				200px;
	height:				auto;
}

#form-slideout {
	margin-top: 		10px;
}

#form-slideout p {
	margin: 			5px 0px;
	clear: 				both;
}

#form-slideout label {
	float: 				left;
	margin-right: 		10px;
	width: 				65px;
	font-size: 			14px;
	text-align: 		right;
}

#form-slideout input {
	width: 				260px;
	border: 			1px solid #000000;
	font-size: 			14px;
}

#form-slideout input.button {
	margin-left: 		75px;
	width: 				auto;
	background: 		#960030;
	border: 			1px solid #000000;
	cursor: 			pointer;
	font-size: 			14px;
	color: 				#fff;
}

#form-slideout textarea {
	width: 				260px;
	height: 			100px;
	border: 			1px solid #000000;
}

#form-slideout-code {
	margin-left: 		75px;
	border: 			1px solid #000000
}

#slideout-submit-loader {
	float: 				left;
	display: 			none;
	font-weight: 		bold;
}


/* -------------------------------------------------------------------------- */
/* -- PAGE ------------------------------------------------------------------ */
h1 {
	margin-bottom: 		20px;
	font-family: 		'Lato', sans-sans-serif;
	font-size: 			28px;
	color: 				#000000;
	line-height: 		35px;
	text-align: 		center;
}

h2 {
	margin-bottom: 		20px;
	font-family: 		'Lato', sans-sans-serif;
	font-size: 			24px;
	font-weight: 		bold;
	color: 				#000000;
	line-height: 		35px;
	text-align: 		center;
}

h3 {
	margin-bottom: 		10px;
	font-family: 		'Lato', sans-sans-serif;
	font-size: 			22px;
	color: 				#000000;
	line-height: 		35px;
	text-align: 		center;
}

#body p {
	margin: 			10px 0px;
}

#content-tagline {
	margin: 			0px 10px 20px 10px;
	font-size: 			16px;
	text-align: 		center;
}










/* ------------------------------------------------------ */
/* -- BUTTON -------------------------------------------- */
.button {
	display: 			inline-block;
	margin: 			5px auto;
	border: 			1px solid #000;
	background-color: 	#8c1f30;
	padding: 			8px 20px;
	color: 				#fff;
	font-size: 			16px;
	font-weight: 		bold;
	line-height: 		16px;
	text-transform: 	uppercase;
	text-decoration: 	none;
}

.button:hover {
	background-color: 	#000;
}

/* ------------------------------------------------------ */
/* -- ENTRY ARTICLE ------------------------------------- */
.entry-article {
	margin-top: 		20px;
}

.entry-article h2 {
	color: 				#96002f;
	font-size: 			14px;
}

.entry-article img {
	display: 			inline;
	margin-left: 		5px;
	vertical-align: 	middle;
}

.entry-article p {
	margin-top: 		5px;
}

/* ------------------------------------------------------ */
/* -- ARTICLE DROP DOWNS -------------------------------- */
.dd-entry {
	margin: 			0px;
}

.dd-entry-header {
	background: 		#ffffff url('/images/site/background-arrow.png') 10px 8px no-repeat;
	padding: 			5px 5px 5px 30px;
	font: 				normal 14px Arial, Helvetica, sans-serif;
	cursor: 			pointer;
}

.dd-entry-content {
	display: 			none;
	margin:				0px 0px 0px 30px;
	padding: 			0px;
}

#body .dd-entry ul {
	list-style-type: 	square;
}

#body .dd-entry li {
	margin: 			0px 0px 10px 0px;
	padding: 			0px;
	line-height: 		16px;
}

.dd-active {
	background: 		#ffffff url('/images/site/background-arrow-down.png') 10px 9px no-repeat;
}


/* -------------------------------------------------------------------------- */
/* -- LINK TABLE ------------------------------------------------------------ */
.table-link {
	margin: 			5px 0px 20px 0px;
	width: 				100%;
	padding: 			0px;
	border-collapse: 	collapse;
}

.table-link tr:nth-child(even) {
	background-color: 	#f2f2f2;
}

.table-link td {
	padding: 			10px;
}

.table-link td.cell-link {
	white-space: 		nowrap;
	word-wrap: 			break-word;
	text-align: 		right;
}

.table-link td p {
	margin: 			0px !important;
	font-size: 			12px;
	font-style: 		italic;
}

/* -------------------------------------------------------------------------- */
/* -- CART TABLE ------------------------------------------------------------ */
.table-cart {
	width: 				100%;
	font-size: 			14px;
}

.table-cart th {
	background-color:	#96002f;
	padding: 			5px;
	font-size: 			16px;
	font-weight: 		bold;
	color: 				#fff;
}

.table-cart tbody tr:nth-child(odd) {
	background-color: 	#EEEEEE;
}

.table-cart tbody td {
	padding: 			5px;
}

.table-cart tbody td.cart-price {
	text-align: 		right;
}

/* -------------------------------------------------------------------------- */
/* -- CHECKOUT FORM --------------------------------------------------------- */
.confirm-column {
	float: 				left;
	width: 				50%;
	box-sizing: 		border-box;
	padding: 			0 2.5% 0 0;
}

.confirm-column:nth-child(2) {
	padding: 			0 0 0 2.5%;
}

.form-content {
	background-color: 	#FAFAFA;
}

.form-header {
	margin-top: 		10px;
	background-color: 	#999999;
	padding: 			5px 0px;
	text-align: 		center;
	color: 				#fff;
}

.form-contract {
	margin: 			0px auto;
	width: 				100%;
}

.form-contract p {
	clear: 				both;
	padding: 			5px 0px;
}

.form-contract label {
	float: 				left;
	width: 				140px;
	padding-left: 		5px;
	line-height: 		20px;
}

.form-contract input, .form-contract select, .form-contract textarea {
	margin-right: 		2%;
	width: 				48%;
	padding: 			0px 3px;
	font-size: 			14px;
	line-height: 		20px;
}

.form-contract input.input-med {
	width: 				23%;
}

.form-contract input.input-sm {
	width: 				8%;
}

.form-contract input[type=submit], .form-contract input[type=radio], .form-contract input[type=checkbox] {
	width: 				auto;
}

.form-contract input[type=radio] {
	margin-right: 		0px;
	vertical-align:  	middle;
}

.form-contract input[type=submit] {
	margin-top: 		10px;
	box-shadow: 		1px 1px 3px rgba(0,0,0,0.5);
	border: 			0px;
	background-color: 	#000;
	padding: 			10px;
	font-size: 			16px;
	color: 				#fff;
	cursor: 			pointer;
}

.form-contract select {
	width: 				auto;
	padding: 			2px 3px;
}

.form-terms {
	background-color: 	#960030;
	padding: 			20px 25px;
	color: 				#ffffff;
	border-radius: 		4px;
	margin: 			20px 0;
}

.form-terms fieldset {
	border: 			none;
	padding: 			0;
	margin: 			0;
}

.form-terms legend {
	color: 				#ffffff;
	font-size: 			1rem;
	font-weight: 		600;
	margin-bottom: 		15px;
	padding: 			0;
	border: 			none;
	width: 				100%;
}

.form-terms p {
	margin-bottom: 		12px;
	display: 			flex;
	align-items: 		flex-start;
	gap: 				12px;
}

.form-terms p:last-child {
	margin-bottom: 		0;
}

.form-terms input[type="checkbox"] {
	margin-top: 		4px;
	flex-shrink: 		0;
	width: 				18px;
	height: 			18px;
	cursor: 			pointer;
	accent-color: 		#ffffff;
}

.form-terms label,
.form-terms .input-label {
	color: 				#ffffff !important;
	text-transform: 	none !important;
	font-size: 			0.95rem;
	font-weight: 		400;
	line-height: 		1.5;
	margin: 			0;
	cursor: 			pointer;
}

.form-terms .form-underline {
	color: 				#ffffff;
	font-weight: 		600;
}

.form-captcha {
	margin-top: 		10px;
}

.form-underline {
	text-decoration: 	underline;
	font-size: 1rem;
}

.security-seal {
	margin-top:			40px;
}

.security-seal img {
	display: 			block;
	margin: 			0px auto;
}

/* -------------------------------------------------------------------------- */
/* -- CONFIRMATION SCREEN --------------------------------------------------- */
.contract-confirmation {
	margin: 			100px auto;
	width: 				640px;
	background-color: 	#960030;
	padding: 			30px;
	text-align: 		center;
	color: 				#FFF;
}

.contract-confirmation h1 {
	margin-bottom:		10px;
	border-bottom: 		1px solid #FFF;
	padding-bottom: 	10px;
	line-height: 		20px;
	font-size: 			20px;
	font-weight: 		bold;
	color: 				#FFF !important;
}

.contract-confirmation p {
	margin: 			10px 0px;
}

.contract-confirmation p a {
	display: 			inline-block;
	padding: 			3px;
	background-color: 	#FFF;
	color: 				#960030;
	text-decoration: 	none;
}



/* -------------------------------------------------------------------------- */
/* -- ALARM EXCHANGE CSS ---------------------------------------------------- */
#alarm-exchange-categories {
	margin: 			5px 0px 10px 0px;
	line-height: 		20px;
}

.alarm-exchange-category {
	margin-bottom: 		10px;
	background-color: 	#960030;
	padding: 			5px 10px;
	color:				#fff;
}

#alarm-exchange-filter {
	margin: 			5px 0px 20px 0px;
	text-align:			right;
	font-size: 			14px;
}

#alarm-exchange-filter select {
	font-size: 			14px;
}

.alarm-exchange-entry {
	margin-bottom: 		10px;
	background-color: 	#EAEAEA;
	padding: 			10px;
	font-size: 			14px;
	line-height: 		20px;
}

.alarm-exchange-new {
	color: 				#CC0000;
	font-weight: 		bold;
}

/* -------------------------------------------------------------------------- */
/* -- HEALTHCARE EXCHANGE CSS ----------------------------------------------- */
#healthcare-exchange-categories {
	margin: 			5px 0px 10px 0px;
	line-height: 		20px;
}

.healthcare-exchange-category {
	margin-bottom: 		10px;
	background-color: 	#960030;
	padding: 			5px 10px;
	color:				#fff;
}

#healthcare-exchange-filter {
	margin: 			5px 0px 20px 0px;
	text-align:			right;
	font-size: 			14px;
}

#healthcare-exchange-filter select {
	font-size: 			14px;
}

.healthcare-exchange-entry {
	margin-bottom: 		10px;
	background-color: 	#EAEAEA;
	padding: 			8px;
	font-size: 			14px;
	line-height: 		18px;
}

.healthcare-exchange-new {
	color: 				#CC0000;
	font-weight: 		bold;
}

/* -------------------------------------------------------------------------- */
/* -- HEALTHCARE WEBINARS --------------------------------------------------- */
.webinars {
	margin-top: 		40px;
}

.entry-webinar {
	margin-bottom: 		40px;
	text-align: 		left;
}

.webinar-image {
	float: 				left;
	border: 			1px solid #960030;
	width: 				230px;
	height: 			170px;
}

.webinar-image-play {
	display: 			inline-block;
	margin-right: 		15px;
	vertical-align: 	middle;
}

.entry-webinar h2.webinar-title {
	margin-top: 		3px;
	margin-bottom: 		10px;
	font-size: 			16px;
	line-height: 		20px;
	font-weight: 		bold;
	text-transform: 	uppercase;
	text-align: 		left;
}

.webinar-description {
	font-style: 		italic;
	color: 				#000;
}

.webinar-link {
	font-size: 			16px;
	line-height: 		30px;
	text-decoration: 	none;
}

.webinar-link a {
	color: #000 !important;
	display: flex;
	align-items: center;
}

.webinar-link a:hover {
	color: #000 !important;
}

.entry-webinar a {
	text-decoration: 	none;
}

/* -------------------------------------------------------------------------- */
/* -- REQUEST FORM ---------------------------------------------------------- */
.form-area {
	margin:				10px 0px;
	background-color:	#EAEAEA;
	border-radius:		5px;
	padding: 			10px;
}

#form-contact {
	margin-top: 		20px;
}

#form-contact p {
	margin: 			10px 0px;
	clear: 				both;
}

#form-contact label {
	float: 				left;
	margin-right: 		10px;
	width: 				120px;
	text-align: 		right;
	font-size: 			18px;
	line-height: 		28px;
}

#form-contact input {
	width: 				300px;
	border: 			none;
	padding: 			5px 10px;
	font-size: 			15px;
	line-height: 		18px;
}

#form-contact select {
	width: 				auto;
	border: 			none;
	padding: 			5px 10px;
	font-size: 			15px;
	line-height: 		18px;
}

#form-contact input.button {
	display: 			inline-block;
	width: 				auto;
	border: 			1px solid #000;
	background-color: 	#8c1f30;
	padding: 			5px 10px;
	font-family: 		'Lato', sans-serif;
	font-weight: 		bold;
	text-decoration: 	none;
	text-align: 		center;
	color: 				#FFF;
	cursor: 			pointer;
}

#form-contact input.button:hover {
	background-color: 	#000;
}

#form-contact input.checkbox {
	width: 				auto !important;
	border: 			0px;
}

#form-contact textarea {
	width: 				400px;
	height: 			120px;
	border: 			0px;
}

.form-notes {
	padding-left: 		130px;
	font-size: 			12px;
}

.form-instructions {
	margin-left: 		130px;
	font-size: 			18px;
	line-height: 		28px;
}

#form-code {
	margin-left: 		130px;
	border: 			1px solid #000000
}

.form-required {
	color: 				#960030;
}

#error {
	margin: 			20px 0px;
	border: 			1px solid #CC0000;
	border-radius: 		5px;
	background-color: 	#660000;
	padding: 			5px;
	font-weight: 		bold;
	color: 				#fff;
}

/* ------------------------------------------------------ */
/* -- FOOTER -------------------------------------------- */
#footer {
	margin-top: 		40px;
	padding: 			10px 0px 20px 0px;
	line-height: 		20px;
	text-align: 		center;
}

#footer a {
	color: 				#515151;
}

#payment-link {
	margin: 			50px 0px;
	text-align: 		center;
	font-family: 		'Lato', sans-serif;
	font-size: 			18px;
}

#payment-link a {
	color: 				#8c1f30;
}

/* ------------------------------------------------------ */
/* -- SPECIAL TEXT -------------------------------------- */
h1.small-caps, h2.small-caps, .small-caps {
	font-size: 			85%;
	line-height: 		35px;
}

.font-10 {
	font-size: 			10px;
}

.font-12 {
	font-size: 			12px;
}

.font-16 {
	font-size: 			16px;
}

.font-18 {
	font-size: 			18px;
}


/* ------------------------------------------------------------ */

/* -------------------------------------------------------------------------- */
/* -- LARAVEL PAYMENT UI OVERRIDES ------------------------------------------ */
/* Brand palette:
   - Blue: #00305B
   - Red:  #9A0A2E
   - Black:#000000
*/

:root {
	--kk-brand-blue: #00305B;
	--kk-brand-red: #9A0A2E;
	--kk-brand-black: #000000;
	--kk-brand-gray: #8d8f92;
	--kk-brand-paper: #F3F3F4;
}

/* Buttons (rectangular, black default, red hover + subtle animation) */
.kk-btn {
	position: relative;
	display: inline-block;
	border: 1px solid var(--kk-brand-black);
	border-radius: 0;
	background-color: var(--kk-brand-black);
	padding: 10px 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.1;
	text-transform: uppercase;
	text-decoration: none !important;
	color: #fff !important;
	cursor: pointer;
	transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
	overflow: hidden;
}

.kk-btn::after {
	content: '';
	position: absolute;
	top: 0;
	left: -140%;
	width: 60%;
	height: 100%;
	background: rgba(255, 255, 255, 0.18);
	transform: skewX(-20deg);
	transition: left 360ms ease;
	pointer-events: none;
}

.kk-btn:hover,
.kk-btn:focus {
	background-color: var(--kk-brand-red);
	color: #fff !important;
	text-decoration: none !important;
	transform: translateY(-1px);
}

.kk-btn:hover::after,
.kk-btn:focus::after {
	left: 180%;
}

.kk-btn:active {
	transform: translateY(0);
}

.kk-btn:disabled,
.kk-btn.disabled {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
}

.kk-btn--lg {
	padding: 12px 40px;
	font-size: 16px;
}

/* Payment page: more formal */
.payment-page {
	padding: 40px 0;
}

.payment-page .page-title {
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--kk-brand-blue);
}

.payment-page .payment-subtitle {
	margin-bottom: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #000;
	opacity: 0.75;
}

.payment-page .payment-form {
	background: #FAFAFA;
	padding: 25px;
	border: 1px solid var(--kk-brand-gray);
	border-radius: 0;
	box-shadow: none;
	margin-top: 40px;
}

.payment-page .payment-form .form-header {
	margin: 25px 0 15px 0;
	padding: 10px;
	background-color: #999999;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-align: center;
}

.payment-page .payment-form .form-group {
	margin-bottom: 16px;
}

.payment-page .payment-form .form-group:last-child {
	margin-bottom: 0;
}

.payment-page .payment-form label {
	display: block;
	margin-bottom: 6px;
}

.payment-page .payment-form label {
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #000;
}

.payment-page .payment-form .form-control {
	border-radius: 0;
	border: 1px solid #000;
	font-size: 14px;
}

.payment-page .payment-form .form-control:focus {
	border-color: var(--kk-brand-red);
	box-shadow: none;
}

.payment-page .payment-form .form-text {
	font-size: 12px;
	color: #333;
	margin-top: 6px;
}

.payment-page .invoice-captcha {
	margin: 22px 0 26px;
}

.payment-page .payment-form .form-group.text-center {
	margin-top: 22px;
	margin-bottom: 10px;
}

.payment-page .alert {
	border-radius: 0;
}

.payment-page .alert.alert-danger {
	border-left: 5px solid var(--kk-brand-red);
}

.payment-page .alert.alert-success {
	border-left: 5px solid var(--kk-brand-blue);
}

.payment-page .security-seal {
	margin-top: 25px;
	padding: 15px 0 0 0;
	background: transparent;
	border-top: 1px solid var(--kk-brand-gray);
	border-radius: 0;
}

/* ---------------------------- */
/* Payment success (v3)         */
/* ---------------------------- */

.kk-success-banner {
	border: 1px solid var(--kk-brand-gray);
	border-left: 5px solid var(--kk-brand-blue);
	background: linear-gradient(180deg, #ffffff 0%, var(--kk-brand-paper) 100%);
	padding: 16px 16px;
	margin: 10px 0 16px;
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.kk-success-banner__icon {
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	border-radius: 999px;
	background: var(--kk-brand-blue);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 900;
	line-height: 1;
	margin-top: 1px;
}

.kk-success-banner__content {
	flex: 1 1 auto;
	min-width: 0;
}

.kk-success-banner__title {
	font-weight: 900;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--kk-brand-blue);
	margin-bottom: 4px;
}

.kk-success-banner__text {
	color: #000;
	opacity: 0.85;
	line-height: 1.45;
}

.kk-dl--compact .kk-dl-row {
	padding: 10px 0;
}

.kk-transaction {
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.kk-transaction:hover,
.kk-transaction:focus {
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
	word-break: break-all;
}

.kk-accordion {
	margin-top: 14px;
}

.kk-details {
	border: 1px solid var(--kk-brand-gray);
	background: #fff;
	padding: 0;
	margin-top: 10px;
}

.kk-details__summary {
	list-style: none;
	cursor: pointer;
	padding: 12px 14px;
	font-weight: 900;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--kk-brand-blue);
}

.kk-details__summary::-webkit-details-marker {
	display: none;
}

.kk-details__content {
	border-top: 1px solid #e0e0e0;
	padding: 12px 14px;
}

.kk-paragraph {
	margin: 0;
	line-height: 1.5;
}

@media (max-width: 768px) {
	.kk-transaction {
		white-space: normal;
		word-break: break-all;
	}
	.kk-copy::after {
		left: auto;
		right: 0;
	}
}

.kk-copy {
	cursor: pointer;
	position: relative;
}

.kk-copy::after {
	content: 'Click to copy';
	position: absolute;
	left: 0;
	top: calc(100% + 6px);
	background: #000;
	color: #fff;
	border: 1px solid #000;
	padding: 4px 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	white-space: nowrap;
	opacity: 0;
	transform: translateY(-2px);
	transition: opacity 140ms ease, transform 140ms ease;
	pointer-events: none;
	z-index: 20;
}

.kk-copy:hover::after,
.kk-copy:focus::after {
	opacity: 1;
	transform: translateY(0);
}

.kk-copy.kk-copied::after {
	content: 'Copied';
	background: var(--kk-brand-blue);
	border-color: var(--kk-brand-blue);
	opacity: 1;
	transform: translateY(0);
}

.kk-copy--inline {
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
}

.kk-copy--icon {
	padding-right: 26px;
	background-repeat: no-repeat;
	background-position: right 6px center;
	background-size: 14px 14px;
	/* Inline SVG (clipboard icon) */
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%279%27%20y%3D%279%27%20width%3D%2713%27%20height%3D%2713%27%20rx%3D%272%27%20ry%3D%272%27/%3E%3Cpath%20d%3D%27M5%2015H4a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h9a2%202%200%200%201%202%202v1%27/%3E%3C/svg%3E");
}

.kk-copy--icon:hover,
.kk-copy--icon:focus {
	background-position: right 6px center;
}

.kk-copy--icon.kk-copied {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2300305B%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%206L9%2017l-5-5%27/%3E%3C/svg%3E");
}

.kk-details-card {
	border: 1px solid var(--kk-brand-gray);
	background: #fff;
	padding: 14px 14px;
	margin-top: 10px;
}

.kk-details-title {
	margin: 0 0 12px 0;
	font-weight: 900;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--kk-brand-blue);
	font-size: 13px;
	text-align: left;
}

.kk-dl {
	margin: 0;
}

.kk-dl-row {
	display: flex;
	gap: 12px;
	padding: 8px 0;
	border-top: 1px solid #e0e0e0;
}

.kk-dl-row:first-child {
	border-top: 0;
	padding-top: 0;
}

.kk-dl dt {
	flex: 0 0 38%;
	margin: 0;
	font-weight: 800;
	font-size: 12px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #000;
	opacity: 0.65;
}

.kk-dl dd {
	flex: 1 1 auto;
	margin: 0;
	font-weight: 700;
	color: #000;
	min-width: 0;
	word-break: break-word;
}

.kk-badge {
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

@media (max-width: 768px) {
	.kk-dl-row {
		flex-direction: column;
		gap: 4px;
	}
	.kk-dl dt {
		flex-basis: auto;
	}
}

@media (max-width: 768px) {
	.kk-alert__meta {
		grid-template-columns: 1fr;
	}
}

.kk-payment-success .card {
	border-radius: 0;
	border: 1px solid var(--kk-brand-gray);
	margin-bottom: 40px;
}

.kk-payment-success .card-header {
	background: var(--kk-brand-blue);
	color: #fff;
	border-radius: 0;
}

.kk-payment-success .card-header h1,
.kk-payment-success .card-header h2,
.kk-payment-success .card-header h3,
.kk-payment-success .card-header h4,
.kk-payment-success .card-header h5,
.kk-payment-success .card-header h6 {
	color: #fff !important;
	margin-bottom: 0;
}

.kk-payment-success .kk-success-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 900;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 26px;
	line-height: 1.2;
}

@media (max-width: 768px) {
	.kk-payment-success .kk-success-title {
		font-size: 20px;
		letter-spacing: 0.04em;
	}
}

.kk-payment-success .card-body h4 {
	margin-top: 18px;
	margin-bottom: 12px;
	color: var(--kk-brand-blue);
	font-weight: 800;
	letter-spacing: 0.02em;
}

.kk-payment-success .card-body h5 {
	margin-top: 10px;
	margin-bottom: 8px;
	font-weight: 800;
	color: #000;
}

.kk-payment-success .badge,
.kk-payment-success .btn {
	border-radius: 0;
}
/* -- MEDIA QUERY TABLETS / PHABLEST -------------------------- */
@media only screen and (max-width: 768px) {

	/* -- MOBILE MENU ----------------------------------------- */
	#menu {
		display: 			none;
	}

	#wrapper {
		position: 			relative;
		z-index: 			0;
		top: 				0;
		left: 				0;
		-webkit-transition: all 0.3s;
		-moz-transition: 	all 0.3s;
		-ms-transition: 	all 0.3s;
		-o-transition: 		all 0.3s;
		transition: 		all 0.3s;
	}

	#wrapper.menu-mask {
    	position: 			fixed;
    	top: 				0;
    	left: 				0;
    	z-index: 			100;
    	width: 				100%;
    	height: 			100%;
    	background: 		rgba(0, 0, 0, 0.8);
	}

	nav.mobile-menu {
		display: 			block;
		position: 			fixed;
		right: 				-250px;
		z-index: 			200;
		width: 				200px;
		height: 			100%;
		background-color: 	#eaeaea;
		overflow: 			hidden;
		-webkit-transition: all 0.3s;
		-moz-transition: 	all 0.3s;
		-ms-transition: 	all 0.3s;
		-o-transition: 		all 0.3s;
		transition: 		all 0.3s;
		box-shadow: 		-1px 0px 10px 0px #000;
	}

	nav.mobile-menu-open {
    	right: 				0;
	}

	nav.mobile-menu ul {
		list-style-type: 	none;
		margin: 			0;
		padding: 			0;
	}
	nav.mobile-menu li {
		display: 			block;
		text-align: 		left;
		border-bottom: 		solid 1px #999999;
		border-top: 		solid 1px #b7b7b7;
	}
	nav.mobile-menu li:first-child {
		border-top: 		none
	}
	nav.mobile-menu li:last-child {
		border-bottom: 		none
	}
	nav.mobile-menu a {
		display: 			block;
    	padding: 			5px 10px;
   	 	font-size: 			14px;
		color: 				#960030;
		text-decoration: 	none;
	}

	#menu-open {
		position: 			fixed;
		top: 				8px;
		right:				5px;
		z-index: 			50;
		display: 			block;
		box-shadow: 		1px 1px 5px 0px #000;
		border: 			1px solid #000;
		border-radius: 		5px;
		background-color: 	#960030;
		padding: 			5px 10px;
		text-transform: 	uppercase;
		font-weight: 		bold;
		text-decoration: 	none;
		color: 				#fff;
	}

	#menu-close {
		background-color: 	#960030;
		color: 				#fff;
		font-weight: 		bold;
	}

	/* -- UPDATE ALL THE MAIN SECTIONS ------------------------ */
	#header-container, #header, #body {
		width: 				100%;
		height: 			auto;
		word-wrap: 			break-word;
	}

	/* -- HIDE THE HEADER LINKS ------------------------------- */
	#header-newsletter {
		display: 			none;
	}

	/* -- MAIN BANNER UPDATE ---------------------------------- */
	#logo {
		float: 				none;
		margin: 			10px 10px;
		width: 				70%;
		max-width: 			598px;
	}

	#header-graphic img {
		width: 				100%;
		max-width:			996px;
	}

	#header-newsletter {
		float: 				none;
	}

	#main {
		padding-bottom: 	20px;
	}

	/* -- RESET COLUMNS ---------------------------------------- */
	.column-1, .column-2, .column-3, #main {
		float: 				none;
		margin: 			10px auto;
		width: 				90%;
	}

	/* -- HEADER IMAGE UPDATE --------------------------------- */
	#header-image, #header-shadow {
		width: 				100%;
	}

	/* -- CONTACT FORM ---------------------------------------- */
	#form-contact {
		width: 				100%;
	}

	#form-contact label {
		width: 				80px;
	}

	#form-contact input, #form-contact textarea, #form-contact select {
		width: 				180px;
	}

	/* -- PAGE BODY LAYOUT ------------------------------------- */
	#body {
		box-sizing: 		border-box;
		width: 				100%;
		padding: 			0px 10px;
	}

	#body img {
		display: 			block;
		max-width: 			100%;
		height: 			auto;
	}

	/* -- PAGE BODY LAYOUT ------------------------------------- */
	#title-icon {
		display: 			none;
	}

	#body h1#title-text {
		float: 				none;
		margin-top: 		10px;
		width: 				100%;
	}

	/* -- CONTRACT FORM LAYOUT -------------------------------- */
	.table-cart {
		width: 				100%;
		font-size: 			10px;
	}

	.form-contract label {
		float: 				none;
		display: 			block;
		width: 				auto;
		padding: 			0px;
	}

	.form-contract input {
		margin-right: 		5px 2% 5px 0px;
		width: 				94%;
	}

	.form-contract select {
		margin-right: 		2%;
		width: 				47%;
		padding: 			2px 3px;
	}

	.form-contract input.input-med {
		width: 				33%;
	}

	.form-contract input.input-sm {
		width: 				16%;
	}

	.form-contract label.mobile-hide {
		display: 			none;
	}

	.form-contract input.input-spaced {
		margin-top: 		15px;
	}

	.confirm-column {
		float: 				none;
		width: 				100%;
		box-sizing: 		border-box;
		padding: 			0;
	}

	.confirm-column:nth-child(2) {
		padding: 			0;
	}



}


/* -------------------------------------------------------------------------- */
/* -- MEDIA QUERY SMARTPHONES ----------------------------------------------- */
@media only screen and (max-width: 415px) {

	/* -- SWAP HEADERS ------------------------------------------------------ */
	#header-graphic {
		display: 			none;
	}

	#header-graphic-mobile {
		display: 			block;
	}

	#header-graphic-mobile img {
		width: 				100%;
	}

	.header-mobile-text {
		background-color: 	#960030;
		padding: 			10px;
		color: 				#fff;
		font: 				normal 14px/18px "Times New Roman", Times, serif;
		text-transform: 	uppercase;
		text-align: 		justify;
	}

	/* -- SCROLLER ---------------------------------------------------------- */
	.scroller {
		height: 			180px;
	}

	.scroller li {
		height: 			180px;
		background-size:  	cover;
	}

	.scroller-content {
		width: 				100%;
	}

	.scroller-content h2 {
		position: 			absolute;
		top: 				40px;
		left: 				20px;
		font-family: 		'Merriweather Sans', sans-serif;
		font-weight: 		700;
		font-size: 			24px;
		line-height: 		24px;
	}

	.scroller-content h2 img {
		width: 				24px;
		height: 			24px;
	}

	.scroller-content p {
		font-size: 			16px;
	}

	.scroller-line-1 {
		top: 				78px;
	}

	.scroller-line-2 {
		top: 				98px;
	}

	/* -- INTRODUCTION ------------------------------------------------------ */
	.introduction {
		padding: 			0px 20px;
	}

	.introduction h1, .introduction > h2 {
		font-size: 			24px;
		line-height: 		32px;
	}

	/* -- TABS -------------------------------------------------------------- */
	.tabs ul li {
		line-height: 		16px;
		text-align: 		center;
		font-size: 			14px;
		font-family: 		'Lato', sans-serif;
	}

	.tabs ul li img {
		display: 			none;
	}

	.tab-content-active {
		display: 			block;
	}

	.tab-content {
		padding: 			10px;
	}

	.tab-content img {
		margin: 			30px auto 0px auto;
	}

	.tab-content p {
		margin-top: 		30px;
		font-family: 		'Lato', sans-serif;
		font-size: 			14px;
	}






	#button-featured, .content-box-shadow {
		max-width: 			100%;
	}

	#footer {
		padding: 			10px 20px 20px 20px;
	}



}


/* ------------------------------------------------------------ */
/* -- PRINT CLEANUP ------------------------------------------- */
@media print {

	* {
		background: 	transparent !important;
		color: 			black !important;
		text-shadow: 	none !important;
		filter:			none !important;
		-ms-filter: 	none !important;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content: "";
	}
	pre, blockquote {
		border: 			1px solid #999;
		page-break-inside: 	avoid;
	}
	thead {
		display: 			table-header-group;
	}
	tr, img {
		page-break-inside: 	avoid;
	}
	@page {
		margin: 			0.5cm;
	}
	p, h2, h3 {
		orphans: 			3;
		widows: 			3;
	}
	h2, h3{
		page-break-after: 	avoid;
	}

}

/* ------------------------------------------------------------ */