/* ================================================================
=  Base Styles
=  ================================================================ */
select::-ms-expand {
    display: none;
}
	.one-click {
		font-family: "ff-dagny-web-pro", Arial, "Helvetica Neue", Helvetica, sans-serif
	}

	.one-click a,
	.one-click a:link {
		text-decoration: underline;
		color: #26728C;
	}

	.one-click * {
		box-sizing: border-box;
	}

	@media (min-width:768px) {
		.one-click.no--padding {
			margin: 0 -20px;
		}
	}

	.visually-hidden,
	.sr-only {
		position: absolute;
		overflow: hidden;
		clip: rect(0 0 0 0);
		margin: -1px;
		padding: 0;
		border: 0;
		width: 1px;
		height: 1px;
	}

	.grey--text {
		color: #888;
	}

	.one-click__main {
		min-height: 600px;
	}



/* ================================================================
=  Typography / Buttons
=  ================================================================ */

	.grey--text {
		color: #888;
	}


/*** Hedaers ***/

	.one-click h2 {
		margin: 25px 0 10px;
		font-size: 1em;
		color: #26728C;
	}

	.one-click h2.page-heading {
		margin-top: 0;
		margin-bottom: 40px;
		text-transform: uppercase;
		text-align: center;
	}

	.one-click h2.heading--large {
		font-size: 2em;
		font-weight: normal;
		text-transform: none
	}


/*** Text/header classes ***/

	.one-click .large--text {
		font-size: 1.3em;
	}

	.one-click .large--text span {
		font-size: .9em;
	}


/*** Buttons ***/


/*** Base button styles ***/

	.one-click .one-click__button,
	.one-click .one-click__button:link {
		position: relative;
		padding: 16px 0;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		border-radius: 5px;
		transition: all .3s;
		color: #fff;
	}


/*** Basic Button ***/

	.one-click .one-click__button.button--basic {
		display: inline-block;
		margin-bottom: 20px;
		padding: 15px;
		color: #fff;
		border: 2px solid #1e6fa4;
		background: #1e6fa4;
	}

	.one-click .one-click__button.button--basic:hover,
	.one-click .one-click__button.button--basic:focus {
		color: #1e6fa4;
		background: #fff;
	}


/*** Alternate white button ***/

	.one-click .button--alt {
		display: inline-block;
		margin-bottom: 20px;
		padding: 15px;
		border: 2px solid #1e6fa4;
		color: #1e6fa4;
		background: #fff;
	}

	.one-click .button--alt:hover,
	.one-click .button--alt:focus {
		background: #1e6fa4;
		border-color: #fff;
		color: #fff;
	}


/*** Continue Button ***/

	.one-click .button--continue {
		display: block;
		margin-left: 40px;
		width: 209px;
		color: #fff;
		border-bottom: 4px solid #00131e;
		background: #1e6fa4;
	}

	.one-click .button--continue:after {
		content: '';
		display: block;
		position: absolute;
		top: 20px;
		right: 15px;
		width: 10px;
		height: 0;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 10px solid #fff;
		transition: all .3s;
	}

	.one-click .button--continue:hover,
	.one-click .button--continue:focus {
		transform: translateY(2px);
		border-bottom: 4px solid transparent;
		color: #fff;
	}

	.one-click .button--continue:hover:after,
	.one-click .button--continue:focus:after {
		right: 10px;
	}


/*** Badge Specific Buttons ***/

	.one-click .button--badge,
	.one-click .button--badge:link {
		padding: 10px 15px;
		margin-right: 15px;
	}

	.one-click .button--basic.button--badge {
		padding-left: 55px;
	}

	.one-click .button--basic.button--badge svg {
		position: absolute;
		left: 15px;
		top: 0;
		width: 30px;
		height: 30px;
		fill: #fff;
		transition: all .3s;
	}

	.one-click .button--badge:hover,
	.one-click .button--badge:focus {
		background: #fff;
		border-color: #1e6fa4;
	}

	.one-click .button--badge:hover svg,
	.one-click .button--badge:focus svg {
		fill: #1e6fa4;
	}

	.one-click .button--alt.button--badge {
		padding: 10px 28px;
	}

	.one-click .button--alt.button--badge:hover,
	.one-click .button--alt.button--badge:focus {
		background: #1e6fa4;
		color: #fff;
	}


