/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body {
	margin: 0;
}
.container {
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}
.column,
.columns {
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding-right: 15px;
	padding-left: 15px;
}
.row {
	margin-right: -15px;
	margin-left: -15px;
}
.row::before, .row::after {
	display: table;
	content: ' '; }
.row::after {
	clear: both;
}
.expanded.row .small-collapse.row {
	margin-right: 0;
	margin-left: 0;
}
.row.expanded {
	max-width: none;
}

.centered {
	margin-right: auto;
	margin-left: auto;
}
.centered, .centered:last-child:not(:first-child) {
	float: none;
	clear: both;
}

.x-small-1, .x-small-2, .x-small-3, .x-small-4, .x-small-5, .x-small-6, .x-small-7,
.x-small-8, .x-small-9, .x-small-10, .x-small-11, .x-small-12, .x-small-1-2, .x-small-1-3, .x-small-2-3,

.small-1, .small-2, .small-3, .small-4, .small-5, .small-6, .small-7,
.small-8, .small-9, .small-10, .small-11, .small-12, .small-1-2, .small-1-3, .small-2-3,
.medium-1, .medium-2, .medium-3, .medium-4, .medium-5, .medium-6, .medium-7,
.medium-8, .medium-9, .medium-10, .medium-11, .medium-12, .medium-1-2, .medium-1-3, .medium-2-3,
.large-1, .large-2, .large-3, .large-4, .large-5, .large-6, .large-7, .large-8, .large-9, .large-10,
.large-11, .large-12, .large-1-2, .large-1-3, .large-2-3{
	position: relative;
	min-height: 1px;
}

.xx-small-1     { width: 8.33333%;  }
.xx-small-2     { width: 16.66667%; }
.xx-small-3     { width: 25%;       }
.xx-small-4     { width: 33.33333%; }
.xx-small-5     { width: 41.66667%; }
.xx-small-6     { width: 50%;       }
.xx-small-7     { width: 58.33333%; }
.xx-small-8     { width: 66.66667%; }
.xx-small-9     { width: 75%;       }
.xx-small-10    { width: 83.33333%; }
.xx-small-11    { width: 91.66667%; }
.xx-small-12    { width: 100%;      }

.xx-small-1-3   { width: 33.33333%; }
.xx-small-2-3   { width: 66.66667%; }

.xx-small-1-2   { width: 50%;       }

.xx-small-offset-1     { margin-left: 8.33333%;  }
.xx-small-offset-2     { margin-left: 16.66667%; }
.xx-small-offset-3     { margin-left: 25%;       }
.xx-small-offset-4     { margin-left: 33.33333%; }
.xx-small-offset-5     { margin-left: 41.66667%; }
.xx-small-offset-6     { margin-left: 50%;       }
.xx-small-offset-7     { margin-left: 58.33333%; }
.xx-small-offset-8     { margin-left: 66.66667%; }
.xx-small-offset-9     { margin-left: 75%;       }
.xx-small-offset-10    { margin-left: 83.33333%; }
.xx-small-offset-11    { margin-left: 91.66667%; }
.xx-small-offset-12    { margin-left: 100%;      }

.xx-small-centered {
	margin-right: auto;
	margin-left: auto; }
.xx-small-centered, .small-centered:last-child:not(:first-child) {
	float: none;
	clear: both;
}
.xx-small-uncentered,
.xx-small-push-0,
.xx-small-pull-0 {
	position: static;
	float: left;
	margin-right: 0;
	margin-left: 0;
	}

