html {
overflow-y: scroll;
}

body {
/*font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-family: "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#585859;
line-height:148%;
font-weight:300;
}

* {
	margin:0;
	padding:0;
	text-decoration:none
}

strong {
 font-weight:600;
}

p {
 font-size:15px;
 margin:0 0 1.4em;
}

h1 {
 font-size:35px;
 font-weight:300;
 color:#009F9F;
 margin:0 0 0.8em;
}

h2 {
 font-size:21px;
 font-weight:400;
 margin:0 0 0.8em;
 color:#585859;
}

.lead {
 font-size:22px;
 font-weight:300;
 margin:0 0 1em;
}

section.home {
 text-align:center;
}

.main {
 padding-top:30px;
 padding-bottom:30px;
}

aside img {
 margin-bottom:20px;
}

.divider {
 background-color:#ddd;
 height:1px;
 margin:15px 0 30px;
}

.cta,.cta:visited,.site .cta.cta-orange,.site .cta.cta-orange:visited{
	display:inline-block;
	background:#009F9F;
	padding:8px 80px 8px 15px;
	font-size:14px;
	color:#fff;
	position:relative;
	cursor:pointer;
	-webkit-transition:background-color .11s ease-out;
	-moz-transition:background-color .11s ease-out;
	-ms-transition:background-color .11s ease-out;
	-o-transition:background-color .11s ease-out;
	transition:background-color .11s ease-out
}

.cta:after,.cta:visited:after,.site .cta.cta-orange:after,.site .cta.cta-orange:visited:after{
	content:'';
	position:absolute;
	top:0;
	left:100%;
	margin-left:-50px;
	width:50px;
	height:100%;
	background:#73CED0 url(/img/arrow-right-white.png) 50% 50% no-repeat;
	-webkit-transition:background-color .11s ease-out;
	-moz-transition:background-color .11s ease-out;
	-ms-transition:background-color .11s ease-out;
	-o-transition:background-color .11s ease-out;
	transition:background-color .11s ease-out
}

.cta:focus,.cta:hover,.site .cta.cta-orange:focus,.site .cta.cta-orange:hover{
	background:#73CED0;
}

.cta:focus:after,.cta:hover:after,.site .cta.cta-orange:focus:after,.site .cta.cta-orange:hover:after{
	background-color:#009F9F;
}

a.cta  {
 text-decoration:none;
}

.parent {
    padding: 3% 0;
}

.child1 {
    padding: 4% 0 0;
}

.child2 {
    padding: 5% 0 4%;
}

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.nav-justified > li > a {
    margin-bottom: 0;
}

/* Header */

.logo a {
position: absolute;
display: block;
text-indent: -9999px;
}

.logo.hfl a {
height: 60px;
width: 66px;
top: 18px;
right:0;
background: url(/img/hflrisk-logo.gif) no-repeat;
}

.logo.picme a {
height: 60px;
width: 121px;
top: 18px;
right:80px;
background: url(/img/picme-logo.gif) no-repeat;
}

/* Navigation */

.navigation {
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}

.navbar-default {
background: none;
}

.nav-justified {
border-left:1px solid #ddd;
}

.nav li a {
color: #585859;
font-size:18px;
padding: 16px 0;
border-right:1px solid #ddd;
}

.nav li a:hover, .nav li a.current {
 background-color:#eee;
}

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

a.navbar-brand {
display: block;
height: 60px;
width: 180px;
text-indent: -9999px;
background-image: url(../img/hflconsulting-logo.gif);
}

.navbar-header {
float: none;
position:relative;
padding:15px 0;
}

}

/* Banner */

.homeBanner, .templateBanner {
 /*
 padding:10px 0;
 */
border-bottom:1px solid #ccc;
}

.clientsBanner {
padding:25px 0;
border-top:1px solid #ccc;
text-align:center;
}


.homeBanner {
text-align:center;
}

.templateBanner {
position:relative;
text-align:left;
}

