/*

----------------------------------------

DEFAULT ELEMENTS

----------------------------------------

*/

* {
	margin: 0;
	padding: 0;
}

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

	border: 0;
	font-size: 15px;
	font: inherit;
	vertical-align: baseline;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	font-size:15px;
	color:#333;
	line-height:18px;
	background:#f0f1f1;
}

ul, li, ol {
	list-style:none
}

/* render html5 elements as block */

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

sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
	font-size:20px;
}

sub {
	bottom: -0.25em
}

img {
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	line-height:.5em;
}

h2 {
	font-size:18px;
	color:#58595b;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif
}

h3 {
	font-size:15px;
	color:#58595b;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif
}

textarea:focus, button:focus, input[type="text"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, select:focus, .uneditable-input:focus, .sbHolder:focus {
	outline: 0;
	/*border:transparent;*/
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #999;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #999;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #999;
}

strong {font-weight:bold;}

em {font-style:italic;}

p {
	line-height:inherit;
	font:inherit;
}

hr {
	/* use for a light gray very thin hr */
	border: 0;
	border-top: 1px solid #eee;
	margin: 15px 0;
}

input[type=radio] {
	width:17px;
	height:17px;
	margin: 0 5px 0px 0;
}

input[type=checkbox] {
	width:20px;
	height:20px;
	margin: 0 3px 0 0;
}

textarea, input[type=text], select, button {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}


.show_mobile1 {
	display:none;
}

.hide_mobile1 {
	display:block;
}

.show_mobile2 {
	display:block;
}

.hide_mobile2 {
	display:none;
}


a {
	color:#23406d;
	outline:0;
	cursor:pointer
}

a, a:visited {
	text-decoration:none;
	outline:0
}

a:hover {
	text-decoration:underline;
	outline:0
}

a:hover {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

a:focus, a:active, a:visited {
	text-decoration:none;
	outline:0
}


/*

----------------------------------------

FORMATTING

----------------------------------------

*/

.larger {
	font-size:16px;
}

.w-100 {
	width: 100% !important;
}

.stretch {
	width:100%;
	display:block;
}

.pr{
	position:relative;
}

.border {
	border: 1px solid #d1d1d1;	
	border-radius: 4px;
	margin-bottom: 1.25rem;
}

.padding{
	padding:8px;
}
.pad {
	/* use with hr */
	clear:both;
	margin-bottom:10px;
	border-bottom:1px solid #d1d3d4;
	border-top:hidden;
}
.padlr{
	padding:0 8px;
}
.pad5b {
	padding-bottom:5px;
}
.pad5t {
	padding-top:5px;
}
.pad10b{
	padding-bottom:10px;
}
.pad20b{
	padding-bottom:20px;
}
.pad15r{
	padding-right:15px;
}
.pad16{
	padding:16px;
}
.pad24{
	padding:24px;
}

.margin0{
	margin:0 !important;
}
.margins{
	margin:15px;
}
.margin5 {
	margin:5px;
}
.margin5pr{
	margin-right:5%;
}
.margin5b{
	margin-bottom:5px;
}
.margin10t{
	margin-top:10px;
}
.margin10b{
	margin-bottom:10px;
}
.margin10r{
	margin-right:10px;
}
.margin15b{
	margin-bottom:15px;
}
.margin20b {
	margin-bottom:20px;
}
.margin20t{
	margin-top:20px;
}
.margin20r{
	margin-right:20px;
}
.margin25l{
	margin-left:25px;
}
.margin30b {
	margin-bottom:30px;
}
.marginstandard{
	margin:.83em 0;
}

/* END FORMATTING */


/*

----------------------------------------

CONTAINERS

----------------------------------------

*/

.app-container{
	background-color:#fff;
	/*padding:15px;*/
	border:none;
	max-width:650px;
	margin:0 auto;
}

.panel-container{
	width:100%;
	max-width:620px;
	margin:0 auto;
}

.container-main {
	width:100%;
	padding:15px 0 20px 0
}



.container {
	max-width:1000px;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
}


.flex-grid {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.flex-grid:after {
	content: "";
	display: table;
	clear: both;
}

.flex-leftalign {
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
}

.flex-centeralign {
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items:center;
}

.flex-nowrap{
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
}

.space-between {
	justify-content: space-between;
}

.flex-start {
	justify-content: flex-start;
}

.center {
	align-items: center;
}

.nowrap {
	flex-wrap:nowrap !important;
}

.wrapreverse {
	flex-wrap:wrap-reverse !important;
}

.grow {
	flex-grow:1;
}

.col1{
	flex:1;
	margin:0 5% 0 0;
}

.col2{
	flex:1;
	margin:0;
}

.col3 {
	margin:0 2% 0 0;
}

[class*='col-'] {
	padding-right: 2%;
}
[class*='col-']:last-of-type {
	padding-right: 0;
}

.col-1{
	flex:1;
}

.col-2{
	flex:1;
}

.col-3 {
	flex:1;
}

.col-2-3 {
	width: 60.66%;
}
.col-1-3 {
	width: 39.33%;
}

.col-half{
	width:50%;
}
.col-1-4 {
	width:25%;
}

.col-2-5 {
	width:40%;
}
.col-1-5 {
	width:20%;
}
.col-3-10{
	width:30%;
}
.col-2-10{
	width:20%;
}
.col-1-10{
	width:15%;
}

/*

----------------------------------------

INPUTS

----------------------------------------

*/

label {
	width:100%;
	float:left;
	font-size:15px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 0 5px 0;
}

label .req, .req {
	color:#ff0000;
}

.input, .textarea, select {
	width:100%;
	height:30px;
	font-size:15px;
	background:#f9f9f9;
	border:1px solid #e5e6e4;
	border-radius:3px;
	padding:5px 10px;
}

/* Change autocomplete styles in WebKit */
input:-webkit-autofill:not(.material),
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill:not(.material),
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill:not(.material),
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	border: 1px solid #e5e6e4;
	-webkit-box-shadow: 0 0 0px 1000px #f9f9f9 inset;
	transition: background-color 5000s ease-in-out 0s;
}


/* USED FOR DOLLAR SIGN ICON IN FRONT OF AMOUNT FIELDS */
.input-dollar{
	padding: 0 .5rem;
	background-color:#f1f1f1;
	height: 45px;
	line-height: 45px;
	z-index: 3;
	color:#888;
	font-size: 1.3em;
	border-top: 1px solid #aaa !important;
    border-right: 1px solid #aaa !important;
    border-left: 1px solid #aaa !important;
    border-bottom: 2px solid #aaa !important;
}
.input-dollar-small {
	/*border: 1px solid #939393;
	height:35px !important;
	line-height: 35px !important;*/
	
	background-color: #fff;
	height:40px;
	line-height:37px;
	border-bottom: 2px solid #ccc;
	border-top:none;
	border-left:none;
	border-right:none;
}
.input-amt{
	height:45px;
	line-height: 45px;
	width:100%;
	font-size: 1.3em;
	border-radius:0;
	color: #333333 /*#666666*/;
	font-family: Arial;
	padding-left:8px;
	margin-left: -4px;
	z-index: 1;
	border-top: 1px solid #aaa !important;
    border-right: 1px solid #aaa !important;
    border-bottom: 2px solid #aaa !important;
}

/* For Font Awesome icons */
.input-icon {
	padding: 0 .5rem;
	background-color:#eee;
	height: 30px;
	line-height: 30px;
	z-index: 3;
	color:#888;
	font-size: 1.3em;
}
/* use this if there is a conflict between a FA class and our class */
.input-icon:before {
	line-height:30px;
}
#totaldiv .input-icon{
	height:40px;
	line-height:40px;
}
.input-with-icon{
	margin-left: -4px;
	z-index: 1;
	font-size: 16px;
}
.input-wrapper{
	display: flex;
	flex-wrap: nowrap;
	width:100%;
	position:relative; /* here to position the error message span */
	align-items: center;
	justify-content: center;
}

/* Based on Material UI */
.material {
	border-bottom: 2px solid #ccc !important;
    border-top: none;
    border-left: none;
    border-right: none;
    height: 40px;
    margin-bottom: 0;
    line-height: 40px;
    width: 100%;
    font-size: 1.2em;
    border-radius: 0;
    color: #333333;
    font-family: Arial;
    padding-left: 8px;
    z-index: 1;
    /*for browser autocomplete entries - keeps background white */
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
/* /// */


.sbHolder {
	width:100%;
	height:30px;
	float:left;
	background:#f9f9f9 url(../images/arrow01.png) no-repeat right center;
	position:relative; /* here to position the error message span */
}

.sbHolder select {
	background: transparent;
	font-size:15px;
	padding: 5px;
	border-radius: 3px;
	height: 30px;
	width:100%;
	-webkit-appearance: none;
}

/* for employer match select list to style JQuery UI menu*/
.ui-menu .ui-menu-item{
	padding: 5px 7px !important;
}
.ui-menu .ui-menu-item-wrapper {
	outline: none !important;
	background: none !important;
	border: none !important;
	color:#000 !important;
	margin:0 !important;

}
.ui-autocomplete {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	float: left;
	display: none;
	min-width: 160px;
	padding: 4px 0;
	margin: 0 0 10px 25px;
	list-style: none;
	background-color: #ffffff;
	border-color: #ccc;
	border-color: rgba(0, 0, 0, 0.2);
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	*border-right-width: 2px;
	*border-bottom-width: 2px;
}
.ui-autocomplete .ui-menu-item:hover, .ui-autocomplete .ui-menu-item-wrapper:hover {
	background-color:#eee !important;
	border:0 !important;
	width:calc(100% - 14px);
	color:#000;
}

.ui-menu-item > a.ui-corner-all {
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: #555555;
	white-space: nowrap;
	text-decoration: none;
}

.ui-state-hover, .ui-state-active {
	color: #ffffff;
	text-decoration: none;
	background-color: #eee;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-image: none;
}
:focus {
	outline: none !important;
}

.checkbox-label {
	display: block;
	padding-left: 20px;
	font-size:14px;
}



/*
--------------------------------------
ERRORS
---------------------------------------
*/
.show_err{
	font-size: 16px;
	color: #ee333e;
	padding:10px;
	/*background: #FADEDD url("../images/error.png") 1% 50% no-repeat;*/
	background-color:#FADEDD;
	border:2px solid #ee817d;
	border-radius: 3px;
	margin-top:10px;
	/*width:80%;*/
	display:block;
	z-index:100;
}

.show_err p {
	padding:0;
	margin-bottom: 0!important;
}

.hide_err{
	font-family: Arial, Helvetica, sans-serif;
	color: #f00;
	padding-top:5px;
	display:none;
}

.err{
	font-family: Arial, Helvetica, sans-serif;
	color: #f00;
	font-size:1em;
	display:block;
}

.redborder{
	border:2px solid #f00 !important;
}

.redglow {
	outline: none;
	-moz-box-shadow: 0 0 0.25em #ff0000;
	-webkit-box-shadow: 0 0 0.25em #ff0000;
	box-shadow: 0 0 0.25em #ff0000;
	border: 1px solid #ff0000 !important;
}

/*

----------------------------------------

LEFT PANEL

----------------------------------------

*/



.left-panel-bg {
	max-width:670px;
	width:100%;
	padding:0 0 20px 0;
	margin: 0 auto;
}

.left-panel-bg-embed {
	width:100%;
	max-width:700px;
	margin:0 auto;
	padding:0 0 35px 0
}

.left-panel {
	width:100%;
	float:left;
	background:#FFFFFF;
	border-radius:3px;
	/*position:relative;*/
	padding:20px 0 0 0;
}

.form-block {
	width:100%;
	/*float:left;*/
	padding:0 40px
}

.left-panel .form-head {
	width:100%;
	/*float:left;*/
	margin:0 0 20px 0;
	/*max-height:500px; */
}

.left-panel .form-head .logo{
	clear:left;
	position:relative;
	margin:0 auto;
	text-align:center;
	padding: 10px 0 20px 0;
}

.left-panel .form-head p{
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 10px;
}

.left-panel .form-head h1, .left-panel .form-head h2{
	line-height: 1.8em;
	margin-bottom: 15px;
}

.left-panel .check-info {
	width:100%;
	float:left
}

.left-panel .check-info .checkbox {
	position:absolute;
	top:0;
	left:0
}

.left-panel .check-info .req {
	color:#ff0000;
}

.left-panel .check-info p {
	float:left;
	font-size:14px;
	position:relative;
}

.left-panel .radio-info {
	width:100%;
	float:left
}

.left-panel .radio-info .radio {
	float:left;
	position:absolute;
	top:2px;
	left:0
}

.left-panel .radio-info p {
	float:left;
	position:relative;
	padding:0 20px 5px 25px
}

/*

----------------------------------------

COLLAPSIBLE CONTENT

----------------------------------------

*/


#accordion-container {
	background: #ffffff;
	padding: 20px 20px 10px 20px;
	border: 1px solid #cccccc;
	border-top:none;
	clear:left;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 5px 15px #cccccc;
	-webkit-box-shadow: 0 5px 15px #cccccc;
	box-shadow: 0 5px 15px #cccccc;*/
}

.accordion-header {
	margin: 0 0 0 0;
	padding: 7px 0 6px 25px;
	cursor: pointer;
	color: #800080;
	/*font-size:.9em;*/
	width:auto;
	clear:both;
}

.collapsible {
	margin: 0 0 0 0;
	padding: 7px 0 6px 20px;
	cursor: pointer;
	width:auto;
	clear:both;
	font-size:14px;
}

.expandable {
	margin: 0 0 0 0;
	padding: 5px 0 0 20px;
	cursor: pointer;
	width:auto;
	clear:both;
	font-size:14px;
}

.collapsible a, .expandable a {
	background: url(../images/arrow_right.png) no-repeat 0 center;
	margin: 0;
	text-decoration: none;
	color: #990000;
}

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

.collapsible a.active, .expandable a.active {
	background: url(../images/arrow_down.png) no-repeat 0 center;
}

.collapsible a span, .expandable a span {
	padding-left:20px;
}

.collapsible-content {
	display: none;
	padding: 5px;
	background: #ffffff;
	width:100%;
}

.collapsible-content ul {
	margin:0;
	padding-inline-start: 15px;
}

.collapsible-content li {
	list-style:disc;
}

.expandable-content {
	display: none;
	padding: 5px;
	background: #ffffff;
	width:100%;
}

.expandable-content ul {
	margin:0;
	padding-inline-start: 15px;
}

.expandable-content li {
	list-style:disc;
}

.active-header {
	background: url(../images/arrow_down.png) no-repeat 7px center;
	margin: 0 0 0 10px;
}

.active-header:hover {
	background: url(../images/arrow_down.png) no-repeat 7px center;
	/*background-repeat: no-repeat;
	background-position: right 50%;*/
}

.inactive-header {
	background: url(../images/arrow_right.png) no-repeat 7px center;
	margin: 0 0 0 10px;
}

.inactive-header:hover {
	background: url(../images/arrow_right.png) no-repeat 7px center;
	/*background-repeat: no-repeat;
	background-position: right 50%;*/
}


.accordion-content {
	display: none;
	padding: 5px;
	background: #ffffff;
	width:100%;
}


/*

----------------------------------------

FEE HOLDER

----------------------------------------

*/

#fee_holder {
	clear: both;
	width: 100%;
	padding: 10px 0;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin-left: 2px;
}

