@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Nunito:300,300i,400,400i,600,600i,700,700i,800,800i&subset=latin-ext');

* {
    padding: 0; margin: 0;
}

body {
    font-family: 'Nunito', 'Futura', 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #636b78;
    line-height: 125%;
    margin: 0;
    padding: 0;
    /*white-space: normal;*/
}

H1, H2, H3 {
    color: #00a19c;
    font-weight: 600;
    margin-top: 0em;
	margin-bottom: 0em;
}

H1 {
    font-size: 25px;
    line-height: 1.3;
}

H2 {
    font-size: 18px;
    line-height: 1.1;
	margin-bottom: 0.5em;
}

H3 {
    font-size: 16px;
    line-height: 1.1;
}

H2.case {
	text-transform: uppercase;
	padding:0px 0px 0px 0px;
	margin:0px 0px -9px 0px;
}

SECTION P {
    line-height: 1.4;
}

P, UL, OL {
    margin-bottom: 1em;
}

P.smalltext {
    font-size: 14px;
}

B {
    font-weight: 600;
}

A {
    /*color: #005cb9;  orginally blue*/
	color: #a8262c;
    text-decoration: none;
	font-weight:600;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

A:hover {
    color: #808080;
    text-decoration: underline;
}

a.anchor {
    display: block;
    position: relative;
    top: -170px;
    visibility: hidden;
}


UL {
    padding-left: 1em;
    margin-left: 1em;
}

UL UL {
    margin-left: 0.5em;
}

BUTTON.action {
    min-width: 112px;
    white-space: nowrap;
    font-weight: 300;
    color: #fff;
    background: #a8262c;
    border: 2px #a8262c solid;
    padding: 2px 8px;
    font-weight: 600;
}

BUTTON.action:hover {
    color: #a8262c;
    background: #fff;
    box-shadow: 2px 4px 6px rgba(0,135,186,0.15);
    text-shadow: 2px 1px 2px rgba(0,135,186,0.15);
}

sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
    font-size: 70%;
}

sub {
    top: 0.4em;
}

.ctr {
    text-align: center;
}

.padded {
    margin-top: 1.5em;
    margin-bottom: 2.5em;
}

.lead-in {
    color: #00a19c;
    font-weight: 600;
}

fright, .fleft {
    box-sizing: border-box;
    display: block;
}

.fright {
    float: right;
}

.fleft {
    float: left;
}

.padding-3-4 {
    padding: 0 0 0.8em 0.8em;
}

.padding-2-3 {
    padding: 0 0.8em 0.8em 0;
}


/* =Structures
-------------------------------------------------------------- */
 
.header-cont {
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 100;
    background: #fff;
    box-shadow: 2px 4px 6px rgba(0,135,186,0.15);
}

HEADER {
    height: 115px;
    max-width: 1025px;
    min-width: 300px;
    margin: 0 auto;
    width: 90%;
    overflow: hidden;
    clear: both;
	transition: all .2s ease-in-out;
    color: #23486d;
}

HEADER IMG#logo {
    display: block; 
    margin-top: 15px;
    height: 70px;
	transition: all .3s ease-in-out;
}

#quick-links {
    text-align: right;
    line-height: 1.25;
    float: right;
    margin-top: 15px;
    padding-right: 2px;
}

#quick-links A {
    color: inherit;
    font-weight: 600;
    display: inline-block;
    margin-left: 2.0em;
}

#quick-links A[href="#"] {
    margin-left: 0;
}

#quick-links form, #quick-links A {
    margin-top: 10px;
}

#quick-links A:hover {
    color: #005480;
    text-decoration-color: #00a19c;
    text-shadow: 2px 1px 2px #cffffd;
}

#quick-links A[href^="tel:"] {
    color: #555;
}

#quick-links A[href^="tel:"]:hover {
    text-decoration: none;
}

.nav-cont {
    width: 100%;
    height: 50px;
    background: #003a5d;
    position: relative;
}