.homeBanner img {
 margin:10px 0 0;
}

.homeBanner .text {
font-size:22px;
font-weight:300;
line-height: 1.3;
padding:10px 20px 10px;
}

.homeBanner .text.our-approach {
padding:10px 5px;
}

.homeBanner a {
 color:#585859;
}

.homeBanner a:hover {
 color:#009F9F;
 text-decoration:none;
}

.templateBanner h1 {
 font-size:35px;
 color:#585859;
 margin:0;
 /*
 padding-top:15px;
 padding-bottom:15px;
 margin-bottom:0;
 */
}

 @media screen and (min-width: 768px) {
     
.homeBanner .text {
font-size:18px;
line-height: 1.3;
padding:10px 10px 10px;
}    

.homeBanner .text.our-approach {
padding:10px 5px 10px;
}

.templateBanner h1 {
 font-size:35px;
  margin:0;
  /*
 padding-top:45px;
 padding-bottom:45px;
 */
}

.child1 {
    padding: 9% 0 0;
}

.child2 {
    padding: 5% 0 4%;
}

 }

 @media screen and (min-width: 992px) {
     
.homeBanner .text {
text-align:left;
padding:35px 10px;
}    

.homeBanner .text.our-approach {
padding:35px 5px 20px;
}  

.templateBanner h1 {
 font-size:35px;
  margin:0;
   /*
 padding-top:45px;
 padding-bottom:45px;
 */
 }

/*

.templateBanner h1.test:before {
content: " ";  
float:left;
background: url(/img/what-we-do.gif) 0 -10px no-repeat;
display: block;
overflow:visible;
height: 103px;  
width: 121px;  
top:5px;
 }
 */

 }
 
#get-in-touch, #meet-hflc {
 background-color:#009FA0;
 padding:25px 30px;
 color:#fff;
 margin-bottom:20px;
}

#meet-hflc p, #get-in-touch p {
 margin:0 0 0.7rem;
}

/* MEET THE TEAM PAGE */

#accordion {
 margin-top:15px;
}

.panel-group .panel + .panel {
    margin-top: 0;
}

.panel {
    margin-bottom: 20px;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.panel-collapse {
background:#F7F7F7;
}

.panel-group .panel {
border-radius: 0px;
margin-bottom: 1px;
}

.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

.panel-default > .panel-heading {
color: #fff;
background: #E7E7E7;
}

h4.panel-title {
margin-top: 0px;
margin-bottom: 0px;
font-size: 15px;
font-weight:normal;
color: #595959;
}

h4.panel-title  a {
text-decoration:none;
}

h4.panel-title  a:hover {
color:#595959;
text-decoration:none;
}

.panel-body p {
    margin: 0.7rem 0;
}

 
/* Footer */

#footer {
clear: both;
overflow: auto;
padding: 35px 0;
background: #ddd;
background: #009F9F;
}

#footer, footer a {
color: #fff;
}

#footer a, aside a {
color: #fff;
text-decoration: none;
}

.footerPod p {
margin-bottom:10px;
}

.footerPod p, .footerPod ul li {
font-size:16px;
}

.panelHeader {
font-size: 20px;
padding: 20px 0;
border-top: 1px solid #fff;
}

.footerPod ul {
list-style-type: none;
padding: 0;
}

.footerPod ul li:not(:last-child) {
line-height: 1.5;
}

.footerPod ul.useful {
width:210px;
}

.footerPod ul.useful li {
float:left;
margin:0 15px 15px 0;
}

#signoff {
position: relative;
margin: 0 auto;
padding: 15px 0;
border-bottom: 1px solid #ddd;
}

.signoff {
margin: 0 auto;
font-size: 14px;
color: #585858;
}

.signoff span {
float: right;
}

.signoff span a {
color: #585858;
text-decoration: none;
}

/* BOOTSTRAP NEW 5 COLUMN RULES */	

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}