/* compiled by scssphp v0.0.12 on Mon, 06 Mar 2017 14:46:26 +1300 (0.4982s) */

@import url("gotham/stylesheet.css");
/**
 * Only displays styles above a certain number of pixels wide
 * @param	pixels	dimension	The number of pixels to be below
 * @cont						The content to display below that number of pixels
 * @return						Styles to display below that width
 */
/*** fonts ***/
/*** element styles ***/
/*@media screen and (max-width: 1023px)
{
	.header
	{
		height: auto;
	}
	
	.header .banner
	{
		height: auto;
	}

	img
	{
		max-width: 100%;
		height: auto;
	}
	
	.container
	{
		width: auto;
		padding: 0px 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	
	.content
	{
		margin: 0px -10px;
		padding: 10px;
	}
	
	.footer
	{
		height: auto;
		padding: 10px;
	}
	
	.footer > div
	{
		float: none;
		display: block;
		position: static;
	}
		
}*/
body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  /* 16px */
  font-size: 1em;
  color: #7b7b7b;
  background: #efefef url() left top repeat-x;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

p, div, h1, h2, h3, .funding h1 {
  position: relative;
  padding: 0; }

h1, h2, h3, .funding h1 {
  font-weight: normal;
  margin: 0.5em 0; }

h1 {
  font-size: 1.5em; }

h2 {
  font-size: 1.25em; }

h3, .funding h1 {
  font-size: 1.125em; }

a img {
  border: none;
  /*** globally relevant styles ***/ }