@media print, screen and (min-width: 425px){
.x-small-1     { width: 8.33333%;  }
.x-small-2     { width: 16.66667%; }
.x-small-3     { width: 25%;       }
.x-small-4     { width: 33.33333%; }
.x-small-5     { width: 41.66667%; }
.x-small-6     { width: 50%;       }
.x-small-7     { width: 58.33333%; }
.x-small-8     { width: 66.66667%; }
.x-small-9     { width: 75%;       }
.x-small-10    { width: 83.33333%; }
.x-small-11    { width: 91.66667%; }
.x-small-12    { width: 100%;      }

.x-small-1-3   { width: 33.33333%; }
.x-small-2-3   { width: 66.66667%; }

.x-small-1-2   { width: 50%;       }

.x-small-offset-1     { margin-left: 8.33333%;  }
.x-small-offset-2     { margin-left: 16.66667%; }
.x-small-offset-3     { margin-left: 25%;       }
.x-small-offset-4     { margin-left: 33.33333%; }
.x-small-offset-5     { margin-left: 41.66667%; }
.x-small-offset-6     { margin-left: 50%;       }
.x-small-offset-7     { margin-left: 58.33333%; }
.x-small-offset-8     { margin-left: 66.66667%; }
.x-small-offset-9     { margin-left: 75%;       }
.x-small-offset-10    { margin-left: 83.33333%; }
.x-small-offset-11    { margin-left: 91.66667%; }
.x-small-offset-12    { margin-left: 100%;      }

.x-small-centered {
	margin-right: auto;
	margin-left: auto; }
.x-small-centered, .small-centered:last-child:not(:first-child) {
	float: none;
	clear: both;
}
.x-small-uncentered,
.x-small-push-0,
.x-small-pull-0 {
	position: static;
	float: left;
	margin-right: 0;
	margin-left: 0;
	}
}

@media print, screen and (min-width: 768px){

	.container{
		width:100%;
	}

.small-1     { width: 8.33333%;  }
.small-2     { width: 16.66667%; }
.small-3     { width: 25%;       }
.small-4     { width: 33.33333%; }
.small-5     { width: 41.66667%; }
.small-6     { width: 50%;       }
.small-7     { width: 58.33333%; }
.small-8     { width: 66.66667%; }
.small-9     { width: 75%;       }
.small-10    { width: 83.33333%; }
.small-11    { width: 91.66667%; }
.small-12    { width: 100%;      }

.small-1-3   { width: 33.33333%; }
.small-2-3   { width: 66.66667%; }

.small-1-2   { width: 50%;       }

.small-offset-1     { margin-left: 8.33333%;  }
.small-offset-2     { margin-left: 16.66667%; }
.small-offset-3     { margin-left: 25%;       }
.small-offset-4     { margin-left: 33.33333%; }
.small-offset-5     { margin-left: 41.66667%; }
.small-offset-6     { margin-left: 50%;       }
.small-offset-7     { margin-left: 58.33333%; }
.small-offset-8     { margin-left: 66.66667%; }
.small-offset-9     { margin-left: 75%;       }
.small-offset-10    { margin-left: 83.33333%; }
.small-offset-11    { margin-left: 91.66667%; }
.small-offset-12    { margin-left: 100%;      }

.small-centered {
	margin-right: auto;
	margin-left: auto; }
.small-centered, .small-centered:last-child:not(:first-child) {
	float: none;
	clear: both;
}
.small-uncentered,
.small-push-0,
.small-pull-0 {
	position: static;
	float: left;
	margin-right: 0;
	margin-left: 0;
}
}
@media print, screen and (min-width: 992px)/* min-width:640px */ {
	.container{
		width:100%;
	}

	.medium-1     { width: 8.33333%;  }
	.medium-2     { width: 16.66667%; }
	.medium-3     { width: 25%;       }
	.medium-4     { width: 33.33333%; }
	.medium-5     { width: 41.66667%; }
	.medium-6     { width: 50%;       }
	.medium-7     { width: 58.33333%; }
	.medium-8     { width: 66.66667%; }
	.medium-9     { width: 75%;       }
	.medium-10    { width: 83.33333%; }
	.medium-11    { width: 91.66667%; }
	.medium-12    { width: 100%;      }

	.medium-1-3   { width: 33.33333%; }
	.medium-2-3   { width: 66.66667%; }

	.medium-1-2   { width: 50%;       }

	.medium-offset-1     { margin-left: 8.33333%;  }
	.medium-offset-2     { margin-left: 16.66667%; }
	.medium-offset-3     { margin-left: 25%;       }
	.medium-offset-4     { margin-left: 33.33333%; }
	.medium-offset-5     { margin-left: 41.66667%; }
	.medium-offset-6     { margin-left: 50%;       }
	.medium-offset-7     { margin-left: 58.33333%; }
	.medium-offset-8     { margin-left: 66.66667%; }
	.medium-offset-9     { margin-left: 75%;       }
	.medium-offset-10    { margin-left: 83.33333%; }
	.medium-offset-11    { margin-left: 91.66667%; }
	.medium-offset-12    { margin-left: 100%;      }

	.medium-centered {
		margin-right: auto;
		margin-left: auto; }
	.medium-centered, .medium-centered:last-child:not(:first-child) {
		float: none;
		clear: both; }
	.medium-uncentered,
	.medium-push-0,
	.medium-pull-0 {
		position: static;
		float: left;
		margin-right: 0;
		margin-left: 0; } }

