/* Style specific to this project */
/* Blank WP base CSS */
/*
* Typography, font face variants, colors and positioning
*/
body {
    font-family: "NT", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #000;
}

@font-face { /* Neris Black */
font-family:'NB'; src:url('fonts/neris-black-webfont.eot'); src:url('fonts/neris-black-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/neris-black-webfont.woff') format('woff'), url('fonts/neris-black-webfont.ttf') format('truetype'), url('fonts/neris-black-webfont.svg#neris-black-webfont') format('svg'); font-weight:normal !important; font-style:normal !important; font-variant:normal !important; } 

@font-face { /* Neris Light */
font-family:'NL'; src:url('fonts/neris-light-webfont.eot'); src:url('fonts/neris-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/neris-light-webfont.woff') format('woff'), url('fonts/neris-light-webfont.ttf') format('truetype'), url('fonts/neris-light-webfont.svg#neris-light-webfont') format('svg'); font-weight:normal !important; font-style:normal !important; font-variant:normal !important; } 

@font-face { /* Neris Semibold */
font-family:'NS'; src:url('fonts/neris-semibold-webfont.eot'); src:url('fonts/neris-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/neris-semibold-webfont.woff') format('woff'), url('fonts/neris-semibold-webfont.ttf') format('truetype'), url('fonts/neris-semibold-webfont.svg#neris-semibold-webfont') format('svg'); font-weight:normal !important; font-style:normal !important; font-variant:normal !important; } 

@font-face { /* Neris Thin*/
font-family:'NT'; src:url('fonts/neris-thin-webfont.eot'); src:url('fonts/neris-thin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/neris-thin-webfont.woff') format('woff'), url('fonts/neris-thin-webfont.ttf') format('truetype'), url('fonts/neris-thin-webfont.svg#neris-thin-webfont') format('svg'); font-weight:normal !important; font-style:normal !important; font-variant:normal !important; } 

