/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */


/* Home Page Carousel */
@media (max-width: 767px) {header.carousel {
    height: 380px;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 380px;
}

header.carousel .fill {
    width: 100%;
    height: 380px;
    background-position: center;
    background-size: cover;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  bottom: 0;
  left: 0;

  font-size: 40px;
  color: #fff;
 
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: rgba(0, 0, 0, 0);top:550px; width:50%
 
}
.carousel-control.left {
color: #fff; 
  
}
.carousel-control.right {
 
   color: #fff;
 
 
}
.carousel-control:hover,
.carousel-control:focus {

  text-decoration: none;

  outline: 0;

}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 100%;
  margin-left: -690px; 
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 100%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  left: 10%;
  z-index: 15;
  width: 100%;
  padding-left: 0;
  margin-left: -10%;
  text-align: center;
  list-style: none; bottom: 10px
}
.carousel-indicators li {
  display: inline-block;
 width: 80px;
  height: 80px;

  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius:100px; border:1px solid  rgba(0,0,0,0.0); margin-left:10px
 
 
}
.carousel-indicators .active {
  width: 80px;
  height: 80px;
  margin: 0;
  background-color: #c00505;border-radius:100px; border:1px solid  rgba(192,5,5,0.0); margin-left:10px
}
.carousel-caption {
  position: absolute;
  right: 15%;
top: 30px;
  left: 15%;

  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption h2{ font-size:2.3em; line-height:1.2em}
.submain{height:260px; background-image:url(/img/submain.jpg); background-position:center; 
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
}
/* Home Page Carousel */
@media (min-width: 768px) {
header.carousel {
    height: 100%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  bottom: 0;
  left: 0;

  font-size: 40px;
  color: #fff;
 
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: rgba(0, 0, 0, 0);top:550px; width:50%
 
}
.carousel-control.left {
color: #fff; 
  
}
.carousel-control.right {
 
   color: #fff;
 
 
}
.carousel-control:hover,
.carousel-control:focus {

  text-decoration: none;

  outline: 0;

}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 100%;
  margin-left: -690px; 
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 100%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
  top:450px
}
.carousel-indicators li {
  display: inline-block;
 width: 110px;
  height: 110px;

  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius:100px; border:1px solid  rgba(0,0,0,0.0); margin-left:30px
 
 
}
.carousel-indicators .active {
  width: 110px;
  height: 110px;
  margin: 0;
  background-color: #c00505;border-radius:100px; border:1px solid  rgba(192,5,5,0.0); margin-left:30px
}
.carousel-caption {
  position: absolute;
  right: 15%;
top: 70px;
  left: 15%;

  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption h2{ font-size:2.3em; line-height:1.2em}
.submain{height:260px; background-image:url(/img/submain.jpg); background-position:center; 
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
}