/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


benefits ul {
			margin-left: 32px;
		}

div.panel , div.panel2, div.panel3 {
	display: none;
}

#links {
    position: fixed;
    bottom: 10px;
    width: 100%;
    padding-top: 10px;
    list-style: none;
    text-align: center;
    z-index: 99999;
}

#links li {
    display: inline;
    padding: 0 5px;
}

#links li label {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
}

#links li.active label {
    background-color: white;
}


@font-face {
	font-family: 'WisdomScriptAJ';
	src: url('../fonts/WisdomScriptAJ.eot');
	src: local('WisdomScriptAJ'), url('../fonts/WisdomScriptAJ.woff') format('woff'), url('../fonts/WisdomScriptAJ.ttf') format('truetype');
}

.exo {
	font-family: 'Exo 2', sans-serif;
}

/* Icons */
@font-face { font-family: "slick";
src: url("../fonts/slick.eot");
src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

.section {
	padding-bottom: 30px;
}

.cd-tabs nav {
overflow: auto;
-webkit-overflow-scrolling: touch;
}

.large_text {
	text-transform: uppercase;
	font-size: 7.5rem;
	font-weight: 200!important;
	margin-top: -25px;
}
.med_text {
	text-transform: uppercase;
	font-size: 6rem;
	font-weight: 200!important;
}
.reduceGap {
	margin-top: -25px;
}

.pad-left {
	padding-left: 20px !important;
}
.pad-top {
	padding-top: 20px !important;
}


.200 { font-weight: 200!important; }
.400 { font-weight: 400!important; }
.600 { font-weight: 600!important; }
.800 { font-weight: 800!important; }


/* Font downloaded from FontsForWeb.com */


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Overwrites
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
- Full size Menu
*/

/* Overwrites
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.slant {
    /* Rotate div */
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
	font-family: 'WisdomScriptAJ' !important;
}

.strike-dark {
	background: url(../images/strike-through-orange.png) center center no-repeat ;
	padding: 20px 0px 20px 0px;
	margin-top: 50px;
}
.strike-light{
	background: url(../images/strike-through-white.png) center center no-repeat ;
	padding: 20px 0px 20px 0px;
}

.no_dec {
	text-decoration: none !important;
}

.fleft {
	float: left !important;
}
.width12 {
	width: 12.5%;
}
.width12 img {
	width: 90%;
}

.right {
	text-align: right !important;
}
.floatright {
	float: right !important;
}

.center {
	text-align: center;
}

.orange {
	background: #f6a321 !important;
}
.orange_text {
	color: #f6a321 !important;
}

.white_text {
	color: #FFF;
}
.grey {
	background: #7f7f7f !important;
	color: #FFF !important;
}
.grey_text {
	color: #7f7f7f !important;
}

.tiny {
	font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem;
}
.large {
	font-size: 5rem; line-height: 1.5;  letter-spacing: -.05rem;
}



#footer p {
	color: #FFF;
}

input[placeholder], [placeholder], *[placeholder] {
color: #7f7f7f;
}
.social {
	padding: 5px;
	width: 45px;
}

#tradelist {
	list-style: none;
    border: 1px solid #f6a321;
    border-radius: 0px 0px 4px 4px;
}
#tradelist li {
	display: inline;
	float: left;
}
#tradelist li a {
	padding: 10px;
	color: #FFF;
	text-decoration: none;
}

/* ONLY ON BIG DESKTOP SCREENS - REMOVE FOR SMALLER _ MEDIA QUERIES */
.madeinuk {
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 100;
}
.deck-design {
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 100;
	background: url(../images/3d-deck-design.png) no-repeat bottom left;
	width: 285px;
	height: 281px;
}

