/* ============================================================

Wirefy by Chris Da Sie
Version: 1.3
URL: https://github.com/cjdsie/wirefy
Apache License: v2.0. http://www.apache.org/licenses/LICENSE-2.0


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Tabs
	#Tables
	#Forms
	#Misc */
	
/* #Reset
================================================== */	
	/*
	*  Consistency fixes
	*  adopted from http://necolas.github.com/normalize.css/
	*/
	html {
	  height: 100%;
	  -webkit-text-size-adjust: 100%;
	  -ms-text-size-adjust: 100%;
	}
	body {
	 height: 100%;
	  font-size: 100%;
	}
	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	nav,
	section,
	audio,
	canvas,
	video {
	  display: block;
	}
	sub, sup {
	  font-size: 75%;
	  line-height: 0;
	  position: relative;
	  vertical-align: baseline;
	}
	sup {
	  top: -0.5em;
	}
	sub {
	  bottom: -0.25em;
	}
	pre {
	  white-space: pre;
	  white-space: pre-wrap;
	  word-wrap: break-word;
	}
	b, strong {
	  font-weight: bold;
	}
	abbr[title] {
	  border-bottom: 1px dotted;
	}
	input,
	textarea,
	button,
	select {
	  margin: 0;
	  font-size: 100%;
	  line-height: normal;
	  vertical-align: baseline;
	}
	button,
	html input[type="button"],
	input[type="reset"],
	input[type="submit"] {
	  cursor: pointer;
	  -webkit-appearance: button;
	}
	input[type="checkbox"], input[type="radio"] {
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -o-box-sizing: border-box;
	  -ms-box-sizing: border-box;
	  box-sizing: border-box;
	}
	textarea {
	  overflow: auto;
	}
	table {
	  border-collapse: collapse;
	  border-spacing: 0;
	}
	/*
	*
	*  Simple fluid media
	*
	*/
	figure {
	  position: relative;
	}
	figure img,
	figure object,
	figure embed,
	figure video {
	  max-width: 100%;
	  display: block;
	}
	img {
	  border: 0;
	  -ms-interpolation-mode: bicubic;
	}
	
	/* Variables 
	=================================================== */
	/* Mixins 
	=================================================== */
	.clearfix {
	  *zoom: 1;
	}
	.clearfix:before,
	.clearfix:after {
	  display: table;
	  content: "";
	}
	.clearfix:after {
	  clear: both;
	}
	.visuallyhidden.focusable:active,
	.visuallyhidden.focusable:focus {
	  position: static;
	  clip: auto;
	  height: auto;
	  width: auto;
	  margin: 0;
	  overflow: visible;
	}
	
		

/* #Basic Styles
================================================== */
html, body {
	margin:0;
	padding:0;
	}

	html {
		background: #fff;
  		height: 100%;
		overflow-y: scroll;
		font-size: 62.5%;
		  -webkit-overflow-scrolling: touch;
		  -webkit-tap-highlight-color: #f3f5f6;
		  -webkit-text-size-adjust: 100%;
		  -ms-text-size-adjust: 100%;
	}

	body {
		margin:0 auto;
		padding:0;
		width: 100%;
		background-color: transparent;

		font-family: Arial, sans-serif;
		font-size: 16px;
		font-size: 1em;
		  font-size: 1.6rem;
		  line-height: 1.5em;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 	}

/* #Grid
================================================== */
/*
*
*  Sixteen-column grid active
*  ----------------------------------------------------------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8     9     10    11    12    13    14    15    16  |   Margin
*  5.55555% | %  6.25  12.5  18.75 25.0  31.25 37.5  43.75 50.0  56.25 62.5  68.75 75.0  81.25 87.5  93.75 100 | 5.55555%
*	
*
*/
	

	
	.row {
		width:100%;
		margin-bottom: 20px; 
	}

	.alpha {
		margin-left: 0;
	}
	
	.omega {
		margin-right: 0;
	}

	.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve, .thirteen, .fourteen, .fifteen, .sixteen {
		width:100%;
	}





