@charset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	font: inherit;
	vertical-align: baseline;
}
html{
		height:100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font: 1em/1.4 Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	background-color:#F1F1F1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*end reset*/

/*
 * Nav
 ** --------------------------------------------------*/
#nav-collapse{
	display: none;
	color: #fff;
	text-align: right;
	width: 100%;
	padding: .625em 0 .625em 0;
}
#nav-collapse.active{
	display: block;
}
#nav-collapse:after {
 	content: " \2630 "
} 
 
nav[role="navigation"] {
	background-color: #666666;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));
	background-image: -webkit-linear-gradient(top, #666666, #000000);
	background-image: -moz-linear-gradient(top, #666666, #000000);
	background-image: -ms-linear-gradient(top, #666666, #000000);
	background-image: -o-linear-gradient(top, #666666, #000000);
	background-image: linear-gradient(to bottom, #666666, #000000);
	font-family: Helvetica, Arial, serif;
	overflow: hidden;
	text-transform: uppercase;
	width: 100%;
}
nav[role="navigation"] ul{
	margin-bottom: 0;
}
nav .inner{
	padding-left:1em;
	padding-right:1em;
}
nav[role="navigation"] ul.hide{
	display:none;
}
    nav[role="navigation"] li.active a {
        color: #fff;
        font-weight: bold;
    }

        nav[role="navigation"] li a:active {
            color: #FFF;
        }
        nav[role="navigation"] li a:hover,
        nav[role="navigation"] li a:focus {
            color: #fff;
        }
    nav[role="navigation"] ul {
        margin: 0;
    }
	nav[role="navigation"] li{
		padding: .625em 2em .625em 0;
		border-top: 1px solid #333;
		
	}
    nav[role="navigation"] a {
        color: #ddd;
		display: block;
        text-decoration: none;
    }

.header{
	background-color:#391855;
	
	box-sizing: border-box;
	overflow: visible;
	padding-top:1em;
	padding-bottom:1em;
	
	
	}
	.logo{
		width: 100%;
		height: 80px;
		background-image:url(../images/index_images/bb2.svg);
		background-repeat:no-repeat;
		background-position: center top;
		overflow: visible;
	}
	
	.nav-menu ul li{
	display:inline;
	list-style: none;
	margin: 0px 5px;
	
 
}
.nav-menu ul li a{
	text-decoration: none;
	color:#FFFFFF;
	
}
.nav-menu ul li a:link{
	

	}
.nav-menu ul li a:hover{
	background:url(img/black.png);
	
	}

.nav-menu ul{
	/*width:100%;*/
	margin:auto;
	text-align:center;
	color:#FFFFFF;
	padding-left:1em;
	padding-right:1em;
	
}


#discl-left{
	font-size:.75em;
	float:left;
	color:#FFF;
	text-shadow: 1px 1px 0px #222;
	margin-bottom:1em;
}
#discl-left p{
	margin:0;
	padding:0 10px;
		height:100%;
}

#discl-right{
	height: 100%;
	font-size:12px;
	color:#FFF;
	text-shadow: 1px 1px 0px #222;
}
#discl-right p{
	margin:0;
	padding:10px;
}

#discl-left p a, #discl-right p a{
	color:#CCCCCC;
}

#clearit{
	clear:both;
}
#prinfo{
	height: 100%;
	color: #FFF;
	padding: 10px;
	background-color: #391855;
}
.copy{
	width:50%;
	float:left;
	font-size:.75em;
	
}
.top a{
	color:#FFF;
	text-decoration: none;
}
.clear{
	clear:both;
}
 footer .top a:after {
	            content: " \25B2 ";
	            font-weight: bold;
				color:#FFFFFF;
	        }

/* ~~ The footer ~~ */
footer {
	padding: 10px;
	background: #6F7D94;
}
.top{
	float:right;
}
.phone{
	background-color:#BBC4B4;
	text-align:center;
	padding:.5em;
}
section {
	max-width: 680px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1em;
}
aside {
display:inline-block;
	width: 3em;
	position: fixed;
	z-index: 100;
	top: 4em;
	right:0px;
}
aside a .social{
	background-color: #551a8b;
}
aside a:hover .social{
	background-color: grey;
}

aside .social-yt{
	background-color: red;
}
aside a:hover .social-yt{
	background-color: grey;
}
aside i{
		color:#FFFFFF;
	    text-align:center;
}

[class^="fa"], [class*=" fa"] {
    width: 100%;
		line-height:1.4 !important;
}
section h1{
	text-align:center;
}
section.outlet {
	max-width:80%;
	margin-left: none;
	margin-right: none;
	margin:auto;
}
.images{
	text-align:center;
	max-width:50%;
margin:auto;
}
.images img{
	float:left;
	max-height:10em;
}
div.info ul{
	padding-left:2%;
	list-style-type:disc;
}
div.info{
	max-width:60%;
	float:left;
	padding:2%;
}
div.gmap{
	float:right;
	max-width:30%;
	padding:2%;
}
iframe, object, embed{max-width: 100%;}



@media screen and (min-width:15em){
	.logo{
		background-position:center -160px;
		
	}
	

}
@media all and (min-width:45em){
	.logo{
		background-position:center -80px;
	}
	#discl-left{
	    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
	
}
@media all and (min-width:60em){
	nav[role="navigation"] li {
	    float: left;
		border-top: 0;
	}
	nav[role="navigation"] a {
		float: left;
	}
	footer[role="contentinfo"] .top {
		float: right;
	}
	.logo{
		background-position:center 0px;
	}
		#discl-left{
	    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
}
@media all and (max-width:60em){
	div.info{
	max-width:100%;
	float:none;
	padding:2%;
}
div.gmap{
	float:none;
	max-width:100%;
	padding:2%;
}
.images img{
	float:none;
	max-height:10em;
}

}