body { font-family: 'Roboto', sans-serif; font-size:14px; line-height:20px; min-height:100%;   margin:0px; padding:0px; color:#4d4d4d; 

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6385ab+0,fd5376+100 */
background: #6385ab; /* Old browsers */
background: -moz-linear-gradient(left,  #6385ab 0%, #fd5376 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #6385ab 0%,#fd5376 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #6385ab 0%,#fd5376 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6385ab', endColorstr='#fd5376',GradientType=1 ); /* IE6-9 */

}
.bg { background:#e5eaed!important;}
body.gradient-bg-none {background:none;}

.img-fix { position:fixed; text-align:center; left:5%;}
img.img-fix { text-align:center;}

.img-fix-2 { position:fixed; text-align:center; left:22%; top:-52%; z-index:0;}
img.img-fix-2 { text-align:center;}

@font-face {
	font-family: 'Proxima Nova Lt';
	src: url('ProximaNova-LightIt.eot');
	src: url('ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'),
		url('ProximaNova-LightIt.woff') format('woff'),
		url('ProximaNova-LightIt.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('ProximaNova-RegularIt.eot');
	src: url('ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'),
		url('ProximaNova-RegularIt.woff') format('woff'),
		url('ProximaNova-RegularIt.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('ProximaNova-BoldIt.eot');
	src: url('ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'),
		url('ProximaNova-BoldIt.woff') format('woff'),
		url('ProximaNova-BoldIt.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}


@font-face {
	font-family: 'Proxima Nova Lt';
	src: url('ProximaNova-Light.eot');
	src: url('ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
		url('ProximaNova-Light.woff') format('woff'),
		url('ProximaNova-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('ProximaNova-Bold.eot');
	src: url('ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
		url('ProximaNova-Bold.woff') format('woff'),
		url('ProximaNova-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Th';
	src: url('ProximaNova-Extrabld.eot');
	src: url('ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
		url('ProximaNova-Extrabld.woff') format('woff'),
		url('ProximaNova-Extrabld.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}



@font-face {
	font-family: 'Proxima Nova Bl';
	src: url('ProximaNova-Black.eot');
	src: url('ProximaNova-Black.eot?#iefix') format('embedded-opentype'),
		url('ProximaNova-Black.woff') format('woff'),
		url('ProximaNova-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('ProximaNova-Regular.eot');
	src: url('ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
		url('ProximaNova-Regular.woff') format('woff'),
		url('ProximaNova-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Lt';
	src: url('ProximaNova-Semibold.eot');
	src: url('ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
		url('ProximaNova-Semibold.woff') format('woff'),
		url('ProximaNova-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Lt';
	src: url('ProximaNova-SemiboldIt.eot');
	src: url('ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'),
		url('ProximaNova-SemiboldIt.woff') format('woff'),
		url('ProximaNova-SemiboldIt.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}


html { height: 100%;}

.mt20 { margin-top:20px!important;}
.mt40 { margin-top:40px!important;}
.pt0 { padding-top:0px!important;}
.pb0 { padding-bottom:0px!important;}
.pt60 { padding-top:60px!important;}

a{ color:#6b8eaf;}
.clear {clear:both;}
.pl50 { padding-left:50px!important;}
.mt20 { margin-top:20px!important;}

.container { max-width:1100px;}


h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0px; }
p { margin:0px;}

a { color:#411453; text-decoration:none; outline:none;}
a:hover { outline:none;}
a img { border:none;}


.btn-default { background:#7fb34b; border:1px solid #7fb34b; color:#fff; display:inline-block; margin-bottom:10px; padding:10px 15px; border-radius:0px; text-align:center; margin:0px 0px 0px 0px; font-weight:300; text-transform:uppercase; width:auto; font-size:14px; }

.block { display:block!important;}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background:transparent; border:1px solid #7fb34b;}


.btn-success { background:#e03b73; border:none; color:#fff; display:block; margin-bottom:10px; padding:13px 35px; border-radius:0px; margin-right:12px; font-weight:700; font-style:italic; width:270px; font-size:18px; }

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background:#fff; color:#003366; border:none;}

.btn-primary {
	color: #fff;
	background-color: #fd5376;
	border-color: #fd5376; border-radius:50px; padding:10px 40px; font-size:16px; text-transform:uppercase;
}

.btn-primary:hover {
	color: #fff;
	background-color: #6c82a8;
	border-color: #6c82a8;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #6c82a8;
	border-color: #6c82a8;
}

.social-security { margin-top:50px;}
.social-security label { font-size:16px; color:#fff; padding-bottom:5px;}
.social-security input { background:#ececec; }
.social-security input::placeholder { color:#8e8e8e; font-size:15px;}
.social-security button { margin-top:10px;}


.outer-container {
    position : absolute;
    display: table;
  margin:0 auto;
  width:100%;
  height:100%;
  
}

.inner-container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.home-content {
    display: inline-block;
    text-align: center;
    padding : 20px;
}

.home-content h1 { font-size:50px; color:#fff; font-family: 'Proxima Nova Rg'; font-style:italic; font-weight:700; line-height:33px;}
.home-content h1 span {
	background: #fd5376;
	border-radius: 50%;
	width: 75px;
	height: 75px;
	display: inline-flex;
	/* padding-top: 7px; */
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.ssn-heading { text-align:center; padding-top:40px; padding-bottom:20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6385ab+0,fd5376+100 */
background: #6385ab; /* Old browsers */
background: -moz-linear-gradient(left,  #6385ab 0%, #fd5376 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #6385ab 0%,#fd5376 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #6385ab 0%,#fd5376 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6385ab', endColorstr='#fd5376',GradientType=1 ); /* IE6-9 */}


.address-bar { background:#adbfca; padding:10px 0px 10px 0px; text-align:center;}
.address-bar h2 { font-size:26px; color:#606060; font-weight:600;}
.address-bar p { font-size:17px; font-weight:500; color:#666; padding:5px 0px;}

.body-content { background:#e5eaed; min-height : 100%;}

.note { padding-top:30px; padding-bottom:30px; width:70%; margin:0 auto;}
.note p { border:2px dotted #c6c6c6; border-radius:5px; padding:20px; text-align:center; font-size:20px; line-height:24px; font-weight:800; background:#f5fafd; }

.ssn-form { margin:0px auto; width:50%;}
.ssn-form label { font-size:17px; font-weight:500; text-align:center; display:block; color:#323232; padding-bottom:5px;}
.ssn-form input { background:#fff;}
.ssn-form input::placeholder { color:#8e8e8e; font-size:15px;}
.ssn-form button { margin-top:10px;}

.text-btn { background:#6983a9; border-color:#6983a9; padding:10px 20px; text-transform:capitalize;}

.form-box { border:1px solid #dddddd; padding:10px 20px 20px 20px; margin-top:20px;}
.form-box .form-part input { border-radius:0px; }
.form-box #sms-checkbox { top: 7px;}
.form-box #email-checkbox { top: 7px;}


.Or {
	float: left;
	padding-top: 20px;
}

.form-box .form-part {
	background: #efeeee;
	padding: 7px 7px 7px 10px;
	float: left;
	width: 46.8%;
}

.form-box span {
	font-weight: 700;
	font-size: 17px;
	position: relative;
	top: -21px;
	background: #fff;
	padding: 0 11px;
}

.notification-modal h5.modal-title { font-size:24px; font-weight:500; width:100%; padding-left:30px; color:#6684aa; text-align:center;}
.notify-me label { font-size:16px; color:#1b1b1c;}


/*-----drag and upload file -------*/

input#file {
  display:none;
}

.box__input {
	text-align: center;
}

.box
				{
					font-size: 1.25rem; /* 20 */
					background-color: #f5f5f5;
					position: relative;
					padding: 30px 20px;
					border-radius:8px;
					margin-top:22px;
				}
				.box.has-advanced-upload
				{
					outline: 2px dashed #92b0b3;
					outline-offset: -10px;

					-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
					transition: outline-offset .15s ease-in-out, background-color .15s linear;
				}
				.box.is-dragover
				{
					outline-offset: -20px;
					outline-color: #c8dadf;
					background-color: #fff;
				}
					.box__dragndrop,
					.box__icon
					{
						display: none;
					}
					.box.has-advanced-upload .box__dragndrop
					{
						display: inline;
					}
					.box.has-advanced-upload .box__icon
					{
						width: 100%;
						height: 80px;
						fill: #92b0b3;
						display: block;
						margin-bottom: 40px;
					}

					.box.is-uploading .box__input,
					.box.is-success .box__input,
					.box.is-error .box__input
					{
						visibility: hidden;
					}

					.box__uploading,
					.box__success,
					.box__error
					{
						display: none;
					}
					.box.is-uploading .box__uploading,
					.box.is-success .box__success,
					.box.is-error .box__error
					{
						display: block;
						position: absolute;
						top: 50%;
						right: 0;
						left: 0;

						-webkit-transform: translateY( -50% );
						transform: translateY( -50% );
					}
					.box__uploading
					{
						font-style: italic;
					}
					.box__success
					{
						-webkit-animation: appear-from-inside .25s ease-in-out;
						animation: appear-from-inside .25s ease-in-out;
					}
						@-webkit-keyframes appear-from-inside
						{
							from	{ -webkit-transform: translateY( -50% ) scale( 0 ); }
							75%		{ -webkit-transform: translateY( -50% ) scale( 1.1 ); }
							to		{ -webkit-transform: translateY( -50% ) scale( 1 ); }
						}
						@keyframes appear-from-inside
						{
							from	{ transform: translateY( -50% ) scale( 0 ); }
							75%		{ transform: translateY( -50% ) scale( 1.1 ); }
							to		{ transform: translateY( -50% ) scale( 1 ); }
						}

					.box__restart
					{
						font-weight: 700;
					}
					.box__restart:focus,
					.box__restart:hover
					{
						color: #39bfd3;
					}

					.js .box__file
					{
						width: 0.1px;
						height: 0.1px;
						opacity: 0;
						overflow: hidden;
						position: absolute;
						z-index: -1;
					}
					.js .box__file + label
					{
						max-width: 80%;
						text-overflow: ellipsis;
						white-space: nowrap;
						cursor: pointer;
						display: inline-block;
						overflow: hidden;
					}
					.js .box__file + label:hover strong,
					.box__file:focus + label strong,
					.box__file.has-focus + label strong
					{
						color: #39bfd3;
					}
					.js .box__file:focus + label,
					.js .box__file.has-focus + label
					{
						outline: 1px dotted #000;
						outline: -webkit-focus-ring-color auto 5px;
					}
						.js .box__file + label *
						{
							/* pointer-events: none; */ /* in case of FastClick lib use */
						}

					.no-js .box__file + label
					{
						display: none;
					}

					.no-js .box__button
					{
						display: block;
					}
					.box__button
					{
						font-weight: 700;
						color: #e5edf1;
						background-color: #39bfd3;
						display: none;
						padding: 8px 16px;
						margin: 40px auto 0;
					}
						.box__button:hover,
						.box__button:focus
						{
							background-color: #0f3c4b;
						}


/*-----drag and upload file -------*/

.enable-btn { background-color:#d0cece!important; border:1px solid #d0cece!important; color:#6d6d6d!important; text-transform:capitalize; margin: 21px auto 0; display: table;}

.notification-modal h4 { font-size:16px; font-weight:700; color:#454444; text-align:center; padding:20px 0px 0px 0px;}

.note-info {
	background: #e3f2f9;
	border-radius: 5px;
	padding: 19px;
	margin: 11px 0px 0px 0px;
	text-align: left;
}
.note-info p {
	padding: 6px 0;
	font-size: 15px;
}
.note-info p a { color:#a800ff;}

.form-part .form-check {
	padding-left: 1rem;
}


@media screen and (max-width:1200px) {

	
	}



@media screen and (max-width:990px) {


}



@media screen and (max-width:950px) {

.Or {
	text-align: center;	clear: both; width: 100%; padding:10px 10px;}
	
.form-box .form-part {width: 100%;}
}
@media screen and (max-width:920px) {


}


@media screen and (max-width:768px) {

.home-content h1 {font-size: 34px;}
.home-content h1 span {width: 58px;
height: 58px;}
.home-content h1 br { display:none;}
.social-security label { line-height:25px;}


img.img-fix { text-align:center; width:100%;}
.address-bar p {padding: 5px 30px; font-size: 15px;}
.address-bar h2 {
	font-size: 24px;
}

.address-bar {
	padding: 20px 0px 20px 0px;
}
.note {
	width: 90%;
}
.ssn-heading {
	padding-top: 30px;
}
.img-fix-2 { display:none;}
.ssn-form {
	margin: 0px auto;
	width: 90%;
	padding-bottom:40px;
}
.ssn-form button { float:none!important; text-align:center; margin:10px auto; display:table;}



}



@media screen and (max-width:580px) {
.form-box #sms-checkbox {
	top: -8px;
	left: 20px;
}
.form-box #email-checkbox {
	top: -8px;
	left: 20px;
}

}