.fee_checkbox {
	margin: 0 5px 0 5px;
	float: left;
	display: block;
	clear: left;
	padding: 0;
}

.regbox .fee_checkbox{
	margin:0 5px;
}

#fee_holder .checkbox-label{
	padding: 0 0 0 0;

}

#fee_box {
	display: none;
	margin:10px 0 0 0;
}

#fee_box input[type=text] {
	width:75px;
}

#fee_box span{
	float:left;
	position: relative;
	line-height:21px;
	padding:0;
	margin:0 0 0 25px;
	font-size:12px;
}

#fee_box .input {
	margin:-5px 0 0 5px;
	font-size:14px;
}

span#fee_amt {
	margin: 0;
}


/*

----------------------------------------

CUSTOM FORM REGISTRATION FIELDS

----------------------------------------

*/

.regbox {
	width:100%;
	padding:0 0 20px 0;
	font-size:15px;
	margin:0;
}

.regbox h2, .items h2 {
	width:100%;
	float:left;
	border-bottom:1px solid #d1d3d4;
	padding:0;
	margin:0 0 22px 0
}

.regbox h2 span, .items h2 span {
	float:left;
	background:#FFFFFF;
	padding:0 15px 0 0;
	margin:0 0 -6px 0
}

.regbox .box-bg {
	width:100%;
	padding:15px;
	clear:left;
}

