body {
    background: #425752 url("../../images/bgimage.jpg") no-repeat fixed center;
    color: #5d5d5d;
    font-family: 'Arial';
}
.header {
    background-color: #f8f8f8;
    padding: 10px 0 5px 0;
}

.title {
    font-size: 2.75em;
}

.layout {
    display: table;
}

.layout .columns-container {
    display: table-row;
}

.layout .columns-container .column {
    display: table-cell;
}

h1.intro {
    margin: 0;
    text-align: right;
}
h1.secondary {
    width: 50%;
    margin: 0 auto 1em;
    text-align: center;
    font-family: 'Open Sans';
}
.introtext {
    color: #fff;
    width: 62%;
    margin: 0 auto;
    text-align: center;
}
.list-group-item.no-border {
    border: none;
}

.list-group-item.hasPicture {
    position: inherit;
}

.inline{
    overflow:auto;
}
.inline img,
.inline h1 {
    float: left;
}
.inline h1 {
    width: 50%;
}
.topintro {
    margin-top: 2em;
    font-size: 1.5em;
}
.larger {
    font-size: 1.5em;
}
h3 {
    text-transform: uppercase;
    font-size: 2em;
    font-weight: bold;
    color: #5d5d5d;
}
h4 {
    color: #b1b7b5;
    font-weight: bold;
}
.centered {
    text-align: center;
    font-size: 0;
}
.centered > a {
    float: none;
    display: inline-block;
    font-size: 13px;
}
.bubbles > a {
    padding: 15px;
    -moz-border-radius: 5em;
  -webkit-border-radius: 5em;
  border-radius: 5em;
  box-shadow: 0 0 15px #464646;
  -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1); 
    background-color: #fff; 
    width: 30%;
    padding-bottom: 5%;
    cursor:pointer;
    pointer-events: auto;
}
.bubbles > a:hover {
    z-index: 2;
    -moz-border-radius: 2em;
  -webkit-border-radius: 2em;
  border-radius: 2em;
    -webkit-transition: all 200ms ease-in, color 0.3s 0.3s;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in, color 0.3s 0.3s;
    -ms-transform: scale(1.1);   
    -moz-transition: all 200ms ease-in, color 0.3s 0.3s;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in, color 0.3s 0.3s;
    transform: scale(1.1);
}
.bubbles > a .largenumber, 
.bubbles > a .smallnumber,
.bubbles > a .hideshow  {
    color: #494949;
}
.bubbles > a:hover {
    text-decoration: none;
}
.left figcaption {
    text-align: left;
    padding-left: 8%;
}
.right figcaption {
    text-align: right;
    padding-right: 8%;
}
.bubbles > a.middle {
    box-shadow: none;
    z-index: 3;
}
.bubbles > a.middle:hover {
    transform:none;
}
.img-responsive.center-image {
    display: inline;
    width: 25%;
    height: auto;
    position: relative;
    z-index: 1;
}
.bottom {
    margin-top: -12.2%;
}
.img-logo {
    text-align: right;
}
.top {
    margin-bottom: -12.2%;
}

.multicolor {
    border-radius: 50px;
    border-right-color: blue;
    border-top-color: yellow;
    border-bottom-color: red;
    border-left-color: green;
    border-width: 50px;
    border-style: solid;
    height: 0px;
    width: 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}
*/
.glyphicon-arrow-down, .trend-down {
    color: #c84B2A;
	background-color:#c84B2A;
    font-size: 1em;
}
.glyphicon-arrow-up, .trend-up {
    color: #268E00;
	background-color: #268E00;
    text-shadow: 0 0 2px #fff;
  -moz-text-shadow: 0 0 2px #fff;
  -webkit-text-shadow: 0 0 2px #fff;
}
.glyphicon-resize-horizontal, .trend-even {
    color: #c84B2A;
	background-color:#CCCC00;
    font-size: 1em;
}
.trendcircle { 
    width: 55px; 
    height: 55px; 
    color: red; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%; 
} 
.clickable{cursor:pointer;}
/*
.row > div:hover .bouncedown {
  -webkit-animation: bounce 2s;
  animation: bounce 2s;
}
*/

.hideshow {
    opacity: 0;
}

.row > a:hover .hideshow {
    
      transform: translateX(0);
      opacity: 1;
}