.button {
  display: inline-block;
  margin: 12px 30px;
  padding: 5px;
  border: none;
  background: #666;
  color: #fff;
  font-size: 1em;
  line-height: 1.5em;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.button:hover, .button:focus {
  text-decoration: underline;
  background: #999; }

.pages {
  text-align: center;
  font-weight: bold; }

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

.pagination .pages .current {
  font-weight: bold; }

.pagination .pages a {
  text-decoration: none; }

.pagination .pages a:hover, .pagination .pages a:focus, .pagination .pages a:active {
  text-decoration: underline; }

.struct {
  display: none;
  /* float clearing usually applied to <br /> sometimes div or span  */ }

.clear {
  display: block;
  width: 99%;
  height: 1px;
  clear: both;
  overflow: hidden;
  /*** section styles ***/
  /*
.header, .midsection, .base {
	position: relative;
	width: 100%;
	margin: 0px auto;
}

.header {
	height: 200px;
	background: #e3e3e3 url() top left repeat-x;
	z-index: 10;
}

.container
{
	width: 980px;
	margin: 0 auto;
}

.banner {
	background: transparent url() top center no-repeat;
	height: 135px;
	position: relative;
}

.logo {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
}

.main-navigation {
	position: relative;
	padding: 0;
	background: #999 url('') left top repeat-x;
	color: #FFF;
	text-align: left;
}

.main-navigation ul {
	margin: 0; 
	padding: 0;
}

.main-navigation  li {
	position: relative;
	display: inline-block;
	height: 2em;
	line-height: 2em;
	margin: 0;
	padding: 0;
	background: transparent url('') left center no-repeat;
}

*+html .main-navigation > ul  li { display: block; float: left; } /* IE7*/
  /*
.main-navigation > ul li:first-child {
	background-image: none; /* remove separator */
  /*
}

.main-navigation a:link, .main-navigation a:visited, .main-navigation a:active {
	display: inline-block;
	padding: 0 2em;
	color: #FFF;
	text-decoration: none;
}

.main-navigation a:hover, .main-navigation a:focus {
	color: #CCC;
	text-decoration: underline;
}

.main-navigation .sel > a, .main-navigation .sel .sel > a {
	color: #CCC;
}

.main-navigation li ul {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	width: 190px;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: #575757;
}

.main-navigation li:hover ul, .main-navigation a:focus+ul {
	height: auto;
}

.main-navigation li li {
	position: relative;
	display: block;
	width: 175px; /* 190px */
  /*
	height: auto;
	padding: 0 0 0 15px;
	line-height: 1em;
	text-align: left;
	margin:0;
	background-image: none;
}

.main-navigation li li a:link, .main-navigation li li a:visited, .main-navigation li li a:active {
	padding: 5px 0;
	width: 100%;
}

.midsection {
	z-index: 5;
}

.content {
	
	padding: 20px;
	background: #FFFFFF;
}

.hasSidebar {
	display: block;
	float: left;
	width: 74%;
}

.sidebar {
	display: block;
	float: right;
	width: 25%;
}

.content-wrapper:before,
.content-wrapper:after
{
	content: "";
	width: 0px;
	height: 0px;
	clear: both;
	display: block;
}

.content-wrapper > .struct {
	display: block;
	position: absolute;
	top: 0;
	height: 0px;
	width: 0px; 
}

.leftwing {
	right: 100%;
}

.rightwing {
	left: 100%;
}

.base {
	margin-bottom: 40px;
	z-index: 0;
}

.footer {
	position: relative;
	height: 100px;
	padding: 0;
	text-align: left;
	background: #CCCCCC url() center top no-repeat;
	font-size: 0.75em; /* 12px from 16px */
  /*
}

.footer h2 {

}

.footer p {

}

.footer a:link, .footer a:visited, .footer a:active {
	
}

.footer a:hover, .footer a:active {

}

.copyright {
	position: absolute;
	bottom: 5px;
	left: 5px;
}

.avd {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.avd a:link, .avd a:visited, .avd a:active {
	color: #7e7e7e;
	text-decoration: none;
}

.avd a:hover, .avd a:focus {
	text-decoration: underline;
}
*/
  /* slideshow overrides */
  /* ss dimensions */ }

.slideshow {
  position: relative;
  width: 980px;
  height: 280px; }

.slider > div.slide {
  position: absolute;
  top: 0;
  left: 0; }

div.orbit-wrapper {
  width: 980px !important;
  height: 280px !important; }

div.orbit {
  width: 980px !important;
  height: 280px !important;
  /* ss overlay */
  /*
.slideshow:after {
	content: url('slideshow_overlay.png');
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}

.orbit > div {
	z-index: 0;
}
*/
  /* ss nav features */
  /*
div.slider-nav span {

}
 
div.slider-nav span.left {
	background-image: url('slider_left.png');
}

div.slider-nav span.right {
	background-image: url('slider_right.png');
}

.orbit-wrapper .orbit-caption {

}

.orbit-wrapper .timer {
	display: none;
}

.orbit-bullets {
	bottom: 10px;
	left: 0;
	margin: 0;
}

.orbit-bullets li {
	width: 10px;
	height: 10px;
	background: transparent url('slider_bullet.png') center center no-repeat;
	margin-left: 10px;
}

.orbit-bullets li.active {
	background-image: url('slider_active.png');
	background-position: center center;
}
*/
  /* galleries */ }

div.gallery {
  /*
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	*/
  padding: 0px;
  position: relative;
  margin: 10px auto;
  overflow: hidden; }

div.gallery ul {
  list-style-type: none;
  margin: 0 0;
  padding: 0;
  position: relative; }

div.gallery li {
  float: left;
  margin: 5px !important;
  padding: 0;
  width: 23%;
  height: 210px;
  line-height: 210px;
  text-align: center; }

div.gallery a {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  overflow: hidden; }

.gallery img {
  box-sizing: border-box;
  vertical-align: middle;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
  /* default form styling 
 * - apply .contact class to any form
 * - note .button styling at top of file
 */ }

form.contact {
  margin-top: 8px; }

.contact p {
  line-height: 1.75em; }

.contact p.action {
  text-align: center; }

.contact .action a {
  font-size: 0.875em; }

.contact label {
  display: inline-block;
  width: 25%;
  vertical-align: top; }

.contact label.error {
  width: auto;
  font-size: 0.875em;
  color: #fd1a00;
  margin-left: 10px; }

.contact input[type=text] {
  width: 45%;
  font-family: inherit;
  font-size: 0.875em; }

.contact input[type=password], form.contact input.password, .contact .auth + input {
  width: 20%; }

img.auth {
  vertical-align: middle; }

.contact textarea {
  width: 45%;
  height: 5em;
  font-family: inherit;
  font-size: 0.875em;
  /* basic code for using customised radio button graphics
 * - checkboxes can be handled similarly
 * - fallback to normal in <= IE8
 */ }

.contact input[type=radio] + label {
  position: relative;
  width: auto;
  margin-right: 30px; }

.contact input[type=radio] + label:after {
  content: '';
  display: block;
  position: absolute;
  left: -22px;
  top: 4px;
  height: 18px;
  width: 18px;
  border-radius: 9px;
  background: #e1e1e1; }

.contact input[type=radio]:checked + label:after {
  background: #000;
  /* blog */
  /*.blog-summary > div {
	clear: both;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}*/ }

.hasSidebar .blog-feature-image {
  display: table-cell; }

.blog-feature-image img {
  display: block;
  border: 1px solid #ccc;
  border-radius: 5px;
  max-width: 100%; }

.hasSidebar .blog-summary {
  display: table-cell;
  vertical-align: top;
  padding-left: 10px; }

.blog-article .blog-feature {
  display: block;
  margin: 0 auto 1em;
  display: block;
  border: 1px solid #ccc;
  border-radius: 5px; }

.articleNav {
  width: 100%;
  height: 2em; }

.articleNav {
  width: 100%;
  height: 2em; }

.articleNav .previous {
  float: right; }

.articleNav .previous a:after {
  content: '>>';
  position: absolute;
  left: 101%;
  top: -0.0625em; }

.articleNav .next {
  float: left; }

.articleNav .next a:before {
  content: '<<';
  position: absolute;
  right: 101%;
  top: -0.0625em; }

.regionList {
  padding: 15px 10px;
  box-shadow: 0px 0px 7px 7px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  overflow: hidden;
  font-size: 15px;
  width: 696px;
  margin: auto; }

.regionList li {
  float: left;
  display: block; }

.regionList li a {
  width: 150px;
  padding: 10px;
  border: 3px;
  display: block;
  color: #6d6e71;
  background-color: #f9f9f9;
  border: 2px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf; }

.regionList li.sel a, .regionList li a:hover, .regionList li a:focus, .regionList li a:active {
  background-color: #a29061;
  color: #fff; }

.stockists {
  width: 716px;
  margin: auto;
  border-radius: 10px;
  margin-top: 80px;
  position: relative;
  margin-bottom: 50px; }

.stockists:before, .stockists:after {
  content: "\0000a0";
  width: 0px;
  height: 0px;
  clear: both;
  overflow: hidden;
  display: block; }

.stockists h2 {
  position: absolute;
  top: -65px;
  left: 10px; }

.stockists div {
  float: left;
  height: 155px;
  padding: 10px;
  width: 155px;
  position: relative;
  box-shadow: 0px 0px 7px 7px rgba(0, 0, 0, 0.05);
  margin: 2px; }

.stockists h3, .stockists .funding h1, .funding .stockists h1 {
  font-size: 17px;
  margin: 0px; }

.stockists p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px; }

.stockists .mapLink {
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding-left: 40px;
  padding-top: 15px;
  background: url(map.png) left no-repeat;
  /** shopping cart (collapsible) **/
  /*
.cart-bg {
 	display: block;
	margin: 0;
	padding: 40px 25px 40px;
	background: #f0f6f7 url('bg.jpg') left top repeat;
}
*/ }

.cart_options {
  border: 1px solid #bcc6d5;
  background: #fff;
  margin-bottom: 15px; }

.cart_options h4 {
  font-size: 1em;
  font-weight: normal;
  padding: 10px;
  background: #ffebf0;
  border-bottom: 1px solid #bcc6d5;
  margin: 0; }

.cart_options p {
  padding: 10px 30px;
  background: #fff;
  margin: 0; }

.cart table {
  text-align: center;
  width: 100%;
  border: none;
  border-collapse: collapse; }

.cart thead {
  border: 1px solid #bcc6d5;
  background: #ffebf0; }

.cart th {
  font-weight: normal;
  padding: 10px 5px;
  font-size: 0.875em; }

.cart tbody {
  border-left: 1px solid #bcc6d5;
  border-right: 1px solid #bcc6d5;
  background: #fff;
  font-size: 0.875em; }

.cart td {
  padding: 10px;
  vertical-align: middle; }

.cart td.image a {
  display: block;
  position: relative;
  width: 105px;
  height: 105px;
  border: 1px solid #bcc6d5;
  border-radius: 0px;
  background: #fff; }

.cart td.image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: auto;
  max-height: 100px;
  max-width: 100px; }

.cart td.name {
  text-align: left;
  font-size: 1.143em; }

.cart td.quantity input {
  width: 1em;
  padding: 10px;
  text-align: center; }

.cart td.total {
  font-weight: normal;
  color: #e70026; }

.cart tfoot {
  border-top: 1px solid #bcc6d5; }

.cart tfoot td:last-child {
  text-align: right; }

.cart span.total {
  font-weight: bold; }

.cart span.value.total {
  font-size: 1.123em;
  color: #e70026; }

.cart h2 {
  font-family: Arial, serif;
  font-size: 1em; }

.cart h3, .cart .funding h1, .funding .cart h1 {
  font-family: Arial, serif;
  color: #f13c65;
  margin: 0; }

form.checkout-options {
  width: 50%;
  float: left; }

form.checkout-options + .checkout-options {
  width: 45%;
  float: right; }

form.checkout-options .button {
  margin-top: 0;
  margin-bottom: 0; }

.cart .login-form p {
  position: relative; }

.cart .login-form label {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1; }

.cart .login-form input[type=text], .cart .login-form input[type=password] {
  display: block;
  width: 100%; }

.cart .warning {
  color: #fd1a00;
  font-size: 2em; }

.ui-helper-reset {
  font-size: 1em; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #ffebf0;
  border-color: #bcc6d5;
  border-radius: 0; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  background: #ffebf0;
  border-color: #bcc6d5;
  border-radius: 0; }

.ui-accordion-content {
  margin-bottom: 10px;
  border-radius: 0;
  font-size: 0.875em; }

.ui-accordion-header {
  font-size: 0.875em; }

.ui-accordion-content + .ui-accordion-header {
  margin-top: 10px;
  /* print order */ }

#print-order table {
  width: 100%; }

#print_order th, #print-order td {
  vertical-align: top; }

#print-order thead tr:first-child > * {
  border-bottom: 1px solid #423f3f;
  padding-bottom: 4px; }

#print-order thead th:first-child {
  text-align: left; }

#print-order tbody th {
  font-weight: normal;
  padding-bottom: 4px; }

#print-order tfoot tr:first-child > * {
  border-top: 1px solid #423f3f;
  padding-top: 4px; }

#print-order tbody {
  padding: 4px 0; }