@media print, screen and (min-width: 1200px)/* min-width:1024 */ {
	.container{
		width:100%;
	}

	.large-1     { width: 8.33333%;  }
	.large-2     { width: 16.66667%; }
	.large-3     { width: 25%;       }
	.large-4     { width: 33.33333%; }
	.large-5     { width: 41.66667%; }
	.large-6     { width: 50%;       }
	.large-7     { width: 58.33333%; }
	.large-8     { width: 66.66667%; }
	.large-9     { width: 75%;       }
	.large-10    { width: 83.33333%; }
	.large-11    { width: 91.66667%; }
	.large-12    { width: 100%;      }

	.large-1-3   { width: 33.33333%; }
	.large-2-3   { width: 66.66667%; }

	.large-1-2   { width: 50%;       }

	.large-push-1     { width: 8.33333%;  }
	.large-push-2     { width: 16.66667%; }
	.large-push-3     { width: 25%;       }
	.large-push-4     { width: 33.33333%; }
	.large-push-5     { width: 41.66667%; }
	.large-push-6     { width: 50%;       }
	.large-push-7     { width: 58.33333%; }
	.large-push-8     { width: 66.66667%; }
	.large-push-9     { width: 75%;       }
	.large-push-10    { width: 83.33333%; }
	.large-push-11    { width: 91.66667%; }
	.large-push-12    { width: 100%;      }

	.large-offset-1     { margin-left: 8.33333%;  }
	.large-offset-2     { margin-left: 16.66667%; }
	.large-offset-3     { margin-left: 25%;       }
	.large-offset-4     { margin-left: 33.33333%; }
	.large-offset-5     { margin-left: 41.66667%; }
	.large-offset-6     { margin-left: 50%;       }
	.large-offset-7     { margin-left: 58.33333%; }
	.large-offset-8     { margin-left: 66.66667%; }
	.large-offset-9     { margin-left: 75%;       }
	.large-offset-10    { margin-left: 83.33333%; }
	.large-offset-11    { margin-left: 91.66667%; }
	.large-offset-12    { margin-left: 100%;      }

	.large-centered {
		margin-right: auto;
		margin-left: auto;
	}
	.large-centered, .large-centered:last-child:not(:first-child) {
		float: none;
		clear: both; }
	.large-uncentered,
	.large-push-0,
	.large-pull-0 {
		position: static;
		float: left;
		margin-right: 0;
		margin-left: 0;
	}

}

@media only screen and (min-width: 960px) {
	.container {
		width: 100%; }
}

