/*font-family: 'Source Sans Pro', sans-serif;
font-family: 'Lora', serif;*/

/* colours
.alizarin = #e62715
.silver = #797a7a
.coal = #1c1e20
grayish-orange = #bbbab8
light grayish-blue = #ebedee
grayish-blue = #d1d3d4
grayish-blue = 184,186,187 = #b8babb
Very dark (mostly black) pink = .midnight-blue = #262324
Very dark grayish blue = 95,97,98 = #5f6162


/* IE9 specific styles go here */
@media screen and (min-width:640px), screen/9 {.img-responsive {width: 100%;}}

   /* IE10+ specific styles go here */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.img-responsive {width:100%;}}
/*=========================================================================*/

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}


body {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  color: #1c1e20;
  font-size: 15px;
  line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  color: #1C1E20;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 78%;
}
hr {
  margin: 0;
}
p {
   font-size: 16px;
}
table {
   font-size: 16px;
}
sub,
sup {
  font-size: 50%;
}
a {
    color: #1c1e20;
    text-decoration: none;
}
a:hover, a:focus {
    color: #797a7a;
    text-decoration: none;
}
.panel,.well,.btn,.form-control,.navbar {
    border-radius: 0px;
}
.notch {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 20px;
    content: "";
    height: 0px;
    position: absolute;
    left: 105px;
    width: 0px;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 0px;
}
.well {
  background-color: #ebedee;
}
.menu-well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #DDD;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .05);
          box-shadow: inset 0 0px 0px rgba(0, 0, 0, .05);
}
.meta {
  text-transform: uppercase;
}
.form-control:focus {
  border-color: #d1d3d4;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(184, 186, 187, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(184, 186, 187, .6);
}

/*.panel {
  background-color: #fff;
  border: 0px solid transparent;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
          box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
}*/
.btn-danger {
    color: #FFF;
    background-color: #e62715;
    border-color: #D43F3A;
}
.lead {
  font-weight: 400;
  font-size: 18px;
}
strong {
  font-weight: 600;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #ebedee;
    border-color: #DDD;
}
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #ebedee;
    border-left-width: 10px;
    border-radius: 0px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 0px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #ebedee;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}
.alizarin,
.clouds .silver,
.wet-asphalt,
.midnight-blue,
.concrete,
.asbestos,
.coal {
  color: #fff;
}

.alizarin h1,
.clouds .silver h1,
.wet-asphalt h1,
.midnight-blue h1,
.concrete h1,
.asbestos h1,
.coal h1,

.alizarin h2,
.clouds .silver h2,
.wet-asphalt h2,
.midnight-blue h2,
.concrete h2,
.asbestos h2,
.coal h2,

.alizarin h3,
.clouds .silver h3,
.wet-asphalt h3,
.midnight-blue h3,
.concrete h3,
.asbestos h3,
.coal h3,

.alizarin h4,
.clouds .silver h4,
.wet-asphalt h4,
.midnight-blue h4,
.concrete h4,
.asbestos h4,
.coal h4,

.alizarin h5,
.clouds .silver h5,
.wet-asphalt h5,
.midnight-blue h5,
.concrete h5,
.asbestos h5,
.coal h5,

.alizarin h6,
.clouds .silver h6,
.wet-asphalt h6,
.midnight-blue h6,
.concrete h6,
.asbestos h6,
.coal h6 {
  color: #fff;
}