/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		margin: 0;
		color: #181818;
		font-family: "Arial", serif;
		font-weight: bold;
		text-rendering: optimizelegibility; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { margin-bottom: 0.75em;
	  font-size: 32px;
	  font-size: 3.2rem;
	  line-height: 1.2;}
	h2 { margin-bottom: 0.75em;
	  font-size: 24px;
	  font-size: 2.4rem;
	  line-height: 1.2;}
	h3 { margin-bottom: 1em;
	  font-size: 21px;
	  font-size: 2.1rem;
	  line-height: 1.3; }
	h4 { margin-bottom: 1.5em;
	  font-size: 18px;
	  font-size: 1.8rem;
	  line-height: 1.25; }
	h5 { font-size: 16px;
	  font-size: 1.6rem;
	  margin-bottom: 1.5em;}
	h6 { margin-bottom: 1.5em;
	  font-size: 14px;
	  font-size: 1.4rem;
	  font-weight: normal;
	  letter-spacing: 1px;
	  text-transform: uppercase; }
	.subheader { color: #777; }
	
	p,
	ol,
	ul,
	dl,
	address {
	  margin-bottom: 1.5em;
	  font-size: 14px;
	  font-size: 1.4rem;
	  line-height: 1.5em;
	}
	small {
	  font-size: 14px;
	  font-size: 1.4rem;
	}
	
	q {
	  quotes: none;
	}
	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
	  content: '';
	  content: none;
	}
	cite {
	  font-style: normal;
	}
	dl,
	dd {
	  margin-bottom: 1.5em;
	}
	dt {
	  font-weight: bold;
	}
	.dl-horizontal dt {
	  float: left;
	  clear: left;
	  width: 20.25%;
	}
	.dl-horizontal dd {
	  margin-left: 22.78%;
	}
	abbr[title] {
	  border-bottom: 1px dotted #c7ced6;
	  cursor: help;
	}
	b,
	strong {
	  font-weight: bold;
	}
	dfn {
	  font-style: italic;
	}
	ins {
	  background-color: #f3f5f6;
	  color: #000000;
	  text-decoration: none;
	}
	mark {
	  background-color: #f3f5f6;
	  color: #000000;
	  font-style: italic;
	  font-weight: bold;
	}
	pre,
	code,
	kbd,
	samp {
	  font-family: Monaco, Courier New, monospace;
	  font-size: 14px;
	  font-size: 1.4rem;
	  line-height: 1.5em;
	}
	pre {
	  white-space: pre;
	  white-space: pre-wrap;
	  word-wrap: break-word;
	}
	sub,
	sup {
	  position: relative;
	  font-size: 12px;
	  font-size: 1.2rem;
	  line-height: 0;
	  vertical-align: baselineheight;
	}
	sup {
	  top: -0.5em;
	}
	sub {
	  bottom: -0.25em;
	}

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }
	p.disclaimer { font-size: 80%;}

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #666; font-style: italic; }
	blockquote { margin: 0; padding: 0;}
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
	
/* #Links
================================================== */
	a, a:visited { color: #0c4790; text-decoration:none; outline: 0; }
	a:hover, a:focus { color: #f57f20; text-decoration: underline;}
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 10px; font-size:90%}
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }
	ul.inline li{float:left;margin: 1.5% 1% ;}

/* #Images
================================================== */

