/**************************************************************************
Name:         layout.css
Description:  Layout styling.
Date Created: 
Modified:	  2/22/2017 by Jenna Hart - Responsive layout
**************************************************************************/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 5 versions,>0.05%,not dead
*/

.example {
	display: grid;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background: -webkit-linear-gradient(top, white, black);
	background: linear-gradient(to bottom, white, black);
}
html,
body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-position: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.container {
	margin: 0 auto;
	width: 1024px;
}

.lineHeight38 {
	line-height: 38px;
}

.relative {
	position: relative;
}

.showOverflow {
	overflow: visible !important;
}

.clear {
	clear: both;
}

.flexGrow {
	flex-grow: 1;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

.padding {
	padding: 0 0 0 10px;
}

.padleft_30 {
	padding-left: 30px;
}
.padleft_20 {
	padding-left: 20px;
}
.padleft_10 {
	padding-left: 10px;
}

.padTop {
	padding-top: 38px;
}
.padTop_30 {
	padding-top: 30px;
}
.padTop_20 {
	padding-top: 20px;
}
.padTop_10 {
	padding-top: 10px;
}

.padBottom {
	padding-bottom: 40px;
}

.marginTop_50 {
	margin-top: 50px;
}
.marginTop_40 {
	margin-top: 40px;
}
.marginTop_30 {
	margin-top: 30px;
}
.marginTop,
.marginTop_25 {
	margin-top: 25px;
}
.marginTop_20 {
	margin-top: 20px;
}
.marginTop_15 {
	margin-top: 15px;
}
.marginTop_10 {
	margin-top: 10px;
}

.marginBottom_40 {
	margin-bottom: 40px;
}
.marginBottom_30 {
	margin-bottom: 30px;
}
.marginBottom_20 {
	margin-bottom: 20px;
}
.marginBottom_10 {
	margin-bottom: 10px;
}

.noMarginTop {
	margin-top: 0;
}

.marginY5 {
	margin-bottom: 5px;
	margin-top: 5px;
}

.noMargin {
	margin: 0;
}

.noPadTop {
	padding-top: 0 !important;
}

.noPad {
	padding: 0 !important;
}

img {
	border: 0;
}

img.padTop {
	padding-top: 25px;
}

.chromeframe {
	background: #7d7d7d;
	color: #fff;
	display: none;
	font-size: 10px;
	left: 0;
	padding: 8px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 1000;
	margin: 0;
}

.chromeframe a {
	color: #fff;
}

.flexDesktopRow {
	display: flex;
	flex-direction: row;
}

.msgframe {
	border: 2px solid #ccc;
	background: #eee;
	color: #000;
	font-size: 12px;
	max-width: 1150px;
	padding: 8px;
	text-align: left;
	width: 90%;
	z-index: 1000;
	margin: 10px auto;
}

.msgframe a {
	color: #6fbe44;
}

.mobile,
.showat300 {
	display: none !important;
}

.textRight {
	text-align: right;
}

.width1 {
	width: 1%;
}

.span_100 {
	width: 100% !important;
}

.gridLayout {
	display: grid;
	grid-auto-flow: row;
}

.gridLayout.twoColumn {
	grid-template-columns: repeat(2, 1fr);
}

.gridLayout.columnGap20 {
	column-gap: 20px;
}

.gridLayout.rowGap10 {
	row-gap: 10px;
}

.fullGridWidth {
	grid-column: 1 / -1;
}

/**************************************************************************
Buttons / Links
**************************************************************************/

.allCaps,
a.button,
input[type="submit"] {
	color: #fff;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.1em;
	text-transform: uppercase;
}

a.white {
	color: #fff;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	line-height: 1.1em;
	text-transform: none;
}

.button,
input[type="submit"] {
	display: block;
	margin: 0 0 10px 0;
	max-width: 165px;
	padding: 10px 2px;
	text-align: center;

	width: 100%;
	width: calc(100% - 6px);

	border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.progress.noBottomMargin,
.button.noBottomMargin,
.button.white.noBottomMargin,
input.noBottomMargin[type="submit"] {
	margin-bottom: 0;
}

.button.span_100,
input[type="submit"].span_100 {
	max-width: 100%;
	max-width: calc(100% - 6px);
}

.button.marginTop_20 {
	margin-top: 20px;
}
.button.marginTop_10 {
	margin-top: 10px;
}

a.button:hover,
a.white:hover,
a.allCaps:hover {
	text-decoration: none !important;
}

.button.large {
	font-size: 30px;
	max-width: 100%;
}

.button.large.home {
	font-size: 20px;
}

.column .button {
	float: left;
}

.column:last-child .button,
.column.desktopHeaderBtn .button,
.column .button.right {
	float: right;
}

.column div.center .button,
.column .button.center {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.span_122 {
	width: 122px;
}
.button.span_186 {
	max-width: 186px;
	width: 186px;
}
.button.span_200 {
	max-width: 200px;
	width: 200px;
}
.button.span_226 {
	max-width: 226px;
	width: 226px;
}

.button.green,
input[type="submit"] {
	border: 1px solid #549830;
	background: #6fbe44; /* Old browsers */ /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, #6fbe44),
		color-stop(0%, #6fbe44),
		color-stop(100%, #569833),
		color-stop(100%, #569833)
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(
		top,
		#6fbe44 0%,
		#6fbe44 0%,
		#569833 100%,
		#569833 100%
	); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: linear-gradient(
		to bottom,
		#6fbe44 0%,
		#6fbe44 0%,
		#569833 100%,
		#569833 100%
	); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fbe44', endColorstr='#569833',GradientType=0 ); /* IE6-9 */
}

.button.green.large {
	font-size: 30px;
	line-height: 30px;
	padding: 2px;

	width: 100%;
	width: calc(100% - 6px);
}

.button.green.large span {
	display: block;
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 5px;
	text-transform: capitalize;
}

.buttonPad {
	padding: 14px 2px;
}

.button.blue {
	border: 1px solid #154157;
	background: #226587; /* Old browsers */ /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, #226587),
		color-stop(0%, #226587),
		color-stop(100%, #1b4d66),
		color-stop(100%, #1b4d66)
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(
		top,
		#226587 0%,
		#226587 0%,
		#1b4d66 100%,
		#1b4d66 100%
	); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: linear-gradient(
		to bottom,
		#226587 0%,
		#226587 0%,
		#1b4d66 100%,
		#1b4d66 100%
	); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#226587', endColorstr='#1b4d66',GradientType=0 ); /* IE6-9 */
}

.button.white {
	border: 1px solid #569833;
	border-radius: 5px;
	color: #569833;
	line-height: 1.4rem;
	margin: 30px auto;
	max-width: 100%;
	padding: 12px;
	width: 50%;
}

.button.agencyBill {
	line-height: 99px;
}

input[type="submit"] {
	margin: 15px auto 0;
	width: 110px;
}

input[type="submit"].pct_150 {
	width: 150px;
}

input[type="submit"].large {
	width: auto;
}

/**************************************************************************
Header
**************************************************************************/

.headerBG {
	background: #fff;
	padding: 20px 0 20px;
	margin: 0px;
	border-bottom: 7px solid #000;

	-webkit-transition: background 0.25s;
	transition: background 0.25s;
}

.head1,
.headAlternate {
	background: url(../images/redesign/logo.svg) center left no-repeat;
	background-size: 100% 52px;
	float: left;
	height: 100px;
	margin: 0px;
	max-width: 751px;
	padding: 0px;
	width: 100%;

	-webkit-transition: background 0.25s;
	transition: background 0.25s;
}

.headAlternate {
	background-position: center center;
	width: 100%;
}

.head2 {
	background: url(../images/head2.png) bottom left no-repeat;
	width: 669px;
	height: 123px;
	padding: 0px;
	margin: 0px;
}
.head2auth {
	background: url(../images/head2x.png) bottom left no-repeat;
	width: 822px;
	height: 123px;
	padding: 0px;
	margin: 0px;
}

.head2authB {
	background: url(../images/head2xb.png) bottom left no-repeat;
	width: 822px;
	height: 123px;
	padding: 0px;
	margin: 0px;
}

div.loginBtnContainer {
	margin-top: 10px;
	display: -webkit-box;
	display: flex;
}
div.loginBtnContainer a.header-link {
	padding-right: 35px;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
	white-space: nowrap;
}
div.loginBtnContainer a.header-link:hover {
	text-decoration: none;
}

a.black-link {
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}
a.black-link:hover {
	text-decoration: none;
}

/**************************************************************************
Left Navigation
**************************************************************************/

.leftNav {
	background-color: #6ebd43;
	border-radius: 1px;
	left: 0;
	max-width: 320px;
	padding: 20px 0;
	position: relative;
	top: -27px;
	width: 100%;

	height: 100%;
	height: calc(100% - 23px);
	box-shadow: 0 8px 5px -5px #999;
}

.leftNav:before,
.leftNav:after {
	background: url(../images/redesign/menuCorner.png) left center no-repeat;
	content: "";
	height: 20px;
	position: absolute;
	top: 0;
	width: 20px;
}

@-moz-document url-prefix() {
	.leftNav:before {
		top: 1px;
	}
}

.leftNav:before {
	left: -19px;
}

.leftNav:after {
	right: -19px;
	top: 1px;

	-webkit-transform: rotate(90deg) translate3d(0, 0, 0);
	transform: rotate(90deg) translate3d(0, 0, 0);
}

ul#navList {
	padding: 0 20px;
}

ul#navList li {
	border-bottom: 1px solid #333;
	line-height: 1.1em;
	list-style: none;
	padding: 0;
}

ul#navList li.last {
	border-bottom: none;
}

ul#navList li a {
	display: block;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	position: relative;
	padding: 17px 40px 17px 0;
	text-decoration: none;
}

ul#navList li a:after {
	background-image: url("../images/redesign/icons.png");
	background-repeat: no-repeat;
	background-size: 80px 280px;
	background-position: top left;
	content: " ";
	display: block;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	right: 0;
	top: 50%;
	width: 40px;
}

ul#navList li.weddings a:after {
	background-position: left 0px;
}
ul#navList li.singleEvents a:after {
	background-position: left -40px;
}
ul#navList li.sportsEvents a:after {
	background-position: left -80px;
}
ul#navList li.youthCamps a:after {
	background-position: left -120px;
}
ul#navList li.rentedEquip a:after {
	background-position: left -160px;
}
ul#navList li.uasLiability a:after {
	background-position: left -240px;
}
ul#navList li.vendorsExhibit a:after {
	background-position: left -200px;
}
ul#navList li.brokersAgents a:after {
	background-position: left -200px;
}
ul#navList li.applications a:after {
	background-position: left -200px;
}
ul#navList li.aboutUs a:after {
	background-position: left -200px;
}
ul#navList li.contact a:after {
	background-position: left -200px;
}

