@charset "utf-8";
/* CSS Document */
* {
    padding: 0px;
    margin: 0px;
	border:none;	
}

.no-padding {
    padding:0;
}

body  {
	background-color: #003366;
	text-align: center;
}

#logodiv {
	background-color: white;
}

#textheading  {
	padding: 20px;
}
#textheading p {
	font-family: 'Metrophobic', Cenutury Gothic, Helvetica, Verdana, Arial, sans-serif;
	font-weight:bolder;
	color: #e26c24;
	text-align: center;
	font-size: 2.5em;
}

#subtextheading  {
	font-family: 'Quicksand', Cenutury Gothic, Helvetica, Verdana, Arial, sans-serif;
	font-weight:bolder;
	color: #FFFFFF;
	text-align: center;
}

.text-nfiblue{
	color: #003366;
}

#textincrease {
	font-size: 1.1em;
}



.nfipanel {
	background-color: #e26c24;
	border-color: white;
	border-style: solid;
	border-width: thin;
	border-radius: 3px;
	padding-top: 10px;
}

.nfipanel p {
	font-family: 'Quicksand', Cenutury Gothic, Helvetica, Verdana, Arial, sans-serif;
	font-size: 1.8em;
	color: #003366;
	text-align: center;
}



.checkbox label:after 
{
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr
 {
    position: relative;
    display: inline-block;
    border: 2px solid #ffffff;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
	 background: #EDA477;
	
}



.checkbox .cr .cr-icon
 {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}



.checkbox label input[type="checkbox"]
 {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon
 {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon
 {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr
 {
    opacity: .5;
}

.nfipanel3 {
	background-color: #e26c24;
	border-color: white;
	border-style: solid;
	border-width: thin;
	border-radius: 3px;
	padding: 15px;
	
	
}


.nfipanel2 {
	background-color: #e26c24;
	border-color: white;
	border-style: solid;
	border-width: thin;
	border-radius: 3px;
	padding: 15px;
	margin-bottom: 25px;
	
}

.nfipanel2 p {
	font-family: 'Quicksand', Cenutury Gothic, Helvetica, Verdana, Arial, sans-serif;
	font-size: 1.2em;
	color: #FFFFFF;
}

 .nfipanel2 .img-responsive {
	border-color: white;
	border-style: solid;
	border-width: thin;
	 border-radius: 3px;
	
}

.nfipanel2 h6 {
	font-family: 'Quicksand', Cenutury Gothic, Helvetica, Verdana, Arial, sans-serif;
	font-size: 2.3em;
	color: #FFFFFF;
	text-align: center;
}

.quotelabel{
	font-size: 1.5em;
}




/*<!-- centered text with bottom margin -->*/
#nficentext {	
	font-family: 'Quicksand',Century Gothic, Geneva, Arial, Helvetica, sans-serif;	
	text-align: center;
	color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 75px;
}

/*<!-- left aligned text with bottom margin -->*/
#nfilefttext {	
	font-family: 'Quicksand',Century Gothic, Geneva, Arial, Helvetica, sans-serif;	
	text-align: left;
	color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 75px;
	padding: 0;
}

#nfilefttext a:hover {
	font-size: 120%;
}

#nfilefttext a {color: #e26c24; }


#nfilefttext ul {
	list-style-position: inside;
	font-family: 'Quicksand',Century Gothic, Geneva, Arial, Helvetica, sans-serif;	
}

#nfilefttext li{
	margin-left: 1em;
	padding-left: 2em;
	text-indent: -1.5em;
}

/*<!-- left aligned text with no bottom margin -->*/
#nfilefttextnm {	
	font-family: 'Quicksand',Century Gothic, Geneva, Arial, Helvetica, sans-serif;	
	text-align: left;
	color: #FFFFFF;
	margin-top: 20px;
/*	margin-bottom: 75px;
*/	padding: 0;
}

#nfilefttextnm li{
	margin-left: 1em;
	padding-left: 2em;
	text-indent: -1.5em;
}

#nfilefttextnm ul {
	list-style-position: inside;
	font-family: 'Quicksand',Century Gothic, Geneva, Arial, Helvetica, sans-serif;	
}


	#nficontact{
	background-color: white;	
	}	

#nfiQuote .img-responsive {
		border:solid;
		border-width: thin;
		border-color: #003366;
	border-radius: 2px;
     }
#nfiQuote .img-thumbnail {
		border:solid;
		border-width: thin;
		border-color: #003366;
	border-radius: 2px;
     }

