#ic_header {
	margin: 24px 0 0;
	text-align: center;
}

#ic_header.complete {
	display: none;
}

#ic_header img {
	min-width: 625px;
}

#ic_footer {
	margin: 24px 0 0;
	text-align: center;
	background-color: #0c809c;
}

#ic_footer img {
	min-width: 625px;
}

#main_content_wrap {
	
}

#main_content_wrap > div:first-child {
	background-color: #f7f7f7;
	height: 117px;
}

#main_content_wrap.complete > div:first-child {
	display: none;
}

#main_content {
	margin-top: -309px;
	overflow: visible;
}

#main_content_wrap.complete #main_content {
	margin-top: 0;
}

#footer {
	margin-top: 0;
}

#opening_copy {
	color: #0099b1;
	font-family: "TT Norms";
	font-size: italic;
	font-size: 1.3em;
}

#points {
	margin-top: 25px;
	width: 100%;
	table-layout: fixed;
}

#points td {
	vertical-align: middle;
	padding: 6px 0;
}

#points td:first-child {
	width: 74px;
}

#points td:last-child {
	padding-left: 34px;
	font-size: 1.3em;
	color: #333;
}

.input_text {
	width: 100%;
	box-sizing: border-box;
	/*background-color: #fff;*/
}

/*.input_text.success {
	background-color: #ddecdd;
}

.input_text.error {
	background-color: #fef2f3;
}*/

.input_text/*,
.error,
.success*/ {
	padding: 8px 12px;
	border-radius: 2px;
	font-size: 1.1em;
}

#info_right,
#signup_complete_wrap.part2 > div:first-child {
	float: left;
	width: 72%;
}

#info_right {
	width: 57%;
}

#unsubscribe_info_wrap,
#signup_complete_wrap {
	position: relative;
	overflow: hidden;
}

#signup_complete_wrap > div:first-child {
	text-align: center;
}

#signup_complete_wrap > div:first-child h2 {
	color: #10869d;
	font-size: 1.6em;
	padding: 12px 0;
	font-weight: normal;
	text-transform: uppercase;
}

#unsubscribe_wrap {
	float: right;
	margin-top: 10px;
}

#signup_part2 {
	position: absolute;
	left: 0;
	top: 10px;
	text-align: left;
}

#sign_up_wrap_outer {
	max-width: 725px;
	margin: 0 auto 50px;
	background-color: rgba(247,247,247,.8);
	padding: 27px;
	border-radius: 6px;
	box-shadow: 0 10px 10px -4px rgba(0, 0, 0, .6);
}

#sign_up_info_wrap {
/*	position: relative;
	margin-top: 20px;*/
	overflow: hidden;
}

#sign_up_info {
	float: left;
	width: 72%;
}

#sign_up_wrap .box_wrap {
	background-color: #11496f;
	color: #fff;
}

#sign_up_wrap .box_header {
	background-color: #0c809c;
}

#innercirclemain button:focus-visible,
#innercirclemain input[type=button]:focus-visible,
#innercirclemain input[type=checkbox]:focus-visible + span,
#innercirclemain input[type=text]:focus-visible,
#innercirclemain input[type=email]:focus-visible,
#innercirclemain select:focus-visible {
	outline: 3px solid #ffcb11;
	outline-offset: 2px;
}

#sign_up_form_inner > div {
	display: flex;
	gap: 30px;
	box-sizing: border-box;
}

#sign_up_form_inner select {
	width: 100%;
	-webkit-appearance: none;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}

#sign_up_form_inner select::-ms-expand { display: none; } /* for IE 10 and 11, so you get the same arrow (above), rather than the default one */

.email-suggestion-wrap {
	height: 0;
	overflow: hidden;
	position: relative;
}

.email-suggestion-wrap.show {
	height: auto;
	overflow: visible;
}

.email-suggestion-wrap > div {
	font-size: .9em;
	padding-top: 4px;
	text-align: center;
	color: #ffcb11;
	line-height: 1.2em;
	margin-top: 0;
	padding-bottom: 0;
}

