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

GENERAL 

********************************************/
	/***** Box-Size Reset *****/
		html {
		  box-sizing: border-box;
		}
		*, *:before, *:after {
	box-sizing: inherit;
	background-color: FFFFFF;
		}

	/***** Boilerplate *****/
		
		html {
			font-family: 'Roboto', sans-serif;
			font-size: 10px;
			color: #001e4d;
		}
		
		html, body {
			min-height: 100%;
		}
		
		body {
			padding: 0px;
			width: 100%;
			height: 100%;
		}
		body>div{
			overflow: visible;
		}

		body,
		h1, h2, h3, h4, h5, h6,
		p, blockquote, pre,
		dl, dd, ol, ul,
		form, fieldset, legend,
		table, th, td, caption,
		hr {
		  margin: 0;
		  padding: 0; 
		}

		a {
			text-decoration: none;
			color: inherit;
			cursor: pointer;
		}
		
		img {
			max-width: 100%;
		}

		strong{
			font-weight: 600;
		}

		.clearfix:after {
			display: block;
			content: '';
			clear:both;
		}

		.container {
			max-width: 1450px;
			width: 100%;
			margin: 0 auto;
			padding: 0 35px;
			box-sizing: border-box;
			position: relative;
		}


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

MODALS 

********************************************/
	/***** Overlay *****/
		.modal_overlay {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 1000;
			background-color: rgba(0,0,0,0.5);
			opacity: 0;
			pointer-events: none;
			transition: 0.5s ease-in-out;
			will-change: opacity;
		}
		.modal_overlay.active {
			opacity: 1;
			pointer-events: auto;
		}

	/***** Modal *****/
		.modal {
		  position: fixed;
		  top: 20%;
		  left: 50%;
		  transform: translate3d(-50%, 50px, 0);
		  z-index: 1001;
		  background-color: #ccc;
		  padding: 35px;
		  width: 100%;
		  max-width: 500px;
		  opacity: 0;
		  pointer-events: none;
		  transition: 0.5s ease-in-out;
		  transition-delay: 0s;
		  will-change: transform, opacity;
		}
		.modal.active {
		  opacity: 1;
		  pointer-events: auto;
		  transform: translate3d(-50%, 0px, 0);
		  transition-delay: 0.25s;
		}
		.modal >.modal_close.main {
		  position: absolute;
		  height: 50px;
		  width: 50px;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  top: -25px;
		  right: -25px;
		  font-size: 20px;
		  border-radius: 100%;
		  box-sizing: border-box;
		  background-color: #fff;
		  color: #001e4d;
		  border: solid 3px #fff;
		  cursor: pointer;
		  transition: 0.25s ease-in-out;
		}
		.modal >.modal_close.main:hover {
		  border: solid 3px #001e4d;
		}

		/***** Selector Notice  Modal *****/

			.modal.selector_notice > span {
				font-size: 1.4rem;
			}

		/***** Video Modal *****/
			.modal.video {
			  position: fixed;
			  top: 10%;
			  left: 50%;
			  transform: translate3d(-50%, 50px, 0);
			  z-index: 1001;
			  background: transparent;
			  padding: 0px;
			  width: 100%;
			  max-width: 560px;
			  height: 315px;
			  opacity: 0;
			  pointer-events: none;
			  transition: 0.5s ease-in-out;
			  transition-delay: 0s;
			  will-change: transform, opacity, height;
			}
			.modal.video iframe{
				width: 100%;
				height: 100%;
			}
			.modal.video.active {
			  opacity: 1;
			  pointer-events: auto;
			  transform: translate3d(-50%, 0px, 0);
			  transition-delay: 0.25s;
			}


		/****** Selector Step3 Modal ******/

			.selector_step3_notice {
				font-size: 1.4rem;
			} 

			.selector_step3_notice a.btn {
				background-color: #82c341;
				display: inline-block;
				padding: 5px 12px 5px 12px;
				color: #FFFFFF;
				border-radius: 15px;
			} 

		/****** Selector Step3 Modal ******/

			.selector_special_notice {
				font-size: 1.4rem;
			} 

			.selector_special_notice ul{
				margin-left: 15px;
				padding-top: 15px;
			}
			.selector_special_notice ul li{
				display: none;
			}

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