.alizarin small,
.clouds .silver small,
.wet-asphalt small,
.midnight-blue small,
.concrete small,
.asbestos small,
.coal small {
  color: rgba(255, 255, 255, 0.8);
}
.alizarin {
  background-color: #e62715; <!-- Menu BG -->
}
.clouds {
  background-color: #ebedee;
}
.silver {
  background-color: #797a7a;
}
.wet-asphalt {
  background-color: #87AB32; 
}
.wet-asphalt a:not(.btn) {
  color: #bdc3c7;
}
.wet-asphalt a:not(.btn):hover {
  color: #d9534f;
}
.midnight-blue {
  background-color: #9D65DC;
}
.concrete {
  background-color: #b8babb;
}
.asbestos {
  background-color: #7b8690;
}
.coal {
  background-color: #1c1e20;
}
.transparent {
  background-color: transparent;
}
/*=======================================*/
.navbar {
    margin-bottom: 0px;
}
.navbar-inverse .navbar-nav > li > a {
    color: #FFE100;
     font-size: 15px;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color:  #232c33;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #FFA900; <!-- Sub-Menu BG -->
}
.navbar-inverse .navbar-nav .dropdown-menu {
  background-color: #FFA900; <!-- Sub-Menu BG -->
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
  padding: 0;
  margin-top: -3px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 14px 10px;
}
.dropdown-menu {
 font-size: 15px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
  background-color: #e62715; <!-- Sub-Menu Text BG -->
  color: #fff;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
  border-radius: 0 0 3px 3px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
  /*background-color: rgba(0, 0, 0, 0.9);*/
  margin: 0;
}
.dropdown-menu .divider {
    background-color: #535454;
}
.dropdown-header {
    color: #929394;
}
.navbar-collapse {
  padding-right: 0px;
  padding-left: 0px;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-top: 0;
}
@media (max-width: 991px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #000;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #535454;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #dbe6e8;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color:  rgba(0, 0, 0, 0.9);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color:  rgba(0, 0, 0, 0.9);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
  .navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
}
}
/*=========================================================================*/
/*===========================================================*/
#topnav {
  background-color: #fff;
}
#topnav .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 13px;
     font-size: 15px;
}
#topnav .nav-pills > li > a {
    border-radius: 0px;
}
#topnav .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #e62715;
    background-color: transparent;
}
#topnav .input-sm {
  margin: 10px 0;
}
#topnav .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #ebedee;
  background-image: none;
  border: 0px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
          box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/*#topnav .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #F5F5F5;
}

#topnav .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #F5F5F5;
}*/
#masthead {
  background-color: #fff;
  padding: 30px 0;
}
#mobile-image {
  padding-top: 15px;
}
/*#secondary-topnav .navbar {
  border-radius: 0px;
}*/
/*#main-image .bg {
  background: url('http://dev.dccstudio.com/sudarshan/img/iStock_000006914850Medium.jpg') no-repeat center center;
  position: fixed;
  width: 100%;
  height: 100px;
  top:185px;
  left:0;
  z-index: -1;
}*/
#main-image .jumbotron {
  padding-top: 126px;
  margin-bottom: 0px;
  height: 545px;
  color: #fff;
  background:transparent;
}
#main-image .jumbotron .boxed {
  padding: 10px 15px;
  background-color: #e62715;
  display: inline-block;
  float: right;
}
#main-image .jumbotron h1 {
  font-family: 'Lora', serif;
  font-weight: 400;
  color: #fff;
  font-size: 40px;
  text-align: right;
  margin: 5px 0;
}
#main-image .jumbotron .btn {
  border: 1px solid rgba(0, 0, 0, 0.5);
  color: #1c1e20;
  border-radius: 0;
  margin-top: 5px;
}
#main-image .jumbotron .btn:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
#main-image .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}
#main-image .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}
#main-image .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}
#main-image .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}
/*=====================================================*/
#main-slider {
  position: relative;
}
#main-slider .carousel h1 {
  font-family: 'Lora', serif;
  font-weight: 400;
  color: #fff;
  font-size: 40px;
  text-align: right;
  margin: 5px 0;
}
#main-slider .carousel-inner {
  height: 545px;
}
#main-slider .carousel h2 {
  font-size: 36px;
}
#main-slider .carousel .btn {
  border: 1px solid rgba(0, 0, 0, 0.5);
  color: #1c1e20;
  border-radius: 0;
  margin-top: 5px;
}
#main-slider .carousel .btn:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
#main-slider .carousel .boxed {
  padding: 10px 15px;
  background-color: #e62715;
  display: inline-block;
  float: right;
}
#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 545px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}
#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}
#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}
#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  font-size: 24px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
  z-index: 5;
}
#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
#main-slider .prev {
  left: 10px;
}
#main-slider .next {
  right: 10px;
}
#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}
#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}
#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}
#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}
.carousel-indicators {
    bottom: 35px;
}
.equal, .equal > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 0 auto;
}
#feature-panel {
  color: #fff;
}
#feature-panel .panel {
  border: 0px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05);
  margin-bottom: 0;
}
#feature-panel .well{
  margin-bottom: 10px;
}
#feature-panel .panel-body-feature {
  padding: 30px;
}
#feature-panel h1 {
  border-bottom:1px solid #e62715;
  width:100%;
  float:left;
  margin-top: 0px;
  padding-bottom:10px;
  margin-bottom: 20px;
}
#feature-panel h2 {
  font-family: 'Lora', serif;
  font-weight: 400;
  border-bottom:1px solid #CCC;
  width:100%;
  float:left;
  padding-bottom:30px;
  margin-bottom: 20px;
}
#feature-panel h4 {
  font-weight: 400;
}
#feature-panel h3 {
  font-family: 'Lora', serif;
  font-weight: 400;
}
#feature-panel a {
  color: #fff;
}
#feature-panel a:hover, a:focus {
    color: #1c1e20;
}
#feature-panel .content {
  color: #1c1e20;
}
/*================================*/
#content-panel .img-circle {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
#content-panel .img-circle:hover {
  border: 20px solid #fff;
  border/*\**/: 0px solid #fff\9;
}


