body{
	background-color:#116d37;
	color:#fff;	
}
header {
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,0.70);
    width: 100%;
    padding: 1vw 1vw 0;
	z-index:999999999;
}
.header-content{
	width:60%;
	margin:0 auto;
}
.logo img {
    width: 100%;
    padding: 1vw;
}
.bwtl{
	width:100%;
	padding:2.5vw 0 1vw;		
}
.fb, .tw{
	float:right;
    padding: 0vw;
    width: 30%;
}
.phone{
	font-family: 'Lora', serif;
	color:#000;
	font-weight:700;
	font-size:1.8vw;		
}
h1.slider {
    font-family: 'Lobster', cursive;
    position: absolute;
    top: 50vh;
    color: #fff;
    z-index: 9999;
    text-align: center;
    width: 70%;
    font-size: 8vw;
    left: 15%;
    text-shadow: 5px 5px 8px rgba(0, 0, 0, 0.6);
}
#carousel-custom {
    margin: 0 auto;
    width: 100%;
}
#carousel-custom .carousel-indicators {
    margin: -3vw 0 0;
    overflow: auto;
    position: static;
    text-align: center;
    white-space: nowrap;
    width: 100%;
}
#carousel-custom .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: 6vw;
	width:10vw;
	background-size:cover;
    margin: 0 .3vw !important;
	border:1px solid #fff;
}
#carousel-custom .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
#carousel-custom .carousel-indicators li.active img {
    opacity: 1;
}
#carousel-custom .carousel-indicators li:hover img {
    opacity: 0.75;
}
#carousel-custom .carousel-outer {
    position: relative;
    z-index: -999;
}
#carousel-custom li {
    display: inline-block;
    width: 20vw;
    height: 4vw;
    margin: .1vw;
    text-indent: -999px;
    cursor: pointer;
    border: none;
}
.carousel-inner .item{
	height: 93vh;
   /* position: relative;*/
    top: 0;
    background-size: cover;
	background-position:center center;
}
.content{
	width:70%;
	margin:0 auto;	
}
.content a { color:#FFF;}
.content ul{
	padding:1vw 2vw;
	font-size:1vw;	
}
.content li{
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.content p{
	font-family: 'Lora', serif;	
	font-weight:400;
	font-size:1.2vw;
	line-height:1.5vw;
	text-align:center;
	padding:1vw 0;
	display:block;
	
}
.content p strong{
	font-weight:700;
	display:block;	
	font-size:1.5vw;
	line-height:1.8vw;
}
footer{
	text-align:center;
	font-size:14px;
	padding:1vw 0 3vw;
}
.copyright{
	display:block;
}
footer a{
	color:#fff;
}
footer a:hover{
	text-decoration:underline;
	color:#fff;
}	

.desktop-only {display:block;}


@media (max-width: 768px) { 
	.content p, .footer {font-size:3vw !important;  line-height:normal;} 
	.content ul {font-size:3vw !important; line-height:normal;}
	.content p strong {font-size:3vw !important; line-height:normal;}
	.desktop-only {display:none;}
	.phone {font-size:4vw !important; line-height:normal; width:100%; text-align:center; display:block; padding-bottom:2vw;}
}


/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

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

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}