/* PRODUCT SELECTOR */
 .product-image {
	border: 5px solid #FFF;
	margin-left: 5px;
	width: 70px;
 }

 .product-image-big {
  padding: 2px;
  margin-left: 5px;
  width: 108px;
 }

 .padding-right {
	padding-right: 20px!important;
 }
  .padding-left {
	padding-left: 20px!important;
 }
   .padding-bottom {
	padding-bottom: 20px!important;
 }
   .padding-top {
	padding-top: 20px!important;
 }
    .padding-topx2 {
	padding-top: 40px!important;
 }

 .marginme {
	margin: 20px;
 }

 .padme {
	padding: 20px;
 }
 .padtop {
	padding-top: 10px;
 }

/* TABS */


/* #Tabs (activate in tabs.js)
================================================== */
	ul.tabs {
		display: block;
		margin: 0 0 0 0;
		padding: 0;
		}
	ul.tabs li {
		display: block;
		width: auto;
		height: 60px;
		padding: 0;
		float: left;
		margin-bottom: 0; }
	ul.tabs li a {
		display: block;
		text-decoration: none;
		width: auto;
		height: 60px;
		padding: 10px 20px 10px 20px;
		line-height: 60px;
		margin: 0;
		font-size: 20px;
		font-family: 'Exo 2', sans-serif;
		color: #7f7f7f;
		}
	ul.tabs li a.active {
		background: #ECECEC;
		height: 60px;
		position: relative;
		}

	ul.tabs li:first-child a.active {
		margin-left: 0; }

	ul.tabs-content { margin: 0px !important; padding: 0px !important; display: block; background: #ECECEC; }
	ul.tabs-content > li {
		display:none;
		list-style: none;
		padding: 20px 0 0 0 !important;
		margin: 20px 0 0 0 !important;
		width:100% !important;
		}
	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; }


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
	font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.6;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	color: #797979; }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; }
a:hover {
  color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #7f7f7f;
  border-color: #7f7f7f;
   }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #534741;
  border-color: #534741; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  width: 100%;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle outside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 0.5rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
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; }
.circle {
	border-radius: 50%;
	width: 100%;
	height: 100%;
	/* width and height can be anything, as long as they're equal */
}
.up {
	text-transform: uppercase !important;
}
.blocked-header {
	background: #534741;
	color: #FFF;
	padding: 10px;
}


/* 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; }

/* 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.
*/


/* Mobile */
@media (max-width: 525px) {


  #brochureimg {
    text-align: center;
  }

  #slideout {
    display: none;
  }
}

/* Phablet (also point when grid becomes active) */
@media (max-width: 550px) {
  #tradelist {
    display: none;
  }

    #headertext {
    text-align: center;
  }

  #headerimg {
    text-align: center;
  }

}

/* Larger than tablet */
@media (max-width: 750px) {
  #headerimg img {
    width: 180px;
  }
 
}

@media (max-width: 880px) {
   .h2mobile {
    font-size: 3.5em;
  }
}

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

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

/* Full size menu
------------------------------------------------- */
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  line-height: 1;
  width: auto;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #ffffff;
  color: #ffffff;
  display: block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  padding: 19px 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  font-size: 0;
}
#cssmenu > ul > li {
  display: inline-block;
  float: left;
  margin: 0;
}
#cssmenu.align-center {
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  color: #7f7f7f;
  font-size: 14px;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f6a321;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu.align-right > ul > li:first-child > a,
#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#cssmenu.align-right > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a {
  color: #f6a321;
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu.align-right .has-sub ul {
  left: auto;
  right: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #f6a321;
  border-bottom: 1px dotted #f8b752;
  font-size: 12px;
  filter: none;
  display: block;
  line-height: 120%;
  padding: 10px;
  color: #ffffff;
}
#cssmenu .has-sub ul li:hover a {
  background: #db8909;
}
#cssmenu ul ul li:hover > a {
  color: #ffffff;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu.align-right .has-sub .has-sub ul,