/*================================*/
#content-panel a {
  color: #1c1e20;
}
#content-panel a:hover, a:focus, a:active {
    color: #e62715;
}
#content-panel .well{
  margin-bottom: 10px;
}
#content-panel .white-well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 0px solid #E3E3E3;
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
}
#content-panel .panel-body-content {
  padding: 30px;
}
#content-panel .panel-body-border {
  padding: 15px;
  border: 1px solid #EBEDEE;
}
.rule-width {
  border-top:1px solid #e62715;
  width:100%;
  margin-bottom: 30px;
  margin-top: 20px;
  text-align: left;
}
#content-panel .subheader {
  border-top:1px solid #b8babb;
  width:33%;
  margin-bottom: 30px;
  margin-top: 10px;
  text-align: left;
}
#content-panel .subheader-modal {
  border-top:1px solid #b8babb;
  width:33%;
  margin-bottom: 10px;
  margin-top: 10px;
}
#content-panel .dark-rule {
  border-top:1px solid #b8babb;
  width:100%;
  margin-bottom: 10px;
  margin-top: 10px;
}
#content-panel .glyphicon {
color: #b8babb;
}
#content-panel .bs-callout .fa {
color: #ebedee;
}
#content-panel .panel {
    margin-bottom: 20px;
    background-color: #FFF;
    border: 0px solid transparent;
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05);
}
#content-panel .intro {
  font-family: 'Lora', serif;
  font-weight: 400;
  line-height: 1.3;
}
#content-panel .subhead {
  color: #7b8690;
  text-transform: uppercase;
}
#content-panel .main-content {
  color: #1c1e20;
  padding: 30px 0;
}
#content-panel .main-content h2{
margin-top: 0;
}
#content-panel .main-content .list-group{
margin-top: 20px;
margin-bottom: 0;
}
#content-panel .no-margin-top {
  margin-top: 0px;
}
#content-panel .chat {
  margin-top: 50px;
}
#welcome-panel {
	padding: 30px 0;
}
#welcome-panel h1 {
  font-size: 72px;
  font-weight: 400;
  text-align: center;
}
#welcome-panel h3 {
  margin: 20px 0;
}
#welcome-panel h4 {
	font-weight: 400;
  margin-bottom: 20px;
}
#welcome-panel a {
  text-transform: uppercase;
}
#explore-panel {
  padding: 30px 0;
}
#explore-panel h2 {
  color: #1c1e20;
}
#explore-panel .thumbnail {
  position:relative;
  overflow:hidden;
  padding: 0;
  margin-bottom: 0px;
  border: 0px solid #ddd;
  border-radius: 0;
}
 
#explore-panel .caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(230, 39, 21, 0.9);
    width:100%;
    height:100%;
    padding:0;
    display: none;
    text-align:left;
    color:#fff !important;
    z-index:2;
}
#explore-panel .caption p {
  padding: 8%;
  margin: 0;
  font-size: 18px;
}
#explore-panel .panel {
  margin-bottom: 20px;
  border: 0;
}
#explore-panel .panel-body-explore {
  padding: 0px;
}
#explore-panel .panel-footer {
  padding: 10px 10px;
  background-color: #dbe6e8;
  font-size: 14px;
  font-weight: 400;
  color: #232c33;
  text-transform: uppercase;
  letter-spacing: -0.5px;
}
#explore-panel .fa {
  color: #e62715;
}