.email-suggestion-wrap > div button {
	border: none;
	background-color: transparent;
	color: #fff;
	font-family: "TT Norms";
	border-radius: 1px;
	cursor: pointer;
	-webkit-appearance: none;
}

.email-suggestion-wrap > div span {
	font-weight: 700;
	text-decoration: underline;
	color: #ffcb11;
}

.checkcontainer {
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkcontainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkmark {
	position: relative;
	top: .5em;
	left: 4px;
	height: 1.6em;
	width: 1.6em;
	background-color: #fff;
	display: inline-block;
	border-radius: 4px;
	border: 1px solid #b1b1b1;
}

.checkcontainer input:checked ~ .checkmark {
	background-color: #ddecdd;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.checkcontainer input:checked ~ .checkmark:after {
	display: block;
	border-color: #037b03;
}

.checkcontainer .checkmark:after {
	left: 52%;
	top: 43%;
	width: 4px;
	height: 10px;
	border: solid black;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg) translate(-50%,-50%);
	-ms-transform: rotate(45deg) translate(-50%,-50%);
	transform: rotate(45deg) translate(-50%,-50%);
	-webkit-transform-origin: 0 0 0;
	-ms-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
}

.form_div {
	padding-bottom: 10px;
	width: 50%;
}

.form_div.disabled > label > span:first-child {
	visibility: hidden;
}

select:disabled {
	opacity: .5;
}

#main_content #expert h2 {
	padding: 0;
}

#signup_part2_note {
	padding: 15px;
	background-color: #FFCB11;
	border-radius: 3px;
	margin: 10px 0 36px;
	padding: 10px 15px;
}

#share_wrap {
	float: left;
	margin-right: 20px;
}

.submit {
	display: table;
	margin: 15px auto 30px;
}

.submit.processing .css_loader {
	display: block;
}

.reCap a:link,
.reCap a:visited,
.reCap a:active {
	color: #ffcb11;
}

.reCap a:hover {
	color: #cc0;
}

#email_wrap {
	background: #f3f3f3;
	width: 95%;
	border: 1px solid #403e3e;
	margin: 0 auto;
	padding-top: 20px;
}

#email_wrap a {
	border: none;
	font-weight: normal;
}

#email_wrap hr {
	background-color: #403e3e;
}

#email_wrap img {
	vertical-align: baseline;
}

.red_box {
	margin-bottom: 20px;
}

#securimage ul {
	margin: 0 0 15px 15px;
	padding: 0;
}

#securimage .se_input {
	text-align: center;
	color: #990404;
	font-weight: bold
}

#captcha {
	border: 1px solid #000;
	margin: 0 auto 3px;
	display: block;
}

#flobj {
	vertical-align: middle;
}

#questions {
	color: #969696;
}

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

#next_box_wrap {
	text-align: center;
}

.next_box {
	width: 23%;
	max-width: 221px;
	display: inline-block;
	margin: 4px;
	position: relative;
}

.next_box a {
	display: block;
}

.next_box a:link span,
.next_box a:visited span,
.next_box a:active span {
	color: #fff;
}

.next_box a:hover span {
	color: #ffcb11;
}

.next_box span {
	display: block;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-height: 27%;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.1em;
	padding: 10px 15px;
	text-align: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

	
}

.flash {
	-webkit-animation: flash 1s 2;
	-moz-animation: flash 1s 2;
	-o-animation: flash 1s 2;
	animation: flash 1s 2;
}