.regbox .box-bg label {
	margin:0 2% 0 0;
	font-size:15px;
}

.regbox .box-bg .field-1 {
	margin-top:15px;
}

.regbox .box-bg .field-1 .selec-txt {
	float: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	margin: 5px 0;
}


.regbox .box-bg .text-label {
	float:left;
}

.frequency {
	clear: both;
	margin: 0;
}

.frequency label {
	width: 100%;
	border-radius: 3px;
	border: 1px solid #D1D3D4
}


/* hide input */
input.radio:empty {
	margin-left: -1999px;
}

/* style label */
input.radio:empty ~ label {
	position: relative;
	float: left;
	/*line-height: 2.5em;
	text-indent: 3.25em;*/
	padding: 15px 10px 15px 45px;
	margin-top: .5em;
	width:100%;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input.radio:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	width: 2.5em;
	background: #D1D3D4;
	border-radius: 3px 0 0 3px;
}

/* toggle hover */
input.radio:hover:not(:checked) ~ label:before {
	content:'\2714';
	text-indent: .9em;
	color: #C2C2C2;
}

input.radio:hover:not(:checked) ~ label {
	color: #888;
}

/* toggle on */
input.radio:checked ~ label:before {
	content:'\2714';
	padding-top: 2%;
	text-indent: .9em;
	color: #9CE2AE;
	background-color: #4DCB6D;
}

input.radio:checked ~ label {
	color: #777;
}

/* radio focus */

/*.regbox input[type=text], input[type=number] {

	width:75px;
	font-size:14px;

}*/

.regbox #amt {
	padding:5px;
}

.regbox .box-bg span {
	position:relative;
	/*padding:7px 0 7px 0;
	margin:0 0 0 2%;*/
	line-height:21px;
}

.regbox .box-bg .longlabel {
	width:40%;
	padding:0;
}

.regbox .box-bg .dollarsign {
	position:relative;
	padding:7px 0 7px 0;
	float:left;
	margin:0;
	color: #58595B;
	font-size:16px;
}

.regbox .box-bg .largetext {
	font-size:18px;
	color:#000000;
	font-weight:bold;
	padding-left:10px;

}

.msgtext {
	color:#ff0000;
	margin:0 0 0 28px;
	width:100%;
}

.regbox .box-bg .msgtext-indent {
	font-size:.8em;
	color:#ff0000;
	margin:0 0 0 88px;
	width:100%;
	clear:left;
}

.regbox .box-bg .custom-text-field {
	clear:left;
	width:80%;
	padding:3px;
	height:25px;
	font-size:1em;
}

.regbox .smalltext {
	font-size:.9em;
	color:#ff0000;
	padding:0;
	line-height:14px;
	clear:left;
	margin:0 0 10px 0;
}

/* this has to float left at the moment until sbHolder is fixed */
.section {
	width:100%;
	margin:0 0 20px 0;
	float:left;
}

input.pledge, select.pledge, input.currentpledge{
	font-size:1.1em;
	border-radius:0;
}

.pledgeoption {
	margin:0 0 20px 28px;
	font-size:1.1em;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	align-items: center;
}
.pledgeoption .col-half{
	display:flex;
	flex-wrap:nowrap;
	align-items: center;
}
.pledgeoption div{
	padding:0 5px 5px 0;
	font-weight:bold;
}
.pledgeoption input, .pledgeoption .sbHolder {
	height:30px;
	font-size:16px;
	flex:1;
}
.pledgeoption .sbHolder {
	padding:0;
}
.totalpledge{
	border:1px solid;
	margin-bottom:30px;
	padding:8px;
	font-weight:bold;
	font-size:1.2em;
}
#annualpledge{
	font-size:1.1em;
	margin-bottom:10px;
}

.regbox .box-bg .options {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
}
.regbox .box-bg .options li{
	width:20%;
	flex:1;
}

.regbox .amtbtn {
	width:auto;
	min-width:90px;
}

.regbox .box-bg .frequency_options li{

	float:left;
	margin-right:10px;
}

.regbox .box-bg .frequency_options button {
	cursor: pointer;

	text-align: center;

	text-shadow: 0 1px 1px rgba(0,0,0,.3);

	-webkit-border-radius: .5em;

	-moz-border-radius: .5em;

	border-radius: .2em;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);

	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);

	box-shadow: 0 1px 2px rgba(0,0,0,.2);

	border: solid 1px #f58832;

	background: #f58832;

	font-size:14px;

	color:#ffffff;

	font-weight:bold;

}

.regbox .item-info ul, .regbox .item-info li {
	margin-left:20px;
	/*font-size:.9em;*/
	list-style-type: disc;
}


.regbox .box-bg .buttondiv {
	clear:both;
	float:left;
	margin-bottom:15px;
}

.regbox button {

	height:50px;
	cursor: pointer;
	text-align: center;
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	box-shadow: none !important;
}

.membtn {
	width:100%;
}

.amtbtn {
	width:110px;
}

.regbox .box-bg .frequency_options li .frequency_button {
	font-size:14px;
	width:90px;
	height:30px;
}


.regbox .box-bg .smallbutton {
	width:75px;
	height:30px;
}

.regbox .box-bg .button-label {
	position:relative;
	padding:6px 0 7px 5px;
	margin:0;
}

#selection {
	font-size:16px;
	line-height:21px;
	padding-bottom:10px;
	width:100%;
}
.selection_box {
	margin:0 0 20px 0;
	border-radius: 3px;
	width:100%;
}
.selection_box_title {
	color:#ffffff;
	font-weight: bold;
	font-size: 1.2em;
	padding:10px;
}
.selection_box_content{
	padding:10px;
	font-size:16px;
}
.selection_box_content .total{
	font-size:18px;
	padding-top:10px;
	border-top:1px solid #eee;
	font-weight:500;
}
.selection_box_total_amount{
	font-weight:600;
}