/*** Text seperator ***/

	.text__seperator {
		display: block;
		position: relative;
		margin-bottom: 5px;
		font-weight: bold;
		text-align: center;
	}

	.text__seperator:before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 9px;
		width: 100%;
		height: 1px;
		background: #ccc;
	}

	.text__seperator span {
		display: inline-block;
		position: relative;
		padding: 0 18px;
		width: auto;
		background: #fff;
	}


/*** Check list ***/

	.check--list {
		list-style-image: url(../../Images/checkfilled.png)
	}


/*** Split List ***/

	.check--list.list--split li {
		display: list-item;
	}

	@media (min-width:768px) {
		.list--split {
			column-count: 2;
		}
		.list--split li {
			display: inline-block;
			width: 100%;
		}
	}


/*** Unstyled ***/

	.list--unstyled {
		margin: 0;
		padding: 10px 0;
	}

	.list--unstyled li {
		list-style-type: none;
		padding: 3px 0;
		margin: 0;
	}


	.one-click_sumamry-list {
		list-style: none;
		margin: 0 0 20px;
		padding: 0;
		max-width: 400px;
	}

	.one-click_sumamry-list li {
		overflow: hidden;
		padding: 5px 0;
		margin: 0;
	}

	.one-click_sumamry-list li span {
		display: block;
	}


	@media (min-width:768px) {
		.one-click_sumamry-list li span {
			float: right;
		}
	}

	.checkbox__small-text {
		font-size: .8em;
		margin-left: 30px;
		padding-top: 10px;
	}




/* ================================================================
=  MAIN WRAPS/CONTAINER
=  ================================================================ */

/*** Form Wrap ***/

	.one-click__wrap {
		overflow-x: hidden;
	}

	@media (min-width:768px) {
		.one-click__wrap {
			display: table;
			width: 100%;
		}
	}



	/*** Main Content ***/


	/*
	.one-click__main { padding:20px 15px; vertical-align:top; }

	@media (min-width:768px) {
		.one-click__main { display:table-cell; padding:20px 40px 20px 35px; }
	}
	*/

	.one-click__section {
		position: relative;
		padding: 50px 20px;
		border-bottom: 2px solid #184B82
	}

	.one-click__section:before,
	.one-click__section:after {
		content: '';
		display: block;
		position: absolute;
		left: calc(50% - 45px);
		z-index: 999;
		bottom: -30px;
	}

	.one-click__section:before {
		border-left: 50px solid transparent;
		border-right: 50px solid transparent;
		border-top: 30px solid #fff;
	}

	.one-click__section:after {
		bottom: -32px;
		left: calc(50% - 47px);
		border-left: 52px solid transparent;
		border-right: 52px solid transparent;
		border-top: 32px solid #184B82;
		z-index: 99;
	}

	.one-click__section.section--grey {
		background: #F9F9F9;
	}

	.one-click__section.section--grey:before {
		border-top: 30px solid #F9F9F9;
	}

	.one-click__section:last-child {
		border-bottom: 0;
	}

	.one-click__section:last-child:before,
	.one-click__section:last-child:after {
		display: none;
	}


	.thankyou--section {
		text-align: center;
		padding: 40px 80px;
	}

	.thankyou--section p {
		font-size: 1.2em;
		margin-bottom: 40px;
	}

	.thankyou--section .button--continue {
		width: 340px;
		max-width: 100%;
		margin: 15px auto;
	}

	.one-click__payment-intro {
		display: table;
		width: 100%;
		padding-bottom: 15px;
	}

	.payment-intro__secure {
		display: table;
		vertical-align: middle;
	}

	.payment-intro__secure span,
	.payment-intro__secure img {
		display: table-cell;
		vertical-align: middle;
	}

	@media (min-width:768px) {
		.one-click__payment-intro {
			padding-left: 50px;
		}
		.payment-intro__secure {
			float: right;
		}
	}