/* Offset
–––––––––––––––––––––––––––––––––––––––––––––––––– */

	.offset-1     { margin-left: 8.33333%;  }
	.offset-2     { margin-left: 16.66667%; }
	.offset-3     { margin-left: 25%;       }
	.offset-4     { margin-left: 33.33333%; }
	.offset-5     { margin-left: 41.66667%; }
	.offset-6     { margin-left: 50%;       }
	.offset-7     { margin-left: 58.33333%; }
	.offset-8     { margin-left: 66.66667%; }
	.offset-9     { margin-left: 75%;       }
	.offset-10    { margin-left: 83.33333%; }
	.offset-11    { margin-left: 91.66667%; }
	.offset-12    { margin-left: 100%;      }


@media print, screen and (min-width: 768px){

.small-offset-1     { margin-left: 8.33333%;  }
.small-offset-2     { margin-left: 16.66667%; }
.small-offset-3     { margin-left: 25%;       }
.small-offset-4     { margin-left: 33.33333%; }
.small-offset-5     { margin-left: 41.66667%; }
.small-offset-6     { margin-left: 50%;       }
.small-offset-7     { margin-left: 58.33333%; }
.small-offset-8     { margin-left: 66.66667%; }
.small-offset-9     { margin-left: 75%;       }
.small-offset-10    { margin-left: 83.33333%; }
.small-offset-11    { margin-left: 91.66667%; }
.small-offset-12    { margin-left: 100%;      }
	}

@media print, screen and (min-width: 992px)/* min-width:640px */ {
	.medium-offset-1     { margin-left: 8.33333%;  }
	.medium-offset-2     { margin-left: 16.66667%; }
	.medium-offset-3     { margin-left: 25%;       }
	.medium-offset-4     { margin-left: 33.33333%; }
	.medium-offset-5     { margin-left: 41.66667%; }
	.medium-offset-6     { margin-left: 50%;       }
	.medium-offset-7     { margin-left: 58.33333%; }
	.medium-offset-8     { margin-left: 66.66667%; }
	.medium-offset-9     { margin-left: 75%;       }
	.medium-offset-10    { margin-left: 83.33333%; }
	.medium-offset-11    { margin-left: 91.66667%; }
	.medium-offset-12    { margin-left: 100%;      }
}

@media print, screen and (min-width: 1200px)/* min-width:1024 */ {
	.large-offset-1     { margin-left: 8.33333%;  }
	.large-offset-2     { margin-left: 16.66667%; }
	.large-offset-3     { margin-left: 25%;       }
	.large-offset-4     { margin-left: 33.33333%; }
	.large-offset-5     { margin-left: 41.66667%; }
	.large-offset-6     { margin-left: 50%;       }
	.large-offset-7     { margin-left: 58.33333%; }
	.large-offset-8     { margin-left: 66.66667%; }
	.large-offset-9     { margin-left: 75%;       }
	.large-offset-10    { margin-left: 83.33333%; }
	.large-offset-11    { margin-left: 91.66667%; }
	.large-offset-12    { margin-left: 100%;      }
}

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	font-weight: 300; }
h1 { font-size: 2.6rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 2.3rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 2.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 1.6rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.4rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.0rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
	h1 { font-size: 4.1rem; }
	h2 { font-size: 3.2rem; }
	h3 { font-size: 2.6rem; }
	h4 { font-size: 1.6rem; }
	h5 { font-size: 1.4rem; }
	h6 { font-size: 0.9rem; }
}

p {
	margin-top: 0; }