.regbox .checkbox {
	margin-right:5px;
	margin-top:2px;
}

.regbox .cb-with-input-field {
	float:left;
	margin-top:7px;
	max-width:20px;
}

.regbox .item-container {
	margin:0 0 20px 0;
	padding:10px;
}

.regbox .item-container-top {
	padding:7px;
	margin:0;
}

.regbox .item-container-top span {
	font-size:18px;
	font-weight:bold;
}

.regbox .ticket_holder {
	width: 77px;
	margin-right: 5px;
	margin-bottom: 10px;
	float: left;
}

.ticket_holder_pm{
	margin-bottom:10px;
	margin-right:15px;
}

button.plus, button.minus {
	height:35px;
	width:35px;
	border-radius: 0;
	font-size:21px;
}

.ticket_holder_pm > .tickets, .ticket_holder_pm > .tickets-x-qty, .ticket_holder_pm > .tickets-no-qty, .ticket_holder_pm > .tickets-with-tshirt {
	height:35px;
	width:50px;
	font-size:18px;
	margin-bottom: 0;
	text-align: center;
}

.ticketpm {
	text-align: center;
	border: none;
	border-radius: 0;
	border-top: thin solid #939393;
	border-bottom: thin solid #939393;
}

.ticket_label {
	width:100%;
	display:flex;
	overflow:hidden;
	margin-top:10px;
	flex-wrap:wrap-reverse;
}

.regbox .ticket_label_2line {
	margin-top:0;
	width:100%;
	display:inline-block;
	overflow:hidden;
}

.regbox .ticket_label_text {
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

/* for newer ticket bundle and guest name options */ 
.ticketnum {
	margin-bottom: 10px;
	margin-right: 15px;
}

.tix {
    height: 35px;
    width: 50px;
    font-size: 18px;
    margin-bottom: 0 !important;
    text-align: center;
}
/* */

/* for sponsorship levels */
.sp_level{
	 padding:10px;
	 border: 1px solid #ccc;
	 width:100%;
	 border-radius:5px;
	 margin-bottom:20px;
 }	
.sp_level .list {
	margin-left:45px;
	list-style: disc;
}
.sp_level .list:first-of-type {
	margin-top:10px;
}
.sp_level label{
	font-size:16px;
}
.sp_level span {
	padding-left:28px;
	font-style:italic;
	font-size:16px;
}
/* */

.input_will_stretch {
	width:100%;
	display:flex;
	overflow:hidden;
	align-items:center;
}

.regbox .box-bg .totamt {
	width:150px;
}

#totaldiv {
	float:left;
	margin: 5px 5px 0 0;
	max-width:100px;
}

.total_label {
	font-size:16px;
}

.donationdiv {
	max-width:100px;
	margin-right:10px;
}

.donationdiv_text {
	width:100%;
}

.regbox .box-bg #totaldiv .input100 {
	width:100px;
}

.customFields {
	float:left;
	width:100%;
}


.customFields h2 {

	width:100%;

	float:left;

	border-bottom:1px solid #d1d3d4;

	padding:0;

	margin:0 0 10px 0

}



.customFields h2 span {

	float:left;

	background:#FFFFFF;

	padding:0 15px 0 0;

	margin:0 0 -6px 0

}

.memtype h2 span {
	padding: 5px 10px 5px 0;
	background-color: #fff;
}
.memtype_box {
	border: 1px solid #ccc;
	padding: 15px 0 15px 15px;
	width: 290px;
	margin-top: -8px;
}

.addbutton {
	padding: 5px !important;
	background-color: #e0e0e0;
	border-radius:3px;
	margin-bottom:15px;
	cursor:pointer;
}
.addbuttonicon{
	border-radius: 50%;
	border: 1px solid #999;
	display: inline-block;
	width: 20px;
	text-align: center;
	height: 20px;
	cursor:pointer;
}
.guestreg{
	border: 1px solid #ccc;
    padding: 10px;
    border-radius: 3px;
    margin-bottom:15px;	
}
.guestreg-wrapper {
	display:flex;
	flex-wrap:wrap;
}
.guestreg-wrapper [class*='col-'] {
	flex-grow: 1;
}

/* PLUS MINUS CONTAINER FOR EVENT AND MEMBERSHIP FORMS - ROUND BUTTONS */
.pm-container{
	display: flex;
	flex-wrap: nowrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	align-items: center;
	width:100%;
	padding: 15px;
}
.pm-button {
	min-width: 2rem;
	height: 2rem;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.14118),0 1px 10px 0 rgba(0,0,0,.12157),0 2px 4px -1px rgba(0,0,0,.2)!important;
	-webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.14118),0 1px 10px 0 rgba(0,0,0,.12157),0 2px 4px -1px rgba(0,0,0,.2)!important;
	touch-action: manipulation;
	-ms-touch-action: manipulation;
	color: #1d1e1f;
	border-color: #1d1e1f;
	border-radius: 625rem;
	padding: 0;
	margin: 0;
	line-height: 1.15;
	overflow: visible;
	-webkit-appearance: button;
	cursor: auto;
	vertical-align: middle;
	position: relative;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
    align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition-duration: .05s;
    transition-duration: .05s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.pm-button:active, .pm-button:enabled {
    -webkit-transform: scale(.96);
    transform: scale(.96);
}
.pm-button-minus {
	background-color: #fff;
}
.pm-button-minus:hover{
	background-color: #eff0f1;
}
.pm-button-plus{
	border-color: transparent;
}
.pm-icon{
	font-size: 1.25rem;
	min-height: 1em;
	min-width: 1em;
	vertical-align: middle;
}
.pm-stepper{
	margin: 0;
}
.pm-stepper-input{
	width: 3.5ch !important;
	min-width: 1.5rem;
    background: #fff;
    border: none;
    border-radius: 0;
    font-size: 1.25rem;
    text-align: center;
    -moz-appearance: textfield;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom:0 !important;
    color: #1d1e1f !important;
}
.pm-text{
	font-size:1.1rem;		
	font-weight:bold;
	margin-left: 15px;
	padding-left: 15px;
	border-left: 1px solid #f1f1f1;
}
.pm-text-smaller{
	font-size:.9rem;
	font-weight:normal;
}

@media only screen and (max-width: 400px){
	.pm-container{
		flex-wrap: wrap-reverse;
		justify-content: center;
	}
	.pm-text {
		width:100%;
		text-align: center;
		margin-left: 0;
		padding-left: 0;
		border-left: none;
		margin-bottom: .5rem;
		padding-bottom: .5rem;
		border-bottom: 1px solid #f1f1f1;
	}	
	.pm-container .img {
		margin-left:auto;
		margin-right:auto;
	}	
}

/* ANIMATED CHECKBOX BUTTONS */
.control {
    font-family: arial;
    display: block;
    position: relative;
    padding-left: 25px;
    margin: 5px 15px 15px 0;
    padding-top: 0;
    cursor: pointer;
    color:#222;
	font-size:24px;
	font-weight:bold;
	width:100%;
}
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control_indicator {
    position: absolute;
    top: 0;
    left:0;
    height: 21px;
    width: 21px;
    background: #f9f9f9;
}
.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
    background: #f1f1f1;
}