ul#navList li.weddings a:hover:after {
	background-position: right 0px;
}
ul#navList li.singleEvents a:hover:after {
	background-position: right -40px;
}
ul#navList li.sportsEvents a:hover:after {
	background-position: right -80px;
}
ul#navList li.youthCamps a:hover:after {
	background-position: right -120px;
}
ul#navList li.rentedEquip a:hover:after {
	background-position: right -160px;
}
ul#navList li.uasLiability a:hover:after {
	background-position: right -240px;
}
ul#navList li.vendorsExhibit a:hover:after {
	background-position: right -200px;
}
ul#navList li.brokersAgents a:hover:after {
	background-position: right -200px;
}
ul#navList li.applications a:hover:after {
	background-position: right -200px;
}
ul#navList li.aboutUs a:hover:after {
	background-position: right -200px;
}
ul#navList li.contact a:hover:after {
	background-position: right -200px;
}

.navShadow {
	width: 216px;
	height: 10px;
	background-image: url(../images/redesign/nav-shadow.png);
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 2px;
}

a.ibaLink {
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}

/**************************************************************************
Mobile Navigation
**************************************************************************/

div.menu {
	background-color: #6ebd43;
	float: right;
	max-width: 320px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 130px;
	width: 100%;
	z-index: 9;
}

div.menu div.headerBtn {
	height: 0;
	margin: 0;
	overflow: hidden;

	-webkit-transition: height 0.25s, margin 0.25s;
	transition: height 0.25s, margin 0.25s;
}

div.menu.active div.headerBtn,
div.headerBtn.mobile {
	height: 53px;
	margin: 10px 0;
}

div.menu div.headerBtn a.button,
div.headerBtn.mobile a.button {
	float: left;
	font-size: 14px;
	max-width: 47%;
	width: 47%;
}

div.menu div.headerBtn a.button:last-child,
div.headerBtn.mobile a.button:last-child {
	float: right;
}

div.headerBtn a.button {
	padding: 18px 0;
}
div.headerBtn a.button.tall {
	padding: 10px 0;
}

div.desktopHeaderBtn a.button:first-child {
	margin-bottom: 6px;
}
div.desktopHeaderBtn a.button.tall {
	margin-bottom: 5px;
}

@-moz-document url-prefix() {
	div.desktopHeaderBtn a.button.tall {
		margin-bottom: 3px;
	}
}

div.menu ul#navList {
	margin: 0;

	-webkit-transition: margin 0.25s;
	transition: margin 0.25s;
}

div.menu.active ul#navList {
	margin: 15px 0;
}

div.menu ul#navList li {
	border: 0;
	height: 0;
	overflow: hidden;

	-webkit-transition: height 0.25s, border 0.25s;
	transition: height 0.25s, border 0.25s;
}

div.menu.active ul#navList li {
	border-bottom: 1px solid #333;
	height: 50px;
}

div.menu.active ul#navList li.last {
	border-bottom: 0;
}

div.hamburger {
	display: none;
}

#navIcon {
	cursor: pointer;
	float: right;
	height: 30px;
	margin: 35px 0;
	position: relative;
	width: 40px;

	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);

	-webkit-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}

#navIcon span {
	display: block;
	position: absolute;
	height: 6px;
	width: 100%;
	background: #6ebd43;
	border-radius: 6px;
	opacity: 1;
	left: 0;

	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);

	-webkit-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}

#navIcon span:nth-child(1) {
	top: 0px;
}
#navIcon span:nth-child(2),
#navIcon span:nth-child(3) {
	top: 12px;
}
#navIcon span:nth-child(4) {
	top: 24px;
}

#navIcon.open span:nth-child(1) {
	left: 50%;
	top: 18px;
	width: 0%;
}

#navIcon.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#navIcon.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#navIcon.open span:nth-child(4) {
	left: 50%;
	top: 18px;
	width: 0%;
}

/**************************************************************************
Slideshow
**************************************************************************/

div.slideshow {
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: 147px;
	background-color: #fff;
	width: 100%;
	height: 250px;
	z-index: -2;
	text-align: center;
}