.largenumber {
    font-size: 5em;
    white-space:nowrap;
}
.smallnumber {
    font-size: 2em;
}
.red {
    color: #c95027;
}

.orange {
    color: #c87f2a;
}
.blue {
    color: #204282;
}
.green {
    color: #006b54;
}
.inline-block {
    display: inline-block;

}
/*secondary pages*/

.navbar.primary {
    border: none;
    border-radius: 0;
    background-color: rgba(48,56,57,0.7);
    margin-bottom: 0;
    text-transform: uppercase;
}
.navbar.secondary {
    background-color: transparent;
}
.navbar.secondary li {
    width: 100%;
}
.navbar-default {
    border: none;
}
.primary .navbar-nav {
    display: inline-block;
    float:none;
    margin-bottom: -5px;
}
.primary.navbar .navbar-collapse{
 
    text-align: center;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    text-decoration: underline;
    background-color: transparent;
    color: #fff;
}
.navbar-default.secondary .navbar-nav.orange>.active>a, .navbar-default.secondary .navbar-nav.orange>.active>a:focus, .navbar-default.secondary .navbar-nav.orange>.active>a:hover {
    color: #c87f29;
}
.navbar-default.secondary .navbar-nav.green>.active>a, .navbar-default.secondary .navbar-nav.green>.active>a:focus, .navbar-default.secondary .navbar-nav.green>.active>a:hover {
    color: #006b54;
}
.navbar-default.secondary .navbar-nav.blue>.active>a, .navbar-default.secondary .navbar-nav.blue>.active>a:focus, .navbar-default.secondary .navbar-nav.blue>.active>a:hover {
    color: #204282;
}
.navbar-default.secondary .navbar-nav.red>.active>a, .navbar-default.secondary .navbar-nav.red>.active>a:focus, .navbar-default.secondary .navbar-nav.red>.active>a:hover {
    color: #ca5027;
}
.navbar-default.primary .navbar-nav>li>a:focus, .navbar-default.primary .navbar-nav>li>a:hover {
    color: #fff;
    text-decoration: underline;
}
.navbar-default.secondary .navbar-nav>li>a {
    display: inline;
}
.navbar-default.primary .navbar-nav>li>a {
    color: #fff;
    text-align: center;
}
.navbar li.dkgreen {
    background-color: #425752;
}
.navbar li.orange
{
    background-color: #c87f29;
}
.navbar li.green {
    background-color: #006b54;
}
.navbar li.blue {
    background-color: #204282;
}
.navbar li.red {
    background-color: #ca5027;
}
.citationItem {
    padding-left: 2em;
}
.clickable {
    cursor: pointer;
}
.panel-default {
    margin: 0 5% 0 5%;
}
.secondary .nav>li>a {
    padding-left: 5px;
}
.circle {
    display: inline-block;
    height: 25px;
    width: 25px;
    line-height: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #777;
    color: white;
    text-align: center;
    font-size: 12px;
    margin-bottom: 5px;
}
.orange .active .circle {
    background-color: #c87f29;
}
.green .active .circle {
    background-color: #006b54;
}
.blue .active .circle {
    background-color: #204282;
}
.red .active .circle {
    background-color: #ca5027;
}
.featured-blurb {
    font-style: italic;
    font-size: 1.2em;
    text-align: right;
}
.vertical-align {
    display: flex;
  align-items: center;     /* Align the flex-items vertically */
  justify-content: center;
}

.highcharts-container {
    margin: 1em 0;
}

.small-85 {
    font-size:  .85em;
}

@media(max-width:867px){
    .title {
        font-size: 2em;
    }
}
@media(max-width:767px){
    .title {
        font-size: 1.5em;
    }
    .topintro {
        font-size: 1em;
    }
    h1.intro {
        padding-top: 0;
    }
    h3 {
        font-size: 1em;
    }
    .largenumber {
        font-size: 3em;
        padding-bottom: 20px;
    }
    .smallnumber {
        font-size: 1em;
    }
    .hideshow span {
        font-size: 10px;
        line-height: 11px;
    }
    .bubbles > a {
        width: 40%;
    }
    .primary .navbar-nav {
        display: block;
    }
    h1.secondary {
        width: auto;
        font-size: 24px;
    }
    .sidebar-nav,
    .featured-blurb {
        text-align: center;
    }
    
}