.control input:checked ~ .control_indicator {
    background: #9D2C32;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    background: #f1f1f1;
}
.control input:disabled ~ .control_indicator {
    background: #f1f1f1;
    opacity: 0.6;
    pointer-events: none;
}
.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control_indicator:after {
    display: block;
    width:20px;
    height:20px;
}
      
.control-radio .control_indicator {
    border-radius: 50%;
}

.control-radio .control_indicator:after {
    left: 0px;
    top: 0px;
    height: 0px;
    width: 6px;
    border-radius: 50%;
    transition: background 250ms;
}
.control-cb .control_indicator:after {
    content:"\2713"; /* Tick */
	color:white;
	font-size:21px;
    transition: background 250ms;
}
.control-radio input:disabled ~ .control_indicator:after {
    background: #f1f1f1;
}.control-radio .control_indicator::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 4.5rem;
    height: 4.5rem;
    margin-left: -1.3rem;
    margin-top: -1.3rem;
    background: #802232;
    border-radius: 3rem;
    opacity: 0.6;
    z-index: 99999;
    transform: scale(0);
}
.control-cb input:disabled ~ .control_indicator:after {
    background: #f1f1f1;
}
.control-cb .control_indicator::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 4.5rem;
    height: 4.5rem;
    margin-left: -1.3rem;
    margin-top: -1.3rem;
    border-radius: 3rem;
    opacity: 0.6;
    z-index: 99999;
    transform: scale(0);
}
    
@keyframes s-ripple {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    20% {
        transform: scale(1);
    }
    100% {
        opacity: 0.01;
        transform: scale(1);
    }
}
@keyframes s-ripple-dup {
   0% {
       transform: scale(0);
    }
   30% {
        transform: scale(1);
    }
    60% {
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}
.control-radio input + .control_indicator::before {
    animation: s-ripple 250ms ease-out;
}
.control-radio input:checked + .control_indicator::before {
    animation-name: s-ripple-dup;
}
.control-cb input + .control_indicator::before {
    animation: s-ripple 250ms ease-out;
}
.control-cb input:checked + .control_indicator::before {
    animation-name: s-ripple-dup;
}


/* END EVENT REGISTRATION FIELDS */


.field-1 {

	width:100%;

	overflow: hidden;

	padding:0 0 10px 0

}



.field-1 h2 {
	width: 100%;
	float: left;
	border-bottom: 1px solid #d1d3d4;
	padding: 0;
	margin: 0 0 20px 0;
}

.field-1 h2 span {
	float: left;
	background: #FFFFFF;
	padding: 0 15px 0 0;
	margin: 0 0 -6px 0;
}



.field-1 .box {
	width:100%;
	float:left;
	background:#eeeeee;
	border:1px solid #cccccc;
	padding:15px;
	margin-bottom: 20px;
}



.field-1 .options {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/*margin:0;
	padding:10px 0;*/
}

/*.field-1 .options li {
	margin-right:1em;
}*/



.field-1 .options li button {
	width:100%;
	min-width: 99px;
	height:50px;
	cursor: pointer;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	/*border: solid 1px #f58832;*/
	background: #f58832;
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
	margin-bottom: 10px;
}




.field-1 .options li button:hover {

	background: #f58832;

	background: -webkit-gradient(linear, left top, left bottom, from(#f58832), to(#f06015));

	background: -moz-linear-gradient(top,  #f58832,  #f06015);

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f58832', endColorstr='#f06015');

	box-shadow: 0 0 8px rgba(0,0,0,.2);

}

.field-1 .options li .radio {
	margin:3px 8px 3px 0
}

.field-1 .other-option {
	width:100%;
}

.field-1 .selec-txt {
	/*width:240px;
	float:left;*/
	font-size:16px;
	font-weight:bold;
	line-height:16px;
	margin:0 0 5px 0;
}


.field-1 .selec-txt .radio {
	float:left;
	margin:1px 7px 0 0
}


.field-1 .selec-txt .txt {
	float:left;
	margin-right:5px;
	width:100%;

}



.field-1 .selec-txt span {

	font-size:12px;
	font-weight:normal;
	display:inline-block;

}

.field-1 .option-info {
	width: 100%;
	display: flex;
	flex-wrap: wrap-reverse;
	align-items: center;
}

.field-1 .option-info .type1 {
	font-size:18px;
	font-weight:bold;
}



.field-1 .option-info .type2 {
	height:27px;
	float:left;
	padding:7px 5px 7px 0;
	line-height:27px;
}



.field-1 .option-info .input {
	width:106px;
	font-size:18px;
	font-weight:bold;
	margin:0 10px 0 0;
	height:45px;
	padding:5px;
	border: 1px solid #9c9c9c;
}

.field-1 .option-info .input2 {
	width:45%;
	font-size:18px;
	font-weight:bold;
	margin:0 10px 0 0;
	height:45px;
	padding:5px;
	border: 1px solid #9c9c9c;
}


.field-1 .option-info .amt {
	width:100px;
	height:45px;
	padding:5px;
	border: 1px solid #9c9c9c;
}



.field-1 .don {
	width:100%;
	float:left;
	padding:20px 0 10px;
}

.field-1 .don ul {
	padding: 0;
	margin: 5px;
}

.field-1 .don li {
	width:100%;
	color:#58595b;
}

.field-1 .don .horiz{
	width:165px;
}

.field-1 .don span {
	font-size:16px;
}


.field-1 .sbHolder {
	width:29%;
}

.amounterror_off {
	font-size:12px;
	font-weight:normal;
	display:inline-block;
}

.amounterror_on {
	font-size:12px;
	font-weight:bold;
	color:#ff0000;
	display:inline-block;
}
.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.radio-toolbar div {
	flex-grow: 1;
    margin: 0 2% 3% 0;
}
.radio-toolbar div:last-of-type {
	margin: 0 0 0 0;
}
.radio-toolbar label {
    display: inline-block;
    background-color: #b0b0b0;
    color:#fff;
    text-align:center;
    padding: 10px 5px;
    font-family: sans-serif, Arial;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #aaa;
    border-radius: 4px;
}

/* FIELD 2 EMPLOYER MATCH */

.field-2 {
	width:100%;
	float:left;
	padding:0 0 20px 0;
}

.field-2 h2 {
	width:100%;
	float:left;
	border-bottom:1px solid #d1d3d4;
	padding:0;
	margin:0 0 22px 0
}

.field-2 h2 span {
	float:left;
	background:#FFFFFF;
	padding:0 15px 0 0;
	margin:0 0 -6px 0
}

.field-2 .box-bg {
	border:1px solid #000000;
	float:left;
	width:100%;
}

.field-2 .box {
	padding:2em;
	width:100%;
}

.field-2 .txt-collapsible, .field-3 .txt-collapsible {
	padding:10px;
	width:100%;
}



/*.field-2 .txt-collapsible .checkbox, .field-3 .txt-collapsible .checkbox {
	position:absolute;
	top:20px;
	left:20px
}*/

.field-2 .txt-collapsible p {
	color:#333333;
	padding:0 0 0 26px;
}

.field-2 .txt-collapsible p span {
	font-weight:bold;
}

.field-2 #matchblock {
	width:100%;
	padding:0 20px;
}

#cmmatchblock{
	width:100%;
	padding:20px;
}

.field-2 p {
	width:100%;
	font-weight:bold;
	margin:0 0 10px 2px;
}

.field-2 .input {
	width:100%;
	margin-bottom:10px;
}

.field-2 .flex-col-1 {
	width:100%;
}


.field-2 .sbHolder {
	width:100%;
}
.field-2 .sbHolder input{
	background:transparent;
}

.field-2 .sbOptions ul {
	margin:0
}

.field-2 .sbOptions li {
	padding:0
}

.field-2 .notlist span {
	margin-left:10px;
}

/* END FIELD 2 EMPLOYER MATCH */


/* FIELD 3 */

.field-3 {
	width:100%;
	float:left;
	padding:0 0 20px 0
}

.field-3 .box-bg, .field-4 .box-bg {
	width:100%;
	float:left;
	border:1px solid #000000;
}

.field-3 h2 {
	width:100%;
	float:left;
	border-bottom:1px solid #d1d3d4;
	padding:0;
	margin:0 0 20px 0
}

.field-3 h2 span {
	float: left;
	background: #FFFFFF;
	padding: 0 15px 0 0;
	margin: 0 0 -6px 0;
}

.field-3 h3 {
	width:100%;
	float:left;
	margin:0 0 20px 0
}

.field-3 .check-info {
	width:100%;
	float:left;
	position:relative;
	margin:15px 0 10px 0
}

.field-3 .radio-below .input, .field-3 .radio-below .sbHolder {
	width:100%;
	margin:0 0 10px 0;
}


/*.field-3 .radio-info2 {
	display:block;
	float:left;
	padding:20px 0 0 0;
	width:80%;
	margin:0 0 0 20%;
}

.field-3 .radio-info2 .btn-tribute{
	width:47%;
}*/


#tributeblock {
	width:100%;
	padding:0 20px 20px 20px;
}

#btn-tribute .input {
	background: #fff;
	margin-bottom:10px;
	/*max-width:30%;*/
	width:auto;
	flex-grow:1;
	height:32px;
}