div.slideshow img {
	height: 100%;
	left: -960px;
	margin-left: 50%;
	position: relative;
}

/**************************************************************************
Main Content
**************************************************************************/

div.wrapper {
	width: 100%;
	min-height: 100%;
	position: relative;
}

.mainHome {
	padding-top: 270px;
}

.main {
	position: relative;
}

.main1 {
	background-color: #f8f8f8;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

div.footerSpaceHolder {
	width: 100%;
	height: 115px;
}

div.btnContainer {
	margin-top: 40px;
}

div.buttonSpaceHolder.home {
	height: 90px;
}

div.shadowContainer {
	margin: 0 auto;
	padding: 0;
	position: absolute;
	bottom: 105px;
	width: 984px;
	height: 10px;
}

div.relativeContainer {
	position: relative;
}

div.buttonContainer {
	position: relative;
	width: 100%;
}

div.buttonShadowLeft,
div.buttonShadowCenter,
div.buttonShadowRight {
	width: 368px;
	height: 10px;
	background-image: url(../images/redesign/button-shadow.png);
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 236px;
}

div.buttonShadowLeft.contentBtn,
div.buttonShadowRight.contentBtn {
	float: left;
	left: 0;
	position: relative;
}

div.buttonShadowRight {
	left: 616px;
}

div.buttonShadowRight.contentBtn {
	left: 12px;
}

div.specialBtnShadowLeft,
div.specialBtnShadowRight {
	width: 368px;
	height: 10px;
	background-image: url(../images/redesign/button-shadow.png);
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
}

div.specialBtnShadowRight {
	left: 380px;
}

/* Home page shadows */
div.buttonShadowLeft.home,
div.buttonShadowCenter.home,
div.buttonShadowRight.home {
	background-size: 240px;
	width: 241px;
}

div.buttonShadowCenter.home {
	left: 489px;
}
div.buttonShadowRight.home {
	left: 743px;
}

.links span {
	display: inline-block;
	padding: 0 10px;
	position: relative;
}

.links span:after {
	content: "|";
	position: absolute;
	right: 0;
	top: 0;
	width: 2px;
}

.links span:last-child:after {
	content: "";
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #666;
	margin: 1em 0;
	padding: 0;
}

.appPad {
	width: 50px;
}

div.contact {
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 0 auto;
	padding: 20px 0;
	width: 50%;
}

div.contact.wide {
	width: 100%;
	width: calc(100% - 2px);
}

div.contact.marginTop_30 {
	margin-top: 30px;
}

div.contact .label {
	clear: left;
	text-align: right;
}

div.contact div {
	text-overflow: ellipsis;
}

div.applications {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 0 30px 35px;

	width: 100%;
	width: calc(100% - 62px);
}

div.applications a {
	font-weight: normal;
}

div.applications .block {
	margin-top: 20px;
}

img.print {
	margin: 10px 0;
}

/**************************************************************************
Forms
**************************************************************************/

label.inputLabel {
	clear: left;
	color: #000;
	display: block;
	float: left;
	margin: 12px 3% 0 2%;
	overflow: hidden;
	text-align: right;
	text-overflow: ellipsis;
	width: 45%;
}

label.inputLabel.disabled {
	color: #999;
}

.paymentInfo label.inputLabel {
	width: 40%;
}
.paymentInfo label.inputLabel.span_30 {
	width: 30%;
}

.narrowLabelWrapper > label.inputLabel {
	width: auto;
}

input[type="date"],
input[type="datefield"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="url"],
input.appField,
select,
textarea {
	background-color: #fff;
	background-image: none;
	border: 1px solid #999;
	color: #000;
	display: block;
	font-family: "futura-pt", Tahoma, sans-serif;
	font-size: 15px;
	height: 38px;
	margin: 5px 0;
	opacity: 1;
	padding: 6px 7px;
	float: left;
	border-radius: 0;
	outline: none;
	width: 45%;

	-moz-outline-style: none;
	box-sizing: border-box;

	-webkit-transition: background-color 0.25s, border-color 0.25s, color 0.25s,
		opacity 0.25s;
	transition: background-color 0.25s, border-color 0.25s, color 0.25s,
		opacity 0.25s;
}

.narrowInput {
	width: 14%;
}

input[type="date"]:disabled,
input[type="datefield"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled:disabled,
input[type="tel"]:disabled,
input[type="text"]:disabled,
input[type="url"]:disabled,
input.appField:disabled,
select:disabled,
textarea:disabled {
	color: #898989;
}

textarea {
	height: 100px;
}

.paymentInfo input[type="date"],
.paymentInfo input[type="datefield"],
.paymentInfo input[type="email"],
.paymentInfo input[type="number"],
.paymentInfo input[type="password"],
.paymentInfo input[type="tel"],
.paymentInfo input[type="text"],
.paymentInfo input[type="url"],
.paymentInfo select {
	width: 55%;
}

select optgroup {
	background-color: #ccc;
	font-style: normal;
	font-weight: bold;
}

select#hazard {
	height: auto;
}

input[type="date"],
input[type="datefield"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="url"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
	margin: 15px 5px 15px 0;
	position: absolute;
}

label.listLabelWrapper {
	border: 1px solid #999;
	border-radius: 4px;
	line-height: 22px;
	padding: 7px;
	user-select: none;
}

input.inlineListCheckbox {
	height: 20px;
	margin: 0 5px 0 0;
	position: static;
	transform: translateY(3px);
	width: 20px;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
	display: inline-block;
	margin: 11px 10px 5px 25px;
}

.accept input[type="checkbox"],
.accept input[type="radio"] {
	margin-top: 9px;
}

.accept input[type="checkbox"] + label,
.accept input[type="radio"] + label {
	margin-top: 5px;
}

label.inputLabel.failure,
label.failure {
	color: #71041d;
}

input[type="date"].failure,
input[type="datefield"].failure,
input[type="email"].failure,
input[type="number"].failure,
input[type="password"].failure,
input[type="tel"].failure,
input[type="text"].failure,
input[type="url"].failure,
input.appField.failure,
select.failure,
textarea.failure {
	border: 1px solid #71041d;
}

label.inputLabel.pct_05,
input.pct_05,
select.pct_05,
textarea.pct_0,
.pct_05 {
	width: 05%;
}
label.inputLabel.pct_10,
input.pct_10,
select.pct_10,
textarea.pct_1,
.pct_10 {
	width: 10%;
}
label.inputLabel.pct_15,
input.pct_15,
select.pct_15,
textarea.pct_1,
.pct_15 {
	width: 15%;
}
label.inputLabel.pct_20,
input.pct_20,
select.pct_20,
textarea.pct_2,
.pct_20 {
	width: 20%;
}
label.inputLabel.pct_25,
input.pct_25,
select.pct_25,
textarea.pct_2,
.pct_25 {
	width: 25%;
}
label.inputLabel.pct_30,
input.pct_30,
select.pct_30,
textarea.pct_3,
.pct_30 {
	width: 30%;
}
label.inputLabel.pct_35,
input.pct_35,
select.pct_35,
textarea.pct_3,
.pct_35 {
	width: 35%;
}
label.inputLabel.pct_40,
input.pct_40,
select.pct_40,
textarea.pct_4,
.pct_40 {
	width: 40%;
}
label.inputLabel.pct_45,
input.pct_45,
select.pct_45,
textarea.pct_4,
.pct_45 {
	width: 45%;
}
label.inputLabel.pct_50,
input.pct_50,
select.pct_50,
textarea.pct_5,
.pct_50 {
	width: 50%;
}
label.inputLabel.pct_55,
input.pct_55,
select.pct_55,
textarea.pct_5,
.pct_55 {
	width: 55%;
}
label.inputLabel.pct_60,
input.pct_60,
select.pct_60,
textarea.pct_6,
.pct_60 {
	width: 60%;
}
label.inputLabel.pct_65,
input.pct_65,
select.pct_65,
textarea.pct_6,
.pct_65 {
	width: 65%;
}
label.inputLabel.pct_70,
input.pct_70,
select.pct_70,
textarea.pct_7,
.pct_70 {
	width: 70%;
}
label.inputLabel.pct_75,
input.pct_75,
select.pct_75,
textarea.pct_7,
.pct_75 {
	width: 75%;
}
label.inputLabel.pct_80,
input.pct_80,
select.pct_80,
textarea.pct_8,
.pct_80 {
	width: 80%;
}
label.inputLabel.pct_85,
input.pct_85,
select.pct_85,
textarea.pct_8,
.pct_85 {
	width: 85%;
}
label.inputLabel.pct_90,
input.pct_90,
select.pct_90,
textarea.pct_9,
.pct_90 {
	width: 90%;
}
label.inputLabel.pct_95,
input.pct_95,
select.pct_95,
textarea.pct_9,
.pct_95 {
	width: 95%;
}

label.inputLabel.adj,
input.adj,
select.adj,
textarea.adj {
	margin-right: 2%;
}

label.inputLabel.adj.pct_05,
input.adj.pct_05,
select.adj.pct_05,
textarea.adj.pct_0,
.adj.pct_05 {
	width: 3%;
}
label.inputLabel.adj.pct_10,
input.adj.pct_10,
select.adj.pct_10,
textarea.adj.pct_1,
.adj.pct_10 {
	width: 8%;
}
label.inputLabel.adj.pct_15,
input.adj.pct_15,
select.adj.pct_15,
textarea.adj.pct_1,
.adj.pct_15 {
	width: 13%;
}
label.inputLabel.adj.pct_20,
input.adj.pct_20,
select.adj.pct_20,
textarea.adj.pct_2,
.adj.pct_20 {
	width: 18%;
}
label.inputLabel.adj.pct_25,
input.adj.pct_25,
select.adj.pct_25,
textarea.adj.pct_2,
.adj.pct_25 {
	width: 23%;
}
label.inputLabel.adj.pct_30,
input.adj.pct_30,
select.adj.pct_30,
textarea.adj.pct_3,
.adj.pct_30 {
	width: 28%;
}
label.inputLabel.adj.pct_35,
input.adj.pct_35,
select.adj.pct_35,
textarea.adj.pct_3,
.adj.pct_35 {
	width: 33%;
}
label.inputLabel.adj.pct_40,
input.adj.pct_40,
select.adj.pct_40,
textarea.adj.pct_4,
.adj.pct_40 {
	width: 38%;
}
label.inputLabel.adj.pct_45,
input.adj.pct_45,
select.adj.pct_45,
textarea.adj.pct_4,
.adj.pct_45 {
	width: 43%;
}
label.inputLabel.adj.pct_50,
input.adj.pct_50,
select.adj.pct_50,
textarea.adj.pct_5,
.adj.pct_50 {
	width: 48%;
}
label.inputLabel.adj.pct_55,
input.adj.pct_55,
select.adj.pct_55,
textarea.adj.pct_5,
.adj.pct_55 {
	width: 53%;
}
label.inputLabel.adj.pct_60,
input.adj.pct_60,
select.adj.pct_60,
textarea.adj.pct_6,
.adj.pct_60 {
	width: 58%;
}
label.inputLabel.adj.pct_65,
input.adj.pct_65,
select.adj.pct_65,
textarea.adj.pct_6,
.adj.pct_65 {
	width: 63%;
}
label.inputLabel.adj.pct_70,
input.adj.pct_70,
select.adj.pct_70,
textarea.adj.pct_7,
.adj.pct_70 {
	width: 68%;
}
label.inputLabel.adj.pct_75,
input.adj.pct_75,
select.adj.pct_75,
textarea.adj.pct_7,
.adj.pct_75 {
	width: 73%;
}
label.inputLabel.adj.pct_80,
input.adj.pct_80,
select.adj.pct_80,
textarea.adj.pct_8,
.adj.pct_80 {
	width: 78%;
}
label.inputLabel.adj.pct_85,
input.adj.pct_85,
select.adj.pct_85,
textarea.adj.pct_8,
.adj.pct_85 {
	width: 83%;
}
label.inputLabel.adj.pct_90,
input.adj.pct_90,
select.adj.pct_90,
textarea.adj.pct_9,
.adj.pct_90 {
	width: 88%;
}
label.inputLabel.adj.pct_95,
input.adj.pct_95,
select.adj.pct_95,
textarea.adj.pct_9,
.adj.pct_95 {
	width: 93%;
}

label.autoWidth {
	margin-left: 0;
	width: auto;
}

input.splitLeft {
	margin-right: 1%;
	width: 21.5%;
}
input.splitRight {
	margin-left: 1%;
	width: 21.5%;
}

.expDate select.splitLeft {
	margin-right: 1%;
	width: 26.5%;
}
.expDate select.splitRight {
	margin-left: 1%;
	width: 26.5%;
}

.paymentInfo input.whatsThis {
	margin-right: 5px;

	width: 55%;
	width: calc(55% - 27px);
}

.container_90 select {
	width: 90%;
}

input.datefieldinput {
	width: 100%;
}

div.timepicker {
	float: left;
	width: 50%;
}

div.timepicker select {
	width: 28%;
}

div.timepicker select:last-child {
	margin-left: 2%;
}

div.timepicker span {
	display: block;
	float: left;
	line-height: 45px;
	margin: 0 1%;
}

fieldset.controls {
	clear: both;
}

fieldset.controls a,
fieldset.controls a.button,
fieldset.controls input {
	float: right;
	line-height: 22px;
	margin-top: 15px;
	max-width: 45%;
	width: 110px;
}

fieldset.controls.wide a,
fieldset.controls.wide a.button,
fieldset.controls.wide input {
	max-width: 45%;
	width: 150px;
}

fieldset.controls a:first-child,
fieldset.controls a.button:first-child,
fieldset.controls input:first-child {
	float: left;
}

fieldset.controls a.back,
fieldset.controls a.button.back,
fieldset.controls input.back {
	margin-top: 29px;
	padding: 3px 2px;
	width: 80px;
}

fieldset.controls a.right:first-child,
fieldset.controls a.button.right:first-child,
fieldset.controls input.right:first-child {
	float: right;
}

.datePickerContainer {
	width: 90%;
}

#event_datequoteProcess_cf_buttondiv {
	position: relative;
	top: 12px;
}