.entry-content h2 { color:#b1986f; font:18px "NB", sans; }
.entry-content a { color:#2c9eb0; font-family:"NB", sans; }
.entry-content a { color:#2c9eb0; font-family:"NB", sans; }

div#BECalc TD, div#CNCalc TD { padding-bottom:12px !important; padding-right:25px; text-align:left; padding-left:10px; padding-top:10px; }
table .BEInput input[type="text"], table .CNInput input[type="text"] { width:100%; }

.dropdown:hover .dropdown-menu { display: block; }
.dropdown-menu li { text-align:left !important; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{ background:none !important; color:#ba3025 !important; }

.modal-backdrop { background:#ffffff !important; opacity:0.95 !important; }
.modal-title { font-family:"NS"; text-align:center; }

.form-inline .form-group { width:100% !important; margin-bottom:8px !important; }
.form-control{ width:100% !important;  border-radius:0; }

.page-alt .entry-title, .page-alt h4  { color:#2c9eb0 !important; }

#consulting  .btn-success { text-shadow:0 1px 5px #0b6a79 !important; }
#consulting ul li a, #commodities ul li a { font:18px "NL", sans; margin-bottom:10px; text-shadow:none; text-transform:inherit; color:#2c9eb0; }
#consulting ul li a:hover, #commodities ul li a:hover { text-decoration:underline;  }
#cboxLoadedContent { padding:20px 40px; border:1px solid #000000; }
#cwv3_title { background:none !important; text-transform:uppercase; color:#000000; }
#cwv3_auth { border:none !important; }
#cwv3_enter { background:#ba3025; border:1px solid #7f1a11; }
#cwv3_enter a { background:#ba3025; }
#cwv3_exit a { background:#ffffff !important; color:#000000 !important; }

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
    color: #333333;
}
p {
    color: #000;
}
h1, .h1 {
    font-size: 36px;
    line-height: 26px;
    text-transform: uppercase;
}

h2, .h2 {
    font-size: 24px;
    line-height: 26px;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-weight: bold;
}
a, a:hover {
    color: #48525a;
    text-decoration: none;
}
.entry-title {
    font:36px "NB", sans;
	color:#ba3025;
	text-transform:uppercase;
    line-height: 29px;
}
#yards .btn { }
.nav-previous { padding:20px 0 40px 0; }

.tab-content .col-md-5 ul { margin-top:60px; }
.tab-content .col-md-5 ul li { font-size:20px !important; }

.lead { font:24px "NL", sans; color:#333333; line-height:2.0; }

.navbar-nav ul li { list-style:none; display:inline; }

.mid-line { background:#ba3025; }
.mid-line2 { background:#2c9eb0; }

#cutoutChoicePrices, #cutoutSelectPrices, #cutoutChoicePriceChanges, #cutoutSelectPriceChanges, #cutoutLoads, #cutoutCutLoads, #cutoutCutLoads, #cutoutComposite, #cutoutChoicePriceChanges div, #cutoutSelectPriceChanges div, #cutoutLoads div, #cutoutCutLoads div, #cutoutCutLoads div, #cutoutComposite div, #cutoutSpread div{ width:100% !important; background:#ffffff; }

.inner-cat-links,
.inner-cat-links a,
.inner-cat-links a:hover {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 22px;
    color: #a3a9ac;
}
.front-page-entry-title  {
    background: transparent;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 0;
    font-weight: bolder;
}
.blog-images {
    background: #f0f0f0;
	padding-bottom:50px;
}
.blog-images footer.entry-meta {
    border-top:0;
}
.blog-images .hentry {
    margin-bottom: 27px;
}
.alignleft {
	float: left;
	margin-right: 10px;
}

.blog-images .nav-tabs > li { width:50%; }
/**
*
* Content positioning, variations, layout
* Sections and section specific styling, predominantly for the home / front page
* Look for matching "section"'s in the front-page.php file.
*/

.announce {
    padding-top: 10px;
    padding-bottom:30px;
}
.announce h1 {
    padding-bottom: 25px;
    font-weight: bolder;
	color:#ba3025;
	text-transform:uppercase;
	font:36px "NB", sans;
}
.announce p {
    font-size: 24px;
    line-height: 48px;
    margin-bottom: 20px;
}

.btn-danger { background:#ba3025 !important; border:1px solid #7f1a11; border-radius:0 !important; }
.btn-danger:hover { background:#9e2319 !important; }

.btn-success { background:#2c9eb0 !important; border:1px solid #0b6a79; border-radius:0 !important; }
.btn-success:hover { background:#085e6b !important; }

.announce p a { color:#2c9eb0; font-family:"NS", sans; }
.announce p a:hover { text-decoration:underline; }

.tab-pane h2 { text-transform:uppercase; color:#000000; font:24px "NB", sans; }
.tab-pane a { text-transform:uppercase; color:#ffffff; text-shadow:0 1px 5px #8b150f; font:16px "NB", sans; }
.tab-pane .pane-lead { font:24px "NL", sans; }
.tab-pane .feed p { line-height:1.7; font:30px "NL", sans; }
.tab-pane .feedleft ul { margin-top:33px; }
.tab-pane .feedleft ul li { font:24px "NL", sans; margin-bottom:10px; }
.tab-pane ul { margin-top:15px; }
.tab-pane ul li { font:18px "NL", sans; margin-bottom:10px; }

.marketing {
    padding-top:10px;
    padding-bottom: 15px;
}
.marketing .feeding { background:#c85951; text-align:center; color:#333333; font:18px "NL", sans; padding:20px 15px; margin-top:1%; }
.marketing .feeding2 { background:#56b1c0; text-align:center; color:#ffffff; font:18px "NL", sans; padding:20px 15px; margin-top:1%; }
.feeding .lead { color:#ffffff; text-transform:uppercase; font:22px "NS", sans; text-shadow:1px 1px 1px #ac332d; }
.feeding2 .lead  { color:#ffffff; text-transform:uppercase; font:22px "NS", sans; text-shadow:1px 1px 1px #3995a8; }
.feeding a, .feeding2 a { font-size:20px; color:#000000; }
.feeding a:hover, .feeding2 a:hover { color:#000000; text-decoration:underline; }
.calculator h3, .resources h3 { color:#ffffff; font:24px "NB", sans; text-transform:uppercase; }
.calculator ul { margin:0; padding:0; }
.calculator ul li{ float:left; display:block; width:50%; }
.calculator ul li a, .resources ul li a { color:#000000; font-family:"NS", sans; }
.calculator ul li a:hover, .resources ul li a:hover { color:#000000; text-decoration:underline; }
.calculator { border-right:1px solid #333333; padding-bottom:10px;}

.two-column .col-md-6 { padding-bottom:50px; }
.two-column .col-md-6 h3, .two-column .col-md-5  h3 { color:#b1986f; font:18px "NB", sans; }
.two-column .col-md-6 h3 a { color:#565656; text-transform:uppercase; font-size:24px; }
.two-column .col-md-5 h4, #secondary h4 { text-transform:uppercase; color:#ba3025; font:18px "NB", sans; }

.cal-int { margin-bottom:20px; }
.continue { color:#2c9eb0; text-transform:uppercase; font:14px "NS", sans; float:right; }

.questions, .newsletter { margin-bottom:20px; }
.questions {  background:url('img/questions-sidebar.jpg') no-repeat top center #ffffff; border:1px solid #979490; margin-top:20px; padding:103px 10px 10px 10px; }
.questions h4 { margin-top:0; }
.questionshome { padding:10px 10px 10px 127px; background:url('img/questions-home.jpg') no-repeat top left #ffffff; }
.questions a, .questionshome a { color:#2c9eb0; }
.questions a:hover, .questionshome a:hover { color:#2c9eb0; text-decoration:underline; }

.marketing h2 {
    margin-top: 16px;
    margin-bottom: 20px;
}
.image-section {
    margin-top:20px;
    padding-bottom: 30px;
}
.image-section h2 {
    margin-top: 0;
}

.two-column h2 {
    margin-top:46px;
    margin-bottom: 26px;
}
.cat-links {
    color:#f7941e;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
}

/**
*
* Meta styling - date, posted on
*/
.front-page-entry-title a,
.front-page-entry-title a:hover {
    color: #48525a;
    text-decoration: none;
}
.entry-date {
    font-variant: small-caps;
    font-weight: lighter;
    font-size: 16px;
    line-height: 26px;
}
.posted-on {
    color: #899299;
}
.post-content .entry-content,
.post-content .entry-meta,
.post-content .cat-links {
    margin-left: 25px;
    padding-left: 0;
}

.entry-summary {
    margin-left: 6%;
}

/**
*
* Home page specific styling for meta content
*/
body.home .entry-content,
body.home .entry-meta,
body.home .cat-links {
    margin-left: 0;
}
body.home .entry-content {
    margin-top: 5px;
}
body.home .entry-meta {
    margin-bottom: 5px;
}
.tags-links a,
.tags-links a:hover {
    color: #a3a9ac;
    text-decoration: none;
    padding-right: 5px;
}
.cat-icon {
    color: #a3a9ac;
    padding-right:10px;
}
a.contactmore,
a.contactmore:hover {
    color: #f7941e;
    font-weight: bold;
    letter-spacing: -.5px;
    font-size: 24px;
    line-height: 48px;
}
a.moretag,
a.moretag:hover {
    color: #13a89e;
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
}

#secondary {
    position: relative;
}

/*
* Branding
* Some positioning and sizing (that is possibly overwritten by media queries)
*/
.navbar-brand {
    height: 43px;
    padding: 0 0 0 15px;
    width: 200px;
}
.navbar-brand > a,
.navbar-brand >a:hover {
    font-size: 36px;
    line-height: 40px;
    text-decoration: none;
    color: #48525a;
}
.logo {

}

/**
* Basic form styling
*/
.form-group .gate39-input {
    border-radius: 0;
    padding:3px;
}
.gate39-submit{
    background: #cccccc;
    border-color: #cccccc;
    border-radius: 0;
}
/*
* Sidebar/Widget styles and items specific to widgets and the sidebar
*/
.widget-area {
    background: #f1f1f1;
    height: 100%;
    position: absolute;
    right:0;
}
.learnmore {
    float: right;
    text-transform: uppercase;
}
.widget-title {
    text-transform: uppercase;
    background: transparent;
    font-size: 16px;
    line-height: 36px;
    border-bottom:1px dashed #48525a
}

.widget_categories ul {
    list-style: none;
    padding: 0;
    margin:0;
}
.widget_categories li a {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 36px;
}
/**
* Styles and modifications specific to a category or categories
*/
/*.cat-item {*/
    /*font-family: 'FontAwesome';*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
    /*text-decoration: inherit;*/
/*}*/
/*.widget_categories .cat-item {*/
    /*border-bottom: 1px dashed #8f969a;*/
/*}*/
/*.cat-item-7:before,*/
/*.cat-item-3:before {*/
    /*content: "\f040\0020";*/
/*}*/
/*.cat-item-6:before,*/
/*.cat-item-4:before {*/
    /*content: "\f02d\0020";*/
/*}*/
/*.cat-item-5:before,*/
/*.cat-item-2:before {*/
    /*content: "\f130\0020";*/
/*}*/
/*
* Custom Navigation overrides, colors, padding, spacing, hover functionality
*/
.paging-navigation {
    margin: 10px 0;
}
#menu-primary {
    text-align: center;
    float: none;
}

.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.sub-menu.pull-right {
  right: 0;
  left: auto;
}
.sub-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.sub-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.sub-menu > li > a:hover,
.sub-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.sub-menu > .active > a,
.sub-menu > .active > a:hover,
.sub-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
}
.sub-menu > .disabled > a,
.sub-menu > .disabled > a:hover,
.sub-menu > .disabled > a:focus {
  color: #999;
}
.sub-menu > .disabled > a:hover,
.sub-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .sub-menu {
  display: block;
}



.navbar {
    margin-bottom: 2px;
}
.navbar-nav > li {
    float: none;
    display: inline-block;
}
.navbar-default .navbar-nav > li > a {
    color: #333333;
    font-size: 20px;
    line-height: 26px;
    padding: 0 8px;
}
.navbar-nav  > li:first-child > a {
    border-left: 0;
}

.navbar-default .navbar-collapse {
    border: 0;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
#masthead {
    margin-top:25px;
}
.site-header {
    margin: 0px auto 0;
}
.site-header .btn { text-transform:uppercase; font-family:"NS", sans; }
#menu-footer > li > a,
#menu-footer > li > a:hover {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    background: transparent;
}
.site-footer .disclaimer, .site-footer .disclaimer h3 { font:16px "NL", sans; }
.navbar-default .mobile > li > a {
    border-left:0;
    text-align: center;
}
/**
* Custom tabs
*/
.nav-tabs {
    margin: 0;
	
}

#secondary .nav-tabs > li { width:50%; }
#secondary .tab-content { overflow:hidden !important; }

/* Set this width for the expected number of tabs */
.nav-tabs > li {
	width:50%;
	text-align:center;
}
.nav-tabs > li > a {
    background: #565656;
    border-radius: 0;
    border: 1px solid #cccccc;
    color: #fff;
    margin-right: 0;
	text-transform:uppercase;
	font:18px "NB", sans;
}
.nav-tabs > li > a:hover {
    color: #000;
}
.nav-tabs > li.active > a {
    background: #eeeeee;
}
.tab-content {
    background: #eeeeee;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    padding:10px;
}
.blog-images .tab-content, #secondary .tab-content { background:#ffffff; }
.col-lg-12 .tab-content { margin-bottom:70px; }

#secondary .nav-tabs > li > a { font-size:15px; }
/*
*
* Custom elements, background images, separators, content blocks
*
*/
.author-credit {
    text-transform: uppercase;
}
.separator-full-width {
    background: #fff16f;
    height: 17px;
    margin-top:0;
    margin-bottom: 5px;
    border:0;
}
.separator {
    height: 2px;
    background: #fff16f;
}
.header {
    background: url('img/header.jpg') no-repeat top center;
	background-size:100%;
	height:355px;
    max-height: auto;
}
.headerint {
    background: url('img/header.jpg') no-repeat top center #fcca71;
    height: 70px;
	margin-bottom:30px;
	background-size:100%;
}
.headerint2 {
    background: url('img/header2.jpg') no-repeat top center;
    height: 70px;
	margin-bottom:30px;
	background-size:100%;
}
.cc {
    text-align: right;
    height: 100%;
    position: relative;
    max-width: 80%;
}
.callout {
    background: url('img/callout-background.png') repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: 20px;
}
.callout p,
.callout-image p {
    color: #000000;
    font-weight: bold;
    font-size: 30px;
    line-height: 33px;
    margin: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.callout h3 { color:#000000; text-transform:uppercase; font:36px "NS", sans; }
.callout-image {
    background: url('img/callout-background.png') repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: 20px;
    width: 100%;
}
.cc-image {
    text-align: center;
    height: 100%;
    position: relative;
    max-width: 100%;
}
.freereport {
    display: inline-block;
    float: right;
    position: absolute;
    top: -43px;
    right: 20px;
}
/**
* Add ie8 hacks here
* These are for the callout spacing and positioning
*/
html.ie8 .cc {
    text-align: center;
}
html.ie8 .cc:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */
}
html.ie8 .callout {
    display: inline-block;
    vertical-align: middle;
    width: 600px; /* Adjust this in media queries */
    left:0;
    top:0;
    position: relative;
}
/**
* End ie8 hacks
*/

.buffer {
    min-height: 100px;
}
.center-block {
    text-align: center;
}
.section-header {
    height: 254px;
    background: url(img/section-banner.jpg) no-repeat top center;
}
.section-separator {
    height: 120px;
    background: url(img/separator-banner.jpg) no-repeat top center;
}
.inner-container {
    position: relative;
}
.page-header {
    margin-top: 20px;
    border-bottom: 0;
}
.well {
    margin: 40px 0;
}


/*
*
* Footer specifics
*/
.site-info {
    color: #fff;
    padding-bottom: 3px;
    padding-top:30px;
    font-size: 18px;
    font-weight: lighter;
    line-height: 26px;
}
.site-footer {
    background: #333333;
	padding-bottom:50px;
}
.copyright {
    margin-top: 30px;
    margin-bottom: 30px;
}
address {
    font-size: 16px;
    font-weight: lighter;
    line-height: 26px;
    color: #fff;
}
.disclaimer h3 {
    color: #fff;
}
.disclaimer p {
    font-weight: lighter;
}
footer.entry-meta {
   
}
#contact {
    margin-top:14px;
}
#contact h3 {
    background: rgba(0, 0, 0, 0);
    margin-top: 0;
    font-weight: lighter;
    font-size: 18px;
    line-height: 26px;
    border-bottom: 2px solid #FFF;
	color:#ffffff;
}
.footer-brand {
    margin-top: 10px;
}
.footer-brand .navbar-brand {
    margin-bottom: 0;
    height: auto;
    width: auto;
}
.footer-buffer {
    height: 10px;
}
.site-info p,
.site-info a,
.site-info a:hover,
.site-info a:visited,
.site-info a:active {
    color: #fff;
}
.social {
    list-style: none;
    margin: 0;
    padding: 0;
}
.social li {
    display: inline-block;
    padding-right: 21px;
}
.social a,
.social a:hover,
.social a:visited,
.social a:active {
    color: #2c9eb0;

}
/*
*
* Media queries
*
*/
@media (max-width: 1024px) {
    .buffer {
        min-height: 70px;
    }
}
@media (max-width: 992px) {
.marketing .calculator, .marketing .resources { width:50%; float:left; }
    .mn-header {
        height: 160px;
        padding-top: 20px;
    }
    .buffer {
        min-height: 40px;
    }
    .subtle p {
        font-size: 30px;
        line-height: 36px;
        margin:0;
    }
    .freereport {
        top: -29px;
    }
		.nav > li > a {
        padding: 10px 0 10px 5px;
		font-size:16px;
    }
}

@media (min-width: 992px) {
    .quote {
        margin-top: 40px;
    }
    .quote-left {
        margin-top: 30px;
    }
    .quote-right {
        margin-top: 45px;
    }
    .callout {
        -webkit-transform: translate(0%,20%);
        -moz-transform: translate(0%,20%);
        -ms-transform: translate(0%,20%);
        -o-transform: translate(0%,20%);
        transform: translate(0%,20%);
        left: 24%;
        width: 72%;
        top:-11%;
    }
	
    .callout-medium {
        top: 14%;
        left: 0%;
        -webkit-transform: translate(0,17%);
        -moz-transform: translate(0,17%);
        -ms-transform: translate(0,17%);
        -o-transform: translate(0,17%);
        transform: translate(0,17%);
        padding: 20px 0;
        width: 100%;
    }
    .callout-small {
        top: 9%;
        left: 10%;
        -webkit-transform: translate(0,24%);
        -moz-transform: translate(0,24%);
        -ms-transform: translate(0,24%);
        -o-transform: translate(0,24%);
        transform: translate(0,24%);
        padding: 20px 0;
        width: 80%;
    }
}
@media (max-width: 800px) {
.marketing .calculator, .marketing .resources { width:50%; float:left; }

    .quote {
        margin-top: 60px;
    }
    .quote-left {
        margin-top: 40px;
    }
    .quote-left .fa-3x,
    .quote-right .fa-3x {
        font-size: 2em;
    }
    .quote-right {
        margin-top: 75px;
    }

    .menu-footer-container {
        margin-top:10px;
    }
    .nav > li > a {
        padding: 10px 0 10px 5px;
		font-size:16px;
    }
    #menu-footer > li > a,
    #menu-footer > li > a:hover {
        font-size: 13px;
    }
    .callout {
        -webkit-transform: translate(0%,20%);
        -moz-transform: translate(0%,20%);
        -ms-transform: translate(0%,20%);
        -o-transform: translate(0%,20%);
        transform: translate(0%,20%);
        left: 0;
        top:18%;
    }
    .callout-medium {
        top: 17%;
        -webkit-transform: translate(0,17%);
        -moz-transform: translate(0,17%);
        -ms-transform: translate(0,17%);
        -o-transform: translate(0,17%);
        transform: translate(0,17%);
        padding: 20px;
        width: 100%;
    }
    .callout-small {
        top: 9%;
        -webkit-transform: translate(0,24%);
        -moz-transform: translate(0,24%);
        -ms-transform: translate(0,24%);
        -o-transform: translate(0,24%);
        transform: translate(0,24%);
        padding: 20px 0;
        width: 100%;
    }
    .callout p {
        font-size: 18px;
    }
    .freereport {

    }
}
@media (max-width: 767px) {
    .buffer {
        min-height: 40px;
    }

    #menu-primary {
        text-align: left;
        padding-left:15px;
    }
    .navbar-nav > li  {
        display: block;
    }
    .navbar-nav > li > a {
        float: none;
        border-left: 0;
        font-size: 14px;
        line-height: 22px;
    }
    .freereport {

    }
    .callout-image p {
        font-size: 16px;
        line-height: 18px;
    }
}
@media (max-width: 768px) {
    .quote {
        margin-top: 60px;
    }
    .quote-left {
        margin-top: 40px;
    }
    .quote-left .fa-3x,
    .quote-right .fa-3x {
        font-size: 2em;
    }
    .quote-right {
        margin-top: 75px;
    }
	.header { height:195px; }
	.callout { top:-29%; }

.nav > li > a {
		font-size:13px;
    }

}
@media (max-width: 600px) {
    .callout {
        -webkit-transform: translate(0%,20%);
        -moz-transform: translate(0%,20%);
        -ms-transform: translate(0%,20%);
        -o-transform: translate(0%,20%);
        transform: translate(0%,20%);
        left: 0;
        top:18%;
    }
    .callout-medium {
        top: 9%;
        -webkit-transform: translate(0,17%);
        -moz-transform: translate(0,17%);
        -ms-transform: translate(0,17%);
        -o-transform: translate(0,17%);
        transform: translate(0,17%);
        padding: 20px 0;
        width: 100%;
    }
    .callout-small {
        top: 9%;
        -webkit-transform: translate(0,24%);
        -moz-transform: translate(0,24%);
        -ms-transform: translate(0,24%);
        -o-transform: translate(0,24%);
        transform: translate(0,24%);
        padding: 20px 0;
        width: 100%;
    }
    .callout-image {
        background: url('img/callout-background.png') repeat;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        padding: 20px;
        width: 90%;
    }
    .callout p {
        font-size: 16px;
    }
    .announce p {
        font-size: 20px;
        line-height: 40px;
    }
    .quote {
        margin-top: 55px;
    }
    .quote-left {
        margin-top: 35px;
        padding:0;
    }
    .quote-left .fa-3x,
    .quote-right .fa-3x {
        font-size: 2em;
    }
    .quote-right {
        margin-top: 72px;
        padding:0;
    }
    .freereport {
        top: 4px;
        right: 0;
        margin: 0;
        padding: 0;
        position: absolute;
    }
	.nav > li > a {
		font-size:13px;
    }
}

@media (max-width: 568px) {
    .callout {
        -webkit-transform: translate(0%,20%);
        -moz-transform: translate(0%,20%);
        -ms-transform: translate(0%,20%);
        -o-transform: translate(0%,20%);
        transform: translate(0%,20%);
        left: 0;
        top:18%;
    }
    .callout-medium {
        top: 9%;
        -webkit-transform: translate(0,17%);
        -moz-transform: translate(0,17%);
        -ms-transform: translate(0,17%);
        -o-transform: translate(0,17%);
        transform: translate(0,17%);
        padding: 20px 0;
        width: 100%;
    }
    .callout-small {
        top: 9%;
        -webkit-transform: translate(0,24%);
        -moz-transform: translate(0,24%);
        -ms-transform: translate(0,24%);
        -o-transform: translate(0,24%);
        transform: translate(0,24%);
        padding: 20px 0;
        width: 100%;
    }
    .callout p {
        font-size: 16px;
    }
    .freereport {
        top: -30px;
        right: 0;
        margin: 0;
        padding: 0;
        max-height: 43px;
        position: relative;
    }
	.nav > li > a {
		font-size:12px;
    }
}
@media (max-width: 598px) {
.nav > li > a {
		font-size:13px;
    }
    .callout {
        -webkit-transform: translate(0%,20%);
        -moz-transform: translate(0%,20%);
        -ms-transform: translate(0%,20%);
        -o-transform: translate(0%,20%);
        transform: translate(0%,20%);
        left: 0;
        top:-44%;
    }
	.callout p { font-size:14px; }
	.callout h3 { font-size:23px; }
	.header { height:132px; }
    .callout-small {
        top: 9%;
        -webkit-transform: translate(0,24%);
        -moz-transform: translate(0,24%);
        -ms-transform: translate(0,24%);
        -o-transform: translate(0,24%);
        transform: translate(0,24%);
        padding: 20px 0;
    }
}

@media (max-width: 520px) {
.nav > li > a {
		font-size:11px;
    }
    .quote {
        margin-top: 15px;
    }
    .quote-left {
        margin-top: 15px;
        padding:0;
    }
    .quote-left .fa-3x,
    .quote-right .fa-3x {
        font-size: 2em;
    }
    .quote-right {
        margin-top: 49px;
        padding:0;
    }
    .callout p {
        display:none; visibility:none;
    }
	.header { height:125px; }
	.callout { top:-20%; }
	.callout h3 { font-size:25px; color:#ffffff; }
    .freereport {
        top: -9px;
        right: 0;
        margin: 0;
        padding: 0;
        position: absolute;
    }
}
@media (max-width: 320px) {
.nav > li > a {
		font-size:11px;
    }
.nav-tabs li:nth-child(1), .nav-tabs li:nth-child(3), .nav-tabs li:nth-child(4) { padding-bottom:15px !important; }
    .logo {
        width: 284px;
   }
    .entry-title {
        font-size: 20px;
    }

    .callout {
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
        left: 0;
        top:-42%; 
    }
    .callout-medium {
        top: 9%;
        -webkit-transform: translate(-2%,-5%);
        -moz-transform: translate(-2%,-5%);
        -ms-transform: translate(-2%,-5%);
        -o-transform: translate(-2%,-5%);
        transform: translate(-2%,-5%);
        padding: 20px 0;
        width: 100%;
    }
    .callout p {
       display:none !important; visibility:none !important; 
    }
	.callout h3 { font-size:18px !important; color:#ffffff; }
	.header { height:74px; }
    .quote {
        margin-top: 10px;
    }
    .quote-left {
        margin-top: 5px;
        padding:0;
    }
    .quote-left .fa-3x,
    .quote-right .fa-3x {
        font-size: 1.5em;
    }
    .quote-right {
        margin-top: 22px;
        padding:0;
    }

    .menu-footer-container {
        margin-top:0;
    }

}