/*@import url('https://fonts.googleapis.com/css?family=Bree+Serif&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Alegreya:400,700&subset=latin-ext');*/
@import url('https://fonts.googleapis.com/css?family=Wellfleet&subset=latin-ext');

body
{
font-family: 'Wellfleet', cursive;
	cursor:default;
	background: url('../images/bg.jpg') no-repeat bottom left fixed;
	webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

header
{
	margin-bottom:36px;
}

#home-navbar-area
{
	margin-bottom:0;
	border-top:1px #B30000 solid;
	border-bottom:5px #B30000 solid;
	background: rgb(254,252,234);
	background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(235,239,158,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(235,239,158,1) 100%);
	background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(235,239,158,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#ebef9e',GradientType=0 );
}

#home-navbar {padding-left:0;padding-right:0;}
#home-navbar .navbar-nav > li > a
{
	color:#3F370B;
	font-weight:700;
	font-size:12px;
	letter-spacing:1px;
	padding:11px 15px 9px 15px;
	line-height:24px;
	/*text-shadow:1px 1px 3px #C98A7B;*/
}

#home-navbar .navbar-nav > li > a:hover
{
	color:#A13B3B;
}


#home-navbar-area #home-navbar .navbar-nav.language {border-right:1px #CCC solid}
#home-navbar-area #home-navbar .navbar-nav.language > li > a
{
	color:#000;
	padding-left:14px;
	padding-right:14px;
}
#home-navbar-area #home-navbar .navbar-nav.language > li > a > img
{
	margin-right:6px;
}
#home-navbar-area #home-navbar .navbar-nav.language > li > a > .caret
{
	margin-left:6px;
}

#home-navbar-area #home-navbar .navbar-nav.language .dropdown-menu a > img
{
	margin-right:6px;
}

#header-bottom
{
	background:#FFF;
	min-height:36px;
	position:relative;
	z-index:2;
	border-bottom:1px #666 solid;
	box-shadow:0px 8px 10px 1px rgba(100,100,100,.6);
	-webkit-box-shadow:0px 8px 10px 1px rgba(100,100,100,.6);
	padding:8px 0;
}

#header-bottom #header-phone
{
	display:inline-block;
	line-height:24px;
	margin-left:13px;
}

#header-bottom #header-phone i {color:#861414;font-size:16px;margin-right:7px;}

.panel-default
{
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,245,194,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,245,194,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,.4) 0%,rgba(241,245,194,.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f5c2',GradientType=0 );
	box-shadow:0px 0px 5px 1px #666;
	border:none;
}
.panel-default .panel-heading
{
	font-weight:700;
	font-size:13px;
	color:#904848;
	letter-spacing:1px;
	border-bottom:1px #BCB787 solid;
	background: #fefcea;
	background: -moz-linear-gradient(top,  #fefcea 0%, #E9ECAC 100%);
	background: -webkit-linear-gradient(top,  #fefcea 0%,#E9ECAC 100%);
	background: linear-gradient(to bottom,  rgba(254,252,234,.5) 0%, rgba(233,236,172,.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#ebef9e',GradientType=0 );
}
.panel-default .panel-body
{
	color:#403A0F;
	text-shadow:1px 1px 1px #FFF;
	font-size:13px;
	line-height:1.7;
	/*padding:24px;*/
}

#main
{
	margin-bottom:36px;
	flex: 1;
}



footer
{
	padding-bottom:36px;
	bottom:0;
	width:100%;
	background: rgb(254,252,234);
	background: -moz-linear-gradient(top,  rgba(254,252,234,0) 0%, rgba(235,239,158,.9) 100%);
	background: -webkit-linear-gradient(top,  rgba(254,252,234,0) 0%,rgba(235,239,158,.9) 100%);
	background: linear-gradient(to bottom,  rgba(254,252,234,0) 0%,rgba(235,239,158,.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#ebef9e',GradientType=0 );

}

footer h4
{
	color:#791111;
	text-shadow:1px 1px 2px #FFF;
	border-bottom:3px #B30000 solid;
	padding-bottom:10px;
	margin-bottom:12px;
	font-size:14px;
	font-weight:700;
	letter-spacing:1px;
}

footer .footer-contact > div
{
	color:#494208;
	font-size:12px;
	background:url('../images/footer-maps.png') no-repeat 100% 100%;
}

footer .social > li > a
{
	margin-top:6px;
	width:52px;
	height:46px;
	color:#DFDD4E;
	border:1px solid #94932F;
	display:block;
	-webkit-border-radius:20% 20% 0 0;
	border-radius:20% 20% 0 0;
	text-align:center;
	padding:5px 0;
	font-size:19px;
	line-height:36px;
	background-color: #DFDD4E;
	margin-right:8px;
	position:relative;
	overflow:hidden;
}

.social {margin-bottom:0;}
.social > li
{
	float:left;
}

.social > li > a
{
	width:28px;
	height:24px;
	color:#DFDD4E;
	border:1px solid #94932F;
	display:block;
	-webkit-border-radius:20%;
	border-radius:20%;
	text-align:center;
	padding:2px 0;
	font-size:14px;
	line-height:18px;
	background-color: #DFDD4E;
	margin-right:8px;
	position:relative;
	overflow:hidden;
}

.social > li > a:hover
{
	border-color: #94932F;
	background-color: #DEEB71;
}

.social > li > a > i
{
	color:#94932F;
}

.social > li> a:hover > i
{
	color:#C23737;
	animation-name :socials;
	animation-duration:200ms;
	animation-iteration-count:1;
	/*position:absolute;*/
}
@-webkit-keyframes socials {
	0%   {margin-left:0;}
	50%  {margin-left:-40px;}
	100% {margin-left:-80px;}
}

.video-background {
	background: #000;
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: -99;
}
.video-foreground,
.video-background iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
#vidtop-content {
	top: 0;
	color: #fff;
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
	.video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
	.video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}

@media (min-width: 768px)
{

	#main
	{
		/*margin-bottom:200px;*/
	}

	footer
	{
		/*position:fixed;*/
	}
}

@media (min-width: 801px)
{
	body {padding-top:48px;}
	#logo
	{
		width:100%;
		display:block;
		position:relative;
		margin-top:-24px;
	}

	#logo > div
	{
		margin-top:-16px;
		height:auto;
		background-color:#FFF;
		border:1px #B30000 solid;
		border-bottom:none;
		padding:12px;
		z-index:1;
		text-align:center;
		border-radius:4px 4px 0 0;
		-webkit-border-radius:4px 4px 0 0;
	}

	#logo > div > img
	{
		position:relative;
		z-index:3;
	}
}

@media (max-width: 800px)
{
	body {padding-top:24px;}
	.video-background {display:none;}
	#logo
	{
		display:inline-block;
		position:relative;
		margin-top:-20px;
	}
	#logo > div > img
	{
		position:relative;
		z-index:3;
		width:150px;
	}
	.navbar-header {
			float: none;
	}
	.navbar-left,.navbar-right {
			float: none !important;
	}
	.navbar-toggle {
			display: block;
	}
	.navbar-collapse {
			border-top: 1px solid transparent;
			box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
			top: 0;
			border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
			display: none!important;
	}
	.navbar-nav {
			float: none!important;
			margin-top: 7.5px;
	}
	.navbar-nav>li {
			float: none;
	}
	.navbar-nav>li>a {
			padding-top: 10px;
			padding-bottom: 10px;
	}
	.collapse.in{
			display:block !important;
	}
	.container {margin:14px;}
}

@media (max-width: 480px)
{

	footer {text-align:center;}

	footer h4
	{
		text-align:center;
		padding-top:36px;
	}
}