.yui-calcontainer {
	padding-top: 2em !important;
	top: 42px !important;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);

	width: 85%;
	width: calc(90% - 12px);
}

.yui-calendar {
	width: 100%;
}

ol.padLeft {
	padding-left: 20px;
}

.adminRates,
.quoteFees {
	padding-bottom: 10px;
}

.adminRates .standard {
	color: #666;
	min-width: 100px;
	text-align: right;
}

.quoteFees fieldset .column.span_1_2:first-child,
.adminRates fieldset .column:first-child {
	text-align: right;
}
.quoteFees fieldset .column,
.adminRates fieldset.rowhead .column {
	text-align: left;
}
.adminRates fieldset.rowhead .column.standard {
	text-align: right;
}

.adminRates fieldset .column:first-child,
.adminRates fieldset .column:last-child {
	padding-top: 12px;
}

.adminRates fieldset .column.padTop_10:first-child,
.adminRates fieldset .column.padTop_10:last-child {
	padding-top: 22px;
}

.adminRates fieldset.rowhead .column:first-child,
.adminRates fieldset.rowhead .column:last-child,
.adminRates fieldset.totalRow .column {
	padding-top: 0;
}

.adminRates .label {
	padding-top: 12px;
	text-align: right;
}

.adminRates input[type="date"],
.adminRates input[type="datefield"],
.adminRates input[type="email"],
.adminRates input[type="number"],
.adminRates input[type="password"],
.adminRates input[type="tel"],
.adminRates input[type="text"],
.adminRates input[type="url"],
.adminRates input.appField,
.adminRates select,
.adminRates textarea {
	width: 100%;
}