.caption h5{
	font-family: 'Quicksand',Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	color: #003366;
	padding: 0;
}
.caption p{
	font-family: 'Quicksand',Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	color: #003366;
	padding: 0;
}
.caption small{
	color: #003366;
}
.caption {
	padding: 0;
}


.modal-body{
	background-color: #003366;
}
.modal-body > .img-responsive {
    display: block;
    margin-left: auto;
    margin-right: auto;
	
}
.modal-title{
	color: #003366;
	font-size: 2em;
}

.modal-footer  .btn {
	margin-right: 15px;
}

.modal label{color: white;}


.panel  {
	font-family: 'Quicksand',Century Gothic, Geneva, Arial, Helvetica, sans-serif;
}
.panel-heading {
	background-color: #e26c24;
	color: white;
}

.panel-heading h3{
	font-size: 1.7em;
}
.panel-body {
	background-color: white;
	color: #003366;
}

.panelpad{
	margin-right: 22px;
}


.thumbnail .img-responsive {
		border:solid;
		border-width: thin;
		border-color: #003366;
     }



.navbar-inverse {
	background-color: #e26c24;
	border-color: #e26c24;
	text-align: center;
	color: #FFFFFF;
	
}
.navbar-inverse .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar-inverse .navbar-collapse {
  text-align: center;
}

 .navbar-inverse .navbar-nav li a {
 	color: #FFFFFF;
	text-decoration: none;
	float: left;
	font-family: 'Quicksand',Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 160%;
	 font-weight: bold;
	 text-align: center;
}

.navbar-inverse .navbar-nav li a:hover {     
	color: #003366;
	text-decoration:none;	
 }

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: white;
	border-color: white;
}

.navbar-inverse .navbar-toggle  {
    border-color: white;
	border-width: medium;
}

.navbar-inverse .navbar-toggle:hover {
	background-color: e26c24;
}


.navbar-inverse .navbar-toggle:hover {
	background-color: #e26c24;
	border-width: medium;
 	border-color: white;
}

.navbar-toggle {
	background-color: #003366;
}




.navbar-default {
	background-color: #e26c24;
	border-color: #e26c24;
	page-break-after: 0;
	
}

.navbar-default .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
 text-align: center;
}

.navbar-default .navbar-collapse {
  text-align: center;
}

 .navbar-default .navbar-nav li a {
 	color: #FFFFFF;
	text-decoration: none;
	float: left;
	 display: block;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.navbar-default .navbar-nav li a:hover {     
	color: #003366;
	text-decoration:none;	
 }

.navbar-default .navbar-toggle:hover {
	background-color: #e26c24;
}


.navbar-default .navbar-toggle {
	border-width: medium;
 	border-color: white;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
	border-color: white;
}





.nav-pills li {
	background-color: #e26c24;
}

.nav-pills li a {
	font-family: 'Metrophobic',Century Gothic, Geneva, Arial, Helvetica, sans-serif;	
	font-size:120%;
	color:white;
	text-align: left;
	}

 .nav-pills>li.active>a{
background-color:white;
color: #003366;
font-family: 'Metrophobic',Century Gothic, Geneva, Arial, Helvetica, sans-serif;	
font-size: 150%;
text-align: left;
}

.nav-pills li.active{
	background-color: #ffffff;
}

.nav-pills li.active a:hover{
	color: #e26c24;
	background-color: #ffffff;
}

.nav-pills li a:hover{
	background-color: #ffffff;
	color: #e26c24;
	font-weight: bold;
	text-align: left;
}

.nav-pills li:hover{
	background-color: #ffffff;
	color: #e26c24;
	text-align: left;
}




.panel.with-nav-tabs .panel-body {
	background-color: white;
	color: #003366;
}

.panel.with-nav-tabs .panel-heading{
	 padding: 25px 5px 0 5px;
	
}
.panel.with-nav-tabs .nav-tabs{
/*	border: none;*/
	border-bottom: none;
}

.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}

.nav-tabs li a {
	color: white !important;
	border: none !important;
	}

.nav-tabs li {
	background-color: #e26c24 !important;
		border: none !important;
}

.nav-tabs li:hover{
	background-color: purple !important;
	color: #e26c24 !important;
	border: none !important;
}

.nav-tabs li.active:hover{
	background-color: green !important;
	color: #003366 !important;
	border: none !important;
}

.nav-tabs li.active{
	background-color: red !important;
}