#btn-tribute .custom-inputs ul li label {
	padding: 0 0 0 25px;
}


/*.btn-tribute {
	text-decoration:none;
	font-size:14px;
	font-weight: 400;
	display:inline-block;
	width: 100%;
	height:30px;
	box-sizing: border-box;
	margin-bottom:10px;
	cursor: pointer;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border: solid 1px #f58832;
	vertical-align: middle;
	line-height: 30px;
}

.btn-tribute:last-child {
    margin-right: 0;
}

.btn-tribute label {
	color:#ffffff;
}

.btn-tribute label:focus {
	text-shadow:2px 2px #f5efc5;
}

.on {
	background: #f06015;
	box-shadow: inset 0 0 2px 2px #fbf4c7;
}

.off {
	background: #f58832;
}

.btn-tribute .btn-radio {
	opacity:0;
}*/

#notifyblock {
	margin:10px 40px 0 40px;
}

/* END FIELD 3 */


/* FIELD 4 */

.field-4 {
	width:100%;
	float:left;
	padding: 0;
	margin:0 0 10px 0;
}

.field-4 ul {
	width:100%;
	padding:0;
	margin:0;
}

.field-4 ul li {
	width:100%;
	padding:0;
}

/*.field-4 ul li label {
	padding-bottom:5px;
}*/

.field-4 .input {
	margin:0 0 20px 0;
}

.field-4 .check-info p {
	margin:0 0 20px 0;
}

.field-4 ul li .sbHolder {
	width:100%;
	margin:0 0 20px 0;
}

.field-4 ul li .sbOptions ul {
	margin:0
}

.field-4 ul li .sbOptions li {
	padding:0
}

.field-4 .checkinfo p{
	line-height:18px;
}

.field-4 ul li .textarea {
	width:100%;
	height:100px;
	background:#FFFFFF
}

.field-4 ul li .txt-tag {
	width:100%;
	max-width:485px;
	float:left;
	font-size:10px;
	text-align:right;
	padding:3px 0 0 0
}

.field-4 .border {
	border: 1px solid #A6A6A6;
	padding:20px;
}

.field-4 .border > li {
	padding:0px;
}

.field-4 .cbox{
	width:100%;
	border: 1px solid #e6e6e6;
	padding: 10px;
}

.field-4 .checkbox{
	margin-right:3px;
}

/* END FIELD */


/* FIELD 5 */

.field-5 {
	width:100%;
	float:left;
	padding:0 0 15px 0
}

.field-5 h2 {
	width:100%;
	float:left;
	border-bottom:1px solid #d1d3d4;
	padding:0;
	margin:0 0 20px 0
}

.field-5 h2 span {
	float:left;
	background:#FFFFFF;
	padding:0 15px 0 0;
	margin:0 0 -6px 0
}

.field-5 #col1, #col2 {
	float:left;
	width:21%;
	margin:0 1% 0 0;
}

.field-5 #col3 {
	float:left;
	width:35%;
	margin:0 1% 0 0;
}

.field-5 #col4 {
	float:left;
	width:19%;
	margin:0 1% 0 0;
}

.field-5 .input {
	padding:5px;
}

.field-5 ul {
	width:100%;
	float:left;
	padding:0;
	margin:0;
}

.field-5 ul li {
	width:100%;
	float:left;
	padding:0 0 15px 0
}

.field-5 ul li label {
	width:100%;
	text-align:left;
	padding:0;
	margin:0;
}

.field-5 ul li .shortinput {
	width:74%;
	max-width:225px;
	float:left
}

.field-5 ul li .input {
	width:100%;
}

.field-5 .input140 {
	width:140px;
	float:left;
}

.field-5 .input200 {
	width:200px;
	float:left;
}

.field-5 .input120 {
	width:120px;
	float:left;
}

.field-5 ul li .sbHolder {
	width:100%;
	max-width:100%;
}

.field-5 ul li .sbOptions li {
	padding:0
}

.field-5 .check-info {
	padding:0 0 0 26%
}

.field-5 .comments, .field-2 .comments {
	height:75px;
	width:100%;
}

.field-5 .unreq {
	padding: 0 0 15px 10px;
	font-size: .9em;
}

.field-5 .upreq{
	padding: 0 0 10px 10px;
	font-size: .9em;
}

.field-5 .phonetype {
	width: 90px;
	background: #d2d3d4;
	margin-left: -5px;
	border-radius: 0;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	padding: 5px 1px !important;
}

/* END FIELD 5 */

.credentials {
	font-size: .8em;
	padding: 3px;
	float: right;
}


/* FIELD 6 */

.field-6 {
	width:100%;
	padding:0 0 20px 0;
	clear:left;
}

.field-6 h2 {
	width:100%;
	float:left;
	border-bottom:1px solid #d1d3d4;
	padding:0;
	margin:0 0 20px 0
}



.field-6 h2 span {
	float:left;
	background:#FFFFFF;
	padding:0 15px 0 0;
	margin:0 0 -6px 0
}

.field-6 h2 img {
	float: left;
	background: #FFFFFF;
	margin: 0 0 -12px 0;
	padding:0 15px 0 0;
}

.field-6 ul {
	width:100%;
	padding:0;
	margin:0;
	clear:left;
}

.field-6 ul li {
	width:100%;
	padding:0 0 15px 0;
}

.field-6 ul li label {
	width:100%;
	text-align:left;
	padding:0;
	margin:0;
}

.field-6 ul li .input {
	width:100%;
}

.field-6 .right-r {
	width:75%;
}

.field-6 ul li .sbOptions li {
	padding:0
}

option:disabled{color: #999;}
option span{color:#999;}

.field-6 ul li .cart-type {
	margin-bottom:10px;
}

.field-6 ul li .cart-type p {
	width:30px;
	text-align:center;
	line-height:28px
}

.field-6 ul li .cart-type .cards {
	float:left;
}

.field-6 ul li .cart-type .paypal {
	float:right;
	margin:0 -20px -50px -20px
}

.field-6 ul li .sbHolder {
	width:48%;
	background-image:url(../images/arrow01.png);
	margin:0 2% 0 0;
}

#scode {
	margin-left:20px;
}



.field-6 .btn-bg {
	width:100%;
	margin-top:10px;
}

#show_error{
	margin:10px 0 25px 0;
}