.adminRates .inputField {
	max-width: calc(50% - 100px);
}

.column img {
	max-width: 100%;
}

.captcha {
	height: 75px;
	margin-top: 5px;

	width: 70%;
	width: calc(90% + 10px);
}

div.flex-center {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

div.flex-center {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

/**************************************************************************
Modal
**************************************************************************/

div.modal {
	background-color: #fff;
	border-radius: 10px;
	left: -35%;
	margin-left: 50%;
	padding: 10px 20px;
	position: absolute;
	top: 30px;
	word-wrap: break-word;
	z-index: 25;

	width: 70%;
	width: calc(70% - 40px);
}

div.modal.large {
	left: -45%;
	margin-left: 50%;
	top: 10px;

	width: 90%;
	width: calc(90% - 40px);
}

div.modal h1 {
	text-align: center;
}

div.modal h6 {
	margin-top: 10px;
	text-align: center;
}

div.modal img {
	max-width: 100%;
}

div.modal a.button.center {
	float: none;
	margin: 20px auto 10px;
}

/**************************************************************************
Quote Review
**************************************************************************/

div.readonlyL {
	clear: left;
	color: #666;
	display: block;
	float: left;
	margin-top: 10px;
	padding-right: 20px;
	overflow: hidden;
	text-align: right;
	text-overflow: ellipsis;
}

div.readonlyR {
	clear: right;
	padding-top: 10px;
	min-height: 18px;
}

div.readonlyL.pct_05 {
	width: 05%;
	width: calc(05% - 20px);
}
div.readonlyL.pct_10 {
	width: 10%;
	width: calc(10% - 20px);
}
div.readonlyL.pct_15 {
	width: 15%;
	width: calc(15% - 20px);
}
div.readonlyL.pct_20 {
	width: 20%;
	width: calc(20% - 20px);
}
div.readonlyL.pct_25 {
	width: 25%;
	width: calc(25% - 20px);
}
div.readonlyL.pct_30 {
	width: 30%;
	width: calc(30% - 20px);
}
div.readonlyL.pct_35 {
	width: 35%;
	width: calc(35% - 20px);
}
div.readonlyL.pct_40 {
	width: 40%;
	width: calc(40% - 20px);
}
div.readonlyL.pct_45 {
	width: 45%;
	width: calc(45% - 20px);
}
div.readonlyL.pct_50 {
	width: 50%;
	width: calc(50% - 20px);
}
div.readonlyL.pct_55 {
	width: 55%;
	width: calc(55% - 20px);
}
div.readonlyL.pct_60 {
	width: 60%;
	width: calc(60% - 20px);
}
div.readonlyL.pct_65 {
	width: 65%;
	width: calc(65% - 20px);
}
div.readonlyL.pct_70 {
	width: 70%;
	width: calc(70% - 20px);
}
div.readonlyL.pct_75 {
	width: 75%;
	width: calc(75% - 20px);
}
div.readonlyL.pct_80 {
	width: 80%;
	width: calc(80% - 20px);
}
div.readonlyL.pct_85 {
	width: 85%;
	width: calc(85% - 20px);
}
div.readonlyL.pct_90 {
	width: 90%;
	width: calc(90% - 20px);
}
div.readonlyL.pct_95 {
	width: 95%;
	width: calc(95% - 20px);
}

div.readonlyL.pct_05 + div.readonlyR {
	padding-left: 05%;
}
div.readonlyL.pct_10 + div.readonlyR {
	padding-left: 10%;
}
div.readonlyL.pct_15 + div.readonlyR {
	padding-left: 15%;
}
div.readonlyL.pct_20 + div.readonlyR {
	padding-left: 20%;
}
div.readonlyL.pct_25 + div.readonlyR {
	padding-left: 25%;
}
div.readonlyL.pct_30 + div.readonlyR {
	padding-left: 30%;
}
div.readonlyL.pct_35 + div.readonlyR {
	padding-left: 35%;
}
div.readonlyL.pct_40 + div.readonlyR {
	padding-left: 40%;
}
div.readonlyL.pct_45 + div.readonlyR {
	padding-left: 45%;
}
div.readonlyL.pct_50 + div.readonlyR {
	padding-left: 50%;
}
div.readonlyL.pct_55 + div.readonlyR {
	padding-left: 55%;
}
div.readonlyL.pct_60 + div.readonlyR {
	padding-left: 60%;
}
div.readonlyL.pct_65 + div.readonlyR {
	padding-left: 65%;
}
div.readonlyL.pct_70 + div.readonlyR {
	padding-left: 70%;
}
div.readonlyL.pct_75 + div.readonlyR {
	padding-left: 75%;
}
div.readonlyL.pct_80 + div.readonlyR {
	padding-left: 80%;
}
div.readonlyL.pct_85 + div.readonlyR {
	padding-left: 85%;
}
div.readonlyL.pct_90 + div.readonlyR {
	padding-left: 90%;
}
div.readonlyL.pct_95 + div.readonlyR {
	padding-left: 95%;
}

.quoteFees fieldset.totalRow .readonlyL,
.quoteFees fieldset.totalRow .readonlyR {
	margin-top: 0;
	padding-top: 0;
}

div.readonlyL.showOverflow {
	margin-top: 5px;
}

div.accept {
	border: 1px solid #999;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	width: 70%;
}

div.accept.small {
	width: 50%;
}

.pad-40 {
	padding-left: 4rem;
}
.pad-40.error {
	padding-left: 4rem;
	padding-top: 0;
	padding-bottom: 0;
}

/**************************************************************************
My Home
**************************************************************************/

.mainContent {
	float: none;
	margin: auto;
}

.quoteHome {
	max-width: 100%;
	position: relative;
}

.quoteTableHome {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 10px;
	width: 100%;
}

.quoteTableHome .rowhead th {
	background-color: #fff;
	border-bottom: 10px solid #569833;
	color: #666;
	font-weight: normal;
	padding: 5px;
	text-align: left;
}

.quoteTableHome .rowhead.broker th {
	border-bottom: 10px solid #71041d;
}

.quoteTableHome .row td {
	border-bottom: 1px solid #999;
	padding: 10px 5px 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
}

.quoteTableHome .rowhead.broker th.admin,
.quoteTableHome .row td.admin {
	background-color: #f0f8ec;
}

.quoteTableHome .row td.admin {
	text-align: center;
}

.quoteTableHome .row.noResult td {
	padding: 15px 5px;
}

.quoteTableHome .rowhead th:first-child,
.quoteTableHome .row td:first-child {
	padding-left: 0;
}
.quoteTableHome .rowhead th:last-child,
.quoteTableHome .row td:last-child {
	padding-right: 0;
}

.quoteTableHome .row td.span_1_4,
.quoteTableHome .row td.span_1_5 {
	width: auto;
}

.quoteTableHome .row th.ai,
.quoteTableHome .row td.ai,
.quoteTableHome .row td.ai.icon {
	min-width: 35px;
	width: 35px;
}

.quoteTableHome .row td.ai .modalOpen,
.quoteTableHome .row td.ai .modalClose,
.quoteTableHome .row td.ai .mobileAI {
	display: none;
}

.quoteTableHome .row td.icon {
	padding-top: 5px;
	text-align: center;
}

.quoteTableHome .fa {
	box-sizing: border-box;
	margin: 5px auto;
	min-height: 23px;
	min-width: 23px;
	position: relative;
}

.quoteTableHome .fa:before {
	color: #999;
	content: "";
	font: normal normal normal 23px/1 FontAwesome;
	left: 0;
	position: absolute;
	text-rendering: auto;
	top: 0;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.quoteTableHome .fa:hover:before {
	color: #6ebd43;
}

.fa.fa-file-pdf-o:before {
	content: "\f1c1";
}
.fa.fa-trash-o:before {
	content: "\f014";
}
.fa.fa-edit:before {
	content: "\f044";
}
.fa.fa-shopping-cart:before {
	content: "\f07a";
}
.fa.fa-dollar:before {
	content: "\f155";
}

/**************************************************************************
Footer
**************************************************************************/

.footer {
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	height: 75px;
	font-size: 13px !important;
	background-color: #000;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

.footer a {
	color: #fff;
	display: inline-block;
	font-weight: normal;
	padding: 0 10px;
	position: relative;
}

.footer .footerNav a:after {
	content: "|";
	position: absolute;
	right: 0;
	top: 0;
	width: 2px;
}

.footer .footerNav a.last:after {
	content: "";
}

.footer a:hover {
	color: #fff;
	text-decoration: none;
}

.footer .gray,
.footer .gray a {
	color: #999999;
}

/**************************************************************************
Retina-specific Image Replacement
**************************************************************************/
@media only screen and (-webkit-device-pixel-ratio: 2) {
	ul#navList li a:after {
		background-image: url("../images/redesign/icons-2x.png");
	}
}

/**************************************************************************
Browser-specific hacks
**************************************************************************/

html.lt-ie8 .chromeframe {
	display: block;
	z-index: 9999999;
}

html.lt-ie8 .chromeframe a {
	text-decoration: underline;
}

html.lt-ie8 ul#navList {
	margin-left: 0px;
}

html.lt-ie8 .footer p.topLine {
	padding-top: 15px;
	line-height: 0.5em;
}

html.lt-ie8 .head1,
html.lt-ie8 .greenBtn,
html.lt-ie8 .blueBtn,
html.lt-ie8 .blueLargeBtnLeft,
html.lt-ie8 .blueLargeBtnCenter,
html.lt-ie8 .blueLargeBtnRight,
html.lt-ie8 .specialBtnLeft,
html.lt-ie8 .specialBtnRight,
input[type="submit"] {
	cursor: pointer;
}

.quoteTableHome .rowhead th.update,
.quoteTableHome .rowhead th.delete,
.quoteTableHome .rowhead th.quote,
.quoteTableHome .rowhead th.purchase,
.quoteTableHome .rowhead th.ai,
.quoteTableHome .row td.update {
	text-align: center;
}

input.short-input {
	width: 20rem;
}

.pad-20 {
	padding-left: 2rem;
}

.pad-20.squish {
	width: calc(45% - 2rem);
}

.pad-30 {
	padding-left: 3rem;
}

.pad-30.squish {
	width: calc(45% - 3rem);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.btnContainer .column.span_1_3 {
		width: 33.33%;
		width: calc(100% / 3 - 1px);
	}

	.progressbar-track .span_1_6:last-child,
	.progressbar-positions .span_1_6:last-child {
		width: 16.66%;
		width: calc(100% / 6 - 1px);
	}

	.leftNav:before {
		top: 1px;
	}
}

@media only screen and (max-width: 1230px) {
	div.loginBtnContainer {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		gap: 10px 0;
	}
	div.loginBtnContainer a.header-link {
		padding: 0;
	}
}

@media only screen and (max-width: 1230px) {
	div.loginBtnContainer {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		gap: 10px 0;
	}
	div.loginBtnContainer a.header-link {
		padding: 0;
	}
}

/**************************************************************************
Tablet-specific Styles
**************************************************************************/
@media only screen and (max-width: 1200px) {
	.flexDesktopRow {
		flex-direction: column;
	}

	.noPadTablet {
		padding: 0 !important;
	}
}

@media only screen and (max-width: 1100px) {
	.column.span_1_2.team {
		width: 100%;
	}

	div.contact {
		width: 75%;
	}
}

@media only screen and (max-width: 1024px) {
	div.desktopNav.quoteHome,
	div.desktopHeaderBtn.quoteHome {
		display: none;
	}

	div.hamburger.quoteHome {
		display: block;
	}

	div.span_2_3.mainContent.quoteHome {
		width: 100%;
	}

	.button.large,
	.button.green.large {
		font-size: 20px;
	}

	.button.green.large {
		line-height: 20px;
	}

	.button.agencyBill {
		line-height: 66px;
	}

	.appPad {
		width: 10px;
	}

	.button.white {
		width: 75%;
	}
}

@media only screen and (max-width: 768px) {
	.mobile {
		display: block !important;
	}

	.desktop {
		display: none !important;
	}

	.gridLayout.mobileOneColumn {
		grid-template-columns: 1fr !important;
	}

	.mobileNoPad {
		padding: 0;
	}
	.padding {
		padding: 0;
	}

	.headerBG .span_1_4 {
		width: 15%;
	}

	.headerBG .span_3_4 {
		width: 85%;
	}

	.head1 {
		height: 70px;
	}

	#navIcon {
		margin: 20px 0;
	}

	div.slideshow {
		height: 200px;
		top: 107px;
	}

	div.slideshow img {
		left: -640px;
		width: 1280px;
	}

	.mainHome {
		padding-top: 200px;
	}

	div.menu {
		top: 100px;
	}

	div.desktopNav,
	div.desktopHeaderBtn {
		display: none;
	}

	div.hamburger {
		display: block;
	}

	.column.span_2_3.mainContent {
		width: 100%;
	}

	div.loginBtnContainer {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 15px;
		flex-direction: row;
		gap: 10px 30px;
	}

	/**************************************************************************
	My Home Mobile
	**************************************************************************/

	.column.mainContent.quoteHome {
		overflow: visible;
	}

	.quoteHome .column.span_1_2 {
		width: 100%;
	}

	.quoteHome h2 {
		margin-bottom: 20px;
	}

	.quoteHome p.right.textRight {
		float: left;
		text-align: left;
	}

	.quoteHome p.marginTop_25 {
		margin-top: 0;
	}

	.quoteHome .column a.button.right {
		float: left;
	}

	.quoteHome .nomobileborder {
		border: 0;
	}

	.quoteTableHome {
		border-bottom: 1px solid #999;
		left: -10px;
		position: relative;
		width: calc(100% + 20px);
	}

	.quoteTableHome.noborder {
		border-bottom: 0;
	}

	.quoteTableHome .rowhead th {
		display: none;
	}

	.quoteTableHome .row {
		display: block;
		padding-bottom: 60px;
		position: relative;
	}

	.quoteTableHome .row.noResult {
		padding-bottom: 15px;
	}

	.quoteTableHome .row td {
		border: 0;
		display: block;
		padding: 5px 10px;
		overflow: visible;

		width: 100%;
		width: calc(100% - 20px);
	}

	.quoteTableHome .rowhead th:first-child,
	.quoteTableHome .row td:first-child {
		padding-left: 10px;
	}
	.quoteTableHome .rowhead th:last-child,
	.quoteTableHome .row td:last-child {
		padding-right: 10px;
	}

	.quoteTableHome td.eventDate,
	.quoteTableHome td.eventName,
	.quoteTableHome tr.noResult td {
		background-color: #226587;
		color: #fff;
	}

	.quoteTableHome td.eventDate {
		position: absolute;
		right: 0;
		text-align: right;
		width: 25%;
	}

	.quoteTableHome td.eventName {
		padding-right: 25%;

		width: 75%;
		width: calc(100% - 25% - 10px);
	}

	.quoteTableHome tr.broker td.eventDate,
	.quoteTableHome tr.broker td.eventName,
	.quoteTableHome tr.broker.noResult td {
		background-color: #71041d;
	}

	.quoteTableHome .row td.icon,
	.quoteTableHome .row td.update {
		padding: 5px;
		text-align: center;
	}

	.quoteTableHome .row td.icon.span_1_4 {
		width: 25%;
		width: calc(25% - 10px);
	}
	.quoteTableHome .row td.icon.span_1_5 {
		width: 20%;
		width: calc(20% - 10px);
	}

	.quoteTableHome td.update,
	.quoteTableHome td.waiveFees,
	.quoteTableHome td.quote,
	.quoteTableHome td.purchase,
	.quoteTableHome td.ai,
	.quoteTableHome td.invoice,
	.quoteTableHome td.delete {
		bottom: 0;
		height: 35px;
		position: absolute;
		right: 0;
	}

	.quoteTableHome td.update.review {
		height: 50px;
	}

	.quoteTableHome td.update {
		height: 27px;
		padding-top: 13px;
	}
	.quoteTableHome td.update.icon {
		height: 35px;
		padding-top: 5px;
	}

	.quoteTableHome td.update:before,
	.quoteTableHome td.waiveFees:before,
	.quoteTableHome td.quote:before,
	.quoteTableHome td.purchase:before,
	.quoteTableHome td.ai:before,
	.quoteTableHome td.invoice:before,
	.quoteTableHome td.delete:before {
		color: #666;
		display: block;
		font-size: 11px;
		height: 15px;
		left: 0;
		overflow: hidden;
		padding-top: 5px;
		position: absolute;
		text-overflow: ellipsis;
		top: -15px;
		white-space: nowrap;
		width: 100%;
	}

	.quoteTableHome td.position,
	.quoteTableHome .row td.ai {
		width: 16.66%;
		width: calc(100% / 6 * 1);
	}

	.quoteTableHome td.position0,
	.quoteTableHome td.position0:before {
		display: none;
	}
	.quoteTableHome td.position1 {
		right: 0;
	}

	.quoteTableHome td.position2.span_1_4 {
		right: 25%;
	}
	.quoteTableHome td.position2.span_1_5 {
		right: 20%;
	}
	.quoteTableHome td.position3.span_1_4 {
		right: calc(25% * 2);
	}
	.quoteTableHome td.position3.span_1_5 {
		right: calc(20% * 2);
	}
	.quoteTableHome td.position4.span_1_4 {
		right: calc(25% * 3);
	}
	.quoteTableHome td.position4.span_1_5 {
		right: calc(20% * 3);
	}
	.quoteTableHome td.position5.span_1_4 {
		right: calc(25% * 4);
	}
	.quoteTableHome td.position5.span_1_5 {
		right: calc(20% * 4);
	}
	.quoteTableHome td.position6.span_1_4 {
		right: calc(25% * 5);
	}
	.quoteTableHome td.position6.span_1_5 {
		right: calc(20% * 5);
	}

	/* Column specific styles */

	.quoteTableHome td.update:before {
		content: "Update";
	}
	.quoteTableHome td.waiveFees:before {
		content: "Waive Fees";
	}
	.quoteTableHome td.quote:before {
		content: "Quote";
	}
	.quoteTableHome td.purchase:before {
		content: "Purchase";
	}
	.quoteTableHome td.ai:before {
		content: "AI*";
	}
	.quoteTableHome td.invoice:before {
		content: "Invoice";
	}
	.quoteTableHome td.delete:before {
		content: "Delete";
	}

	.quoteTableHome td.update.admin:before {
		background-color: #f0f8ec;
		content: "Admin Update";
	}

	.quoteTableHome .row td.ai .modalOpen,
	.quoteTableHome .row td.ai .modalClose,
	.quoteTableHome .row td.ai .mobileAI {
		display: inline-block;
	}

	.quoteTableHome .row td.ai div.aiContainer {
		background-color: #fff;
		border-radius: 10px;
		bottom: 60px;
		box-shadow: 0 0 2px 2px #999;
		display: none;
		overflow-wrap: break-word;
		padding: 20px 20px 10px;
		position: absolute;
		right: 10px;
		z-index: 25;
		box-shadow: 0 0 2px 2px #999;
	}

	.quoteTableHome .row td.ai div.aiContainer.aiPos2 {
		right: -20px;
	}

	.quoteTableHome .row td.ai div.aiContainer.icon2 {
		width: 77px;
	}
	.quoteTableHome .row td.ai div.aiContainer.icon3 {
		width: 123px;
	}
	.quoteTableHome .row td.ai div.aiContainer.icon4 {
		width: 169px;
	}
	.quoteTableHome .row td.ai div.aiContainer.icon5 {
		width: 215px;
	}

	.quoteTableHome .row td.ai div.aiContainer .iconContainer div.left {
		margin-right: 15px;
	}
	.quoteTableHome
		.row
		td.ai
		div.aiContainer
		.iconContainer
		div.left:last-child {
		margin-right: 0;
	}

	.quoteTableHome .row td.ai div.aiContainer.active {
		display: block;
	}
}

/**************************************************************************
Wireless-specific Styles
**************************************************************************/
@media only screen and (max-width: 568px) {
	body {
		font-size: 12px;
	}

	.headerBG.green {
		background: #6ebd43;
	}

	.headerBG.green .head1 {
		background: url("/images/redesign/logoWhite.svg") center left no-repeat;
	}

	.head1 {
		height: 40px;
	}

	#navIcon {
		margin: 5px 0;
	}

	#navIcon.open span {
		background: #fff;
	}

	div.slideshow {
		height: 150px;
		top: 77px;
	}

	div.slideshow img {
		left: -480px;
		width: 960px;
	}

	.mainHome {
		padding-top: 150px;
	}

	div.menu {
		max-width: 100%;
		top: 70px;
	}

	div.menu div.headerBtn a.button,
	div.headerBtn.mobile a.button {
		font-size: 12px;
	}

	div.headerBtn a.button {
		padding: 16px 0;
	}

	.column.span_2_3.mainContent {
		overflow: visible;
	}

	.links span {
		display: block;
	}

	.links span:after {
		content: "";
	}

	.noMobileMargin {
		margin: 0 !important;
	}

	label.inputLabel,
	.paymentInfo label.inputLabel,
	.paymentInfo label.inputLabel.span_30 {
		margin: 10px 0 0 0;
		text-align: left;
		width: 100%;
	}

	label.inputLabel.pct_05,
	label.inputLabel.pct_10,
	label.inputLabel.pct_15,
	label.inputLabel.pct_20,
	label.inputLabel.pct_25,
	label.inputLabel.pct_30,
	label.inputLabel.pct_35,
	label.inputLabel.pct_40,
	label.inputLabel.pct_45,
	label.inputLabel.pct_50,
	label.inputLabel.pct_55,
	label.inputLabel.pct_60,
	label.inputLabel.pct_65,
	label.inputLabel.pct_70,
	label.inputLabel.pct_75,
	label.inputLabel.pct_80,
	label.inputLabel.pct_85,
	label.inputLabel.pct_90,
	label.inputLabel.pct_95,
	.container_90 select {
		width: 100%;
	}

	input[type="date"],
	input[type="email"],
	input[type="number"],
	input[type="password"],
	input[type="tel"],
	input[type="text"],
	input[type="url"],
	input.appField,
	select,
	select.appField,
	select.appField.adj,
	textarea,
	.paymentInfo input[type="date"],
	.paymentInfo input[type="email"],
	.paymentInfo input[type="number"],
	.paymentInfo input[type="password"],
	.paymentInfo input[type="tel"],
	.paymentInfo input[type="text"],
	.paymentInfo input[type="url"],
	.paymentInfo select {
		margin: 2px 0 5px 0;
		width: 100%;
	}

	.narrowInput {
		width: 25%;
	}

	input[type="checkbox"],
	input[type="radio"] {
		margin-top: 12px;
	}

	input.inlineListCheckbox {
		margin: 0;
	}

	.accept input[type="checkbox"],
	.accept input[type="radio"] {
		margin-top: 7px;
	}

	.expDate select.splitLeft {
		margin-right: 1%;
		width: 49%;
	}
	.expDate select.splitRight {
		margin-left: 1%;
		width: 49%;
	}

	.paymentInfo input.whatsThis {
		width: 100%;
		width: calc(100% - 27px);
	}

	.datePickerContainer {
		width: 90%;
		width: calc(100% - 24px);
	}

	div.timepicker {
		width: 100%;
	}

	div.timepicker select {
		width: 31%;
	}

	div.timepicker select:last-child {
		margin-left: 3%;
	}

	.column img.captcha {
		max-width: 375px;
		width: 100%;
	}

	hr {
		left: -10px;
		position: relative;
		width: 100%;
		width: calc(100% + 20px);
	}

	div.contact {
		width: 100%;
		width: calc(100% - 2px);
	}

	div.contact .span_1_4 {
		width: 25%;
	}
	div.contact .span_3_4 {
		width: 75%;
	}

	div.contact.wide .label {
		margin-top: 10px;
		text-align: left;
	}

	div.contact.wide .label:first-child {
		margin-top: 0;
	}

	div.readonlyL.pct_05,
	div.readonlyL.pct_10,
	div.readonlyL.pct_15,
	div.readonlyL.pct_20,
	div.readonlyL.pct_25,
	div.readonlyL.pct_30,
	div.readonlyL.pct_35,
	div.readonlyL.pct_40,
	div.readonlyL.pct_45,
	div.readonlyL.pct_50,
	div.readonlyL.pct_55,
	div.readonlyL.pct_60,
	div.readonlyL.pct_65,
	div.readonlyL.pct_70,
	div.readonlyL.pct_75,
	div.readonlyL.pct_80,
	div.readonlyL.pct_85,
	div.readonlyL.pct_90,
	div.readonlyL.pct_95 {
		padding-right: 0;
		text-align: left;
		width: 100%;
	}

	div.readonlyL.pct_05 + div.readonlyR,
	div.readonlyL.pct_10 + div.readonlyR,
	div.readonlyL.pct_15 + div.readonlyR,
	div.readonlyL.pct_20 + div.readonlyR,
	div.readonlyL.pct_25 + div.readonlyR,
	div.readonlyL.pct_30 + div.readonlyR,
	div.readonlyL.pct_35 + div.readonlyR,
	div.readonlyL.pct_40 + div.readonlyR,
	div.readonlyL.pct_45 + div.readonlyR,
	div.readonlyL.pct_50 + div.readonlyR,
	div.readonlyL.pct_55 + div.readonlyR,
	div.readonlyL.pct_60 + div.readonlyR,
	div.readonlyL.pct_65 + div.readonlyR,
	div.readonlyL.pct_70 + div.readonlyR,
	div.readonlyL.pct_75 + div.readonlyR,
	div.readonlyL.pct_80 + div.readonlyR,
	div.readonlyL.pct_85 + div.readonlyR,
	div.readonlyL.pct_90 + div.readonlyR,
	div.readonlyL.pct_95 + div.readonlyR {
		padding-left: 0;
	}

	ol.terms,
	ul.terms {
		padding-left: 15px;
	}

	div.accept,
	div.accept.small {
		width: 100%;
		width: calc(100% - 40px);
	}

	.textRight {
		text-align: left;
	}

	.adminRates fieldset .column.span_4_12 {
		width: 66.66%;
		width: calc(100% / 3 * 2);
	}
	.adminRates fieldset .column.span_2_12 {
		width: 33.33%;
		width: calc(100% / 3 * 1);
	}

	.adminRates fieldset.ais .column.span_4_12 {
		width: 33.33%;
		width: calc(100% / 3 * 1);
	}

	.adminRates fieldset .column:first-child {
		text-align: left;
		width: 100% !important;
	}

	.adminRates .standard {
		min-width: 90px;
	}

	.adminRates .inputField {
		max-width: 66.66%;
		max-width: calc(100% - 90px);
	}

	.adminRates fieldset.ais .inputField {
		max-width: 33.33%;
		max-width: calc(100% / 3 * 2 - 90px);
	}

	.adminRates fieldset.rowhead .column.span_1_4,
	.adminRates fieldset.rowhead .column.span_2_12 {
		width: 50%;
	}

	.emailOptOut label.inputLabel.pct_40,
	label.autoWidth {
		width: auto;
	}

	.emailOptOut input {
		margin: 12px 5px 10px 10px;
		position: relative;
	}

	div.modal.large {
		top: 30px;
	}

	img.print {
		margin: 0;
	}

	div.footerSpaceHolder {
		display: none;
	}

	.aboutTelephone {
		display: block;
	}

	.divider {
		display: none;
	}

	.button.white {
		font-size: 14px;
		line-height: 1.2rem;
		margin: 20px auto;
		padding: 10px;

		width: 100%;
		width: calc(100% - 32px);
	}

	.footer {
		height: auto;
		position: relative;
	}

	.footer span {
		display: block;
	}

	.footer .footerNav a {
		line-height: 2.5em;
	}

	.footer .footerNav .mobileLast:after {
		content: "";
	}

	.footer span.phone {
		display: block;
		font-size: 28px;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 557px) {
	.quoteTableHome td.update {
		height: 35px;
		padding-top: 5px;
	}
}

@media only screen and (max-width: 410px) {
	.headerBG .span_1_4 {
		width: 25%;
	}

	.headerBG .span_3_4 {
		width: 75%;
	}
}

@media only screen and (max-width: 360px) {
	.gridLayout.twoColumn {
		grid-template-columns: 1fr;
	}

	div.menu div.headerBtn a.button,
	div.headerBtn.mobile a.button {
		font-size: 11px;
	}

	.hideat300 {
		display: none !important;
	}
	.showat300 {
		display: block !important;
	}
}

@media only screen and (max-width: 310px) {
	div.contact.wide a {
		font-size: 10px;
	}
}