NAV {
    clear: both;
    background: rgb(0,135,186); 
    width: 90%;
    max-width: 1025px;
    margin: auto;
    text-align: center;
}

NAV * {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
    margin: 0 auto;
    position: relative;
}

/*Strip the ul of padding and list styling*/
NAV ul {
    list-style-type: none;
    position: absolute;
    margin: 0 auto;
    padding: 0;
}

NAV > ul#topNav {
    left: 0;
    right: 0;
    max-height: 50px;
    min-height: 50px;
    max-width: 1025px;
    /*overflow: hidden;*/
}

/*Create a horizontal list with spacing*/
NAV UL > li {
    display:inline-block;
    height: 50px;
    line-height: 30px;
    padding-right: 2px;
    background: url(../images/separator.png) right center no-repeat;
}


NAV UL > li li { 
    padding-right: 0; /* fix: was inherited and left a gap visible */
}

/*Style for menu links*/
NAV li a, NAV li SPAN {
    display: block;
    padding: 10px 15px;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    text-align: center;
}
/*Hover state for top level links*/
NAV li:hover a {
    text-decoration: none;
    color: #fff;
    background-color: #1178bd; 
}

NAV li SPAN {
    cursor: default;
}

NAV li SPAN, NAV li A.currBtn {
    color: #fff;
    background-color: #00a19c; 
}

NAV li:hover A.currBtn {
    color: #fff;
    background: #00ace9; 
}

/*Style for dropdown links*/
NAV li:hover ul a {
    background: #1178bd;
    color: #fff;
    text-align: left;
    font-weight: 400;
}
/*Hover state for dropdown links*/
.nav-cont #topNav li:hover ul a:hover {
    background: #00ace9;
    color: #fff;
}
/*Hide dropdown links until they are needed*/
NAV li ul {
    display: none;
    box-shadow: 2px 3px 4px rgba(0,135,186,0.15);
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
/*Make dropdown links vertical*/
NAV li ul li {
    display: block;
    float: none;
    height: 30px;
}
/*Prevent text wrapping*/
NAV li ul li a, NAV li ul li SPAN {
    padding: 0 20px;
    white-space: nowrap;
    font-weight: 300;
    margin-left: 0;
}

NAV li ul li SPAN {
    background: #f3f3f3;
    color: #00a19c;
}

/*Display the dropdown on hover*/
NAV ul li a:hover + .nav-hidden, NAV ul li SPAN:hover + .nav-hidden, .nav-hidden:hover {
    display: block;
}

NAV .hamburger-only {
    display: none;
}

NAV FORM {
    background: #1178bd;
    padding: 8px; 
    color: #fff;
    text-align: left;
    line-height: 1.2;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

NAV FORM:focus-within {
    background: #00ace9;
}

NAV FORM DIV {
    background: #fff;
    border: 1px solid #23486d;
    display: inline-block;
}

NAV FORM INPUT{
    width: 180px;
    border: none;
}

NAV FORM I.fa-search {
    color: #005480;
    cursor: pointer;
}

NAV FORM I.fa-search:hover {
    color: #00a19c;
}

#search-holder {
    display: inline-block; 
    width: auto;
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: right;
    box-sizing: border-box;
}

I.desktop { font-style: normal; }

#search-holder * {
    float: right;
}

.search-on {
    color: #00a19c;
}

.phone {
    display: none;
}

#banner {
    width: 100%;
    height: 486px;
    background-position: center center;
    background-size: auto;
    background-repeat: no-repeat;
	transition: all .2s linear;
}

.clear {
    clear: both;
}

.breadcrumbs {
    color: inherit;
    margin-top: 0.5em;
    min-height: 3em;
}

.breadcrumbs A, .breadcrumbs SPAN {
    color: inherit;
    margin-right: 0.25em;
}

.breadcrumbs SPAN, .breadcrumbs A {
    margin-left: 0.25em;
}

.breadcrumbs A:first-of-type {
    margin-left: 0;
}

.breadcrumbs A:hover {
    color: #1178bd;
}

SECTION {
    margin-top: 165px;
}