.field-6 .btn-bg .checkoutamt {
	font-size:16px;
	padding:14px 0 0 0
}


.field-6 .btn-bg .checkoutamt span {
	font-size:20px;
	font-weight:bold
}

.field-6 .btn-bg .checkoutamt span .normal{
	font-size:14px;
}

.field-6 .btn-bg #loading{
	width:200px;
	height:60px;
	font-size:16px;
	font-weight: bold;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-style: italic;
	padding:0;
}

.field-6 .btn-bg .btn {
	width:200px;
	height:48px;
	font-size:22px;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:center;
	line-height:48px;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow:#999 0 1px 1px;
	background:#97c0e6;
	border:none;
	cursor:pointer;
	border-radius:2px;
	position:relative;
	padding:0;
	margin:0 15px 0 0
}

.field-6 .btn-bg .btn:hover {
	background:#5593cc;
}


.field-6 .btn-bg .btn:focus {
	background:#5593cc;
	border:none;
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}


/* MULTI PAGE STYLES */
.invalid {
	background-color: #fdf0f0 !important;
}

/* invalid for main payment pages */
.invalidmain {
	background-color: #fdf0f0 !important;
	border:2px solid #f00 !important;
}

/* Hide all steps by default: */
.tab {
	display: none;
}

.np-buttons {
	overflow:auto;
	clear:both;
	display:flex;
	flex-wrap:wrap;
	justify-content: left;
}
.np-button {
	color: #ffffff;
	border: none;
	padding: 10px 20px;
	font-size: 17px;
	cursor: pointer;
	margin-right:10px;
}

.np-button:hover {
	opacity: 0.8;
}
.step-indicator {
	text-align:center;
	margin-top:30px;
}
#prevBtn {
	background-color: #bbbbbb;
}

/* Make circles that indicate the steps of the form: */
.step {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbbbbb;
	border: none;
	border-radius: 50%;
	display: inline-block;
	opacity: 0.5;
}

.step.active {
	opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
	background-color: #4CAF50;
}

/* Error Message */
.error-desc {
	position: absolute;
	top: 0;
	right: 6px;
	opacity: 0;
	font-weight: bold;
	color: #f44545;
	font-size: 10px;
	text-transform: uppercase;
	z-index: 3;
	pointer-events: none;
}
.error-desc-small {
	opacity: 0;
	font-weight: bold;
	color: #f44545;
	font-size: 10px;
	text-transform: uppercase;
	z-index: 3;
	pointer-events: none;
}
/* END MULTI PAGE STYLES */


.dd_why {
	clear:both;
	float:left;
	margin-left:2px;
	margin-top:5px;
}

.tooltip {
	position: relative;
	/*background: #ffffff;*/
	cursor: help;
	display: inline-block;
	text-decoration: none;
	color: #222;
	font-size:.9em;
	outline: none;
}

.tooltip p {
	visibility: hidden;
	position: absolute;
	bottom: 30px;
	left: 50%;
	z-index: 999;
	width: 230px;
	margin-left: -127px;
	padding: 10px;
	border: 2px solid #ccc;
	/*opacity: .9;*/
	background-color: #f7f8f9;
	background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

.tooltip:hover p {
	visibility: visible;
}

.tooltip p:before,

.tooltip p:after {
	content: "";
	position: absolute;
	z-index: 1000;
	bottom: -8px;
	left: 50%;
	margin-left: -8px;
	border-top: 8px solid #ccc;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 0;
}

.tooltip p:before {
	border-top-color: #ccc;
	bottom: -8px;
}


#footer-text{
	color:#000;
	display:block;
	margin:0 0 10px 40px;
}

.footer-bar {
	width:100%;
	min-height:65px;
	float:left;
	background:#242021;
	background:-moz-linear-gradient(#696a6d, #242021);
	background: -webkit-gradient(linear, left top, left bottom, from(#696a6d), to(#242021));
	-pie-background: linear-gradient(#696a6d, #242021);
	background: -o-linear-gradient(#696a6d, #242021);
	position:relative;
	padding:20px 0 10px 0
}

.footer-bar .btn-verify {
	float:left;
	margin:-15px 0 0 15px;
	width:110px;
	height:59px;
	vertical-align: middle;
}

.footer-bar aside {
	/*width:450px;*/
	float:left;
	padding:2px 0 10px 25px
}

.footer-bar aside p {
	font-size:12px;
	color:#d1d3d4;
	/*line-height:16px;
	padding:0 0 5px 0*/
	padding:0;
	margin:.3em;
}

.footer-bar aside p a {
	color:#d1d3d4
}

.footer-bar .donat-pop-btn {
	float:right;
	position:absolute;
	top:-121px;
	right:2px
}


.footer-bar .ssl {
	float:right;
	margin-right:25px;
}



/*

----------------------------------------

04. right-panel

----------------------------------------

*/

.right-panel-bg {
	width:100%;
	max-width:670px;
	margin:0 auto;
}

.right-panel-bg > * {
	margin-bottom:10px;
}

.right-panel {
	width:100%;
	/*float:right;*/
	background:#FFFFFF;
	border:1px solid #d1d3d4;
	border-radius:3px;
	/*position:relative;*/
	padding:10px 20px 20px 20px;
}

.question-info {
	width:100%;
	/*float:left;*/
}

.question-info h3 {
	width:100%;
	/*float:left;*/
	font-size:18px;
	color:#414042;
	font-family:"helvetica_neuebold", Arial, Helvetica, sans-serif;
	background:url(../images/icon-question.png) no-repeat left center;
	padding:10px 0 10px 30px;
	margin:0 0 20px 0;
}

.question-info ul {
	width:100%;
	/*float:left;*/
	padding:0 0 10px 0;
}

.question-info ul li {
	width:100%;
	font-size:14px;
	color:#666666;
	padding:0 0 10px 0;
}

.question-info ul li a {
	color:#666666;
	background:url(../images/arrow04.png) no-repeat 0 3px;
	padding:0 0 0 20px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none
}


.question-info ul li a:hover {
	text-decoration:none
}

.question-info ul li a.active {
	background:url(../images/arrow05.png) no-repeat 0 5px;
}

.question-info ul li .drop-box {
	width:100%;
	padding:10px 0;
	position:relative;
	display:none;
}

.question-info ul li .drop-box a {
	background:none;
	padding:0;
}

.question-info ul li .drop-box a:hover {
	text-decoration:underline;
}

.question-info .btn-verify {
	width:100%;
	float:left;
	background:url(../images/divider01.png) repeat-x top left;
	padding:15px 0 0 0;
}


.receipt-notice {
	border:thin solid #999;
	padding:8px
}

.receipt-tribute {
	float:right;
	margin-left:30px;
	width:250px;
	border:thin grey solid;
	padding:7px
}

.receipt-table {
	border:1px solid #e8e8e8;
	width:100%;
	padding:10px;
	margin-bottom:20px;
}

.receipt-table .left {
	width:30%;
	vertical-align:top
}

#captchapolicy {
	font-size: 11px;
	text-align: center;
	padding: 20px 20px 5px 20px;
	clear: both;
}

.grecaptcha-badge { visibility: hidden; }

/*--------------------------------------------------------------
	CUSTOM INPUTS
------------------------------------------------------------------*/

.custom-inputs input[type=checkbox], .custom-inputs input[type=radio] {
	display: none;
}

.custom-inputs .rrshort {
	width:100px;
}

.custom-inputs .rrlong {
	width:110px;
}

.custom-inputs ul {
	padding:0;
	margin:0;
}

.custom-inputs ul li label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding: 0 0 0 28px;
	line-height: 22px;
}

.custom-inputs ul li label:before {
	font-weight: normal;
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 1px;
	background-color: #f4f4f4;
	border: 2px solid #b7b8b8;
}

.custom-inputs input[type=checkbox]:checked + label:before {
	content: '\2713';
	/*text-shadow: 1px 1px 1px #5593CC;*/
	font-size: 18px;
	color: #333;
	text-align: center;
	line-height: 16px;
}

.custom-inputs input[type=radio]:checked + label:before {
	/*content: '\2022';*/
	content: '';
	/*color: #333;
    font-size: 24px;
    text-align: center;
    line-height: 20px;*/
}



.custom-inputs .button:before{
	height:50px;
	cursor: pointer;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}

.ra label:before {
	border-radius: 10px;
}

.checkbox label:before {
	border-radius: 3px;
}

.radio label:before {
	border-radius: 10px;
}



.custom-radio-button {
	height:50px;
}

.custom-radio-button input[type=radio] {
	display:none;
}

.custom-radio-button input[type=radio] + label {
	height:50px;
	padding:5px 0 0 0;
	cursor: pointer;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}

/*--------------------------------------------------------------
	PAYMENT SECTION TABS
------------------------------------------------------------------*/

#paycc, #payach {
	padding:30px 0 20px 0;
}

.tabs {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	border-bottom:1px solid #ccc;
}

.tabs>div {
	padding: 20px;
	margin-right:40px;
	cursor: pointer;
}


#sample-check{
	padding-top:10px;
	font-size:.8em;
	color:#23406d;
	outline:0;
	cursor:pointer;
}
#sample-check:hover{
	text-decoration: underline;
}
#check-image{
	margin-top:10px;
}