/* ================================================================
=  Membership Info
=  ================================================================ */

	.membership__info {
		width: 100%;
		top: 15px;
		right: 0;
		display: table;
		margin: 0;
		padding: 0;
		list-style: none
	}

	.membership__info li {
		border: 1px solid #ccc;
		display: table-cell;
		padding: 15px;
	}

	.membership__info li strong {
		display: block;
	}

	@media (min-width:768px) {
		.membership__info {
			position: absolute;
			width: auto !important;
            padding-right:10px;
		}
	}




/* ================================================================
=  FORM STYLES
=  ================================================================ */

	fieldset {
		margin: 0;
		padding: 0;
		border: 0;
	}

	fieldset legend {
		padding: 0;
	}


/*** Form Rows ***/

	.one-click__row {
		padding: 5px 0 0;
		width: 100%;
	}

	.one-click__row.pay--footer {
	padding: 5px 0 0 0;
	}

	@media (min-width:768px) {
		.one-click__row.pay--footer {
			padding: 5px 0 0 50px;
		}
	}


	@media (min-width:768px) {
		.one-click__row {
			display: table;
		}
	}


/*** Form Group ***/

	.one-click__group {
			position: relative;
			padding: 5px 0 15px;
	}

	.one-click__group p {
			margin-top: 0;
	}

	@media (min-width:768px) {
		.one-click__group {
			display: table-cell;
			padding: 5px 45px 15px 0;
		}
		.one-click__group.group--span {
			padding-left: 190px;
		}
		.one-click__row.row--dual-inputs .one-click__group {
			width: 50%;
		}
		.one-click__row.row--single-input .one-click__group {
			display: inline-block;
			width: 50%;
		}
		.one-click__row.row--apply-input .one-click__group {
			display: table-cell;
			width: 81%;
		}
	}

	.one-click__row.row--apply-input .button--alt {
		padding: 12px 44px;
	}

	.state--select {
		display: block;
	}

	.one-click__row.row--dual-inputs .one-click__group.state--select {
		width: 100%;
	}

	.state--text {
		display: none;
	}
	.group--link {
		padding-bottom: 5px;
		padding-top: 0;
		margin-top: -10px;
		display: block;
	}

    /*CCPS FORMs */
@media (min-width:768px) {
    .one-click__group__CCPS {
        display: table-cell;
        padding-left: 56px;
    }
}
/*** Donate Form Group ***/

	.one-click__group.donate--group .donate__option:before {
		top: 16px;
	}

	.one-click__group.donate--group .donate__option:after {
		top: 21px;
	}

	.one-click__group.donate--group .button--alt {
		margin-bottom: 0;
	}

	.one-click__group.other--group {
		display: none;
	}


/*** Labels ***/

	.one-click__label {
			font-size: 16px;
	}

	.one-click__label>span,
	.one-click__label legend {
			/*display: block;*/
			/*margin-bottom: 7px;*/
			font-weight: bold;
			/*color: #3E4347;*/
			padding-right: 15px;
	}

	.one-click__label>span>span,
	.one-click__label legend>span {
			font-weight: normal;
	}

	@media (min-width:768px) {
			.one-click__label {
					display: table;
					width: 100%;
			}
			.one-click__label span:first-child:not(.down-arrow) {
					display: table-cell;
					width: 190px;
					text-align: right;
					vertical-align: top
			}
	}


	.registration__selection {
			position: relative;
	}

	.registration__price {
			color: #1e6b9f;
			font-size: 1.1em;
	}

	.registration__price-new {
			display: inline-block;
			margin-left: 10px;
			color: darkgreen;
	}

	@media (min-width:768px) {
			.registration__selection:before {
					content: '';
					display: block;
					position: absolute;
					top: -10px;
					height: calc(100% + 20px);
					width: 1px;
					background: #666;
					left: 35px;
			}
			.label--radios.registration__selection input[type="radio"]+label {
					min-width: 300px;
					font-size: 1.2em;
					padding-left: 50px;
			}
			.label--radios.registration__selection.label--large input[type="radio"]+label {
					font-size: 1.4em;
					font-weight: bold;
			}
			.label--checkbox.registration__selection input[type="checkbox"]+label {
					min-width: 300px;
					font-size: 1.2em;
					padding-left: 50px;
			}
			.label--checkbox.registration__selection.label--large input[type="checkbox"]+label {
					font-size: 1.4em;
					font-weight: bold;
			}
	}