#cssmenu.align-right ul ul ul {
  left: auto;
  right: 100%;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #db8909;
  border-bottom: 1px dotted #f8b752;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #c37a08;
}
#cssmenu ul ul li.last > a,
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul ul li.last > a,
#cssmenu ul ul ul li:last-child > a,
#cssmenu .has-sub ul li:last-child > a,
#cssmenu .has-sub ul li.last > a {
  border-bottom: 0;
}


/*! Pushy - v0.9.2 - 2014-9-13
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */

/* Menu Appearance */

#slideout {
			position: fixed;
			top: 45%;
			left: 0;
			padding: 10px;
			text-align: center;
			-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-border-radius: 0 4px 4px 0;
			-moz-border-radius: 0 4px 4px 0;
			border-radius: 0 4px 4px 0;
			z-index: 999;
		}



.pushy{
    position: fixed;
    width: 200px;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: #F5A323;
    font-size: 0.9em;
    font-weight: bold;
    overflow: auto;
    -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
}

.pushy ul {
	list-style: none;
	padding-left: none !important;
	margin-left: none !important;
}
.pushy ul li {
	margin: 0px !important;
}

.pushy a{
    display: block;
    color: #FFF;
    padding: 15px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(255, 255, 255, .1);
    text-decoration: none;
}

.pushy a:hover{
    background: #DB8909;
    color: #FFF;
}

/* Menu Movement */

.pushy-left{
    -webkit-transform: translate3d(-200px,0,0);
    -moz-transform   : translate3d(-200px,0,0);
    -ms-transform    : translate3d(-200px,0,0);
    -o-transform     : translate3d(-200px,0,0);
    transform        : translate3d(-200px,0,0);
}

.pushy-open{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform   : translate3d(0,0,0);
    -ms-transform    : translate3d(0,0,0);
    -o-transform     : translate3d(0,0,0);
    transform        : translate3d(0,0,0);
}

.container-push, .push-push{
    -webkit-transform: translate3d(200px,0,0);
    -moz-transform   : translate3d(200px,0,0);
    -ms-transform    : translate3d(200px,0,0);
    -o-transform     : translate3d(200px,0,0);
    transform        : translate3d(200px,0,0);
}

/* Menu Transitions */

.pushy, #container, .push{
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition   : -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition     : -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition        : transform .2s cubic-bezier(.16, .68, .43, .99);
}

/* Site Overlay */

.site-overlay{
    display: none;
}

.pushy-active .site-overlay{
    display          : block;
    position         : fixed;
    top              : 0;
    right            : 0;
    bottom           : 0;
    left             : 0;
    z-index          : 9998;
    background-color : rgba(0,0,0,0.5);
    -webkit-animation: fade 500ms;
    -moz-animation   : fade 500ms;
    -o-animation     : fade 500ms;
    animation        : fade 500ms;
}

@keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

/* Example Media Query */

@media screen and (max-width: 768px){
    .pushy{
        font-size: 1.0em;
    }
}



/* ----------------------------------------------------///////////////// IMAGE PICKER ////////////////////---------------------------------------------- */
ul.thumbnails.image_picker_selector {
  overflow               : auto;
  list-style-image       : none;
  list-style-position    : outside;
  list-style-type        : none;
  padding                : 0px;
  margin                 : 0px; }
  ul.thumbnails.image_picker_selector ul {
    overflow             : auto;
    list-style-image     : none;
    list-style-position  : outside;
    list-style-type      : none;
    padding              : 0px;
    margin               : 0px; }
  ul.thumbnails.image_picker_selector li.group_title {
    float                : none; }
  ul.thumbnails.image_picker_selector li {
    margin               : 0px 12px 12px 0px;
    float                : left; }
    ul.thumbnails.image_picker_selector li .thumbnail {
      padding            : 6px;
      border             : 1px solid #dddddd;
      -webkit-user-select: none;
      -moz-user-select   : none;
      -ms-user-select    : none; }
      ul.thumbnails.image_picker_selector li .thumbnail img {
        -webkit-user-drag: none; }
    ul.thumbnails.image_picker_selector li .thumbnail.selected {
      background         : #f6a321; }




#newscontent {

  padding-left    : 20px;
  padding-top     : 20px;
  padding-bottom  : 20px;
}