img {
  max-width: 100%;
  border-width: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
		

/* #Figures
================================================== */
	figure {
	  margin-bottom: 1.5em;
	}
	figure img {
	  margin-bottom: 0.375em;
	}
	figure figcaption {
	  display: block;
	  font-weight: normal;
	  font-size: 14px;
	  font-size: 1.4rem;
	  color: #808080;
	}
	.list-bordered {
	  list-style-type: none;
	  margin: 0 0 1.5em 0;
	  padding: 0;
	}
	.list-bordered li {
	  margin-bottom: 0.375em;
	  padding-bottom: 0.375em;
	  border-bottom: 1px dashed #c7ced6;
	}
	.list-bordered li:last-child {
	  margin-bottom: 0;
	  padding-bottom: 0;
	  border-bottom-width: 0;
	}
	
/* #Menus
================================================== */

.menu1 {
	float: left;
	width: 100%;
}

.menu1 ul {
	width:100%;
}

.menu1 li {
	float:left;
	margin: 0 2.5%;
}

.menu1 li:first-child {
	margin-left:0;
}


.menu2 {
	width:70%;
	float:right;
	margin-bottom: 1em;
}

.menu2 ul {
   clear: left;
   display:block;
   margin: 0;
   border: 1px solid #e6e6e6;

}
.menu2 li {
   font-size: 1.8em;
   border-bottom: 1px solid #eee;
}
.menu2 li:last-child {
   border-bottom: 0;
}
.menu2 a {
   display: block;
   padding: .5em .8em;
   text-decoration: none;
   color: #333;
}
.menu2 a:hover {
   background-color: #f8f8f8;
}
.menu2 .nav-current {
   font-weight: bold;
}




/* #Pagination
================================================== */


.pagination {
height: 36px;
margin: 18px 0;
}

.pagination ul {
display: inline-block;
padding:0;
margin-bottom: 0;
margin-left: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px 
rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px 
rgba(0, 0, 0, 0.05);
}

.pagination li {
display: inline;
}

.pagination a {
float: left;
padding: 0 10px;
line-height: 28px;
text-decoration: none;
border: 1px solid #DDD;
border-left-width: 0;
}

.pagination a:hover,
.pagination .active a {
  background-color: #f5f5f5;
}

.pagination .active a {
  color: #999999;
  cursor: default;
}

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  cursor: default;
  background-color: transparent;
}


.pagination li:first-child a {
border-left-width: 1px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}