NAVIGATION 

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

/***** Navigation *****/
		
	.nav.desktop {
		background-color: #fff;
	}
	.nav.desktop>.container{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	/***** Logo *****/
		.nav.desktop>.container>.logo{
			
		}

	/***** Links *****/
		.nav.desktop>.container>.links{
			display: flex;
			justify-content: flex-end;
		}
		.nav.desktop>.container>.links>a{
			display: inline-block;
			font-size: 1.8rem;
			padding: 35px 25px;
			margin: 0;
			color: #001e4d;
			background-color: #fff;
			transition: .25s ease-in-out;
		}
		.nav.desktop>.container>.links>a:hover{
			color: #82c341;
			background-color: #001e4d;
		}


	/***** Mobile Nav Button *****/
		.nav.desktop>.container>.mobile_nav_open{
			display: inline-block;
			font-size: 2.4rem;
			padding: 15px;
			color: #001e4d;
			cursor: pointer;
			transition: .25s ease-in-out;
	
			display: none;
		}
		.nav.desktop>.container>.mobile_nav_open:hover{
			color: #82c341;
		}

	/***** Mobile Nav Menu *****/
		.mobile_nav{
			position: fixed;
			top: 0;
			right: 0;
			height: 100%;
			width: 100%;
			max-width: 100vw;
			background-color: #fff;
			display: flex;
			flex-direction: column;
			padding: 55px 15px 35px 15px;

			transform: translate3d(100vw,0,0);
			transition: .25s ease-in-out;
		}
		.mobile_nav.active{
			transform: translate3d(0px,0,0);
		}
		.mobile_nav>.mobile_nav_close{
			position: absolute;
			top: 0;
			right: 0;
			font-size: 3rem;
			padding: 15px;
			color: #001e4d;
			cursor: pointer;
			transition: .25s ease-in-out;
		}
		.mobile_nav>.logo{
			display: flex;
			justify-content: center;
		}
		.mobile_nav>.links{
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
		.mobile_nav>.links>a{
			display: block;
			width: 100%;
			text-align: center;
			font-size: 1.8rem;
			padding: 35px 25px;
			margin: 0;
			color: #001e4d;
			background-color: #fff;
			transition: .25s ease-in-out;
			border-bottom: solid 1px #001e4d;
		}
		.mobile_nav>.links>a:hover{
			color: #82c341;
			background-color: #001e4d;
		}
	
/***** Footer *****/	
	
	footer {
		background-color: #c4ccde;
	}
	footer>.container{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	/***** Logo *****/
		footer>.container>.logo{
			
		}

	/***** Links *****/
		footer>.container>.links{
			font-size: 1.2rem;
			color: #001f4e;
		}
		footer>.container>.links>a{
			transition: .25s ease-in-out;
		}
		footer>.container>.links>a:hover{
			
		}




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

REUSABLE CONTENT BLOCKS

********************************************/	
	/***** CONTENT BLOCK 1 - image|copy side by side *****/
		.content_block_1{
			display: flex;
			flex-direction: row;
		}
		.content_block_1>.image{
			width: 100%;
			max-width: calc(100% - 600px);
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.content_block_1>.copy{
			width: 100%;
			max-width: 600px;
			display: flex;
			flex-direction: column;
			justify-content: center;

		}
		.content_block_1>.copy:first-child{
			padding-right: 55px;
			padding-left: 0;
			text-align: right;
		}
		.content_block_1>.copy:last-child{
			padding-left: 55px;
			padding-right: 0;
			text-align: left;
		}
		.content_block_1>.copy>h2{
			color: #82c341;
			font-size: 7.2rem;
			margin-bottom: 30px;
		}
		.content_block_1>.copy>p{
			font-size: 1.8rem;
			line-height: 2.8rem;
		}
		.content_block_1>.copy>p>a{
			color: #82c341;
			font-weight: 600;
			transition: .25s ease-in-out;
			border-bottom: solid 2px transparent;
		}
		.content_block_1>.copy>p>a>i{
			transition: .25s ease-in-out;
		}
		.content_block_1>.copy>p>a:hover{
			border-bottom: solid 2px #82c341;
		}
		.content_block_1>.copy>p>a:hover>i{
			transform: translateX(5px);
		}

	/***** CONTENT BLOCK 2 - form *****/
		.content_block_2{
			display: flex;
			flex-direction: row;
           
		}
		.content_block_2>.copy{
			text-align: right;
			width: 100%;
			max-width: 535px;

		}
		.content_block_2>.copy>h2{
			font-size: 7.2rem;
			line-height: 7.2rem;
			font-weight: 600;
			color: #82c341;
			margin-bottom: 25px;
		}

		.content_block_2>.copy>p{
			color: #fff;
			font-size: 1.8rem;
			line-height: 3.6rem;
		}
		

		/*.content_block_2>.form{
			width: 100%;
			max-width: calc(100% - 535px);
			padding-left: 65px;
			text-align: right;
		}
		.content_block_2>.form>form>input[type="text"]{
			width: 100%;
			padding:20px 30px 18px;
			margin-bottom: 8px;
			border-radius: 50px;
			display: block;
			border:solid 5px #fff;
			outline: none;
			font-size: 1.8rem;
			color: #022b61;
			transition: .25s ease-in-out;
		}
		.content_block_2>.form>form>input[type="text"]:focus{
			border:solid 5px #82c341;
		}
		.content_block_2>.form>form>input[type="text"]::placeholder{
			font-size: 1.8rem;
			color: #022b61;
			opacity: 1;
		}*/

		.content_block_2>.form>form>input[type="submit"]{
			background-color: #82c341;
			color: #fff;
			border-radius: 50px;
			font-size: 2.4rem;
			padding:10px 30px 8px;
			border:solid 5px #82c341;
            margin: 100px;
            margin-right: 400px;
			cursor: pointer;
		}

	/***** CONTENT BLOCK 3 - accordian *****/	
		.content_block_3{
			margin-bottom: 35px;
		}
		.content_block_3>.title{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			border-bottom: solid 2px #82c341;
			padding-bottom: 10px;
			cursor: pointer;
		}
		.content_block_3>.title>h3{
			color: #82c341;
			font-size: 2.4rem;
		}

		.content_block_3>.title>.icon>i{
			color: #82c341;
			font-size: 2.4rem;
		}
		.content_block_3>.title>.icon>i.fa-plus{
			display: block;
		}
		.content_block_3.active>.title>.icon>i.fa-plus{
			display: none;
		}
		.content_block_3>.title>.icon>i.fa-minus{
			display: none;
		}
		.content_block_3.active>.title>.icon>i.fa-minus{
			display: block;
		}



		.content_block_3>.content{
			color: #fff;
			font-size: 1.8rem;
			padding-top: 20px;

			display: none;
		}
		

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

HOME PAGE

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

	/***** Hero *****/

		.home_1 {
			height: 1080px;
			position: relative;
		}
		.home_1>.background{
			position: absolute;
			top:0;
			left: 0;
			height: 100%;
			width: 100%;
			background-image: url('../img/hero-bg.png');
			background-size: cover;
			background-position: top center;
			background-repeat: no-repeat;
		}
		.home_1>.background>.container{
			/*border: solid 5px red;*/	/*use border for testing in dev*/
		    max-width: 1000px;
		    margin-top: 72px;
		    height: 460px;
		    display: flex;
		    flex-direction: column;
		}
		.home_1>.background>.container>.lockup{
			height: 50%;
			padding: 80px 0 0 0px;
		}
		.home_1>.background>.container>.copy{
			height: 50%;
			padding: 25px 0 0 0px;
			color: #fff;
			font-size: 1.8rem;

		}
		.home_1>.background>.container>.copy>p{
			max-width: 400px;
			margin-bottom: 20px;
		}

		.home_1>.quick_links{
			border-radius: 25px 25px 0px 0px; /* top left, top right, bottom right, bottom left */
			background-color: #fff;
			padding: 0;
			padding-bottom: 210px;
			
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
		}
		.home_1>.quick_links>.inner_nav{
			height: 235px;
			width: 100%;
			display: flex;
		}

		.home_1>.quick_links>.inner_nav>a{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 25%;
			background-color: #fff;
			color: #001e4d;
			font-size: 2.4rem;
			font-weight: 600;
			transition: .25s ease-in-out;
		}
		.home_1>.quick_links>.inner_nav>a:first-of-type{
			border-radius: 25px 0px 0px 0px;
		}
		.home_1>.quick_links>.inner_nav>a:last-of-type{
			border-radius: 0px 25px 0px 0px;
		}
		.home_1>.quick_links>.inner_nav>a:hover{
			background-color: #001e4d;
			color: #fff;
		}

		.home_1>.quick_links>.inner_nav>a>.icon{
			width: 100%;
			max-width: 100px;
			margin-bottom: 15px;
		}
		.home_1>.quick_links>.inner_nav>a:hover>.icon .cls-1{
			transition: .25s ease-in-out;
		}
		.home_1>.quick_links>.inner_nav>a:hover>.icon .cls-1{
			fill: #82c341;
		}


	/***** Home 2 *****/

		.home_2{
			background-position: top center;
			background-size: cover;
			background-repeat: no-repeat;
			position: relative;
			padding-top: 200px;
			padding-bottom: 250px;
		}
		.home_2>.image{
			position: absolute;
			width: 100%;
			left: 50%;
			transform: translateX(-50%);
			/*top: -150px;*/
			bottom: calc(100% - 130px);
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.home_2>.copy{
			text-align: center;
			width: 100%;
			max-width: 800px;
			margin: auto;
		}
		.home_2>.copy>h1{
			color: #fff;
			font-size: 7.2rem;
		}
		.home_2>.copy>p{
			color: #fff;
			font-size: 2.4rem;
		}


	/***** Home 3 *****/
		.home_3{
			position: relative;
			padding-top: 450px;
			padding-bottom: 150px;
		}


		/***** Video Preview *****/
			.home_3>.video_preview{
				width: 100%;
				max-width: 1410px;
				margin: auto;
				display: flex;
				position: absolute;
				top: -175px;
				left: 50%;
				transform: translate3d(-50%,0,0);
			}
			.home_3>.video_preview>.copy{
				width: 100%;
				max-width: 450px;
				background-color: #feca66;
				border-radius: 25px 0 0 25px;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
				position: relative;
			}
			.home_3>.video_preview>.copy:after{
				content:'';
				width: 0; 
				height: 0; 
				position: absolute;
				right: -35px;
				top: 50%;
				transform: translate3d(0,-50%,0);
				border-top: 35px solid transparent;
				border-bottom: 35px solid transparent;

				border-left: 35px solid #feca66;
			}
			.home_3>.video_preview>.copy>h2{
				color: #fff;
				font-size: 7.2rem;	
				max-width: 	275px;
			}

			.home_3>.video_preview>.image{
				width: 100%;
				max-width: calc(100% - 450px);
				height: 530px;
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 0 25px 25px 0;
			}
			.home_3>.video_preview>.image>img{
				cursor: pointer;
				transition: .25s ease-in-out;
			}
			.home_3>.video_preview>.image>img:hover{
				transform: translate3d(-5px,-5px,0);
				filter: drop-shadow(5px 5px #feca66);
			}

		
		/***** Content *****/	
			.home_3 .content_block_1:first-of-type{
				margin-bottom: 150px;
			}
	
	

	/***** Home 4 *****/
		.home_4{
			background-color: #022b61;
			padding-top: 50px;
			padding-bottom: 50px;
		}

	/***** Home 5 *****/
		.home_5{
			position: relative;
		}
		.home_5>.background{
			width: 100%;
			height: 945px;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
		}
		.home_5>.copy{
	border-radius: 25px 25px 0px 0px; /* top left, top right, bottom right, bottom left */
	background-color: #fff;
	padding: 50px;
	text-align: left;
	position: absolute;
	bottom: -101px;
	left: 678px;
	transform: translateX(-50%);
		}
		.home_5>.copy>h2{
			font-size: 7.2rem;
			text-align: center;
            color: #82c341;
			margin-bottom: 25px;
        }
            .home_5>.copy>h3{
			font-size: 2.2rem;
			text-align: center;
           margin-top: 15px;
			margin-bottom: 5px;
        }
		.home_5>.copy>p{
			font-size: 1.8rem;
			line-height: 2.4rem;
			width: 100%;
			max-width: 650px;
			margin: auto;
            }
		.home_5>.copy>ul, li{
			font-size: 1.8rem;
			line-height: 2.4rem;
			width: 100%;
			max-width: 650px;
			margin: auto;
		}

		.home_5>.copy a{
			color: #82c341;
			font-weight: 600;
			transition: .25s ease-in-out;
			border-bottom: solid 2px transparent;
		}
		.home_5>.copy a:hover{
			border-bottom: solid 2px #82c341;
		}
		


	/***** Home 6 *****/
		.home_6{
			
			margin-top: 230px;
			margin-bottom: 120px;
		}
		.home_6 .document_selector_wrapper{
			position: relative;
			padding-top: 103px;
		}
		.home_6 .document_selector_wrapper>.main{
			position: absolute;
			bottom: 3px;
			left: 50%;
			transform: translate3d(-50%,0,0);
		}
		.home_6 .document_selector_wrapper>.button{
			position: absolute;
			bottom: 35%;
			left: 50%;
			transform: translate3d(-50%,-35%,0);

			background-color: #022b61;
			color: #fff;
			border-radius: 50px;
			font-size: 2.4rem;
			padding:10px 30px 8px;
			
			cursor: pointer;
			animation: button_float 2s infinite;
			transition: .25s ease-in-out;
		}
		.home_6 .document_selector_wrapper>.button:hover{
			background-color: #82c341;
		}
		.home_6 .document_selector_wrapper>.button:before{
			pointer-events: none;
			position: absolute;

			content: '';
			top: 100%;
			left: 50%;
			transform: translate3d(-50%,0,0);
			height: 10px;
			width: 90%;
			background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
			transition-duration: 0.3s;
			transition-property: transform, opacity;
			animation: button_float_reverse 2s infinite;
		}

		@keyframes button_float {
			0%, 100%	{ transform: translate3d(-50%,0,0); }
			50%			{ transform: translate3d(-50%,-10px,0); }
		}
		@keyframes button_float_reverse {
			0%, 100%	{ transform: translate3d(-50%,0,0); width: 90%; }
			50%			{ transform: translate3d(-50%,10px,0); width: 70%; }
		}


	/***** Home 7 *****/
		.home_7{
			background-color: #022b61;
			padding-top: 100px;
			padding-bottom: 55px;

		}

		.home_7>.container>h2{
			font-size: 7.2rem;
			color: #82c341;
			text-align: center;
			margin-bottom: 75px;
		}
		.home_7>.container>.content_block_3{
			max-width: 1100px;
			margin-left: auto;
			margin-right: auto;
		}

		.home_7 .faq_button {
			margin-top: 15px;
			display: inline-block;
			background-color: #82c341;
		    color: #fff;
		    border-radius: 50px;
		    font-size: 2.4rem;
		    padding: 10px 30px 8px;
		    border: solid 5px #82c341;
		    cursor: pointer;
        }
        .home_7>.container>.content>.table-wrap a{
			/*color: #82c341;*/
			text-decoration: underline;
			transition: .25s ease-in-out;
			border-bottom: solid 2px transparent;		
}

    

	/***** Home 8 *****/
		.home_8{
			padding-top: 85px;
			padding-bottom: 120px;
		}

/********** Home 9 *********/
       .home_9{
			background-color: #022b61;
			padding-top: 100px;
			padding-bottom: 55px;

		}

		.home_9>.container>h2{
			font-size: 5.2rem;
			color: #82c341;
			text-align: center;
			margin-bottom: 75px;
		}
		.home_9>.container>.content_block_3{
			max-width: 1100px;
			margin-left: auto;
			margin-right: auto;
}
        .home_9>.container>.content>.table-wrap a{
			color: #82c341;
			font-weight: 600;
			transition: .25s ease-in-out;
			border-bottom: solid 2px transparent;
			
            }
		.home_9>.container>.content>.table-wrap a:hover{
			border-bottom: solid 2px #82c341;
				
}


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

Document Selector 

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

	/***** Top Level Elements *****/
		.document_selector_1{
			background-color: #022b61;
			padding: 20px 0 115px;
			
		}
		.selector_wrapper{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			position: relative;
		}

		.selector_wrapper>.copy{
			max-width: 1100px;
			display: flex;
			justify-content: center;
			align-items: center;
			margin-bottom: 20px;
		}
		.selector_wrapper>.copy>h1{
			font-size: 7.2rem;
			color: #82c341;
			width: 50%;
		}
		.selector_wrapper>.copy>p{
			font-size: 1.8rem;
			line-height: 3.2rem;
			color: #fff;
			width: 50%;
		}

		/***** Disclaimer *****/
			.selector_wrapper>.disclaimer{
				color: #fff;
				text-align: center;
				font-size: 1.4rem;
				margin-top: 50px;
			}
			.selector_wrapper>.disclaimer>p>a{
				text-decoration: underline;
				transition: .25s ease-in-out;
			}
			.selector_wrapper>.disclaimer>p>a:hover{
				color: #82c341;
			}
		/***** Document Selector Main *****/
			.selector_wrapper>.selector_main{
				max-width: 1100px;
				background-color: #fff;
				padding: 35px 40px;
				border-radius: 10px;
				display: flex;
				transition: .5s ease-in-out;
			}


			


			/***** Info Section *****/
				.selector_wrapper>.selector_main>.info{
					width: 350px;
				}

				.selector_wrapper>.selector_main>.info>.steps>.cell{
					display: flex;
					justify-content: center;
					align-items: center;
					height: 60px;
					margin-bottom: 10px;
					
				}
				.selector_wrapper>.selector_main>.info>.steps>.cell>.step{
					display: flex;
					justify-content: center;
					align-items: center;
					width: 125px;
					height: 100%;
					background-color: #022b61;
					color: #82c341;
					font-weight: 600;
					font-size: 2.4rem;
					border-radius: 50px 0px 0px 50px; /* top left, top right, bottom right, bottom left */
				}
				.selector_wrapper>.selector_main>.info>.steps>.cell>.total{
					display: flex;
					justify-content: flex-start;
					align-items: center;
					width: calc(100% - 125px);
					max-width: 250px;
					height: 100%;
					padding-left: 20px;
					background-color: #416089;
					color: #fff;
					font-weight: 600;
					font-size: 2.4rem;
					border-radius: 0px 50px 50px 0px; /* top left, top right, bottom right, bottom left */
				}

				.selector_wrapper>.selector_main>.info>.steps>.cell>.total>span{
					transition: .25s ease-in-out;
				}
				.selector_wrapper>.selector_main>.info>.steps>.cell>.total>span.active{
					color: #82c341;
					animation: total_get .5s 1
				}
				@keyframes total_get {
				  0%,100%   { transform:scale(1); }
				  50% { transform:scale(1.5); }
				}

				.selector_wrapper>.selector_main>.info>.math{
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: 3.2rem;
					font-weight: 600;
					margin-bottom: 120px;
					margin-top: 25px;
				}
				.selector_wrapper>.selector_main>.info>.caution{
					display: flex;
					justify-content: center;
					align-items: center;
					flex-direction: column;
				}
				.selector_wrapper>.selector_main>.info>.caution>a{
					color: #82c341;
					font-size: 1.8rem;
					margin-top: 20px;
					display: inline-block;
				}
				.selector_wrapper>.selector_main>.info>.caution>a:hover{
					text-decoration: underline;
				}


			/***** Content Section *****/
				.selector_wrapper>.selector_main>.content{
					width: calc(100% - 350px);
					padding-left: 60px;
					z-index: 10;
					transition: .5s ease-in-out;
				}

				.selector_wrapper>.selector_main>.content>.dynamic_wrapper{
					position: relative;
					transition: .5s ease-in-out;
				}

				.selector_wrapper .screen{
					position: absolute;
					top: 0;
					left: 0;

					opacity: 0;
					transform: scale(.8);
					pointer-events: none;
					transition: 0s ease-in-out;
				}

				.selector_wrapper .screen.active{
					opacity: 1;
					transform: scale(1);
					pointer-events: auto;
					transition-delay: .5s;
					position: relative;
					transition: .75s ease-in-out;
				}

				.selector_wrapper .screen>.copy_main{
					font-size: 2.4rem;
					color: #022b61;
					margin-bottom: 30px;
				}

				.selector_wrapper .screen>.copy_sub{
					font-size: 1.8rem;
					color: #022b61;
				}
				
				/***** Options *****/
					.selector_wrapper .screen>.options{
						padding: 20px 0;
					}
					.selector_wrapper .screen>.options .cell{
						width: 100%;
						background-color: #f1f1f1;
						border: solid 5px #f1f1f1;
						padding: 20px 100px 20px 35px;
						font-size: 1.4rem;
						color: #022b61;
						border-radius: 50px;
						margin-bottom: 10px;
						transition: .25s ease-in-out;
						cursor: pointer;
						position: relative;
					}

					.selector_wrapper .screen>.options .cell:hover{
						border: solid 5px #82c341;
					}
					.selector_wrapper .screen>.options .cell.active{
						border: solid 5px #82c341;
						animation: cell_active .5s 1
					}
					@keyframes cell_active {
						0%,100%   { transform:scale(1); }
						50% { transform:scale(1.1); }
					}

					.selector_wrapper .screen>.options.locked .cell,
					.selector_wrapper .screen .accordian_inner.locked .cell{
						transform: scale(.8);
						pointer-events: none;
					}
					.selector_wrapper .screen>.options.locked .cell.active,
					.selector_wrapper .screen .accordian_inner.locked .cell.active{
						transform: scale(1);
						pointer-events: auto;
						border: solid 5px #82c341;
					}

					.selector_wrapper .screen>.options .cell>.value{
						background-color: #022b61;
						color: #82c341;
						font-size: 2.4rem;
						font-weight: 600;
						display: flex;
						justify-content: center;
						align-items: center;
						height: 45px;
						width: 45px;
						border-radius: 100%;

						position: absolute;
						top: 50%;
						right: 20px;
						transform: translate3d(0,-50%,0);
					}




					.selector_wrapper .screen>.options>.accordian .option_header{
						width: 100%;
						background-color: #022b61;
						border: solid 5px #022b61;
						padding: 20px 35px;
						font-size: 1.4rem;
						text-align: center;
						color: #fff;
						border-radius: 50px;
						margin-bottom: 10px;
						transition: .25s ease-in-out;
						cursor: pointer;
					}

					.selector_wrapper .screen>.options>.accordian .option_header.active, .selector_wrapper .screen>.options>.accordian .option_header:hover{
						border: solid 5px #82c341;
					}
					.selector_wrapper .screen>.options>.accordian .accordian_inner{
						height: auto;
						max-height: 0;
						overflow-y: hidden;
						transition: .5s ease-in-out;
					}
					.selector_wrapper .screen>.options>.accordian.active .accordian_inner{
						max-height: 10000px;
						overflow-y: visible;
					}

				/***** Next Button and Disclaimers *****/
					.selector_wrapper .screen>.button_wrapper{
						display: flex;
						justify-content: space-between;
					}
					.selector_wrapper .screen>.button_wrapper>span, .selector_wrapper .screen>.button_wrapper>a{
						font-size: 1.4rem;
						color: #022b61;
					}
					.selector_wrapper .screen>.button_wrapper>a{
						text-decoration: underline;
					}
					.selector_wrapper .screen>.button_wrapper>.button{
						background-color: #82c341;
						color: #fff;
						text-align: center;
						border-radius: 50px;
						font-size: 2.4rem;
						padding:10px 35px 8px;
						border:solid 5px #82c341;
						cursor: pointer;
						transition: .25s ease-in-out;
					}
					.selector_wrapper .screen>.button_wrapper>.button:hover{
						background-color: #fff;
						color: #82c341;
					}

				/* Screen 2 */

					#screen_2 a.btn {
						background-color: #82c341;
						display: inline-block;
						padding: 5px 12px 5px 12px;
						font-size: 1.4rem;
						color: #FFFFFF;
						border-radius: 15px;
					}



	/***** Steps - Mobile *****/
		/* NOTE - since this only appears on the 
		Selector page, the display media query is
		in a <style> block at the top of the Selector file */
		.steps_mobile{
			position: fixed;
			bottom: 0;
			left: 0;
			z-index: 50;
			background-color: #fff;
			width: 100%;
			padding: 15px 15px;
			background-color: #022b61;
			box-shadow: -1px -3px 21px rgba(0,0,0,.75);

			display: flex;
			justify-content: space-around;
			align-items: center;

			display: none;
		}
		.steps_mobile>.cell{
			color: #fff;
			font-size: 1.4rem;
			font-weight: 600;
			text-align: center;
		}
		.steps_mobile>.cell>.step{
			color: #82c341;
		}
		.steps_mobile>.cell>.total{}
		.steps_mobile>.cell>.total>span{}
		.steps_mobile>.cell>.total>span{
			transition: .25s ease-in-out;
		}
		.steps_mobile>.cell>.total>span.active{
			color: #82c341;
			animation: total_get .5s 1;
		}
		@keyframes total_get {
		  0%,100%   { transform:scale(1); }
		  50% { transform:scale(1.5); }
		}

/* alert */

.alert-danger {
    color: #001f4e;
    background-color: #ffffff;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
        
        
}

.alerta {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alerta h4 {
  margin-top: 0;
  color: inherit;
}

.alerta .alert-link {
  font-weight: bold;
}

.alerta > p,
.alerta > ul {
  margin-bottom: 0;
}

.alerta > p + p {
  margin-top: 5px;
}

.alerta-dismissable,
.alerta-dismissible {
  padding-right: 35px;
}

.alerta-dismissable .close,
.alerta-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alerta-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alerta-success hr {
  border-top-color: #c9e2b3;
}

.alerta-success .alert-link {
  color: #2b542c;
}

.alerta-primary {
    color:#004085;
    background-color:#cce5ff;
    border-color:#b8daff;
    padding-left: 1rem;
    padding-right: 1rem;
}
.alerta-primary hr {
    border-top-color:#9fcdff;
}
.alerta-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alerta-info hr {
  border-top-color: #a6e1ec;
}

.alerta-info .alert-link {
  color: #245269;
}

.alerta-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alerta-warning hr {
  border-top-color: #f7e1b5;
}

.alerta-warning .alert-link {
  color: #66512c;
.alert {
    margin-top: 1rem;
   
}

.cse .gsc-control-cse,
.gsc-control-cse {
    border-color: #001f4e !important;
    background-color: #FFFFFF !important;
}

.gsc-results-wrapper-visible {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}

@media screen and (max-width: 990px) {
    .footer-search,
    .gsc-input-box {
        border-radius: 0;
    }

    .hide-mobile {
        display: none;
    }
}

input {
    color: #001f4e;
}