/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea { color: #444; }

body { font-size: 14px; line-height: 1.4; margin: 0; padding: 0; background: #008a5e url(../Images/bg_swoosh_large.png) center 75px no-repeat; }
* { margin: 0; padding: 0; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
.clear { margin:0; padding:0; clear:both; }
textarea { resize: vertical; }

/* ==========================================================================
   Main Style
   ========================================================================== */
 a { color:#004b75; }
 a:hover { color: #009cdb; }
.m-warning { display: none; }

#mainContainer { background: #fff url(../Images/bg_gradient.png) 0 25px no-repeat; width: 795px; margin: 30px auto; min-height:750px; box-shadow: rgb(0, 0, 0) 1px 1px 14px 0px; -webkit-box-shadow: rgb(0, 0, 0) 1px 1px 14px 0px; }

.nav { margin:auto auto 10px auto; width: 795px; text-align:center; background:#e8ecef; padding:5px 0; }
.nav ul { padding:0 !important; margin:0 !important; height:25px; }
.nav li { display:inline; margin:auto; margin: 3px 15px 3px 0; }
.nav li a { text-decoration:none; font-family:'roboto', sans-serif; font-size:12px; text-transform:uppercase; color:#00517e; font-weight:bold; letter-spacing:0; }
	.nav li a:hover { color: #0593cc; }
	.nav li .home-icon { margin-top: -4px; margin-right:4px; }

.call-to-action { margin:auto; width:243px; margin-bottom:16px; }
.call-to-action img { width: 243px; }
.shadow-line-holder { margin:auto; width:795px; text-align:center; margin-bottom:10px; }
.slideshow-float { float: left; width:200px !important; }
.call-to-action.slideshow-head { width: 728px; }
.call-to-action.slideshow-head h1 { float:right; color:#004b75; font-family: 'league_gothicregular'; font-weight:bold; font-size:30px; margin:20px 20px 0; line-height:1.1; }
.call-to-action.slideshow-head h1 span { color:#009cdb }

.content { width: 795px; }
.content-left { float:left; width: 450px; margin-left: 30px; padding-left: 10px; }
	.content-left h1 { color:#004b75; font-family: 'league_gothicregular'; font-weight:bold; font-size:42px; margin:0; line-height:1.1; }
	.content-left h1 span { color:#009cdb }
	.content-left p { width: 95%; }
	.content-left ul li { width: 95%; list-style-image: url(../Images/list-hyphen.png); }
	.content-left h2 { color: #004b75; font-family:'roboto', sans-serif; font-size:15px; font-weight:bold; margin:0 0 10px 0; text-transform:uppercase; text-align:center; }
	.content-left .step-btn { margin-bottom:5px; }
.content-right { float: left; width: 285px; margin:3px; }
	.content-right .menu { background:#fff url(../Images/menu-icon.png) 0 15px no-repeat; width:235px; margin:auto; border:5px solid #008a5e; padding:15px 5px 15px 5px; }
	.content-right .menu h3 { margin:10px 25px 0 0; padding:0; color:#008a5e; font-size:14px; font-family: 'roboto', sans-serif; font-weight:bold; text-transform:uppercase; width: 133px; float:right; line-height:1; }
	.content-right .menu ul { padding: 0 0 0 20px; }
	.content-right .menu ul li { font-family: arial, sans-serif; font-size:13px; font-weight:normal; list-style-image: url(../Images/list-plus.png); }
	.content-right .menu ul li a { color:#004b75; }
		.content-right .menu ul li a:hover { color: #009cdb; }
.content-right h2.blue-headline {
    color: #004b75;
    font-family: 'roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 10px 0;
    text-align: center;
}
.content-right .get-started {text-align:center;  }
.content-right .get-started a{display:inline-block  }
#mainFooter { width:550px; margin: 30px auto; }
.footer-logo { max-width:110px; }
.footer-body { color:#fff; font-family:arial, sans-serif; margin:0 0 0 15px; }
    .footer-link { font-family:roboto, arial, sans-serif; color:#fff; text-decoration:none; font-weight:bold; font-size:13px; text-transform:uppercase;}
		.footer-link:hover { color: #fff; }
    .footer-copyright { font-size:11px !important; margin:-10px 0 0 0; color:#fff; }
	.footer-body div p {
		font-size: 11px;
	}

.isi-row h1 { font-size: 15px; font-family:'roboto', Arial, sans-serif; margin-bottom:10px; margin-top:10px; }
.int-row h1 { font-size: 15px; font-family:'roboto', Arial, sans-serif; margin-bottom:10px; margin-top:10px; }
.int-privacy-row h1 { font-size: 15px; font-family:'roboto', Arial, sans-serif; margin-bottom:10px; margin-top:10px; }

/* CONTACT US PAGE */
.contact-us-div { float: left; width: 199px; }
	.contact-us-div span {
		font-size: 1.5em;
		line-height: 1.2rem;
	}
.advantage-div { float: left; }

/* TOS PAGE */
.content-left .int-tos-row h4 {
	margin-bottom: 2px;
}

.content-left .int-tos-row p {
	margin-top: 0;
}

/* SLIDE SHOW */
.slideshow-container {
	width: 728px;
	margin: auto;
	border: 1px solid #ccc;
	min-height: 550px;
	overflow: hidden;
	position: relative;
}
.slideshow-finished { width:660px; margin:auto; min-height:450px; overflow:hidden; position:relative; margin-top:25px;}
	.slideshow-finished h1 { color: #004b75; font-family: 'league_gothicregular'; font-weight: bold; font-size: 36px; margin-top: 55px; margin-bottom:23px; line-height: 1.1; }
	.slideshow-finished .next-step { font-family:'roboto',sans-serif; font-size:16px; color:#004b75; }
		.slideshow-finished .next-step span { color:#009cdb; }
	.slideshow-finished .steps { text-align: center; width: 650px; margin-top:35px; }
	.slideshow-finished .bottom-links { position: absolute; bottom: 0; text-align: center; width: 630px; margin-left:60px; }
		.slideshow-finished .bottom-links a { color: #005b8e; }
			.slideshow-finished .bottom-links a:hover { color: #009cdb; }
		.pdf-link { float: left; }
		.return-link { float: right; margin-right:80px; margin-top:27px; }
.close-btn { position: absolute; top: 15px; right: 15px; z-index: 11000; }
.continue-btn { position: absolute; top: 75px; right: 5px; }
.slideshow-control { margin: 25px auto; width: 585px; text-align: center; }
	.slideshow-control p { font-family: 'roboto', Arial, sans-serif; color: #005b8e; font-weight: bold; font-size: 16px; float: right; margin-top: 4px; }
	.slideshow_prev_btn, .slideshow_next_btn { cursor: pointer; }
	.slideshow_prev_btn.inActive, .slideshow_next_btn.inActive {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6; }
	.slideshow_prev_btn { margin-left: 120px; }


    /* interstitial */
    body { position:relative !important; }
    .inter_shadow { z-index:100; width:100%; height:100%; position:absolute; background:#000; top:0; left:0; right:0; bottom:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
    .inter_popup, .inter_popup * { box-sizing:border-box; }
    .inter_popup {  -webkit-border-radius:10px; -moz-border-radius:10px; -moz-border-radius:10px;
                    padding:50px; padding-bottom:65px; padding-right: 30px; 
                     z-index:101; top:150px; width:500px; height:auto; position:absolute; left:50%; margin-left:-250px; background:#fff; }
    .inter_popup h1 { margin-top:0; }
    .inter_popup p { display:block; }
    .inter_popup a { color:#fff; float:left; display:block; text-decoration:none; cursor:pointer;  padding:12px; min-width:150px; margin-top:17px; margin-right:20px; }
    .inter_popup a.continue_button{background:#008a5e;}
    .inter_popup a.close_button{background:#CCC;}

/* RESPONSIVE + PRINT MEDIA QUERIES */
@media  (min-width: 768px) and (max-width: 959px) {
	#mainContainer { width: 90%; margin: auto; }
	.nav { width: 100%; }
		.nav li a { font-size: 11px; }
	.shadow-line-holder { width: 100%; }
	.content { width: 90%; }
	.content-left { width: 100%; margin-bottom: 35px; }
		.content-left h1 { font-size: 39px; }
		.content-left h2 { text-align: left; }
	.content-right { width: auto; margin: 8px; }
		.content-right .menu { width: 375px; margin: auto 30px auto; }
			.content-right .menu h3 { margin: 15px 50px 0; width: 255px; }
			.content-right .menu ul li a { font-size: 14px; line-height:25px; }
	.slideshow-float { margin-left: 25px; }
	.call-to-action.slideshow-head { width:100%; }
		.call-to-action.slideshow-head h1 { font-size: 26px; }
	.slideshow-container { width: 100%; margin-left: 30px; }
	.slideshow-finished { width: 100%; margin-left: 30px; }
		.slideshow-finished h1 { font-size: 34px; margin-bottom: 15px; }
	.slideshow-finished .next-step { font-size: 14px; }

	.isi-row h1 { font-size: 15px !important; }
	.int-row h1 { font-size: 15px !important; }
	.int-privacy-row h1 { font-size: 15px !important; }
}

@media (max-width: 768px) {
    .flex-direction-nav { display:none; }
	#mainContainer { width: 90%; margin: auto; }
	.nav { width: 100%; }
		.nav li a { font-size: 11px; }
	
	.shadow-line-holder { width: 100%; }
	.content { width: 90%; }
	.content-left { width: 100%; margin-bottom: 35px; margin-left:15px; }
		.content-left h1 { font-size: 39px; }
		.content-left h2 { text-align: left; }
		.content-left .step-btn { width: 95%; max-width:429px;}
	.content-right { width: auto; margin: 8px; }
		.content-right .menu { width: 375px; margin: auto 25px auto; }
			.content-right .menu h3 { margin: 15px 50px 0; width: 255px; }
			.content-right .menu ul li a { font-size: 14px; line-height:25px; }
	.slideshow-float { margin-left: 25px; }
	.call-to-action.slideshow-head { width:100%; }
		.call-to-action.slideshow-head h1 { font-size: 26px; float:none; margin:0; }
	.slideshow-float { margin-left: 0px; }
	.slideshow-container { width: 100%; margin-left: 32px; min-height:1px; }
	.slideshow-finished { width: 100%; margin-left: 20px; min-height:450px;}
		.slideshow-finished h1 { font-size: 34px; margin-bottom: 15px; margin-top:35px; }
	.slideshow-finished .next-step { font-size: 14px; }
        .slideshow-finished .steps { width:100%; margin-bottom:160px }
        .slideshow-finished .bottom-links { margin-left: 0; width: 100%; }
            .slideshow-finished .bottom-links .pdf-link {float:none; text-align:left; }
            .slideshow-finished .bottom-links .return-link { float: none; text-align: left;margin-right:0; }
            .slideshow-control { margin: 20px auto; width: 100%; }
	.slideshow_prev_btn { margin-left: 35px; }
	.slideshow-control p { margin-left: 10px; }
	.isi-row h1 { font-size: 15px !important; }
	.int-row h1 { font-size: 15px !important; }
	.int-privacy-row h1 { font-size: 15px !important; }

	#mainFooter { width: 89%; /*margin: 30px 30px auto 30px;*/ }
	.footer-body { float: none; margin: -15px 0 0 104px; }
	.m-shadow { width: 100%; }

    .footer-logo { max-width:95px; }

    .hide-mobile { 
        display:none;
    }
}

@media (max-width:480px) and (orientation:portrait) {
	.m-warning { display: block; margin-left:20px; }
}
@media (min-width: 481px) and (max-width: 650px) {
    .continue-btn { top:165px;  }
}

@media (max-width:480px) {
	.nav li { display: block; }
	.slideshow-container { width:95%; margin-left: 20px; }
	.slideshow-finished { width: auto; margin-left: 20px; min-height: 1px; }
	.continue-btn { top: 165px; }
	.slideshow-finished h1 { font-size: 23px; }
	.next-step { font-size: 14px; }
	.slideshow-finished .steps { width: 100%; margin-top: 55px; margin-bottom: 160px; }
    .slideshow-finished .next-step {height:57px; }
    .slideshow-finished .steps img:first-of-type { width: 59%; }
        .slideshow-finished .steps img { width: 39%; }
	.slideshow-finished .bottom-links { margin-left: 0; width:100%; }
	.content-right .menu { width: 100%; margin: auto 10px auto; max-width:215px; }
		.content-right .menu h3 { margin: 12px -20px 0; width: 170px; }

    .call-to-action.slideshow-head img { margin: 0 auto; float: none; display: block; width: 243px !important; }
    .call-to-action.slideshow-head h1 { font-size: 26px; float: none; margin: 20px; }
}

@media (max-width:767px) {
    .inter_popup { padding:30px; padding-bottom:50px; z-index:101; top:50px; width:100%; left:0; margin-left:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -moz-border-radius:0px; }
    .inter_popup a { float:none; width:100%; margin-top:17px; margin-right:0px; }
}

@media print {
	* { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }

	a,
	a:visited { text-decoration: underline; }
		/*a[href]:after { content: " (" attr(href) ")"; }*/
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after { content: ""; }

	pre,
	blockquote { border: 1px solid #999; page-break-inside: avoid; }

	thead { display: table-header-group; /* h5bp.com/t */ }
	tr,
	img { page-break-inside: avoid; }
	img { max-width: 100% !important; }

	@page { margin: 0.5cm; }

	p,
	h2,
	h3 { orphans: 3; widows: 3; }
	h2,
	h3 { page-break-after: avoid; }
}


/* ==========================================================================
   Helper classes
   ========================================================================== */


.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }
	.ir:before { content: ""; display: block; width: 0; height: 100%; }

.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
	.visuallyhidden.focusable:active,
	.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before,
.clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ==========================================================================
   REMS-elimination notice (permanent blocking modal, on every content page)
   ========================================================================== */

/* Set on <html> by _RemsNotice.cshtml so the page behind cannot be scrolled.
   The overlay does its own scrolling, so long notice copy stays reachable. */
.rems-notice-open,
.rems-notice-open body { overflow: hidden; }

.rems-notice-overlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
    overflow-y: auto;
    padding: 20px;
}

.rems-notice {
    background: #fff;
    border: 5px solid #008a5e;
    max-width: 520px;
    width: 100%;
    margin: 60px auto;
    padding: 25px 30px 30px;
    box-sizing: border-box;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}
/* The notice itself holds focus (tabindex="-1"); no focus ring on a container. */
.rems-notice:focus { outline: none; }
.rems-notice p { color: #004b75; margin: 0 0 12px 0; }
.rems-notice p:last-of-type { margin-bottom: 0; }
.rems-notice .rems-notice-actions { text-align: center; margin-top: 20px; }
/* Continue is a link, not a button, so it still works without script and can be
   opened in a new tab; these rules just give it the site's button treatment. */
.rems-notice .rems-notice-continue {
    display: inline-block;
    background: #008a5e;
    color: #fff;
    border: 0;
    font-family: 'roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.5px;
    padding: 10px 30px;
    cursor: pointer;
    /* The page's other buttons (btn_step_one/two, get-started) are pill-shaped
       images - their corner radius is half their height. A radius larger than
       half the height clamps to a pill, so this matches at any font size. */
    border-radius: 100px;
}
.rems-notice .rems-notice-continue:hover,
.rems-notice .rems-notice-continue:focus { background: #009cdb; color: #fff; }