.with-nav-tabs .nav-tabs > li > a,
.with-nav-tabs .nav-tabs > li > a:hover,
.with-nav-tabs .nav-tabs > li > a:focus {
	color: #e26c24;
	font-family: 'Metrophobic',Century Gothic, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 150% !important;
}
.with-nav-tabs .nav-tabs > .open > a,
.with-nav-tabs .nav-tabs > .open > a:hover,
.with-nav-tabs .nav-tabs > .open > a:focus,
.with-nav-tabs .nav-tabs > li > a:hover,
.with-nav-tabs .nav-tabs > li > a:focus {
	color: #003366 !important;
	background-color: white !important;
	border-color: transparent;
	font-size: 175% !important;
	
}
.with-nav-tabs .nav-tabs > li.active > a,
.with-nav-tabs .nav-tabs > li.active > a:hover,
.with-nav-tabs .nav-tabs > li.active > a:focus {
	color: #003366 !important;
	background-color: white !important;
	border-color: white;
	border-bottom-color: transparent;
	font-size: 175% !important;
}





#bottomFixedNavbar1 {
	font-size: 125%;
	line-height: 50%;
}

#bottomFixedNavbar1 p{
	font-size: 75%;
	line-height: 50%;
	color: #003366;
}



.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}






/* lg */
@media screen and (min-width: 1200px) {
    body {
        font-size: 1.3em;
    }
	
	.caption p {
        font-size: 1.5em; /* 0.8x default size */
        }
	
	.caption h5 {
        font-size: 1.5em; /* 0.8x default size */
        }
	.thumbnail {max-width:85%;
	}
}



@media screen and (max-width: 991px) {
     /* start of large tablet styles */
   
	.caption p {
        font-size: 1.2em; /* 0.8x default size */
        }
	.caption h5 {
        font-size: 1.2em; /* 0.8x default size */
        }
	body {
        font-size: 1.2em;
    }
	.thumbnail {max-width:80%;
	}
	
}

@media screen and (max-width: 767px) {
     /* start of medium tablet styles */
     /* Adding a fixed/percentage min-width could ensure that the image doesn't get too small */
	.quotelabel{font-size: 1.2em;}
	
	.formgroup h3 {
		font-size:1.2em;
	}
	
	.nfipanel p {font-size: 1.5em;}
	
	.thumbnail {max-width:70%;
		
	}
	.caption p {
        font-size: 0.8em; /* 0.8x default size */
        }
	.caption h5 {
        font-size: 0.8em; /* 0.8x default size */
        }
		.nav-pills li a {
	font-family: 'Metrophobic',Century Gothic, Geneva, Arial, Helvetica, sans-serif;	
	font-size:75%;
	
	text-indent: 0.01em;}
	
	
	.affix {
        position: fixed;
    }
}

@media screen and (max-width: 479px) {
     /* start of phone styles */
     /* It's possible to hide the image if the screen becomes too small */
	.nfipanel p {font-size: 1em;}
	
	.quotelabel{font-size: 1em;}
	
	.formgroup h3 {
		font-size:1em;
	}
	
	.nfipanel2 p {font-size: 1em;}
	#nfilefttext h2 {font-size: 1em;
	font-weight: bold;}
	#textheading p {font-size: 100%;}
	.thumbnail {max-width:60%;
	}
	
	.panel-heading h3 {font-size: 1.2em;}
	  .caption p {
        font-size: 0.5em; /* 0.8x default size */
	}
	
	 .caption h5 {
        font-size: 0.5em; /* 0.8x default size */
	}
	
	.caption small  {font-size: 0.3em;}
	
	.nav-pills>li.active>a{
		font-size: 75%;
		}
	
	.nav-pills li a {
	font-family: 'Metrophobic',Century Gothic, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 75%;
	
	text-indent: 0.01em;}
	
	.affix {
        position: fixed;
    }
}





@media print {

	#headContent{
		height: 1px;
		visibility: hidden;
		display: none;
		white-space:nowrap;
	}

	#bodyContent{
		height: 1px;
		visibility: hidden;
		white-space:nowrap;
	}


	#nfifooter{
		visibility: hidden;
		display: none;
		white-space:nowrap;
	}


	.modal-header{
		visibility: visible;
		display: block;
        page-break-before: none;
        page-break-after: none;
        page-break-inside: avoid;
	}
	
	.modal-body{
	visibility: visible;
	display: block;
	page-break-before: none;
    page-break-after: none;
    page-break-inside: avoid;
	}
	
	
	.thumbnail .img-responsive{
        height: 0;
        width: 0;
		visibility: hidden;
		display: none;
		white-space:nowrap;
	}
	
	
	.img-responsive{
    page-break-inside: avoid;
	}
	
}

.clearfix {
  overflow: auto;
}


.hidden
{
display: none;
}


.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}