.section-content {
    height: auto;
    overflow: visible;
    max-width: 1025px;
    min-width: 300px;
    margin: 4em auto;
    width: 90%;
    clear: both;
}

.section-content * {
    -webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

.section-content + .section-content, .top-pad-0 {
    margin-top: 0;
}

.top-pad-0 {
    padding-top: 0;
}

.btm-pad-0 {
    padding-bottom: 0;
    margin-bottom: 0;
}

.divider-khaki {
    background: #ece7e7;
}

.divider-gray, FOOTER {
    background: #f1f1f1;
}

.col-2_3, .col-1_3 {
    box-sizing: border-box;
    float: left;
    margin-right: 2%;
}

.col-2_3 {
    width: 65%;
}

.col-1_3 {
    width: 33%;
}

.col-1_2 {
    width: 49%;
}

.col-multi > DIV:nth-last-of-type(2) {
    margin-right: 0;
    margin-left: 0;
    margin: auto;
    margin-top: 1em;
}

.sidebar-contact H2, .sidebar-contact A {
    color: #a8262c;
	margin-top: 0.5em;
}

.sidebar-contact A:hover, .read-more:hover {
    color: #23486d;
    text-decoration-color: #a8262c;
}

.sidebar-contact P {
    margin-bottom: 0.4em;
}

DIV[class*="sidebar"], .page-teasers P {
    font-size: 14px;
}

.sidebar-contact H2 {
    margin-top: 0.5em;
    color: #23486d;
	margin-top: 0.5em;
}

.sidebar-img {
    float: left;
    box-sizing: border-box;
    display: block;
    width: 20%;
    margin-right: 10%;
    margin-top: 0.5em;
}

.sidebar-img-link {
    float: left;
    box-sizing: border-box;
    display: block;
    width: 50%;
    font-weight: 700;
}

.full-img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.max40 {
    width: 40%;
    max-width: 40%;
}

.max60 {
    max-width: 60%;
}

.max65 {
    max-width: 65%;
}

.max80 {
    max-width: 80%;
}

.max95 {
    max-width: 95%;
}

ARTICLE {
    max-height: 2.9em; /* two lines */
}

.read-more {
    text-transform: uppercase;
    display: block;
    position: relative;
    color: #a8262c;
    font-weight: 600;
	z-index: 10;
    margin-bottom: 1.5em;
}

.read-more i[class*="fa-book"] {
    font-size: 85%;
}

.read-more-open::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 29px;
	top: 0;
	left: 0;
	z-index: 20;
    box-shadow: 0 -10px 21px 6px rgb(255, 255, 255);
    -webkit-box-shadow: 0 -10px 21px 6px rgb(255, 255, 255);
    -moz-box-shadow: 0 -10px 21px 6px rgb(255, 255, 255);
}

.callout-teal, .callout-navy, .callout-purple, .callout-olive {
    padding: 1em;
    color: #fff;
    background: #00a39a;
}

.callout-navy {
    background: #003a5c;
}

.callout-purple {
    background: #9d1c96;
}

.callout-olive {
    background: #a8ac00;
}

.page-teasers {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: flex-start;
}

.page-teasers > DIV {
    display: inline-block;
}

.page-teasers > DIV:not(:last-child) {
    margin-bottom: 1em;
}

.page-teasers > DIV.three-per-row {
    width: 32%
}

.page-teasers H2 {
    color: #23486d;
    margin: 0.3em 0 0.1em 0;
    font-size: 22px;
    font-weight: 700;
}

.page-teasers A {
    text-transform: none;
    font-weight: 700;
}

		DIV.three-position-one {
	 		width: 50%;
			float:left;
			margin:0px 0px 18px 0px;
	
		}

		DIV.three-position-two {
			 width: 15%;
			float:left;
			margin:0px 0px 18px 0px;

		}

		DIV.three-position-three {
			 width: 35%;
			float:left;
			margin:0px 0px 18px 0px;

		}

		DIV.rightblue {
			width:95%;
			padding:9px;
			background-color:#c0e5e5;
			text-align:center;
		}