/*** Help Text ***/
	.one-click__helptext {
		display: inline-block;
		position: absolute;
		top: 14%;
		right: 00px;
		font-size: .9;
		width: 70px;
	}

	.one-click__helptext p {
			font-size: .8em;
	}


/*** General input ***/

	.one-click input[type="text"],
	.one-click input[type="password"],
	.one-click input[type="number"] {
			padding: 5px;
			border: 1px solid #b9bbba;
			border-radius: 5px;
			width: 100%;
			background-color: #f0f5f8;
			transition: all .3s;
	}

	.one-click input[type="text"],
	.one-click input[type="password"],
	.one-click input[type="number"] {
			height: 40px;
	}

	.one-click input[type="text"]:focus,
	.one-click input[type="password"]:focus,
	.one-click input[type="number"]:focus {
			border: 2px solid #26728c
	}

	.one-click input[type="text"]#phonecountrycode {width:60px;} 
	.one-click input[type="text"]#phoneareacode {width:60px;} 
	.one-click input[type="text"]#phonenumber {width:180px;} 
	.one-click input[type="text"]#phoneext {width:60px;} 
	
	.one-click input[type="text"].input--small {
			width: 80px;
	}

	.twitter--input,
	.linkedin--input {
			margin-bottom: 5px;
			background-repeat: no-repeat;
			background-position: right center;
	}

	.twitter--input {
			background-image: url(../../Content/images/twitter.png);
	}

	.linkedin--input {
			background-image: url(../../Content/images/linkedin.png);
	}

	.one-click input[type="text"].promo__code.code--valid {
			border: 2px solid darkgreen;
			color: darkgreen;
	}


/*** Textarea ***/

	.one-click textarea {
			padding: 5px;
			border: 1px solid #b9bbba;
			border-radius: 5px;
			width: 100%;
			height: 80px;
			background: #f0f5f8;
			transition: all .3s;
	}

	.one-click textarea:focus {
			border: 2px solid #26728c
	}