#print-order tbody th, #print-order tfoot th {
  font-weight: normal;
  text-align: left; }

#print-order td + td, #print-order tfoot td + td {
  text-align: center; }

#print-order td + td + td, #print-order tfoot td + td + td {
  text-align: right; }

#print-order th:last-child {
  text-align: right;
  /* customers/orders */ }

table.orders {
  width: 100%;
  border-collapse: collapse; }

.orders th, .orders td {
  padding: 4px;
  vertical-align: top; }

.orders thead tr:first-child > * {
  border-bottom: 1px solid #423f3f;
  text-indent: 0; }

.orders tbody th {
  font-weight: normal;
  text-indent: 0; }

.orders .ref {
  text-align: left; }

.orders .date {
  width: 95px; }

.orders .details {
  text-align: left;
  text-indent: 1em; }

.orders .price {
  text-align: right; }

.orders .link {
  text-align: right;
  width: 75px;
  /** files **/ }

.file {
  position: relative;
  /* float clearing */
  overflow: hidden;
  padding: 15px;
  margin-bottom: 10px; }

.file h2 {
  margin-bottom: 1em; }

.file .button {
  position: absolute;
  top: 6px;
  right: 10px; }

#hoverCart {
  position: fixed;
  top: 50px;
  right: 50px;
  width: 200px;
  background-color: rgba(48, 48, 48, 0.8);
  background-color: #303030 \9;
  color: #fff;
  padding: 15px;
  border-radius: 5px;
  overflow: auto;
  z-index: 1000;
  max-height: 100%;
  max-height: calc(100% - 100px); }

#hoverCart h1, #hoverCart h2, #hoverCart h3, #hoverCart .funding h1, .funding #hoverCart h1 {
  color: #fff;
  margin: 0px 0px 5px;
  border-bottom: 1px solid #fff;
  padding-bottom: 3px; }

#hoverCart a {
  color: #fff; }

#hoverCart .items {
  overflow: hidden;
  display: block;
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  margin-bottom: 5px; }

#hoverCart .checkout {
  float: left; }

#hoverCart .dismiss {
  display: block;
  text-align: right;
  float: right; }

#hoverCart .row {
  border-bottom: 1px solid #fff;
  position: relative;
  overflow: hidden;
  padding: 10px 0px 5px; }

#hoverCart .row .right {
  text-align: right;
  font-family: "Courier New", Courier, monospace; }

#hoverCart .remove {
  font-size: 12px;
  display: block; }

input:disabled, textarea:disabled {
  opacity: 0.5;
  /* tinymce universal formatting */ }

#tinymce {
  width: 940px;
  padding: 10px;
  background: #fff;
  text-align: left;
  font-size: 1em;
  color: #666; }

#tinymce p {
  padding: 0 0 1em; }

#tinymce form {
  outline: 1px dotted #f00; }

#tinymce a {
  border-bottom: 1px dotted #002d4a;
  color: #002d4a;
  text-decoration: none; }

