body {
  color: #444;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 160%;
  margin: 0
}

*, :after, :before {
  box-sizing: border-box
}

html {
  height: 100%;
  color: #404040;
  text-rendering: optimizeLegibility
}

.Container {
  max-width: 50em;
  margin: 0 auto
}

.Footer {
  overflow-x: hidden;
  text-align: center
}

.Header {
  background-color: hsla(31, 15%, 50%, .1);
  text-align: center;
  padding: 5px;
}

.Site {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.Site-footer, .Site-header {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none
}

.Site-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 100%
}

.Site-content:after {
  content: '\00a0';
  display: block;
  margin-top: 1.5em;
  height: 0;
  visibility: hidden
}

@media (min-width: 768px) {
  .Site-content {
    padding-top: .5em
  }

  .Site-content:after {
    margin-top: .5em
  }
}

@media print {
  a[href^="http"]::after {
    content: "";
  }
}


/*llll*/

p {
  margin: 0 0 25px;
  padding: 0;
}

#site-name {
  min-height: 68px;
  padding: 10px 0 0 0;
}

#site-name a {
  font-size: 28px;
  font-weight: 700;
  color: #444444;
}

#site-name a:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#site-name-inside a {
  font-size: 24px;
  font-weight: 700;
  line-height: 1em;
  margin: 10px 10px 10px;
  color: #444444;
  display: block;
}

#site-name-inside a:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#site-slogan {
  color: #999;
  font-size: 13px;
  font-weight: 300;
  line-height: 100%;
  margin-top: 5px;
  margin-right: 0;
  margin-bottom: 5px;
  margin-left: 0;
}

.title-sep {
  clear: both;
  font-size: 16px;
  margin: 20px 0 40px 0;
  position: relative;
}

.title-sep:after {
  background-color: #444;
  content: "";
  display: block;
  height: 4px;
  width: 20px;
  position: absolute;
  bottom: -15px;
  left: 0;
}

/*slideshow*/
.carousel .item {
  max-height: 520px;
}

/*slider fade effect*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
  filter: alpha(opacity=100);
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
  filter: alpha(opacity=100);
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*control nav*/
.carousel ol.carousel-indicators {
  position: absolute;
  top: 20px;
  left: auto;
  z-index: 2;
  padding: 0 20px;
  margin: 0;
  text-align: right;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  width: auto;
  bottom: auto;
  right: 20px;
}

.carousel ol.carousel-indicators li {
  margin: 0px;
  padding: 0;
  *zoom: 1;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  border: none;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.carousel ol.carousel-indicators li.active {
  background-color: #fcfcfc;
}

/*directional nav*/
.carousel .carousel-control {
  background-color: #fcfcfc;
  color: #444;
  display: block;
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 15px;
  position: absolute;
  overflow: hidden;
  top: 45%;
  text-align: center;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  background-image: none;
  outline: none;
}

.carousel .carousel-control.right {
  right: 20px
}

.carousel .carousel-control.left {
  left: 20px
}

.carousel a.carousel-control:active, .carousel a.carousel-control:hover {
  background-color: #fcfcfc
}

.carousel-control .icon-prev, .carousel-control .icon-next {
  font-size: 40px;
  font-family: Arial, sans-serif;
  display: block;
  right: 0;
  left: auto;
  width: 100%;
}

.carousel:hover .carousel-control, .carousel:hover ol.carousel-indicators {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}

/*slider caption*/
.carousel .carousel-caption {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  display: block;
  width: 100%;
  padding: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  text-transform: uppercase;
  display: block;
}

.carousel .carousel-caption h4, .carousel .carousel-caption p {
  max-width: 1170px;
  margin: 0 auto;
  display: block;
}

/* Custom style for the the footer section*/
#bottom-content {
  background-color: #222;
}

#bottom-content {
  padding: 10px 0 10px 0;
}

#bottom-content ul {
  text-align: center;
}

#bottom-content ul li {
  display: inline-block;
  background: none;
  list-style-type: none;
  border: none;
  padding: 0;
}

#bottom-content ul li a {
  padding: 15px 20px;
}

#bottom-content ul ul {
  display: none;
}

#bottom-content a {
  color: #eaeaea;
  text-decoration: none;
}

#footer-doe {
  color: #D7D7D7;
}

.link-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  text-decoration: underline;
  display: inline;
  margin: 0;
  padding: 0;
  color: blue;
  font-size: 12px;
}

.link-button:hover,
.link-button:focus {
text-decoration: none;
}