@charset "UTF-8";
/* CSS Document */

a {color:rgb(110, 168, 180);}
h1,h2,h3,h4,h5 {
	font-weight:300;
	letter-spacing:4px;
}
.h1, h1 {
	margin-bottom:50px;
}
h2 {
	margin-bottom:30px;
}
h1>span, h2>span {
	border-bottom:rgba(110, 168, 180, 0.6) 3px dotted;
	font-style:italic;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
}

/* NAVBAR */
.navbar-default {
	background:rgba(255,255,255,0.80);
	border:0;
	height:75px;
	-webkit-transition: height 0.3s ease;
	-moz-transition: height 0.3s ease;
	-o-transition: height 0.3s ease;
	-ms-transition: height 0.3s ease;
}
.navbar-default.navbar-shrink {
	height:60px;
	-webkit-transition: height 0.3s ease;
	-moz-transition: height 0.3s ease;
	-o-transition: height 0.3s ease;
	-ms-transition: height 0.3s ease;
}
.navbar-brand {
	font-size:45px;
	line-height:45px;
	height:75px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}
.navbar-shrink .navbar-brand {
	font-size:30px;
	line-height:30px;
	height:60px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}
nav {
	font-weight:300;
	font-size:18px;
}
.navbar-nav>li>a {
	text-transform:uppercase;
	line-height:45px;
	border-bottom:rgba(110, 168, 180, 0.6) 0 solid;
	-webkit-transition: line-height 0.3s ease;
	-moz-transition: line-height 0.3s ease;
	-o-transition: line-height 0.3s ease;
	-ms-transition: line-height 0.3s ease;
}
.navbar-shrink .navbar-nav>li>a {
	line-height:30px;
	-webkit-transition: line-height 0.3s ease;
	-moz-transition: line-height 0.3s ease;
	-o-transition: line-height 0.3s ease;
	-ms-transition: line-height 0.3s ease;
}
.navbar-default .navbar-nav>li>a:hover {
	border-bottom:rgba(110, 168, 180, 0.6) 3px solid;
	-webkit-transition: border 0.2s ease;
	-moz-transition: border 0.2s ease;
	-o-transition: border 0.2s ease;
	-ms-transition: border 0.2s ease;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background-color:transparent;
	border-bottom:rgba(110, 168, 180, 0.6) 3px solid;
}
.dropdown-menu, #topMainMenu .dropdown li ul {
	min-width:175px;
	text-transform:uppercase;
	background:rgba(255,255,255,0.80) !important;
}
.dropdown-menu>li>a {
	padding:5px 30px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background-color:rgba(110,168,180,0.6) !important;}

.fancybox-nav span {
  visibility: visible;
}

@media (max-width: 1000px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: right!important;
        margin: 7.5px -15px;
		width:200px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
		background-color:rgba(255,255,255,0.80) !important;
	}
	.navbar-nav>li>a {
		text-align:right;
		line-height:18px;
		font-size:14px;
		background-color:rgba(255,255,255,0.80) !important;
		padding:7px 15px;
	}
	.navbar-nav>li>a:hover, .navbar-nav>li>a:active {
		background-color:rgba(255,255,255,0.95) !important;
	}
}

section {
	margin-top:70px;
}
.landing section {
	margin-top:78px;
}
section.top-section {
	margin-top:78px;
}

.banner-vid {
	margin: 75px auto 0;
	max-width: 1141px;
}
.banner-vid .wrapper {
	position: relative;
	padding: 0;
	padding-bottom: 56.25%;
	width: auto;
	height: 0;
}
.banner-vid video {
	width: 100%;
}
.banner-vid .overlay {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
}

.jumbotron {
	background:url(../img/HappyWays134-3.jpg) scroll no-repeat center center;
	background-size:cover;
}
.jumbotron h1 {
	margin:30px 0;
	font-weight:500;
	letter-spacing:0;
}

.grid {
	margin:30px 0 0;
}
.item {
	width:255px;
	margin:15px;
}
.item_w2 {
	width:540px;
}

footer {
	margin:60px 0 15px;
	color:#808080;
}

.margin-top-30 {margin-top:26px;}
.caption {
	font-size: 0.8em;
	padding-left: 7px;
}