/*/////////////// FOR JAVASCRIPT MODAL BOX //////////////*/
.modal {
	z-index: 300;
	display: none;
	padding-top: 30px;
	padding-bottom: 30px;
	/*position: fixed;
	left: 0;
	top: 0;*/
	width: 100%;
	height: 100%;
	overflow:hidden;
	-webkit-overflow-scrolling:touch;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
	cursor: pointer;
}

@media only screen and (min-width:601px) {
	.modal {
		padding-top: 100px;
		padding-bottom:100px;
	}
}
.modal-content {
	margin: auto;
	background-color: #fff;
	position: relative;
	padding: 0;
	outline: 0;
	width:500px;
	border-radius:4px;
	padding:15px;
}
.modal-content-text{
	margin-top:2rem;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
}
.close-button {
	float: right;
	width: 1.5rem;
	line-height: 1.5rem;
	font-size: 1.5em;
	text-align: center;
	cursor: pointer;
	border-radius: 0.25rem;
	background-color: lightgray;
	user-select: none;
	-webkit-user-select: none;
}
.close-button:hover {
	background-color: darkgray;
}
.show-modal {
	opacity: 1;
	visibility: visible;
	transform: scale(1.0);
	transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

.large-modal-content {
	margin: auto;
	background-color: #fff;
	position: relative;
	padding: 0;
	outline: 0;
	width:800px;
}

@media only screen and (max-width:993px) {
	.large-modal-content {
		width: 600px;
	}
}
@media (max-width: 768px) {
	.large-modal-content {
		width: 500px;
	}
}
@media (max-width: 600px) {
	.large-modal-content, .modal-content {
		margin: 0 10px;
		width: auto!important;
	}
}

.display-topright{
	position: absolute;
	right: 0;
	top: 0;
}

.w100{
	width:100%;
}

.clear {
	clear:both;
}

.button {

	height:40px;
	cursor: pointer;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-size:18px;
	font-weight:bold;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}

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

/* Floating Card Styles */
.card {
	box-shadow: none;
}
@media only screen and (min-width:600px) {
	.card{
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	}
}
/* END Floating Card Styles */


/*  Custom animations

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

@-webkit-keyframes

reveal {

	0% {

		opacity: 0;

	}

	1% {

		opacity: 0;

		-webkit-transform: scale(0.98) translateY(-15px);

	}

	80% {

		-webkit-transform: scale(1);

	}

	100% {

		-webkit-transform: translateY(0);

	}

}

@-moz-keyframes

reveal {

	0% {

		opacity: 0;

	}

	1% {

		opacity: 0;

		-moz-transform: scale(0.98) translateY(-15px);

	}

	80% {

		-moz-transform: scale(1);

	}

	100% {

		-moz-transform: translateY(0);

	}

}


/* NO LONGER IN USE */

/*.field-2 .input100 {
	width:110px;
	margin-left:5px;
}

.field-2 .input200 {
	width:200px
}
.field-2 ul {
	width:100%;
	float:left;
	margin:0 0 -15px 0;
}

.field-2 ul li {
	width:100%;
	float:left;
	padding:0 0 10px 0
}
.tooltip:hover {
  border: 0; /* IE6 fix
}
.field-3 ul {
	margin:0;
}


.field-3 ul li label {
	width:17%;
	text-align:right;
	padding: 8px 0 0 0;
	margin:0 3% 0 0
}

.field-3 ul li .hidelabel {
	display:none;
}

.field-3 ul li .input {
	width:78%;
	margin:0 2% 8px 0
}

.field-3 ul li .input100 {
	width:110px;
	margin-left:5px;
}

.field-3 ul li .input200 {
	width:200px;
}


.field-3 ul li .sbHolder {
	width:100px;
	margin-left:5px;
}
*/
/*
.sbSelector {

	color:#666666;

	display: block;

	height: 30px;

	left:0;

	top:0;

	line-height: 14px;

	margin-top:7px;

	position: absolute;

	outline:none;

	text-indent: 10px;

	width: 100%;

	background:url(../img/icon-arrow13.png) no-repeat right center

}



.sbSelector:link {

	color: #666666;

	text-decoration: none;

	padding-left:0

}



.sbSelector:hover {

	color: #666666;

	text-decoration: none

}



.sbSelector:active {

	color: #666666;

	text-decoration: none

}



.sbSelector:focus {

	color: #666666;

	text-decoration: none

}



.sbOptions {

	background:#f9f9f9;

	border:1px solid #e5e6e4;

	list-style: none;

	left: 0;

	margin: 0;

	padding:0;

	position: absolute;

	top: 30px;

	width:100%;

	z-index: 120;

	border-radius:3px;

	position:relative;

	overflow:auto;

}



.sbOptions ul {

	width:100%;

	padding:0;

	margin:0;

}



.sbOptions li {

	width:100%;

	height:auto;

	padding:0;

	background:none;

	margin:0;

	position:relative

}



.sbOptions a {

	width:100%;

	float:left;

	display: block;

	color: #666666;

	text-decoration: none;

	padding:3px 10px;

}



.sbOptions a:hover {

	color: #999999

}
*/

.show_mobile3 {
	display:none;
}

.hide_mobile3 {
	display:block;
}

.show_ipad1 {
	display:none;
}

.hide_ipad1 {
	display:block;
}

.show_ipad2 {
	display:none;
}

.hide_ipad2 {
	display:block;
}

/* END NO LONGER IN USE */