/*=================================*/
#latest-panel {
  background-color: #fff;
	padding: 30px 0;
}
#latest-panel .well {
  margin-top: 20px;
}
#latest-panel .rule-below {
  border-bottom:1px solid #e62715;
  width:100%;
  float:left;
  margin-top: 30px;
  padding-bottom:10px;
  margin-bottom: 30px;
}
#latest-panel .no-margin-top {
  margin-top: 20px;
}
#latest-panel hr {
  margin: 30px 0;
  color: #bbbab8;
  border-top: 1px solid #bbbab8;
}
#latest-panel h2 {
  border-bottom:1px solid #e62715;
  width:100%;
  float:left;
  padding-bottom:10px;
  margin-bottom: 30px;
}
#latest-panel a {
  text-transform: uppercase;
}
#latest-panel .bs-callout .fa {
color: #ebedee;
}
#latest-panel .intro {
  font-family: 'Lora', serif;
  font-weight: 400;
  line-height: 1.3;
}
#latest-panel .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 0px;
    transition: all 0.2s ease-in-out 0s;
}
#latest-panel a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #e62715;
}

}
#mission-panel h2 {
	font-family: 'Lora', serif;
	font-weight: 400;
  border-bottom:1px solid #fff;
  width:100%;
  float:left;
  padding-bottom:30px;
  margin-bottom: 20px;
}
#mission-panel h4 {
	font-weight: 400;
}
#mission-panel hr {
  margin: 30px 0;
}
#mission-panel .rule-below {
  border-bottom:1px solid #fff;
  width:100%;
  float:left;
  padding-bottom:30px;
  margin-bottom: 20px;
}
#mission-panel p {
  line-height: 0;
}
#mission-panel a {
  color: #fff;
}
#mission-panel a:hover, a:focus {
  color:#1c1e20;
}
#mission-panel .btn {
  margin-top: 10px;
}
#mission-panel .btn {
  color:#1c1e20;
}
/*#feature {
  padding: 0;
}*/
/* FOOTER section styles
-------------------------------------------------- */
#footer {
  padding: 20px 0 10px;
}
#footer .credit {
  font-size: 14px;
  text-align: center;
  color: #1c1e20;
  line-height: 1;
}
#footer .footer-center {
  font-size: 14px;
  text-align: center;
  color: #1c1e20;
  line-height: 1;
}
#footer .site-links {
  padding: 10px 0 0;
  font-size: 14px;
  color: #1c1e20;
  text-align: center;
}
#footer .site-links a {
color: #1c1e20;
text-decoration: none;
}
#footer .site-links a:hover {
color: #797a7a;
}
#footer .list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 0px;
}
#footer p {
  text-align: center;
}
#footer p a {
  color: #ebedee;
}
#footer p a:hover {
  color: #797a7a;
}

/*==============================================================*/
#content-panel .main-content .blog-item {
  margin-bottom: 20px;
}
#content-panel .main-content .blog-item .blog-content {
  padding: 0px;
}
#content-panel .main-content .blog-item .tag-content {
  padding: 0 20px;
}
#content-panel .main-content .blog-item .tag-content .well {
 margin-top: 20px;
}
 #content-panel .main-content.blog-item .comment-content {
  padding: 0 20px;
}
#content-panel .main-content .blog-item .comment-content .avatar {
  margin: 10px;
}
#content-panel .main-content .blog-item h3 {
  margin-top: 0;
}
#content-panel .main-content .blog-item .subheader {
  margin-bottom: 10px;
}
#content-panel .main-content .blog-item h5 {
  font-weight: 400;
  margin: 20px 0;
}
#content-panel .main-content .blog-item .entry-meta {
  margin-bottom: 20px;
  text-transform: uppercase;
}
#content-panel .main-content .blog-item .entry-meta > span {
  display: inline-block;
  margin-right: 10px;
}
#content-panel .main-content .blog-item .entry-meta .fa {
  color: #797a7a;
}
#content-panel .main-content.blog hr {
  margin: 30px 0;
}
#content-panel .main-content.blog-content h6 {
  margin-top: 20px;
}

#content-panel .main-content .widget {
    margin-bottom: 30px;
}
#content-panel ul.arrow, ul.arrow-double, ul.cross, ul.rss, ul.star, ul.tick, ul.unstyled {
    list-style: outside none none;
    padding: 0px;
    margin: 0px;
}
#content-panel ul.tag-cloud {
    list-style: outside none none;
    padding: 0px;
    margin: 0px;
}
#content-panel ul.tag-cloud li {
    display: inline-block;
    margin: 0px 0px 2px;
}
#content-panel .pager .fa {
  color: #b8babb;
}
#content-panel .thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 0px;
    transition: all 0.2s ease-in-out 0s;
}
#content-panel a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #e62715;
}
/*====================================================================*/
#content-panel #contactNav .nav > li.active > a, #content-panel #contactNav.nav > li.active > a:hover, #content-panel #contactNav.nav > li.active > a:focus {
    color: #fff;
    cursor: default;
    background-color: #e62715;
    border: 0px solid #ddd;
    border-bottom-color: transparent;
    font-weight: 400;
      border-radius: 0px;
}




