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

/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

/* Default Configuration */
html, body { min-height: 100vh; }
body {
	padding: 0px; margin: 0px; min-width: 300px;
	color: #2e2e2e; font-size: 14px; font-family: 'Open Sans', sans-serif;
	background-position: center; background-attachment: scroll; background-size: cover;
	background-image:  url(../images/slim/brz-home.jpg);
}

a { border: none; color: #09F; }
a:hover { color: #C33; text-decoration: none; }

h1, h2, h3 { margin: 0px; padding: 10px 5px 20px;}
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }


/* Positioning Setup */
.fixed { width: 1024px; }
.center { margin-left: auto; margin-right: auto; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
/* Collumns */
.col2 { width: 49.9999%; }
.col3 { width: 33.3333%; }
.col4 { width: 24.9999%; }

/* Header Setup */
header { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; text-align:center; background: rgba(0,0,0, 0.7); box-shadow: 0px 0px 10px -4px #1e1e1e; }
	header .logo { display:none; min-height: 75px; width: 75px; margin: 0px 15px 0px; text-indent: -99999px; background: url(../images/slim/logo-new.png) left center no-repeat; background-size: cover; opacity: 0.35; -webkit-opacity: 0.35; transition: ease-in-out all 0.15s; -webkit-transition: ease-in-out all 0.15s; }
		header .logo:hover { opacity: 1.0; -webkit-opacity: 1.0; }
			
	header nav { }
		header nav > a { display: none; }
		header nav ul { padding: 8px 0px 0px; margin: 0px; list-style: none; font-size: 16px; transition: all 0.25s; }
			header nav ul li { background: none; border-bottom: 5px solid rgba(0,0,0,0.30); display: inline-block; padding:5px 0px 0px; margin: 0px 5px; position: relative; font-weight: 600; transition: all 0.15s; }
			header nav ul li:hover, header nav ul li.selected { border-color: rgba(255,255,255,0.8); }
				/* Links */
				header nav ul li a:link, header nav ul li a:visited { color: #FFF; display: block; padding: 10px 20px 10px; transition: all 0.15s; }
				header nav ul li a:hover, header nav ul li a:active, header nav ul li.selected a { text-decoration: none; color: #FFF; -webkit-opacity: 1.0; }
header.top { background: none; box-shadow: none; }
		header.top nav ul {  padding: 45px 0px 0px; }
			header.top nav ul li { background: rgba(0,0,0,0.20); }
header+.spacer { height: 55vh; background-position: center center; background-size: cover; background-repeat: no-repeat; position:relative;}
header+.spacer:after { background-image: url(../images/slim/brown-bg-logo-sm.jpg); opacity: 0.5; content: ""; position:absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; background-position: center center; background-size: cover; background-repeat: no-repeat; }

/* Button Setup */
a.btn_large, button.btn_large { 
	display: inline-block; margin:  15px 10px; padding: 18px 22px; background: #1e1e1e; 
	border: none; border-radius: 10px; border-top-left-radius:  25px; border-bottom-right-radius: 25px;
	color: #FEFEFE; text-decoration:  none; font-weight: bold; text-transform: uppercase;
	transition: all 0.35s; opacity: 0.75; cursor: pointer;
}
a.btn_large:hover, button.btn_large:hover { background-color: #92725b; opacity: 1; text-decoration: none; box-shadow: 0px 0px 10px -3px #1e1e1e; }
a.btn_large.grow:hover, button.btn_large.grow:hover { margin: 10px 5px; padding: 23px 27px; }
a.btn_large.shrink:hover, button.btn_large.shrink:hover { margin: 20px 15px; padding: 13px 17px; }
a.btn_large.flip:hover, button.btn_large.flip:hover { border-radius:  10px; border-top-right-radius:  25px; border-bottom-left-radius: 25px }


section.container { background: #FFF; margin-top: 20px; margin-bottom: 20px; padding: 0px 0px 10px 0px;  }
section.container:first-child { margin-top: 125px; }
	section.container h1, section.container h2 { text-align: center; }
	section.container table.listing { margin: 5px auto; padding: 0px; width: 98%; }
		section.container table.listing tr th { background: #DEDEDE; padding: 5px; font-size: 16px; border-bottom: 1px solid #FEFEFE; }
		section.container table.listing tr td { background: #EFEFEF; padding: 5px; }
		section.container table.listing tr:nth-child(odd) td { background: #FEFEFE; }
		section.container table.listing tr:hover td { background: #DEDEDE;}


/* Form Setup */
section form { margin: 0px; padding:  0px; }
	section form input[type=text], section form input[type=password] { width: 85%; padding: 7px; font-size: 15px; color: #92725b; border: 1px solid #4e4e4e; border-radius: 4px; text-align: center; margin: 10px 0px; }
	section form button { border: none; }
		section form button.btn_large { 
			display: inline-block; margin:  15px 10px; padding: 18px 22px; background: #1e1e1e;
			border: none; border-radius: 10px; border-top-left-radius:  25px; border-bottom-right-radius: 25px;
			color: #FEFEFE; font-weight: bold; text-transform: uppercase;
			transition: all 0.35s; opacity: 0.75; cursor: pointer;
		}
		section form button.btn_large:hover { 
			background-color: #92725b; opacity: 1; box-shadow: 0px 0px 10px -3px #1e1e1e;
			border-radius: 25px; border-top-left-radius:  10px; border-bottom-right-radius: 10px;
		}


section.bgdark { background: rgba(0,0,0,0.25); animation: dark_pulse; animation-duration: 15s; animation-iteration-count: infinite; animation-direction: alternate;	animation-timing-function: linear; }
section.bggray { background: rgba(126,126,126,0.25); animation: gray_pulse; animation-duration: 15s; animation-iteration-count: infinite; animation-direction: alternate;	animation-timing-function: linear;}
/* View Setups */
section.half-view { min-height: 50vh; }

/* Login Box's */
section.login  { width: 300px; height: 250px; position: absolute; left: 50vw; top: 50vh; margin: -135px 0px 0px -160px; background: #FFF; text-align: center; padding: 10px; border-radius: 8px; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.50); overflow: hidden; }
	section.login h1 { font-size: 24px;  text-transform: uppercase; }
	
	
	
	
	
	
	
@-webkit-keyframes dark_pulse {
  0% {
  	background: rgba(0,0,0,0.25);
  }
  25% {
    background: rgba(0,0,0,0.35);
  }
  50% {
    background: rgba(0,0,0,0.10);
  }
  75% {
    background: rgba(0,0,0,0.35);
  }
  100% {
    background: rgba(0,0,0,0.25);
  }
}

@-webkit-keyframes gray_pulse {
  0% {
  	background: rgba(126,126,126,0.25);
  }
  25% {
    background: rgba(126,126,126,0.50);
  }
  50% {
    background: rgba(126,126,126,0.75);
  }
  75% {
    background: rgba(126,126,126,0.15);
  }
  100% {
    background: rgba(126,126,126,0.25);
  }
}