/********************************************************
      Page Styles
********************************************************/

@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,100italic,300italic,400italic,700italic);
@import url(//fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
   
body { 
  padding-bottom: 40px;
  /*padding-top: 40px;*/
  padding-top: 0px;
  font-weight: 400;
  background: #fff;
  font-family: 'Ubuntu', sans-serif;
}
h1, h2, h3, h4, h5, em, strong, .call-to-action, .dropcap {
    font-family: 'Lato', sans-serif;
}

.headline .description {
  font-size: 20px;
}

h2 {
  margin-bottom: 15px;
  background: url("../assets/lines.69e55f4648a1.png") center 57% repeat-x; /* h2 dividers */
}
h2 em {
  padding-right: 10px;
  background: #FFF;
}
a { /* page hyperlinks */
  color: #d12a2a;
  text-decoration: none;
}
a:hover {
  color: #9E2020;
  text-decoration: none;
}
section {
  padding-top: 40px;
}
.well {
  background-color: #FFF;
  border: 1px solid #DDD;
  border: 1px solid rgba(221, 221, 221, 1);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;   
  -webkit-box-shadow: 0 0 7px #CCC;
     -moz-box-shadow: 0 0 7px #CCC;
          box-shadow: 0 0 7px #CCC;
}
span.dropcap {
  display: inline-block;
  float: left;
  width: 30px;
  height: 32px;
  margin-right: 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  color: #FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #CC0000;
}
hr {
  border-bottom: 0;
  border-color: #CCC;
}
.up {
  float: right;
  padding-left: 10px;
  color: #333;
  background: #fff;
  -webkit-transition: -webkit-transform 0.2s ease;
     -moz-transition: -moz-transform 0.2s ease;
          transition: transform 0.2s ease;
}
.up:hover {
  color: #CC000;
  -webkit-transform: scale(1.25);
     -moz-transform: scale(1.25);
       -o-transform: scale(1.25);
          transform: scale(1.25);
  -webkit-transform-origin: center center;
     -moz-transform-origin: center center;
       -o-transform-origin: center center;
          transform-origin: center center;
}
img.framed {
  margin-bottom: 10px;
  border: 5px solid #FFF;
  -moz-box-shadow:    0 0 7px #CCC;
  -webkit-box-shadow: 0 0 7px #CCC;
  box-shadow:         0 0 7px #CCC;
}

/********************************************************
      NavBar Styles
********************************************************/

.navbar-inner {
  border-bottom: 1px solid #222;
  background: rgba(33,33,33,1);
  filter: none;
}
.nav .active > a,
.nav .active > a:hover {
  background-color: #000 !important;
  color: #FFF !important;
}
.btn-navbar { /* collapsible button */
  color: #FFF;
  text-shadow: none;
}
.btn-navbar:hover {
  color: #FFF;
}
.navbar a.brand, .navbar {
  font-weight: 400;
}
.navbar .brand {
    max-height: 50px;
    overflow: visible;
    padding-top: 5px;
    padding-bottom: 0;
}

/********************************************************
      Header & Carousel
********************************************************/

/*HEADER MARGIN OFFSET*/
@media (max-width: 980px) {
.header_height_offset {
  /*margin-top: -20px;*/
  height: 0px;
  display:block;
  margin-top: -20px; 
}
}
@media (min-width: 981px)  {
.header_height_offset {
  /*margin-top: -20px;*/
  height: 40px;
  display:block;
}
}

header {  
  width: auto;
  margin-bottom: 0;
  /*padding-top: 40px;;*/
  padding-top: 0px;
  padding-bottom: 0px;
  background: #fff center top no-repeat;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../assets/header-bg-8.jpg', sizingMethod='scale'); /* IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../assets/header-bg-8.jpg', sizingMethod='scale')"; /* IE8+ */
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}
header, header h1, header h2, header p {
  color: #4e4d51;
  text-shadow:  0px 1px 1px rgba(225,233,240,0.6);
  text-rendering: auto;
}
header h2 {
  background: none;
}
.headline {
  text-align: center;
}
.headline h1 {
  padding: 20px;
  font-size: 50px;
  line-height: 50px;
}
.carousel {
  margin-top: 10px;
  margin-left: 0px;
  margin-bottom: 0px;
}
.carousel {
  line-height: 1.2;
}
.carousel-control {
  font-weight: 50;
}

/********************************************************
      Strip & Call To Action)
********************************************************/

.strip {
  padding: 30px 0;
  margin-bottom: -60px;
	color: #000;
  text-align: center;
}
.strip a.btn {
	margin: 5px;
}
.call-to-action {
  display: block;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
}

/********************************************************
      Feature List
********************************************************/

.feature {
  margin-bottom: 15px;
}
.feature img.thumb {
  float: left;
  margin: 5px 15px 5px 0px;
  border: 5px solid #FFF;
  -webkit-box-shadow: 0 0 8px #AAA;
     -moz-box-shadow: 0 0 8px #AAA;
          box-shadow: 0 0 8px #AAA;
}

/********************************************************
      Custom Bootstrap Buttons
********************************************************/

.btn {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.btn-primary {
  background-color: #006dcc;
  color: #ffffff;
  background-image: -moz-linear-gradient(top, #005fbf, #003f7f);
  background-image: -ms-linear-gradient(top, #005fbf, #003f7f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#005fbf), to(#003f7f));
  background-image: -webkit-linear-gradient(top, #005fbf, #003f7f);
  background-image: -o-linear-gradient(top, #005fbf, #003f7f);
  background-image: linear-gradient(top, #005fbf, #003f7f);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005fbf', endColorstr='#003f7f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #003f7f;
}
.btn-primary:active, .btn-primary.active {
  background-color: #003399 \9;
}
.btn-warning {
  background-color: #faa732;
  color: #ffffff;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #f89406;
}
.btn-warning:active, .btn-warning.active {
  background-color: #c67605 \9;
}
.btn-red {
  background-color: #da4f49;
	color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-image: -moz-linear-gradient(top, #d12825, #b20500);
	background-image: -ms-linear-gradient(top, #d12825, #b20500);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d12825), to(#b20500));
	background-image: -webkit-linear-gradient(top, #d12825, #b20500);
	background-image: -o-linear-gradient(top, #d12825, #b20500);
	background-image: linear-gradient(top, #d12825, #b20500);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d12825', endColorstr='#b20500', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-red:hover,
.btn-red:active,
.btn-red.active,
.btn-red.disabled,
.btn-red[disabled] {
	background-color: #b20500;
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-red:active, .btn-red.active {
	background-color: #942a25 \9;
}
.btn-danger {
  background-color: #d94d48;
  color: #ffffff;
  background-image: -moz-linear-gradient(top, #bf005f, #7f003f);
  background-image: -ms-linear-gradient(top, #bf005f, #7f003f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bf005f), to(#7f003f));
  background-image: -webkit-linear-gradient(top, #bf005f, #7f003f);
  background-image: -o-linear-gradient(top, #bf005f, #7f003f);
  background-image: linear-gradient(top, #bf005f, #7f003f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf005f', endColorstr='#7f003f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #7f003f}
.btn-danger:active, .btn-danger.active {
  background-color: #942a25 \9;
}
.btn-success {
  background-color: #5cb85c;
  color: #ffffff;
  background-image: -moz-linear-gradient(top, #5fbf00, #3f7f00);
  background-image: -ms-linear-gradient(top, #5fbf00, #3f7f00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5fbf00), to(#3f7f00));
  background-image: -webkit-linear-gradient(top, #5fbf00, #3f7f00);
  background-image: -o-linear-gradient(top, #5fbf00, #3f7f00);
  background-image: linear-gradient(top, #5fbf00, #3f7f00);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fbf00', endColorstr='#3f7f00', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #3f7f00;
}
.btn-success:active, .btn-success.active {
  background-color: #408140 \9;
}
.btn-info {
  background-color: #4aaecc;
  color: #ffffff;
  background-image: -moz-linear-gradient(top, #25b3db, #118bad);
  background-image: -ms-linear-gradient(top, #25b3db, #118bad);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#25b3db), to(#118bad));
  background-image: -webkit-linear-gradient(top, #25b3db, #118bad);
  background-image: -o-linear-gradient(top, #25b3db, #118bad);
  background-image: linear-gradient(top, #25b3db, #118bad);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#25b3db', endColorstr='#118bad', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #118bad;
}
.btn-info:active, .btn-info.active {
  background-color: #24748c \9;
}

/********************************************************
      Portfolio (Custom Bootstrap Thumbnails)
********************************************************/

.thumbnail {
  position: relative;
  display: block;
  padding: 10px;
  border: 1px solid #CCC;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #333;
  background: #FFF;
  -webkit-transition: -webkit-transform 0.2s ease;
     -moz-transition: -moz-transform 0.2s ease;
          transition: transform 0.2s ease;
}
.thumbnail:hover {
  color: #333;
  text-decoration: none;  
  -webkit-transform: scale(1.04);
     -moz-transform: scale(1.04);
       -o-transform: scale(1.04);
          transform: scale(1.04);
  -webkit-transform-origin: center center;
     -moz-transform-origin: center center;
       -o-transform-origin: center center;
          transform-origin: center center;
}
.thumbnail .caption {
  padding: 9px 0 0 0;
}
.thumbnail hr {
  margin: 6px 0;
}

/********************************************************
     Custom Media Query Styles
********************************************************/

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	/*header, footer {
    margin-right: -20px;
    margin-left: -20px;
    }*/
  header {
    margin-right: -20px;
    margin-left: -20px;
    }
  .headline {
    padding-left: 30px;
    padding-right: 30px;
  }
  .carousel {
    margin-top: 10px;
  }
  #myCarousel {
    padding: 20px;
    }
}
@media (max-width: 1200px) {
  img {
	  /*max-width: 95%;*/
    max-width: 100%;
  }
}

/********************************************************
      Responsive Videos
********************************************************/

.video-container {
  position: relative;
  padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;

	border: solid 10px #FFF;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/********************************************************
      Footer
********************************************************/

footer {
  width: 100%;
  margin-top: 40px;
  color: #F2F2F2;
  text-align: center;
  border-top: 0px solid #000;
  background: #1A1A1A;
}
footer div.base {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 0px;
  border-top: 0px solid #292929;
  background: rgba(202,202,202,0.5);
}

footer ul {
  list-style: none;
  margin: 5px 0 9px 0;
}
footer a {
  font-weight: normal;
  color: #999;
}
footer a:hover,
footer a:active {
  color: #FFF;
  text-decoration: none;
}
footer hr {
  border-top: 1px solid #222;
}