.pagination li:last-child a {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

/* #Pager
================================================== */


.pager {
	padding:0;
  margin-bottom: 18px;
  margin-left: 0;
  text-align: center;
  list-style: none;
  *zoom: 1;
}

.pager:before,
.pager:after {
  display: table;
  content: "";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager a {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

.pager a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}

.pager .next a {
  float: right;
}

.pager .previous a {
  float: left;
}

.pager .disabled a,
.pager .disabled a:hover {
  color: #999999;
  cursor: default;
  background-color: #fff;
}

		


/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #000;
	  color: #fff;
	  display: inline-block;
	  font-size: 12px;
	  font-weight: bold;
	  text-decoration: none;
	  cursor: pointer;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: Arial, sans-serif;  text-align:center;}
	
	.button:visited,
	button:visited,
	input[type="submit"]:visited,
	input[type="reset"]:visited,
	input[type="button"]:visited {
		color: #fff;
		}
	
	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #f57f20;
		}
		
	.button:active,img
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Tabs (activate in tabs.js)
================================================== 
	ul.tabs {
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		border-bottom: solid 1px #ddd; }
	ul.tabs li {
		display: block;
		width: auto;
		height: 30px;
		padding: 0;
		float: left;
		margin-bottom: 0; }
	ul.tabs li a {
		display: block;
		text-decoration: none;
		width: auto;
		height: 29px;
		padding: 0px 20px;
		line-height: 30px;
		border: solid 1px #ddd;
		border-width: 1px 1px 0 0;
		margin: 0;
		background: #f5f5f5;
		font-size: 13px; }
	ul.tabs li a.active {
		background: #fff;
		height: 30px;
		position: relative;
		top: -4px;
		padding-top: 4px;
		border-left-width: 1px;
		margin: 0 0 0 -1px;
		color: #111;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	ul.tabs li:first-child a.active {
		margin-left: 0; }
	ul.tabs li:first-child a {
		border-width: 1px 1px 0 1px;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px; }
	ul.tabs li:last-child a {
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }

	ul.tabs-content { margin: 0; display: block; }
	ul.tabs-content > li { display:none; }
	ul.tabs-content > li.active { display: block; }*/

	/* Clearfixing tabs for beautiful stacking 
	ul.tabs:before,
	ul.tabs:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	ul.tabs:after {
	  clear: both; }
	ul.tabs {
	  zoom: 1; }*/
	
/* Tables 
================================================== */
	table {
	  width: 100%;
	  max-width: 100%;
	  margin-bottom: 20px;
	  border-collapse: collapse;
	  border-spacing: 0;
	  background-color: transparent;
	}
	table th,
	table td {
	  padding: 8px;
	  vertical-align: top;
	  font-size: 14px;
	  font-size: 1.4rem;
	  line-height: 1.5em;
	  text-align: left;
	}
	table th {
	  font-weight: bold;
	}
	table thead th {
	  vertical-align: bottom;
	}
	table colgroup + thead tr:first-child th,
	table colgroup + thead tr:first-child td,
	table thead:first-child tr:first-child th,
	table thead:first-child tr:first-child td {
	  border-top: 0;
	}
	table tbody + tbody {
	  border-top: 2px solid #8c9bab;
	}
	table tbody tr td,
	table tbody tr th {
	  -webkit-transition: background-color 0.25s 0 linear;
	  -moz-transition: background-color 0.25s 0 linear;
	  -ms-transition: background-color 0.25s 0 linear;
	  -o-transition: background-color 0.25s 0 linear;
	  transition: background-color 0.25s 0 linear;
	}
	.pagecontent table tbody tr:hover td,
	.pagecontent table tbody tr:hover th {
	  background-color: #e3e3e3;
	}
	.table-condensed th,
	.table-condensed td {
	  padding: 4px 5px;
	}
	.table-bordered {
	  border: 1px solid #8c9bab;
	  border-left: 0;
	  border-collapse: separate;
	  *border-collapse: collapsed;
	}
	.table-bordered th,
	.table-bordered td {
	  border-left: 1px solid #8c9bab;
	}
	.table-bordered thead:first-child tr:first-child th,
	.table-bordered tbody:first-child tr:first-child th,
	.table-bordered tbody:first-child tr:first-child td {
	  border-top: 0;
	}
	.table-striped tbody tr:nth-child(odd) td,
	.table-striped tbody tr:nth-child(odd) th {
	  background-color: #c7ced6;
	}	


/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	
	/* @media screen and (min-width: 640px) */
	@media screen and (min-width: 45em) {
			/*
			*
			*  Sixteen-column grid active
			*  ----------------------------------------------------------------------------------------------------------------------
			*  Margin   | #  1     2     3     4     5     6     7     8     9     10    11    12    13    14    15    16  |   Margin
			*  5.55555% | %  6.25  12.5  18.75 25.0  31.25 37.5  43.75 50.0  56.25 62.5  68.75 75.0  81.25 87.5  93.75 100 | 5.55555%
			*	
			*
			*/

				.column, .columns {
					float: left; margin:0 1.04166667%; /* 5.8823594%  = 639.999956 */
				}

				.row {
					width:100%;
					margin-bottom: 20px; 
				}

				.alpha {
					margin-left: 0;
				}

				.omega {
					margin-right: 0;
				}

				.one {
					width: 4.16666667%;  /* 12.13236% */
				}

				.two {
					width: 10.4166667%;
				}

				.three {          
					width: 16.6666667%;
				}                 

				.four {           
					width: 22.9166667%;  
				}                 

				.five {           
					width: 29.1666667%; 
				}                 

				.six {            
					width: 35.4166667%;  
				}                 

				.seven {          
					width: 41.6666667%; 
				}                 

				.eight {          
					width: 47.9166667%; /
				}                 

				.nine {           
					width: 54.1666667%; 
				}                 

				.ten {            
					width: 60.4166667%;  
				}                 

				.eleven {         
					width: 66.6666667%; 
				}                 

				.twelve {         
					width: 72.9166667%;  
				}

				.thirteen {       
					width: 79.1666667%; 
				}                 

				.fourteen {       
					width: 85.4166667%;  
				}                 

				.fifteen {
					width: 91.6666667%;
				}

				.sixteen {
					width: 100%;
				}
				
				.menu2 li:first-child {
					margin-left:0;
				}	
				
				.menu2,
				   .menu2 ul {
				      float: left;
				   }
				   .menu2 ul {
				      float: left;
				   }
				   .menu2 li {
				      float: left;
				      font-size: 1.5em;
				      border-bottom: 0;
				   }
		
		}	
		
		/* @media screen and (min-width: 720px) */
		@media screen and (min-width: 45em) {
		}
		
		/* @media screen and (min-width: 888px) */
		@media screen and (min-width: 55.5em) {
			.menu2 {
			      float: right;
			      clear: none;
			   }
		}
		
		/* @media screen and (min-width: 984px) */
		@media screen and (min-width: 61.5em) {
		}
	
	
	/* @media screen and (min-width: 1200px) */
	@media screen and (min-width: 75em) {
		}	


/*Embeddable video style*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