/*** Input Errors ***/
    .one-click .marketcodevalidation--error input[type="text"] { border:2px solid #f00 }
    .one-click .marketcodevalidation--error .error__message { color:#f00; }
	.one-click .validation--error input[type="text"],
    .one-click .validation--error input[type="password"] {
			border: 2px solid #f00
	}

	.one-click .validation--error .label--required span span {
			color: #f00;
	}

	.one-click .validation--error .one-click__faux-trigger {
			border: 1px solid #f00;
	}

	.validation--error .label--checkbox legend,
	.validation--error .label--checkbox .required__error-message {
			color: red;
	}

	.validation--error .label--radios legend,
	.validation--error .label--radios .required__error-message {
			color: red;
	}

	.error__message {
			
			display: block;
			margin-bottom: 0px;
			margin-top: 0.25rem;
			color: #f00;
			padding-right: 15px;

			position: static;
            width:auto;
			/*bottom: -11px;*/
			font-size: .9em;
	}


/*** Select boxes/Faux Select ***/

	.one-click select {
		/*display: none;*/
		padding: 5px;
		border: 1px solid #b9bbba;
		border-radius: 5px;
		width: 100%;
		background-color: #f0f5f8;
		transition: all .3s;
		height: 40px;
		-webkit-appearance: none;
	}

	.group--select .input-group {
		position: relative;
		display: block;
	}
	.group--select .input-group .error__message span {
		text-align: left;
		width: auto;
		display: block;
	}

	.group--select .down-arrow {
	  position: absolute;
	  top: 0;
	  right: 0;
	  padding: 0 0.3em;
	  border-left: 1px solid #e5e5e5;
	  height: 40px;
	  display: -webkit-inline-box;
	  display: -ms-inline-flexbox;
	  display: inline-flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
	      -ms-flex-align: center;
	          align-items: center;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
	      -ms-flex-pack: center;
	          justify-content: center;
	  margin: 0;
	  pointer-events: none;
	}
	
	.group--select .down-arrow svg.icon {
	    display: inline-block;
	    width: 28px;
	    height: 28px;
	    stroke-width: 0;
	    fill: #888;
	}

	@media (min-width:768px) {
	
		.one-click .group--select {
			display: table;
			width: 100%;
		}

		.one-click .group--select .one-click__label {
			display: table-cell;
			width: 190px;
			vertical-align: top;
		}

		.one-click .row--dual-inputs .group--select {
			display: table-cell;
			vertical-align: top;
			padding-top: 0;
		}

		.one-click .row--dual-inputs .group--select:first-child {
			padding-right: 8px;
		}

		.group--select .input-group .error__message span {
			padding-left: 20px;
		}

		.row--dual-inputs .group--select .input-group .error__message span { /* adding smaller padding left when there are two inputs in a row */
			padding-left: 10px;	
		}
	}





/*** Radio buttons ***/

	.label--radios {}

	.label--radios input[type="radio"] {
			position: absolute;
			left: -9999em;
	}

	.label--radios input[type="radio"]+label {
			display: block;
			position: relative;
			padding-bottom: 15px;
			padding-left: 28px;
	}

	.label--radios input[type="radio"]+label:before,
	.label--radios input[type="radio"]+label:after {
			content: '';
			display: block;
			position: absolute;
	}

	.label--radios input[type="radio"]+label:before {
			top: 0;
			left: 0;
			width: 16px;
			height: 16px;
			border: 2px solid #1373ad;
			border-radius: 32px;
			transition: all .4s;
	}

	.label--radios input[type="radio"]+label:after {
			top: 5px;
			left: 5px;
			width: 10px;
			height: 10px;
			border-radius: 16px;
			background: #fff;
			transition: all .4s;
	}

	.label--radios input[type="radio"]:checked+label:before {
			border: 2px solid #ccc;
	}

	.label--radios input[type="radio"]:checked+label:after {
			background: #1373ad;
	}


/* Check boxes */

.label--checkbox { }
.label--checkbox input[type="checkbox"] { position:absolute; left:-9999em; }
.label--checkbox input[type="checkbox"] + label { display:block; position:relative; padding-bottom:15px; padding-left:28px; }
.label--checkbox input[type="checkbox"] + label:before,
.label--checkbox input[type="checkbox"] + label:after { content:''; display:block; position:absolute; }
.label--checkbox input[type="checkbox"] + label:before { top:0; left:0; width:16px; height:16px; border:1px solid #ccc; background:#eee; border-radius:5px; transition:all .4s; }
.label--checkbox input[type="checkbox"] + label:after { top:1px; left:1px; width:14px; height:14px; transition:all .4s; opacity:0; background: url(../../images/check.png) no-repeat center center; }
.label--checkbox input[type="checkbox"]:checked + label:before { background: #1373ad; }
.label--checkbox input[type="checkbox"]:checked + label:after { opacity:1; }

	.pay--footer .label--checkbox input[type="checkbox"]+label {
			display: inline-block;
			padding-bottom: 0;
			padding-right: 8px;
	}

/* ================================================================
=  PRINT INVOICE BUTTON
=  ================================================================ */

    .print__inovice{
        
    position: relative;
    width: 20px;
    display: inline-block;
    height: 20px;
    top: 4px;
    margin: 0 4px;
    fill: #1e6b9f;
    }


/* ================================================================
=  PANELS / ACCORDIONS / TOGGLES
=  ================================================================ */


/*** Main panel toggle ***/

	.form-panel__button {
			display: block;
			position: relative;
			padding: 15px;
			margin-bottom: 7px;
			border: 0;
			border-radius: 5px;
			width: 100%;
			color: #fff;
			font-weight: bold;
			text-align: left;
			text-transform: uppercase;
			background: #1e6fa4;
	}

	.form-panel__button:before,
	.form-panel__button:after {
			content: '';
			display: block;
			position: absolute;
			width: 30px;
			height: 30px;
	}

	.form-panel__button:before {
			right: 10px;
			top: 7px;
			border-radius: 60px;
			background: #fff;
	}

	.form-panel__button:after {
			content: '+';
			top: 0;
			right: 10px;
			color: #1e6fa4;
			font-weight: bold;
			font-size: 3em;
			text-align: center;
	}

	.form-panel__button+.form-panel__pane {
			display: none;
	}

	.one-click__panel .form-panel__button.active {
			background: #777;
	}

	.one-click__panel .form-panel__button.active:after {
			content: '-';
			top: -4px;
			right: 11px;
			color: #777;
	}


/*** Payment Summary ***/

	.one-click__payment-summary {
			border: 1px solid #ccc;
			width: 450px;
			max-width: 100%;
			margin: 15px auto;
			padding: 20px;
	}

	.one-click__payment-summary h3 {
			font-size: 16px;
			padding: 0 15px;
	}

	.one-click__payment-summary ul {
			list-style: none;
			margin: 0;
			padding: 0;
			margin: 0 auto;
	}

	.one-click__payment-summary li {
			text-align: left;
			padding: 3px 0;
			list-style: none;
			font-size: 1.1em;
	}

	@media (min-width:768px) {
			.one-click__payment-summary {
					text-align: center;
			}
			.one-click__payment-summary ul {
					width: 65%;
			}
			.one-click__payment-summary li span {
					display: inline-block;
					float: right;
			}
	}
	
	.one-click__payment-actions {
		width: 450px;
		max-width: 100%;
		margin: auto;
		padding: 0;
		display: flex;
		justify-content: space-between;
	}
	.one-click__payment-actions .button--continue {
		vertical-align: middle;
		margin: 0;
	}
	.one-click__payment-actions .one-click__button.button--continue.button--continue-alt {
		border: 2px solid #1e6fa4;
		color: #1e6fa4;
		background: #fff;
	}
	.one-click__payment-actions .one-click__button.button--continue.button--continue-alt:after {
		border-left: 10px solid #1e6fa4;
	}
	

/*** Tooltip ***/
	.one-click__tooltip {
			display: inline-block;
			position: relative;
	}

	.one-click__tooltip a {}

	.one-click__tooltip a svg {
			width: 15px;
			height: 15px;
			fill: #1e6b9f
	}

	.one-click__tooltip .tooltip__content {
			position: absolute;
			top: 30px;
			left: 0;
			z-index: 9999;
			opacity: 0;
			width: 100%;
			max-height: 0;
			border: 1px solid #eee;
			border-radius: 8px;
			font-weight: normal;
			overflow: hidden;
			box-shadow: 3px 3px 3px #ccc;
			background: #efefef;
	}

	.one-click__tooltip .tooltip__content:before {
			content: '';
			display: block;
			position: absolute;
			top: -10px;
			left: 10px;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-bottom: 10px solid #efefef;
	}

	.one-click__tooltip .tooltip__content.active--tip {
			overflow: visible;
			opacity: 1;
			max-height: none;
			padding: 15px 40px 15px 20px;
	}

	.one-click__tooltip .tooltip__close {
			cursor: pointer;
			background: transparent;
			text-align: center;
			width: 25px;
			height: 25px;
			position: absolute;
			top: 10px;
			right: 10px;
			border-radius: 50px;
			z-index: 15;
			border: 1px solid #1e6b9f
	}

	.one-click__tooltip .tooltip__close:before,
	.one-click__tooltip .tooltip__close:after {
			content: '';
			display: block;
			position: absolute;
			left: 4px;
			top: 11px;
			width: 15px;
			height: 1px;
			background: #1e6b9f;
	}

	.one-click__tooltip .tooltip__close:before {
		transform: rotate(45deg)
	}

	.one-click__tooltip .tooltip__close:after {
		transform: rotate(-45deg)
	}

	.one-click__tooltip.security--tip {
		width: 100%;
		position: relative;
		top: 20%;
		right: 00px;
		font-size: .9em;
	}

	.one-click__tooltip.security--tip a {
			font-size: .8em
	}

	@media (min-width:768px) {

		.one-click__tooltip.security--tip {
				position: absolute;		
				width: auto;			
		}

		.one-click__tooltip .tooltip__content {
				width: 400px;
				left: -200px;
		}
		.one-click__tooltip .tooltip__content:before {
			left: 49%;
		}
	}




/* ================================================================
=  MISC CONTAINERS/BOXES/WRAPS
=  ================================================================ */


/*** Payment Box ***/

	.one-click__content-box {
			margin: 0 0 15px;
			border: 1px solid #ccc;
			border-radius: 5px;
	}

	.one-click__box-title {
			padding: 15px;
			background: #eee
	}

	.one-click__box-content {
			padding: 15px;
	}


/*** Billing Address Box ***/
	.billing-address-box .row--dual-inputs .group--select {
		display: table;
		width: 100%;
	}


/*** Callout box ***/

	.one-click__callout-box {
			margin-bottom: 20px;
			padding: 20px;
			border: 2px solid #1e6b9f;
			border-radius: 5px;
	}

	.one-click__callout-box h3 {
			margin-top: 0;
			font-size: 1.4em;
			text-transform: none
	}

	.one-click__callout-box h4 {
			color: #1e6b9f;
			font-size: 1.2em;
	}

	.one-click__callout-box .callout__padding {
			padding-left: 30px;
	}


/*** Payment Column ***/

	.box__payment-col {
			text-align: center;
	}

	.box__payment-col:first-child {
			position: relative;
			text-align: left;
			border-bottom: 1px solid #1e6b9f;
			padding-bottom: 15px;
			margin-bottom: 15px;
	}

	.box__payment-col>.one-click__row>.one-click__group {
			padding-right: 0;
	}

	.box__payment-col .group--radio-options {
			padding-bottom: 0;
	}

	.one-click__content-box .button--continue {
			margin-bottom: 15px;
	}

	.box__payment-col .one-click__helptext {
		position: relative;
		width: 100%;
	}

	@media (min-width:768px) {
			
			.box__payment-col>.one-click__row>.one-click__group {
				padding-right: 85px;
			}
			
			.one-click__box-content.payment--box {
					display: table;
					width: 100%;
			}
			.box__payment-col {
					display: table-cell;
					width: 40%;
					vertical-align: middle;
			}
			.box__payment-col:first-child {
					position: relative;
					width: 60%;
					text-align: left;
					border: 0;
					margin: 0;
					padding: 0 30px 0 0;
			}
			.box__payment-col:first-child:after {
					content: '';
					display: block;
					position: absolute;
					top: 0;
					right: 0;
					height: 100%;
					width: 1px;
					background: #1e6b9f
			}
			.box__payment-col .one-click__helptext {
				position: absolute;
				width: 70px;
			}
	}

	.one-click__profile-list {}

	.one-click__profile-list ul {
			list-style: none;
			margin: 0;
			padding: 1%;
	}

	.one-click__profile-list li {
			display: inline-block;
			width: 30%;
			padding: 7px 0;
			font-size: 13px;
	}

	.one-click__profile-list li strong {
			display: block;
	}

	.one-click__survey-list {
			padding: 3%;
	}

	.one-click__opt-out {
			padding: 5px 20px;
			border: 1px solid #B4CFE2;
			background: #F0F5F8;
			border-radius: 5px;
	}

	.one-click__opt-out .one-click__group {
			padding-bottom: 0;
			font-size: .95em;
	}


/*** Payment receipt ***/

	.one-click__pay-receipt {
			background: #fff;
			padding: 2px;
			margin: 10px;
			border: 2px solid #999;
	}

	.one-click__pay-receipt h3 {
			display: block;
			text-align: center;
			padding: 15px 0;
			border-bottom: 2px solid #ccc;
			color: #333;
			margin: 0;
			text-transform: uppercase;
	}

	.one-click__pay-receipt .print__button {
			display: block;
			text-align: center;
			margin: 5px auto 20px;
			font-weight: bold;
	}

	.one-click .one-click__content-box .button--continue {
			width: 240px;
	}


/*** PayPal Checkout ***/

	.paypal-chekout {
			
	}
	.paypal-chekout img {
		width: 160px;	
		margin-bottom: 5px;
	}

	.paypal-chekout p {
		font-size: 0.85em;
		font-weight: 700;
	}

	@media (min-width: 768px) {
		.paypal-chekout {
			padding-left: 1rem;	
		}	
	}




/* ================================================================
=  MODAL
=  ================================================================ */

	.one-click__modal-overlay {
			background: rgba(0, 0, 0, 0.5);
			position: fixed;
			top: 0;
			left: 0;
			height: 0;
			width: 100%;
			z-index: 9;
			opacity: 0;
			transition: opacity .3s;
	}

	.one-click__modal {
			position: fixed;
			top: 7%;
			left: 50%;
			z-index: 10;
			margin-left: -300px;
			border: 1px solid #666;
			border-radius: 5px;
			width: 600px;
			height: 0;
			background: #fff;
			opacity: 0;
			transform: scale(1.3);
			overflow: hidden;
			transition: opacity .3s, transform .3s;
	}

	.one-click__modal-header {
			position: relative;
			padding: 5px 20px;
			background: #eee;
			font-weight: bold;
	}

	.one-click__modal-contents {
			padding: 20px;
			background: #fff;
			overflow: hidden;
	}

	.modal__two-col {
			display: table;
			width: 100%;
	}

	.modal__col {
			display: table-cell;
			padding: 10px;
			position: relative;
	}

	.modal__col:first-child:after {
			content: '';
			display: block;
			position: absolute;
			top: 6%;
			right: 0;
			height: 86%;
			width: 1px;
			background: #1e6b9f
	}

	.modal__col .one-click__group {
			padding-right: 0;
	}

	.one-click__modal .one-click__button {
			float: right;
	}


	.one-click__show-overlay .one-click__modal-overlay {
			opacity: 1;
			transform: scale(1);
			height: 100vh;
	}

	.one-click__show-overlay .one-click__modal {
			opacity: 1;
			transform: scale(1);
			height: auto;
	}

	.one-click__close-modal {
			width: 20px;
			height: 20px;
			background: #555;
			position: absolute;
			right: 5px;
			top: 2px;
			border-radius: 40px;
			border: 0;
	}

	.one-click__close-modal:before,
	.one-click__close-modal:after {
			content: '';
			display: block;
			position: absolute;
			top: 9px;
			left: 5px;
			width: 10px;
			height: 1px;
			background: #eee;
	}

	.one-click__close-modal:before {
			transform: rotate(45deg)
	}

	.one-click__close-modal:after {
			transform: rotate(-45deg)
	}
	
	.aiche-requiredblock .aiche-reqblock-inner {
    position: relative;
    width: 96%;
    margin: .5em auto;
    border: 1px solid #FF0000;
    border-radius: 10px;
    padding: 10px;
    padding-inline-start: 30px;
    margin-left: 10px;
    font-size: 14px;
    color: #FF0000;
}
	
	
	



/* Payment col min width fix */
	@media (min-width: 768px) {
	  .payment--box .box__payment-col:first-child {
	    width: 80%;
	  }
	}

	@media (min-width: 1024px) {
	  .payment--box .box__payment-col:first-child {
	    width: 60%;
	  }
	}

/* Payment tooltips */
	.box__payment-col > .one-click__row.pay--footer {
	  position: relative;
	}

	.box__payment-col > .one-click__row.pay--footer > .one-click__group {
	  padding-right: 0;
	}

	.box__payment-col > .one-click__row.pay--footer > .one-click__group .one-click__tooltip {
	  position: static;
	  display: block;
	}

	.box__payment-col > .one-click__row.pay--footer > .one-click__group .one-click__tooltip .tooltip__content {
	  font-size: 0.875rem;
	  width: 100%;
	  margin-bottom: 1rem;
	  top: 80px;
	  left: calc(50% - 20px);
	  -webkit-transform: translateX(-50%);
	  -ms-transform: translateX(-50%);
	  transform: translateX(-50%);
	}

	.box__payment-col > .one-click__row.pay--footer > .one-click__group .one-click__tooltip .tooltip__content:before {
	  left: 15px;
	}

	@media (min-width: 480px) {
	  .box__payment-col > .one-click__row.pay--footer > .one-click__group .one-click__tooltip {
	    display: inline-block;
	  }
	  .box__payment-col > .one-click__row.pay--footer > .one-click__group .one-click__tooltip .tooltip__content {
	    top: 40px;
	    left: 50%;
	  }
	  .box__payment-col > .one-click__row.pay--footer > .one-click__group .one-click__tooltip .tooltip__content:before {
	    left: 294px;
	  }
	  .box__payment-col > .one-click__row.pay--footer > .one-click__group .one-click__tooltip .tooltip__content#tooltip-2:before {
	    left: 286px;
	  }
	}
	