/*--- accordion / toggle ---*/
.fhn-faq-item > .fhn-faq-answer {
    display: none;
    width: auto;
    -webkit-transition: none;
    transition: none;
}

.fhn-faq-item.open > .fhn-faq-answer {
    display: block;
}

.fhn-faq .fhn-faq-item {
    overflow: hidden;
}

.fhn-faq .fhn-faq-question {
    padding: 10px 0;
    font-weight: 700;
    cursor: pointer;
}

.fhn-faq .fhn-faq-question i {
    margin-right: 5px;
    font-size: 12px;
    width: 12px;
    height: 12px;
    line-height: inherit;
    padding: 0 5px 7px 0;
    display: inline-block;
    color: #a8262c;
}

.fhn-faq .fhn-faq-answer {
    margin-left: 23px;
}

.fhn-faq-question span.open, .fhn-faq-question:hover {
    color: #a8262c;
    text-decoration: underline;
}

FOOTER {
    color: #555b4f;
    padding: 1em 0;
    line-height: 1.3
}

FOOTER .section-content {
    margin: 0 auto;
}

FOOTER .site-map-col {
    float: left;
    box-sizing: border-box;
    min-width: 160px;
    width: 19%;
    padding-right: 35px;
}

FOOTER .site-map-col P {
    font-weight: 800;
    margin-bottom: 1.1em;
}

FOOTER A {
    text-decoration: none;
    color: inherit;
}

FOOTER A:hover {
    text-decoration: underline;
    color: #00a19c;
}

FOOTER .fhn-id {
    float: left;
    box-sizing: border-box;
    width: 24%;
}

FOOTER .fhn-id IMG {
    display: block;
    width: 100%;
    margin-bottom: 0.5em;
}

FOOTER .fhn-id-phone-lbl, FOOTER .fhn-id-phone {
    float: left;
    white-space: nowrap;
    width: auto;
}

FOOTER .fhn-id-phone-lbl {
    margin-right: 0.3em;
}

FOOTER .fhn-id P {
    margin-bottom: 1.1em;
}

FOOTER P {
    clear: both;
    font-weight: 400;
}

.fhnow-icon {
			width: 27px;
			height: 27px;
			background: #fff;
			text-align: center;
			border-radius: 2px;
			display: block;
			float: left;
			margin: 0 5px -7px 0;
		}

/* Responsive Fixes */ 
.slicknav_menu {
	display: none;
}

@media only screen and (max-width : 1025px) {
    #quick-links { line-height: 1.5; font-size: 14px; margin-top: 18px; }
    NAV li a, NAV li SPAN { padding-left: 12px; padding-right: 12px; font-weight: 600; font-size: 14px; }
    #banner { height: 400px; background-size: auto 400px; }
	.fhnow-icon {margin: 0 5px -5px 0;}
}

@media only screen and (max-width : 930px) {
    #quick-links { line-height: 1.75; font-size: 12px; margin-top: 20px; }
    NAV li a, NAV li SPAN { padding-left: 7px; padding-right: 8px; font-size: 13px; }
    I.desktop { display: none; }
    #banner { height: 350px; background-size: auto 350px; }
    FOOTER .site-map-col, FOOTER .fhn-id { width: 25%; }
	.fhnow-icon {margin: 0 5px -5px 0;}
}