body {
  background-color: #f6f6f6;
  color: #464646;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px; }

h1, h2, h3, .funding h1, h4, h5, h6 {
  font-family: Gotham, Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: normal; }

h1 {
  color: #000;
  font-size: 100px; }

h2 {
  color: #000;
  font-size: 24px;
  line-height: 32px; }

a {
  color: #e70026;
  text-decoration: none;
  /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
  a:hover, a:focus, a:active {
    text-decoration: underline; }

img {
  max-width: 100%;
  height: auto !important; }

.button {
  background: #e70026 url(buttonArrow.png) 15px no-repeat;
  border-radius: 0px;
  color: #fff;
  cursor: pointer;
  font-family: Gotham, Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: bold;
  margin: 0px;
  padding: 10px;
  position: relative;
  text-align: center;
  width: 340px;
  /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
  .button:hover, .button:focus, .button:active {
    background: #e70026 url(buttonArrow.png) 15px no-repeat;
    text-decoration: none; }

.container {
  margin: auto;
  max-width: 1140px;
  padding: 0px 10px;
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
  .container:before, .container:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden; }

.message {
  color: #e70026; }

header.main nav, nav.secondary {
  font-family: Gotham, Helvetica, Arial, sans-serif;
  font-weight: bold; }
  header.main nav ul, nav.secondary ul {
    padding: 0px;
    margin: 0px; }
    header.main nav ul li, nav.secondary ul li {
      display: inline-block; }
      header.main nav ul li a, nav.secondary ul li a {
        color: #000;
        display: table-cell;
        vertical-align: middle; }
      header.main nav ul li.sel a, nav.secondary ul li.sel a {
        color: #e70026; }

header.main {
  background-color: #fff;
  border-top: 6px solid #cbcaca;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); }
  header.main .container {
    position: relative; }
  header.main h1 {
    float: left;
    margin: 0px;
    margin-top: 28px;
    /**
 * Removes element from page flow
 */ }
    @media screen and (max-width: 1059px) {
  header.main h1 {
    float: none;
    margin-top: 10px;
    text-align: left; } }
  header.main nav {
    float: right;
    max-width: 680px;
    width: 100%;
    /**
 * Removes element from page flow
 */ }
    @media screen and (max-width: 1059px) {
  header.main nav {
    max-width: none; } }
    header.main nav li.sel {
      border-top: 6px solid #e70026;
      margin-top: -6px;
      /**
 * Removes element from page flow
 */ }
      @media screen and (max-width: 1059px) {
    header.main nav li.sel {
      border: 0px;
      margin: 0px; } }
      header.main nav li a {
        height: 144px;
        position: relative;
        /**
 * Removes element from page flow
 */
        /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
      @media screen and (max-width: 1059px) {
    header.main nav li a {
      height: 60px;
      position: static; } }
      header.main nav li a:hover p, header.main nav li a:focus p, header.main nav li a:active p {
        display: block; }
      header.main nav li a p {
        color: #939393;
        display: none;
        font-family: "Gotham Book", Helvetica, Arial, sans-serif;
        font-size: 11px;
        font-weight: normal;
        line-height: 13px;
        margin-top: 5px;
        position: absolute; }
  header.main .menu {
    display: none; }

nav.secondary {
  text-align: center; }
  nav.secondary li {
    margin: 0px 2%; }
    nav.secondary li a {
      height: 74px;
      /**
 * Removes element from page flow
 */ }
      @media screen and (max-width: 639px) {
  nav.secondary li a {
    height: auto;
    padding: 10px 0px; } }

.slideshow {
  height: auto;
  width: auto; }
  .slideshow .orbit, .slideshow .orbit-wrapper {
    width: 100% !important;
    height: auto !important; }
  .slideshow .slider {
    white-space: nowrap; }
    .slideshow .slider > div {
      display: none;
      float: left;
      height: auto;
      position: relative !important;
      white-space: normal;
      width: 100%; }
      .slideshow .slider > div:first-child {
        display: block; }
      .slideshow .slider > div:nth-child(1) {
        margin-left: 0%; }
      .slideshow .slider > div:nth-child(2) {
        margin-left: -100%; }
      .slideshow .slider > div:nth-child(3) {
        margin-left: -200%; }
      .slideshow .slider > div:nth-child(4) {
        margin-left: -300%; }
      .slideshow .slider > div:nth-child(5) {
        margin-left: -400%; }
      .slideshow .slider > div:nth-child(6) {
        margin-left: -500%; }
      .slideshow .slider > div:nth-child(7) {
        margin-left: -600%; }
      .slideshow .slider > div:nth-child(8) {
        margin-left: -700%; }
      .slideshow .slider > div:nth-child(9) {
        margin-left: -800%; }
      .slideshow .slider > div:nth-child(10) {
        margin-left: -900%; }
      .slideshow .slider > div:nth-child(11) {
        margin-left: -1000%; }
      .slideshow .slider > div:nth-child(12) {
        margin-left: -1100%; }
      .slideshow .slider > div:nth-child(13) {
        margin-left: -1200%; }
      .slideshow .slider > div:nth-child(14) {
        margin-left: -1300%; }
      .slideshow .slider > div:nth-child(15) {
        margin-left: -1400%; }
      .slideshow .slider > div:nth-child(16) {
        margin-left: -1500%; }
      .slideshow .slider > div:nth-child(17) {
        margin-left: -1600%; }
      .slideshow .slider > div:nth-child(18) {
        margin-left: -1700%; }
      .slideshow .slider > div:nth-child(19) {
        margin-left: -1800%; }
      .slideshow .slider > div:nth-child(20) {
        margin-left: -1900%; }
  .slideshow .orbit-wrapper .slider > div {
    display: inline-block !important; }
  .slideshow section {
    position: relative; }
    .slideshow section .left img {
      display: block;
      height: auto !important;
      width: 50%;
      /**
 * Removes element from page flow
 */ }
      @media screen and (max-width: 639px) {
  .slideshow section .left img {
    width: 100%; } }
    .slideshow section .right {
      color: #fff;
      height: 100%;
      left: 0px;
      position: absolute;
      top: 0px;
      width: 100%;
      /**
 * Removes element from page flow
 */ }
      @media screen and (max-width: 639px) {
  .slideshow section .right {
    height: 300px;
    position: relative; } }
      .slideshow section .right .container {
        margin: auto;
        position: relative;
        top: 50%;
        top: 10% \9;
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
      .slideshow section .right .container .holder {
        margin-left: 55%;
        width: 45%;
        /**
 * Removes element from page flow
 */ }
        @media screen and (max-width: 639px) {
    .slideshow section .right .container .holder {
      margin-left: 0px;
      width: auto; } }
        .slideshow section .right .container .holder h1 {
          color: inherit;
          font-size: 21px;
          font-size: calc(21px + 1vw);
          /**
 * Removes element from page flow
 */
          /**
 * Removes element from page flow
 */ }
          @media screen and (max-width: 1023px) {
    .slideshow section .right .container .holder h1 {
      font-size: calc(10px + 1.5vw); } }
          @media screen and (max-width: 639px) {
    .slideshow section .right .container .holder h1 {
      font-size: 18px; } }
        .slideshow section .right .container .holder p {
          font-family: Gotham, Helvetica, Arial, sans-serif;
          font-size: calc(11px + 0.5vw);
          line-height: calc(16px + 0.75vw);
          /**
 * Removes element from page flow
 */
          /**
 * Removes element from page flow
 */ }
          @media screen and (max-width: 1023px) {
    .slideshow section .right .container .holder p {
      font-size: calc(5px + 0.75vw);
      line-height: calc(8px + 1vw); } }
          @media screen and (max-width: 639px) {
    .slideshow section .right .container .holder p {
      font-size: 12px;
      line-height: 24px; } }
        .slideshow section .right .container .holder a {
          border: 1px solid #fff;
          border-radius: 1px;
          color: inherit;
          display: inline-block;
          font-family: "Gotham Book", Helvetica, Arial, sans-serif;
          padding: 12px;
          padding-right: 50px;
          position: relative; }
          .slideshow section .right .container .holder a:after {
            border-left: 1px solid #fff;
            bottom: 0px;
            content: ">";
            padding: 12px;
            position: absolute;
            right: 0px;
            top: 0px; }
  .slideshow .timer {
    display: none; }
  .slideshow .orbit-bullets {
    bottom: -50px; }
    .slideshow .orbit-bullets li {
      background: #000;
      border-radius: 6px;
      height: 12px;
      overflow: hidden;
      position: relative;
      width: 12px; }
      .slideshow .orbit-bullets li:after {
        background-color: #fff;
        box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5) inset;
        content: "";
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%; }
      .slideshow .orbit-bullets li.active:after {
        display: none; }
  .slideshow + main {
    padding-top: 20px; }

main {
  background-color: #fff;
  padding-bottom: 20px; }
  main h1 {
    border-bottom: 1px solid #e2e2e2;
    font-size: calc(50px + 2.2vw);
    margin-bottom: 45px; }

.menu-spacer {
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
  /**
 * Only displays styles below a certain number of pixels wide
 * @param	pixels	dimension	The number of pixels to be below
 * @cont						The content to display below that number of pixels
 * @return						Styles to display below that width
 */ }
  .menu-spacer > .content {
    float: left;
    width: 63%; }
  .menu-spacer > nav {
    float: right;
    width: 31%; }
  .menu-spacer:before, .menu-spacer:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden; }
  .menu-spacer > .content {
    /**
 * Removes element from page flow
 */
    /**
 * Removes element from page flow
 */
    /**
 * Removes element from page flow
 */ }
  @media screen and (max-width: 1139px) {
    .menu-spacer > .content {
      width: calc(100% - 320px); } }
  @media screen and (max-width: 979px) {
    .menu-spacer > .content {
      width: calc(100% - 260px); } }
  @media screen and (max-width: 639px) {
    .menu-spacer > .content {
      float: none;
      width: auto; } }
  .menu-spacer > .content > h2:first-child {
    margin-top: 0px; }
  .menu-spacer > nav {
    border-top: 1px solid #00a791;
    margin-top: -46px;
    padding-top: 46px;
    /**
 * Removes element from page flow
 */
    /**
 * Removes element from page flow
 */
    /**
 * Removes element from page flow
 */ }
  @media screen and (max-width: 1139px) {
    .menu-spacer > nav {
      max-width: 270px;
      width: auto; } }
  @media screen and (max-width: 979px) {
    .menu-spacer > nav {
      max-width: 230px; } }
  @media screen and (max-width: 639px) {
    .menu-spacer > nav {
      border-top: 0px;
      float: none;
      max-width: 320px;
      margin-left: auto;
      margin-right: auto; } }
  .menu-spacer > nav ul {
    margin: 0px;
    padding: 0px; }
    .menu-spacer > nav ul li {
      display: block;
      margin-bottom: 10px; }
    .menu-spacer > nav ul li a {
      background-color: #efefef;
      color: #000;
      display: block;
      font-family: Gotham, Helvetica, Arial, sans-serif;
      font-size: 28px;
      font-weight: bold;
      line-height: 70px;
      padding: 0px 65px 0px 20px;
      position: relative;
      /**
 * Removes element from page flow
 */
      /**
 * Removes element from page flow
 */ }
      @media screen and (max-width: 1139px) {
      .menu-spacer > nav ul li a {
        font-size: 20px; } }
      @media screen and (max-width: 979px) {
      .menu-spacer > nav ul li a {
        font-size: 16px; } }
      .menu-spacer > nav ul li a:after {
        background-color: #000;
        color: #fff;
        content: ">";
        line-height: 70px;
        position: absolute;
        right: 0px;
        text-align: center;
        top: 0px;
        width: 45px; }
    .menu-spacer > nav ul li.red a:after {
      background-color: #e70026; }
    .menu-spacer > nav ul li.cyan a:after {
      background-color: #7bd6db; }
    .menu-spacer > nav ul li.purple a:after {
      background-color: #480f6c; }
    .menu-spacer > nav ul li.blue a:after {
      background-color: #32436f; }
    .menu-spacer > nav ul li.blue a {
      background: #efefef url(fb.png) 10px center no-repeat;
      background-size: 200px;
      height: 70px;
      /**
 * Removes element from page flow
 */ }
      @media screen and (max-width: 1139px) {
      .menu-spacer > nav ul li.blue a {
        background-size: 150px; } }
      .menu-spacer > nav ul li.blue a img {
        display: none; }

.menu-spacer2 {
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
  /**
 * Only displays styles below a certain number of pixels wide
 * @param	pixels	dimension	The number of pixels to be below
 * @cont						The content to display below that number of pixels
 * @return						Styles to display below that width
 */ }
  .menu-spacer2 > .content {
    float: left;
    width: 70%; }
  .menu-spacer2 > nav {
    float: right;
    width: 26%; }
  .menu-spacer2:before, .menu-spacer2:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden; }
  .menu-spacer2 > .content {
    /**
 * Removes element from page flow
 */
    /**
 * Removes element from page flow
 */
    /**
 * Removes element from page flow
 */ }
  @media screen and (max-width: 1139px) {
    .menu-spacer2 > .content {
      width: calc(100% - 320px); } }
  @media screen and (max-width: 979px) {
    .menu-spacer2 > .content {
      width: calc(100% - 260px); } }
  @media screen and (max-width: 639px) {
    .menu-spacer2 > .content {
      float: none;
      width: auto; } }
  .menu-spacer2 > .content > h2:first-child {
    margin-top: 0px; }
  .menu-spacer2 > nav {
    border-top: 1px solid #00a791;
    margin-top: -46px;
    padding-top: 62px;
    /**
 * Removes element from page flow
 */
    /**
 * Removes element from page flow
 */
    /**
 * Removes element from page flow
 */ }
  @media screen and (max-width: 1139px) {
    .menu-spacer2 > nav {
      max-width: 270px;
      width: auto; } }
  @media screen and (max-width: 979px) {
    .menu-spacer2 > nav {
      max-width: 230px; } }
  @media screen and (max-width: 639px) {
    .menu-spacer2 > nav {
      border-top: 0px;
      float: none;
      max-width: 320px;
      margin-left: auto;
      margin-right: auto; } }
  .menu-spacer2 > nav ul {
    margin: 0px;
    padding: 0px; }
    .menu-spacer2 > nav ul li {
      display: block;
      margin-bottom: 10px; }
    .menu-spacer2 > nav ul li a {
      background-color: #efefef;
      color: #000;
      display: block;
      font-family: Gotham, Helvetica, Arial, sans-serif;
      font-size: 22px;
      font-weight: bold;
      line-height: 70px;
      padding: 0px 65px 0px 20px;
      position: relative;
      /**
 * Removes element from page flow
 */
      /**
 * Removes element from page flow
 */ }
      @media screen and (max-width: 1139px) {
      .menu-spacer2 > nav ul li a {
        font-size: 20px; } }
      @media screen and (max-width: 979px) {
      .menu-spacer2 > nav ul li a {
        font-size: 16px; } }
      .menu-spacer2 > nav ul li a:after {
        background-color: #000;
        color: #fff;
        content: ">";
        line-height: 70px;
        position: absolute;
        right: 0px;
        text-align: center;
        top: 0px;
        width: 45px; }
    .menu-spacer2 > nav ul li.red a:after {
      background-color: #e70026; }
    .menu-spacer2 > nav ul li.cyan a:after {
      background-color: #7bd6db; }
    .menu-spacer2 > nav ul li.purple a:after {
      background-color: #480f6c; }

.map-spacer {
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
  /**
 * Only displays styles below a certain number of pixels wide
 * @param	pixels	dimension	The number of pixels to be below
 * @cont						The content to display below that number of pixels
 * @return						Styles to display below that width
 */ }
  .map-spacer > .contact {
    float: left;
    width: 48%; }
  .map-spacer > .map {
    float: right;
    width: 48%; }
  .map-spacer:before, .map-spacer:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden; }
  .map-spacer > .contact {
    /**
 * Removes element from page flow
 */ }
  @media screen and (max-width: 799px) {
    .map-spacer > .contact {
      float: none;
      width: auto; } }
  .map-spacer > .contact > form {
    margin-top: 30px; }
  .map-spacer > .map {
    border-top: 1px solid #00a791;
    margin-top: -46px;
    padding-top: 46px;
    /**
 * Removes element from page flow
 */ }
  @media screen and (max-width: 799px) {
    .map-spacer > .map {
      border-top: 0px;
      float: none;
      width: auto; } }
  .map-spacer > .map iframe {
    max-width: 100%; }

.donation-spacer {
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
  /**
 * Only displays styles below a certain number of pixels wide
 * @param	pixels	dimension	The number of pixels to be below
 * @cont						The content to display below that number of pixels
 * @return						Styles to display below that width
 */ }
  .donation-spacer > .donate {
    float: left;
    width: 57%; }
  .donation-spacer > .images {
    float: right;
    width: 32%; }
  .donation-spacer:before, .donation-spacer:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden; }
  .donation-spacer > .donate {
    /**
 * Removes element from page flow
 */ }
  @media screen and (max-width: 799px) {
    .donation-spacer > .donate {
      float: none;
      width: auto; } }
  .donation-spacer > .donate .same-line {
    width: 100px;
    padding: 5px; }
  .donation-spacer > .images {
    /**
 * Removes element from page flow
 */ }
  @media screen and (max-width: 799px) {
    .donation-spacer > .images {
      display: none; } }

.people h2 {
  color: #e70026; }
  .people section {
    margin-bottom: 40px;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
    /**
 * Only displays styles below a certain number of pixels wide
 * @param	pixels	dimension	The number of pixels to be below
 * @cont						The content to display below that number of pixels
 * @return						Styles to display below that width
 */ }
    .people section > img {
      float: left;
      width: 251px; }
    .people section > .description {
      float: right;
      width: calc(100% - 281px); }
  .people section:before, .people section:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden; }
  .people section > img {
    /**
 * Removes element from page flow
 */ }
    @media screen and (max-width: 559px) {
    .people section > img {
      display: block;
      float: none;
      margin: 0px auto 20px;
      width: 251px; } }
  .people section > .description {
    /**
 * Removes element from page flow
 */ }
    @media screen and (max-width: 559px) {
    .people section > .description {
      float: none;
      width: auto; } }
  .people section h1 {
    border: 0px;
    color: #464646;
    font-size: 21px;
    margin: 0px; }
  .people section h2, .people section p {
    color: #464646;
    font-family: "Gotham Book", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px; }
  .people section h2 {
    margin-top: 0px; }
  .people section .contact {
    background: url(contact.png);
    display: inline-block;
    height: 29px;
    margin-top: 10px;
    text-indent: -9999px;
    width: 41px; }

.contact input[type=text], .contact input[type=password], .contact textarea, .contact select {
  background-color: #e2e2e2;
  border: 0px;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  padding: 15px;
  width: calc(100% - 30px); }
  .contact select {
    height: 40px;
    padding: 0px;
    width: 100%; }
  .contact p.action {
    margin-top: 0px;
    text-align: left; }
  .contact label {
    display: inline;
    width: auto; }
  .contact .same-line input {
    display: inline;
    margin-left: 10px;
    max-width: 340px;
    padding: 5px; }

.blog-summary {
  padding-left: 0px; }
  .blog-summary .direction {
    border: 0px;
    width: 49%;
    /**
 * Removes element from page flow
 */ }
  @media screen and (max-width: 979px) {
    .blog-summary .direction {
      width: auto; } }
  .blog-summary .direction.previous {
    float: left; }
  .blog-summary .direction.next {
    float: right; }
  .blog-summary .direction > h2 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px; }
  .blog-summary .direction article {
    width: 100%; }
  .blog-summary article {
    display: inline-block;
    margin-bottom: 40px;
    vertical-align: top;
    width: 49%;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
    /**
 * Only displays styles below a certain number of pixels wide
 * @param	pixels	dimension	The number of pixels to be below
 * @cont						The content to display below that number of pixels
 * @return						Styles to display below that width
 */
    /**
 * Removes element from page flow
 */ }
    .blog-summary article > .blog-feature-image {
      float: left;
      width: 167px; }
    .blog-summary article > .description {
      float: right;
      width: calc(100% - 200px); }
  .blog-summary article:before, .blog-summary article:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden; }
  @media screen and (max-width: 979px) {
    .blog-summary article {
      display: block;
      width: auto; } }
  .blog-summary article > .blog-feature-image {
    /**
 * Removes element from page flow
 */ }
    @media screen and (max-width: 479px) {
    .blog-summary article > .blog-feature-image {
      float: none;
      text-align: center; } }
    .blog-summary article > .blog-feature-image img {
      border: 0px;
      border-radius: 0px; }
  .blog-summary article > .description {
    margin-right: 10px;
    /**
 * Removes element from page flow
 */ }
    @media screen and (max-width: 479px) {
    .blog-summary article > .description {
      float: none;
      margin-top: 20px;
      width: auto; } }
  .blog-summary article h1 {
    font-size: 21px;
    border: 0px;
    margin: 0px; }
    .blog-summary article h1 a {
      color: inherit; }
  .blog-summary article h2 {
    font-family: "Gotham Book", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    margin-top: 0px; }
  .blog-summary article p {
    font-size: 14px; }

.mini-nav {
  position: absolute;
  right: 0px;
  top: -35px;
  z-index: 100; }

.products .nav li .button, .cart .button {
  background: url(cartButtonArrow.png) left no-repeat #e2e2e2;
  color: #464646;
  font-size: 17px;
  padding-left: 30px;
  width: 175px; }

.products .nav {
  font-size: 0px;
  margin: 0px;
  padding: 0px;
  word-spacing: 25px; }
  .products .nav li {
    display: inline-block;
    font-size: 16px;
    text-align: center;
    vertical-align: top;
    width: 262px;
    word-spacing: normal;
    /**
 * Removes element from page flow
 */ }
  @media screen and (max-width: 569px) {
    .products .nav li {
      display: block;
      margin: auto; } }
  .products .nav li h1 {
    border: 0px;
    font-size: 21px;
    margin: 1em 0px; }
  .products .nav li p {
    font-size: 14px; }
  .products .nav li p.price {
    color: #e70026;
    font-family: Gotham, Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: bold; }
  .products .nav li input[type=text] {
    font-family: inherit;
    font-size: 15px;
    font-weight: bold;
    padding: 12px 6px;
    text-align: center;
    width: 38px;
    vertical-align: top; }
  .products .nav li .button {
    width: 170px; }

.cart thead {
  border: 0px;
  border-bottom: 1px solid #bcc6d5;
  /**
 * Removes element from page flow
 */ }
  @media screen and (max-width: 599px) {
    .cart thead {
      display: none; } }
  .cart tbody {
    border: 0px;
    /**
 * Removes element from page flow
 */ }
  @media screen and (max-width: 599px) {
    .cart tbody {
      border: 0px; } }
  .cart tbody tr {
    /**
 * Removes element from page flow
 */ }
    @media screen and (max-width: 599px) {
    .cart tbody tr {
      border: 1px solid #bcc6d5;
      display: inline-block;
      margin: 10px;
      padding: 10px; } }
  .cart td {
    /**
 * Removes element from page flow
 */ }
  @media screen and (max-width: 599px) {
    .cart td {
      display: block;
      text-align: center;
      max-width: calc(100% - 20px);
      width: 200px; }
      .cart td.remove:before {
        content: "Remove: "; }
      .cart td.quantity, .cart td.price, .cart td.total {
        display: inline;
        padding: 0px; }
      .cart td.price:before {
        content: " x "; }
      .cart td.price:after {
        content: " = "; } }
  .cart td.image {
    display: inline-block; }
  .cart td.name {
    text-align: center; }
  .cart tfoot {
    border: 0px;
    text-align: left; }
  .cart thead, .cart .ui-state-active, .cart .ui-state-default {
    background-color: #f6f6f6;
    color: #000; }
  .cart h2 {
    font-family: Gotham, Helvetica, Arial, sans-serif; }
  .cart h3, .cart .funding h1, .funding .cart h1 {
    color: #e70026;
    font-family: Gotham, Helvetica, Arial, sans-serif; }
  .cart .ui-widget {
    font-family: "Gotham Book", Helvetica, Arial, sans-serif; }

.cart table {
  border: 1px solid #bcc6d5;
  margin-bottom: 8px; }

.cart td input {
  margin-left: 20px; }

form.checkout-options {
  /**
 * Removes element from page flow
 */ }
  @media screen and (max-width: 599px) {
  form.checkout-options {
    float: none;
    width: 100%; } }
  form.checkout-options + .checkout-options {
    /**
 * Removes element from page flow
 */ }
  @media screen and (max-width: 599px) {
    form.checkout-options + .checkout-options {
      float: none;
      width: 100%; } }

footer.main {
  margin-bottom: 50px; }
  footer.main a {
    color: inherit; }
  footer.main .top {
    background: url(footerLogo.png) right no-repeat;
    color: #5f5f5f;
    font-size: 13px;
    padding-bottom: 35px;
    padding-top: 30px;
    /**
 * Removes element from page flow
 */
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
  @media screen and (max-width: 759px) {
    footer.main .top {
      background-position: bottom;
      margin-bottom: 10px;
      padding-bottom: 100px; } }
  footer.main .top:before, footer.main .top:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden; }
  footer.main .top h2 {
    color: #a7a9ac;
    float: left;
    font-weight: normal;
    margin-right: 55px;
    margin-top: 0px; }
  footer.main .top address {
    float: left;
    font-style: normal; }
  footer.main .bottom {
    border-top: 1px solid #e7e7e7;
    color: #5f5f5f;
    font-size: 13px;
    padding-top: 15px;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
  footer.main .bottom:before, footer.main .bottom:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden; }
  footer.main .bottom .left {
    float: left;
    /**
 * Removes element from page flow
 */ }
    @media screen and (max-width: 499px) {
    footer.main .bottom .left {
      float: none; } }
  footer.main .bottom .right {
    float: right;
    /**
 * Removes element from page flow
 */ }
    @media screen and (max-width: 499px) {
    footer.main .bottom .right {
      float: none; } }

.logort {
  margin: 20px 0 0 30px; }

.breaker {
  background-color: #e2e2e2;
  height: 1px;
  margin: 30px 0px 20px;
  width: 100%; }

.table-1 {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #ccc #ccc;
  border-style: solid solid none;
  border-width: 1px 1px medium;
  margin-bottom: 20px;
  margin-top: 30px;
  width: 70%; }

.table-1 th {
  background: none repeat scroll 0 0 #f1f1f1;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #fff;
  padding: 7px 15px;
  width: 32%; }

.table-1 td {
  background: none repeat scroll 0 0 #f6f6f6;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #fff;
  color: #777;
  padding: 7px 15px;
  vertical-align: middle; }

table {
  border-spacing: 0; }

.funding {
  border-bottom: 1px solid #e2e2e2;
  margin: 20px 0px 0px;
  float: left;
  width: 85%;
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
  .funding:before, .funding:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden; }
  .funding:last-child {
    border-bottom: 0px; }
  .funding img {
    float: left;
    margin-bottom: 20px; }
  .funding img + .info {
    float: right;
    width: calc(100% - 170px); }
  .funding h1 {
    border-bottom: 0px;
    margin-top: 0px; }

.imgr {
  float: right;
  margin-left: 15px;
  margin-bottom: 30px; }

.slogos img {
  float: left;
  margin: 10px 100px 35px 0px; }

.fblink {
  margin-top: 0px;
  float: right; }

.tboxcon {
  float: left;
  width: 48%; }

.year-menu {
  float: right;
  margin-left: 20px; }

.grants-left {
  width: 67%;
  float: left; }
  .grants-left p:first-child {
    margin-top: 0; }

.grants-right {
  width: 33%;
  float: right; }
  .grants-right p {
    margin: 0; }
  .grants-right p .button {
    float: right;
    transition: 0.2s all ease; }
    .grants-right p .button:hover {
      background-color: #ff052f; }

.table-1.wide {
  width: 100%;
  white-space: nowrap; }
  .table-1.wide td {
    vertical-align: top; }

.flipbook {
  max-height: 100vh;
  max-width: 100%; }

.events {
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
  border-top: 1px solid #e2e2e2;
  font-size: 0.9375em; }
  .events section {
    position: relative;
    display: table-row;
    width: 100%;
    margin: 0 auto 30px; }
  .events section > div {
    display: table-cell;
    vertical-align: top;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
    /**
 * Removes element from page flow
 */ }
    @media screen and (max-width: 599px) {
    .events section > div {
      display: block;
      width: 100%;
      border-bottom: none;
      padding-bottom: 20px; } }
  .events section .image {
    padding-left: 0;
    width: 18%;
    /**
 * Removes element from page flow
 */ }
    @media screen and (max-width: 599px) {
    .events section .image {
      display: none; } }
  .events section img {
    width: 99%;
    height: auto; }
  .events section .details {
    /**
 * Removes element from page flow
 */ }
    @media screen and (max-width: 599px) {
    .events section .details {
      display: block;
      width: 100%; } }
  .events section h2 span {
    color: ; }
  .events section p {
    margin: 0.5em 0;
    line-height: 1.5; }
  .events section .dates p {
    margin: 0; }
  .events section .event-notice {
    margin-top: 1em; }
  .events section .actions {
    border-top: 1px solid #00a791;
    width: 31%;
    padding: 10px 0;
    /**
 * Removes element from page flow
 */ }
    @media screen and (max-width: 599px) {
    .events section .actions {
      display: block;
      width: 100%; } }
  .events section ul {
    position: relative;
    padding: 0;
    margin: 0;
    /**
 * Removes element from page flow
 */ }
    @media screen and (max-width: 599px) {
    .events section ul {
      border-top: none; } }
  .events section li {
    display: block;
    margin-bottom: 10px;
    line-height: 70px; }
    .events section li a {
      background-color: #efefef;
      color: #000;
      display: block;
      font-family: Gotham, Helvetica, Arial, sans-serif;
      font-size: 20px;
      font-weight: bold;
      padding: 0px 65px 0px 20px;
      position: relative;
      /**
 * Removes element from page flow
 */
      /**
 * Removes element from page flow
 */ }
    @media screen and (max-width: 1139px) {
      .events section li a {
        font-size: 20px; } }
    @media screen and (max-width: 979px) {
      .events section li a {
        font-size: 16px; } }
    .events section li a:after {
      background-color: #000;
      color: #fff;
      content: ">";
      line-height: 70px;
      position: absolute;
      right: 0px;
      text-align: center;
      top: 0px;
      width: 45px; }
    .events section li.red a:after {
      background-color: #e70026; }
    .events section li.cyan a:after {
      background-color: #7bd6db; }
    .events section li.purple a:after {
      background-color: #480f6c; }
    .events section li.blue a:after {
      background-color: #32436f; }
    .events section li.event-notice {
      line-height: 20px;
      margin-bottom: 30px; }

#cboxLoadedContent .ajax-content {
  max-width: 90vw;
  width: 850px; }
  #cboxLoadedContent .content {
    padding: 0; }

input#numberAttending {
  width: 3em;
  vertical-align: middle; }

@media (max-width: 599px) {
  .cart td {
    display: block;
    text-align: center;
    max-width: calc(100% - 20px);
    width: 200px; }

  .cart td.remove:before {
    content: "Remove: "; }

  .cart td.quantity, .cart td.price, .cart td.total {
    display: inline;
    padding: 0px; }

  .cart td.price:before {
    content: " x "; }

  .cart td.price:after {
    content: " = "; }

  .cart td.image a {
    display: inline-block; }

  .cart td.name {
    text-align: center; }

  .funding img {
    float: none;
    margin: 0 auto 10px;
    display: block; }

  .funding img + .info {
    float: none;
    width: 100%;
    clear: both; }

  .year-menu {
    float: none;
    width: 100%;
    margin-left: 0; }
    .year-menu ul {
      display: block;
      padding: 0;
      margin: 0;
      text-align: justify; }
      .year-menu ul:after {
        display: inline-block;
        content: '';
        width: 100%;
        height: 1px; }
      .year-menu ul li {
        display: inline-block;
        margin: 5px;
        width: calc(50% - 15px); }
        .year-menu ul li a {
          width: 100%;
          background: #efefef;
          display: block;
          text-align: center;
          font-size: 28px;
          line-height: 35px;
          color: #000; }

  main h1 {
    font-size: 40px;
    margin-bottom: 10px; }

  .slogos img {
    float: none;
    margin: 5px auto;
    display: block; }

  .table-1 {
    width: 100%; }

  .people section .contact {
    text-indent: 50px;
    width: auto;
    background-repeat-x: no-repeat;
    font-size: 18px;
    color: #000;
    line-height: 29px; }

  .tboxcon {
    width: 100%;
    float: none; }

  .mini-nav {
    display: none; }

  footer.main {
    margin-bottom: 15px; } }