/* TABLET styles
-------------------------------------------------- */
@media (min-width: 768px) {

body {padding-top: 184px}
        
.navbar-static-top {position:fixed;top:0;right:0;left:0;}

#header {
  /* header dimension! */
  height: 100px;
  background: url(../img/iStock_000007158959Large_2560x100.jpg);
  /* additional background properties */
  background-repeat: no-repeat;
  background-position: center center;
  
  /* some box shadow for good fun 
  box-shadow: rgba(0,0,0,0.20) 0 10px 10px;
  padding: 0;*/
}
/* flex, fun */
#header.flex {
  /* size matters */
  background-size: 100% auto;
}



#feature-panel .breadcrumb a {
  color: #5f6162;
  text-transform: none;
}
#feature-panel h1 {
  width:50%;
  margin-top: 10px;
  margin-bottom: 30px;
}
#feature-panel .breadcrumb > .active {
  color: #1c1e20;
}

#feature-panel .breadcrumb {
  padding: 0;
  margin-bottom: 20px;
  list-style: none;
  background-color: #fff;
  border-radius: 0px;
}
#feature-panel .breadcrumb > li {
  display: inline-block;
}
#feature-panel .breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
/*#masthead {
  padding: 50px 0 50px 0;
}*/
#feature-panel {
  margin-top: -30px;
  position: relative;
  z-index: 1;
}
/*=======================================*/
#content-panel {
  margin-top: 0px;
}
#content-panel .overview-spacer {
  margin-top: 20px;
}
#content-panel .spacer {
  margin-top: 100px;
}
#content-panel .sidebar-spacer {
  margin-top: 50px;
}
#content-panel .main-content {
  padding: 50px 0;
}
#content-panel .breadcrumb a {
  color: #5f6162;
  text-transform: none;
}
.rule-width {
  width:33%;
}
#content-panel .subheader {
  width:20%;
}
#content-panel .breadcrumb > .active {
  color: #1c1e20;
}

#content-panel .breadcrumb {
  padding: 0;
  margin-bottom: 20px;
  list-style: none;
  background-color: #fff;
}
#content-panel .breadcrumb > li {
  display: inline-block;
}
#content-panel .breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
#content-panel .menu-header {
    border-top: 1px solid #B8BABB;
    margin-bottom: 10px;
    margin-top: 10px;
}
.nav-pills > li > a {
    border-radius: 0px;
}
#content-panel .nav > li.active > a,
#content-panel .nav > li.active > a:hover,
#content-panel .nav > li.active > a:focus {
    color: #e62715;
    background-color: #fff;
}
#content-panel #contactNav .nav {
  background-color: #ebedee;
   font-size: 15px;
}
#content-panel #contactNav .nav > li.active > a,
#content-panel #contactNav.nav > li.active > a:hover,
#content-panel #contactNav.nav > li.active > a:focus {
  color: #fff;
  /*cursor: default;*/
  background-color: #e62715;
  border: 0px solid #ddd;
  border-bottom-color: transparent;
  font-weight: 400;
  border-radius: 0;
}
#content-panel #contactNav.nav-pills > li > a {
border-radius: 0px;
background-color: #ebedee;
border-color: #DDD;
}
#welcome-panel {
	padding: 50px 0;
}
#latest-panel .well {
  margin-top: 40px;
}
#latest-panel .no-padding{
	padding: 0;
}
#latest-panel .no-margin-top {
  margin-top: 0;
}
#latest-panel {
  padding: 50px 0;
}
#mission-panel {
	padding: 50px 0;
}
}
@media (min-width: 979px) {
  /*#sidebar.affix-top {
    position: static;
  }
  
  #sidebar.affix {
    position: fixed;
    top:185px;
  }
}*/
/*@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
    margin-top: 7.5px;
  }
  .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
      display:block !important;
  }
  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 400px;
}
}*/
/* MEDIUM DESKTOP styles
-------------------------------------------------- */
@media (min-width: 992px) {

  #feature-panel h1 {
  width:40%;
}
#content-panel {
  margin-top: -30px;
}
#content-panel .overview-spacer {
  margin-top: 0;
}
#latest-panel .well {
  margin-top: 0px;
}
#footer .credit {
    text-align: left;
  }
    #footer .site-links {
    text-align: right;
    padding: 0;
  }
}
/* LARGE DESKTOP styles
-------------------------------------------------- */
@media (min-width: 1200px) {

    #feature-panel h1 {
  width:25%;
}
 
}