/* iPads (portrait) ----------- */
@media only screen and (max-width : 768px) {
	NAV, #quick-links .desktop, HEADER #quick-links form#cse-search-box { display: none; }
    .phone { display: inline-block; }
    #quick-links   { margin-top: 20px; }
    #quick-links i.fa-lg, #quick-links i.fa { line-height: 1; font-size: 22px }
    #quick-links A { margin: 12px 0 0 8px; vertical-align: middle }
	.slicknav_menu { display: inline-block; line-height: 17px !important; }
    HEADER { height: 80px; }
    HEADER, .section-content { width: 95%; }
    HEADER IMG#logo { margin: 5px 0px; height: 70px; padding: 0; }
    .nav-cont #cse-search-box { margin-top: 5px; }
    #banner { height: 250px; background-size: auto 250px; }
    SECTION { margin-top: 130px; }
    FOOTER { font-size: 14px; }
    FOOTER .site-map-col, FOOTER .fhn-id { width: 33% }
    FOOTER .site-map-col { padding-right: 20px; }
	
	a.anchor {display: block;position: relative;top: -130px;visibility: hidden;}

    .col-2_3 { float: none; width: 100%; }
    .col-1_3 { clear: left; float: none; width: 67%; margin: 0; margin: auto; min-width: 300px; }
    .max40, .max60 { width: 100%; max-width: 100% }
    ARTICLE { max-height: 4.35em; /* three lines */ }
    .page-teasers > DIV.three-per-row { width: 49%; }
	.fhnow-icon {margin: 0 5px 3px 0;}
}

@media only screen and (max-width : 500px) {
    .header-cont { position: relative; }
    HEADER { height: 60px; width: 100%; }
    HEADER IMG#logo { margin: 5px; height: 50px; padding: 0; }
	.nav-cont { height: 32px; padding: 0; }
    .nav-cont #cse-search-box { margin-top: -3px; }
    .slicknav_btn { margin: 2px 5px !important; }
    #banner { height: 150px; background-size: auto 150px; }
    SECTION { margin-top: 0; }
    FOOTER .site-map-col { width: 50%; padding-right: 10px; }
    FOOTER .fhn-id { width: 100%; margin: auto; float: none; }
    ARTICLE { max-height: 5.8em; /* four lines */ }
    .page-teasers > DIV.three-per-row { width: 100%; }
    .max65, .max80, .max95 { width: 100%; max-width: 100% }
    .padding-2-3, .padding-3-4 { padding: 0 }
    .fright { clear: both; float: none; width: 100%; margin: 1em auto; }
    .fleft { clear: both; float: none; width: 100%; margin: 1em auto; }
	DIV.three-position-one { width: 100%; float:none;  clear: both;}
	DIV.three-position-two { width: 100%;  float:none;  clear: both;}
	DIV.three-position-three { width: 100%;  float:none;  clear: both;}
	DIV.rightblue {width: 100%;  float:none;  clear: both;}
	.fhnow-icon {margin: 0 5px 3px 0;}
}

/* REVOLUTION LAYERS STYLES */
.tp-caption.NotGeneric-Title,.NotGeneric-Title{color:rgba(255,255,255,1.00);font-size:70px;line-height:70px;font-weight:600;font-style:normal;font-family:Raleway;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0px;border-radius:0 0 0 0px}.tp-caption.NotGeneric-SubTitle,.NotGeneric-SubTitle{color:rgba(255,255,255,1.00);font-size:13px;line-height:20px;font-weight:500;font-style:normal;font-family:Raleway;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0px;border-radius:0 0 0 0px;letter-spacing:4px}
.hesperiden.tparrows{cursor:pointer;background:rgba(0,0,0,0.5);width:40px;height:40px;position:absolute;display:block;z-index:100;  border-radius:50%}.hesperiden.tparrows:hover{background:rgba(0,0,0,1)}.hesperiden.tparrows:before{font-family:"revicons";font-size:20px;color:rgb(255,255,255);display:block;line-height:40px;text-align:center}.hesperiden.tparrows.tp-leftarrow:before{content:"\e82c";  margin-left:-3px}.hesperiden.tparrows.tp-rightarrow:before{content:"\e82d";  margin-right:-3px}.hephaistos .tp-bullet{width:12px;height:12px;position:absolute;background:rgba(153,153,153,1);border:3px solid rgba(255,255,255,0.9);border-radius:50%;cursor:pointer;box-sizing:content-box;  box-shadow:0px 0px 2px 1px rgba(130,130,130,0.3)}.hephaistos .tp-bullet:hover,.hephaistos .tp-bullet.selected{background:rgba(255,255,255,1);  border-color:rgba(0,0,0,1)}