.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-justify {
	text-align: justify;
}
/*
FONT Format
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.bold{
	font-weight: bold;
}
/*
TEXT ALIGN
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media print, screen and (max-width: 768px) {
	.text-left-only {
		text-align: left;
	}
	.text-right-only {
		text-align: right;
	}
	.text-center-only {
		text-align: center;
	}
	.text-justify-only {
		text-align: justify;
	}
}
@media print, screen and (min-width: 425px) {
	.x-small-text-left {
		text-align: left;
	}
	.x-small-text-right {
		text-align: right;
	}
	.x-small-text-center {
		text-align: center;
	}
	.x-small-text-justify {
		text-align: justify;
	}
}
@media print, screen and (min-width: 768px) {
	.small-text-left {
		text-align: left;
	}
	.small-text-right {
		text-align: right;
	}
	.small-text-center {
		text-align: center;
	}
	.small-text-justify {
		text-align: justify;
	}
}
@media print, screen and (min-width: 992px) {
	.medium-text-left {
		text-align: left;
	}
	.medium-text-right {
		text-align: right;
	}
	.medium-text-center {
		text-align: center;
	}
	.medium-text-justify {
		text-align: justify;
	}
}
@media print, screen and (min-width: 64em) {
	.large-text-left {
		text-align: left;
	}
	.large-text-right {
		text-align: right;
	}
	.large-text-center {
		text-align: center;
	}
	.large-text-justify {
		text-align: justify;
	}
}
/*
Show and Hide
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.hide{
	display: none;
}
@media screen and (max-width: 39.9375em) {
	.hide-for-small-only {
		display: none !important;
	}
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
	.show-for-small-only {
		display: none !important;
	}
}

@media print, screen and (min-width: 40em) {
	.hide-for-medium {
		display: none !important;
	}
}
@media screen and (max-width: 992px) {
	.show-for-medium {
		display: none !important;
	}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.hide-for-medium-only {
		display: none !important;
	}
}
@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
	.show-for-medium-only {
		display: none !important;
	}
}

@media print, screen and (min-width: 64em) {
	.hide-for-large {
		display: none !important;
	}
}
@media screen and (max-width: 1200px) {
	.show-for-large {
		display: none !important;
	}
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
	.hide-for-large-only {
		display: none !important;
	}
}
@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
	.show-for-large-only {
		display: none !important;
	}
}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
	text-align: left;
}
th:first-child,
td:first-child {
	padding-left: 0; }
th:last-child,
td:last-child {
	padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
	margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
	margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
	margin-bottom: 2.5rem; }

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
	width: 100%;
	box-sizing: border-box; }
.u-max-full-width {
	max-width: 100%;
	box-sizing: border-box; }
.u-pull-right {
	float: right; }
.u-pull-left {
	float: left; }
/*
Floaten
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media print, screen and (min-width: 425px) {
	.x-small-u-pull-right {
	float: right;
	}
	.x-small-u-pull-left {
	float: left;
	}
}
@media print, screen and (min-width: 768px) {
	.small-u-pull-right {
	float: right;
	}
	.small-u-pull-left {
	float: left;
	}
}
@media print, screen and (min-width: 992px) {
	.medium-u-pull-right {
	float: right;
	}
	.medium-u-pull-left {
	float: left;
	}
}
@media print, screen and (min-width: 64em) {
	.large-u-pull-right {
	float: right;
	}
	.large-u-pull-left {
	float: left;
	}
}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
	margin-top: 3rem;
	margin-bottom: 3.5rem;
	border-width: 0;
	border-top: 1px solid #E1E1E1; }

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
	content: "";
	display: table;
	clear: both; }
/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.pagination {
  width: 100%;
  text-align: center;
}
.pagination > li > a {
  border: 0;
}
.pagination a, .pagination span {
  min-width: 30px;
  height: 30px;
  margin: 0 3px;
  padding: 0 11px;
  border-radius: 30px !important;
  color: #999999;
  background: transparent;
  text-transform: uppercase;
  display: inline-block;
}
.pagination a:hover, .pagination a:focus {
  color: #999999;
  background-color: #eee;
}
.pagination span:not(.dots):hover, .pagination span:not(.dots):focus {
  color: #999999;
  background-color: #eee;
}
.pagination span.current, .pagination span.current:focus, .pagination span.current:hover {
  border-color: #ccc;
  color: #fff;
  background-color: #ccc;

}
.pagination .next.page-numbers:after {
  content: " \00bb";
}
.pagination .prev.page-numbers:before {
  content: "\00ab ";
}
/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}