@-webkit-keyframes flash {
	0% { background-color: #f7f7f7; }
	50% { background-color: #ffef88; }
	100% { background-color: #f7f7f7; }
}

@-moz-keyframes flash {
	0% { background-color: #f7f7f7; }
	50% { background-color: #ffef88; }
	100% { background-color: #f7f7f7; }
}

@-o-keyframes flash {
	0% { background-color: #f7f7f7; }
	50% { background-color: #ffef88; }
	100% { background-color: #f7f7f7; }
}

@keyframes flash {
	0% { background-color: #f7f7f7; }
	50% { background-color: #ffef88; }
	100% { background-color: #f7f7f7; }
}

#travel_agent {
	text-align: center;
	margin-top: 30px;
	background-color: #652ab2;
	border-radius: 3px;
}

#travel_agent > div {
	padding: 8px 15px 15px;
	display: inline-block;
	font-size: 1.3em;
	font-family: "TT Norms";
	font-weight: 700;
	color: #fff;
}

#travel_agent > div span {
	font-size: 1.2em;
	display: inline-block;
	margin: 7px 9px 0 9px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
}

#travel_agent > div a {
	margin: 7px 9px 0 9px;
}

#ta_pop {
	position: fixed;
	top: 2vh;
	left: 2vw;
	right: 2vw;
	bottom: 2vh;
	text-align: left;
	border: 1px solid #3a5c78;
	z-index: 201;
	display: none;
	overflow: auto;
	flex-direction: column;
	box-shadow: 0px 19px 22px -8px rgba(0, 0, 0, .75);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#ta_pop.show {
	display: flex;
}

#ta_pop > h2:first-child {
	font-family: "TT Norms";
	font-weight: 700;
	background-color: #652ab2; /*#3a5c78;*/
	color: #fff;
	margin-bottom: 0;
	padding: 12px 50px 12px 16px;
	font-size: 2em;
	font-weight: normal;
	line-height: 1em;
	flex: 0 0 auto;
	position: relative;
}

#ta_pop > h2:first-child a {
	position: absolute;
	top: 12px;
	right: 12px;
	font-size: 1em;
}

#ta_pop > div:last-child {
	flex: 1 1 auto;
	position: relative;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 18px 26px;
	background-color: #fff;
}

#ta_pop > div:last-child h2 {
    padding: 30px 0 25px;
}

.text_shadow_wrap {
	position: absolute;
	left: 0;
	width: 100%;
	height: 40px;
}

.text_shadow_wrap.st {
	top: 0;
}

.text_shadow_wrap.sb {
	bottom: 0;
}

.text_shadow_wrap .text_shadow {
	width: 100%;
	height: 40px;
	position: fixed;
}

.text_shadow_wrap.st .text_shadow {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.text_shadow_wrap.sb .text_shadow {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.css_loader {
	display: none;
	position: absolute;
	top: calc(50% - 20px);
	left: calc(50% - 20px);
	right: 10px;
}

.required {
	color: #ffd644;
}

.asterisk {
	font-family: "TT Norms";
	font-weight: 700;
	font-size: 1.3em;
	color: #ffd644;
}

/* ===== Media Queries ===== */

@media only screen and (max-width: 1920px) {
	#main_content {
		margin-top: calc(-9vw - 137px);
	}
}

@media only screen and (max-width: 1008px) {
	#ic_footer {
		background: url(../images/innercircle-footer.jpg) no-repeat 30% 0 / cover;
		height: 100px;
	}
	
	#ic_footer img {
		display: none;
	}
}

@media screen and (max-width: 900px) {
	#signup_complete_wrap.part2 > div:first-child {
		width: 67%;
	}
	
	/*#signup_complete_wrap.part2 .next_box {
		width: 48%;
	}*/

	/*#main_content_wrap > div:first-child {
		display: none;
	}*/
	
	/*#main_content {
		margin-top: 17px;
	}*/
	
	#sign_up_info,
	#info_right {
		float: none;
		width: auto;
	}
	
	#sign_up_wrap,
	#unsubscribe_wrap {
		float: none;
	}
}

@media screen and (max-width: 700px) {
	.next_box {
		width: 48%;
	}
	
	#sign_up_form_inner > div {
		display: block;
	}
	
	.form_div {
		width: 100%;
	}
}

@media screen and (max-width: 650px) {
	#points td {
		vertical-align: top;
	}
	
	#points td:first-child {
		width: 27px;
	}
	
	#points td:last-child {
		font-size: 1.1em;
		padding-left: 10px;
	}
}

@media only screen and (max-width: 639px) {
	#ic_header {
		background: url(../images/innercircle-header.jpg) no-repeat 50% 0 / cover;
		height: 182px;
	}
	
	#ic_header img {
		display: none;
	}
}

@media screen and (max-width: 520px) {
	.next_box {
		width: 221px;
	}
}