#newscontent h2 {
  color           : #FFF;
  font-size       : 2em;
  padding-bottom  : 5px;
  line-height     : 1.2em;

}
#newscontent p {
  color           : #FFF;
  font-size       : 1.2em;
  line-height     : 1.2em;
}

#newscontent ul {
  color           : #FFF;
  line-height     : 1.2em;
  padding         : 0px 0px 0px 0px;
  list-style      : none;
}

#newscontent ul li {
  padding-bottom  : 0px;
  padding         : 10px 0px 5px 10px;
}

#newscontent ul li:hover {
  background      : #A6A4A4;
}

#newscontent a {
  color           : #fff
}


.eventsitem {
  overflow     : auto;
  margin-bottom: 20px;
  border       : 1px solid #fff;
  margin-right: 20px;
}

.eventtitle {
  font-weight  : bold;
}

.newsitem {
  padding-left  : 20px;
  padding-top   : 20px;
  margin-bottom : 10px;
  color         : #7e7d7e;
  overflow      : auto;
  width         : 100%;
}

.newsimg {
  padding-left  : 20px;
  padding-right : 2px;
  width         : 85%;
  padding-bottom: 20px;
}

.newsdate {
  font-size     : 1.4em;
}

.pagenav a {
  color: #F6A321;
}

.pageleft {
  font-weight    : bold;
  text-decoration: none;
  margin-right   : 10px;
  padding-left   : 20px;
  color          : #666;
  background     : url(../images/layout/previous.png) left center no-repeat;
}

.pageright {
  font-weight    : bold;
  text-decoration: none;
  margin-left    : 10px;
  margin-right   : 20px;
  padding-right  : 20px;
  color          : #666;
  background     : url(../images/layout/next.png) right center no-repeat;
}

.goback  a {
  font-size      : 1.4em;
  padding        : 4px 10px 5px 18px;
  background     : url(../images/content/goback.jpg) top left no-repeat;
  margin-left    : 20px;
  font-weight    : bold;
  text-decoration: none;
  color          : #FFF;
}

.archivetitle {
  font-size       : 3em;
  color           : #8a8787;
  padding         : 20px;
}
#archiveitems {
  font-size       : 1.2em;
  margin-left     : 40px;
  color           : #8a8787;
}
#archiveitems li {
  padding         : 0 0 10px 0;
}
#archiveitems li a {
  text-decoration : none;
  color           : #8a8787;
}
#archiveitems li a:hover {
  font-weight     : bold;
  color           : #FC8301;
}

.archivelisttitle {
  padding         : 10px 0px 10px 0px;
  font-size       : 1.6em;
  color           : #FC8301;
}
.archivelistdate {
  padding-bottom  : 10px;
  font-weight     : bold;
}

.newsitemtitle {
  font-size     : 2em;
  overflow      : auto;
  padding-bottom: 10px;
}

.newsitemsummary {
  font-size     : 1.2em;
  font-weight   : bold;
  padding-bottom: 10px;
  line-height   : 1.2em;
}

.newsitemarticle {
  font-size     : 14px;
  padding-bottom: 20px;
  line-height   : 1.2em;
}

.pagenav h4 {
  font-size: 22px;
}

#brochureimg img {
  width: 100%;
  min-width: 150px;
  max-width: 211px;
}

#benefits img {
  max-width: 100px;
}

.deckingcircle {
  max-width: 300px;
}

.biglols {
	position: absolute;
	left: -999em;
}

#headerdiv {
  top: 0px;
  background: #fff;
  position: fixed;
  z-index: 1000;
}

#headerspace {
  padding-top: 240px;
}