/* ==========================================================================
   TYPOGRPAHY RESETS / DEFAULTS
============================================================================= */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td { margin: 0; padding: 0; direction: ltr; }
em,i { font-style: italic; line-height: inherit; }
strong,b { font-weight: bold; line-height: inherit; }
small { font-size: 60%; line-height: inherit; }
code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: bold; color: #7f0a0c; }


/* ==========================================================================
   TOP LEVEL STYLES
============================================================================= */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
	font-size: 100%; }

body {
	font-size: 1.0rem; 			/* match with p tag */
	line-height: 1.4; 				/* match with p tag */
	color:rgb(000,000,000); /* match with p tag */
	padding: 0;
	margin: 0;
	min-height:600px;
	background-color:#fff;
	font-family: "futura-pt",sans-serif;
	font-weight: normal;
	font-style: normal;
	position: relative;
	cursor: default;
	-webkit-font-smoothing: subpixel-antialiased; }

p {
  font-family: inherit;
  font-weight: normal;
  text-align:left;
  font-size: 1.0rem; 			/* match with body tag */
	line-height: 1.4; 				/* match with body tag */
  color:rgb(000,000,000); /* match with body tag */
  margin: .6rem 0;
  text-rendering: optimizeLegibility; }


@media (max-width:640px) {
	body, p {
		font-size: .9rem; 	}
}


/* ==========================================================================
   LINK STYLES
============================================================================= */
a {
	cursor: default;
	cursor: pointer;
	color:rgba(000,000,000,1);
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;  }

a:visited	{
	color: inherit; }

a:focus {
	outline: none; }

a:link {
	/*color:rgb(000,000,000); */
	text-decoration: none;
	line-height: inherit;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease; }

a:hover {
	/*color:rgb(000,000,000);*/
	cursor: pointer;
	opacity:.9;
	text-decoration: none;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;  }

a div {
	opacity:1;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;  }

a:hover div {
	opacity:1;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;  }

a div:hover {
	opacity:1;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;  }


/* ==========================================================================
   COLOURS
============================================================================= */
.white {
	color:#fff}

.white-bg-home {
	padding:30px 0 50px;
	background-color:#fff;}

@media (max-width:1024px) {
	.white-bg-home {
		padding:0 0 40px;}
}

.white-bg-padding {
	background-color:#fff;
	padding:40px 0 50px;}

.black-bg {
	background-color:#000}

.green {
	color:rgb(141,198,63)}


/* ==========================================================================
   LOGO
============================================================================= */
#logo {
	max-width:200px;
	padding:25px;
	float:left;
	border:1px red solid;
	font-weight:bold;
	font-size:16px;}

#logo span {
	font-size:20px}

#logo a:link img {	opacity:1;}
#logo a:hover {opacity:1;}


@media screen and (max-width: 640px) {
	#logo {
		position:fixed;
		right:0;
		top:0;
		margin:0;
		padding:7px 50px 0 15px;
		max-width:100px;
		border:0px red solid;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-o-transition: all .3s ease;
		-ms-transition: all .3s ease;
		transition: all .3s ease;}
}


/* ==========================================================================
   HEADERS
============================================================================= */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
a h1, a h2, a h3, a h4, a h5, a h6 {
  font-family: inherit;
  font-weight:500;
  color:rgb(141,198,63);
  /*text-transform:uppercase;*/
  text-rendering: optimizeLegibility;
  margin: 0rem 0 .5rem;
  line-height: 1.0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

h1 { font-size: 2.4rem; }
h2 { font-size: 2.1rem; }
h3 { font-size: 1.8rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.1rem }
h6 { font-size: 1rem; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: gray;
    line-height: 0; }

@media only screen and (max-width: 640px) {
  h1 { font-size: 2.1rem; }
	h2 { font-size: 1.8rem; }
	h3 { font-size: 1.5rem; }
	h4 { font-size: 1.2rem; }
	h5 { font-size: 1rem }
	h6 { font-size: .8rem; }
}


/* ==========================================================================
   IMAGE STYLES
============================================================================= */
a img { border: none; }
img { display: inline-block;  }

a:link img {
	opacity:1;
	-webkit-transition: all .4s ease;
 	-moz-transition: all .4s ease;
 	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
 	transition: all .4s ease; }

a:hover img {
	opacity:.8;
	-webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
 	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
 	transition: all .4s ease; }

img.stretchy {	width:100%}
.stretchy img {width:100%}

div.stretchy {
	margin-bottom:-6px}


/* ==========================================================================
   HEADER
============================================================================= */
header {
	background: rgba(255,255,255,.1);
	position:relative;

	z-index:99999999999999999999999;
	width:100%;	}


/* ==========================================================================
   FOOTER
============================================================================= */
footer {
	position:fixed;
	bottom:0;
	clear:both;
	width:100%;
	margin-top:5rem;
	padding:0 0 10px;
	z-index:99999999;
	/*height:57px;*/} /*  STICKY FOOTER: SAME HEIGHT AS #footer*/

footer nav ul {
	margin:0;	}

footer nav ul li {
	display:inline-block;
	line-height:1 !important; }


footer a:link,
footer a:visited {
	font-size:.7rem;
	color:#999;
	padding:3px 5px;
	margin:0;
	text-decoration:none;
	display:inline-block;	}

footer a:hover,
footer a#selected {
	opacity:.7}

footer nav {
	line-height:1;}

.copyright {
	font-size: .7rem;
	color:#999;
	padding:0 0 0 5px;
	clear:both;}

footer span {
	color:#fff;
	font-size:.7rem;}

@media screen and (max-width: 640px) {

}





/* ==========================================================================
   NAV DESKTOP
============================================================================= */
#nav-desktop {
	float:right;	}

#nav-desktop ul {
	width: 100%;
	position: relative;
	padding: 0;
	margin:0;
	list-style: none;
	z-index:99999;	 }

#nav-desktop li {
	display:inline-block;
	margin-left:-5px;}

#nav-desktop li a {
	font-size: .9rem;
	padding:14px 15px 15px !important;
	font-weight:bold;
	border:0px red solid;
	text-decoration:none;
	display:block;
	outline: none;
	color: #000;
	text-transform:uppercase;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;}

#nav-desktop a:hover {
	color:#888;
	opacity:1 }

#nav-desktop a#selected {
	color:#888; }

#nav-desktop > li:hover > a,
#nav-desktop > li:active > a {
	color:#888;}

#nav-desktop li a#facebook {
    padding:0 !important;  }

    #nav-desktop li a img {
      max-width:15px !important; }

@media (max-width:800px) {
	#nav-desktop li a {
		font-size: .8rem;
		padding:15px 10px 15px !important; }
}



/* ==========================================================================
   NAV MOBILE: OFF CANVAS
=============================================================================*/
#nav-mobile {
  display: block;
  margin: 1rem 0 0 0;
  padding: 0;
  list-style: none;
	font-weight:bold;
  text-transform:uppercase;
  font-size: .9rem;
  line-height:1.0;    }

#nav-mobile a {
	display: block;
	color: #999;
	text-decoration:none;  }

#nav-mobile ul {
	clear:both}

#nav-mobile li a {
	padding: 7px 15px;
	border:0px red solid; }

#nav-mobile a:hover {
	color: #000 !important;	 }

#nav-mobile a#selected {
	color: #000 !important;		 }



/* ==========================================================================
   NAV MOBILE NAVICON
=============================================================================*/
#navicon {
	position:relative;
	/*height:50px;*/
	border:0px red solid;
	margin:0 0 0 0;
	background-color:rgba(255,255,255,.7);
	width:100%;
	z-index:9999999999}

#navicon p {
	font-size:.5rem;
	color:#000;
	margin-top:-3px;
	letter-spacing:1px;}

#navicon a {
	padding:15px 15px 5px;
	font-weight:bold;
	margin:0;
	display:block;
	opacity:1; }

#navicon a img:hover {
	opacity:1; }

@media (min-width:641px) {
	#navicon {display:none;}
}


/* ==========================================================================
   NAV OFF CANVAS
============================================================================= */
.off-canvas-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  overflow: hidden; }

.off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
    min-height: 100%;
    -webkit-overflow-scrolling: touch; }

.inner-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
	/*min-height:800px;*/
  *zoom: 1;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease; }
  .inner-wrap:before, .inner-wrap:after {
    content: " ";
    display: table; }
  .inner-wrap:after {
    clear: both; }

.left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-y: auto;
	background:#fff;
  background-color:rgba(255,255,255,.5);
  z-index: 1001;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0; }

.left-off-canvas-menu * {
	-webkit-backface-visibility: hidden; }

.move-right > .inner-wrap {
  -ms-transform: translate(15.625rem, 0);
  -webkit-transform: translate3d(15.625rem, 0, 0);
  -moz-transform: translate3d(15.625rem, 0, 0);
  -ms-transform: translate3d(15.625rem, 0, 0);
  -o-transform: translate3d(15.625rem, 0, 0);
  transform: translate3d(15.625rem, 0, 0); }

.move-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  /*box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);*/
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, .5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a.exit-off-canvas:hover {
	z-index:1;
	opacity:1;}

@media only screen and (min-width: 40.063em) {
    .move-right .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.5); }
}

.move-left > .inner-wrap {
  -ms-transform: translate(-15.625rem, 0);
  -webkit-transform: translate3d(-15.625rem, 0, 0);
  -moz-transform: translate3d(-15.625rem, 0, 0);
  -ms-transform: translate3d(-15.625rem, 0, 0);
  -o-transform: translate3d(-15.625rem, 0, 0);
  transform: translate3d(-15.625rem, 0, 0); }

.move-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  /*box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);*/
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@media only screen and (min-width: 40.063em) {
    .move-left .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.5); }
}

.no-csstransforms .left-off-canvas-menu {
  left: -15.625rem; }
.no-csstransforms .right-off-canvas-menu {
  right: -15.625rem; }
.no-csstransforms .move-left > .inner-wrap {
  right: 15.625rem; }
.no-csstransforms .move-right > .inner-wrap {
  left: 15.625rem; }


/* ==========================================================================
   FULLSCREEN IMAGE
============================================================================= */
#bg {
	position:fixed;
	top:-50%;
	left:-50%;
	width:200%;
	height:200%;
	z-index:0}

#bg img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	min-width:50%;
	min-height:50%;}





/* ==========================================================================
   	TOP BUTTON LINK
============================================================================= */
.back-to-top {
  position: fixed;
	z-index:9999999999999999;
	border:0px #ccc solid;
	background-repeat:no-repeat;
	background-position:center top;
  bottom: 1.4em;
  right: 1.4em;
	background:#fff;
  background: rgba(255,255,255,.3) url('../img/arrow-top.png');
	width:56px;
	height:38px;
  display: none;
	cursor:pointer;
	border-radius:2px;	}

.back-to-top:hover {
	background: rgba(255,255,255,0) url('../img/arrow-top.png');
	-webkit-transition: all .3s ease;
	-o-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;	}

@media (min-width:641px) {
	.back-to-top {bottom: 3em;}
}




/* ==========================================================================
   FLOATS / TEXT ALIGNMENT
============================================================================= */
.left { float: left !important; }
.left-img { float: left !important; margin:0 20px 20px 0}
.right { float: right !important; }
.right-left {float:right !important;text-align:right}
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }
.text-small {font-size:.7rem; }
textarea { height: auto; min-height: 80px; }
span .small-text {line-height:.8;}

@media (max-width:640px) {
	.right-left {float:left;text-align:left;clear:both}
}

/* ==========================================================================
   FONTS
============================================================================= */
.antialiased { -webkit-font-smoothing: antialiased; }

/* ==========================================================================
   HIDE / SELECT / HR
============================================================================= */
/*.hide { display: none; }/*SEE .HIDE below*/
select { width: 100%; }
hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 1.25rem 0 1.1875rem; height: 0; }


/* ==========================================================================
   IMG/OBJECT/EMBED/MAP CANVAS/CLEARFIX
============================================================================= */
img,
object,
embed {
  /*max-width: 100%;*/ /* REMOVED FOR FULLSCREEN IMAGE */
  /*height: auto;*/ }

object,
embed { height: 100%; }
img { -ms-interpolation-mode: bicubic;}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table; }
  .clearfix:after {
    clear: both; }


/* ==========================================================================
   VIDEO RESPONSIVE
============================================================================= */
.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 56.25% is 16:9 */
	padding-top: 0;
	height: 0;}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}


/* ==========================================================================
   LISTS
============================================================================= */
ul,
ol,
dl {
  font-size: inherit;
  line-height: 1.6;
  margin-bottom: .5rem; /* 1.25rem */
  list-style-position: outside;
  font-family: inherit;  }

ul { margin-left: 0 } /*1.1rem;*/
ul.no-bullet { margin-left: 0; }

ul.no-bullet li ul,
ul.no-bullet li ol {
	margin-left: 1.25rem;
	margin-bottom: 0;
	list-style: none; }

/*------------------------------------------
  INLINE
-------------------------------------------*/
.inline-list {
  margin: 0 auto 1.0625rem auto;
  margin-left: -1.375rem;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  .inline-list > li {
    list-style: none;
    float: left;
    margin-left: 1.375rem;
    display: block; }
    .inline-list > li > * { display: block; }

/*------------------------------------------
  UNORDERED
-------------------------------------------*/
ul li ul,
ul li ol {
	margin-left: 1.25rem;
	margin-bottom: 0;
	font-size: 1rem; /* Override nested font-size change */ }

ul.square li ul, ul.circle li ul, ul.disc li ul {
	list-style: inherit; }

ul.square {
  list-style-type: square;
  margin-left: 1.1rem; }

ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem; }

ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem; }

ul.disc:last-child {
	margin-bottom:0px; } /* remove space below 1st list in mobile */

ul.no-bullet {
  list-style: none; }

/*------------------------------------------
  ORDERED
-------------------------------------------*/
ol {
	margin-left: 1.4rem; }

ol li ul,
ol li ol {
	margin-left: 1.25rem;
	margin-bottom: 0; }

/*------------------------------------------
  Definition Lists
-------------------------------------------*/
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold; }

dl dd {
  margin-bottom: 0.75rem; }




/* ==========================================================================
   ROWS
============================================================================= */
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0rem;
  margin-bottom: 0;
	max-width: 75rem;
  min-width:250px;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none;
      *zoom: 1; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

/*------------------------------------------
  ROW FULL WIDTH
-------------------------------------------*/
.row-fullwidth {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
	max-width: 100%;
  min-width:250px;
  *zoom: 1; }
  .row-fullwidth:before, .row-fullwidth:after {
    content: " ";
    display: table; }
  .row-fullwidth:after {
    clear: both; }
  .row-fullwidth.collapse > .column,
  .row-fullwidth.collapse > .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left; }
  .row-fullwidth.collapse .row-fullwidth {
    margin-left: 0;
    margin-right: 0; }
  .row-fullwidth .row-fullwidth {
    width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1; }
    .row-fullwidth .row-fullwidth:before, .row-fullwidth .row-fullwidth:after {
      content: " ";
      display: table; }
    .row-fullwidth .row-fullwidth:after {
      clear: both; }
    .row-fullwidth .row-fullwidth.collapse {
      width: auto;
      margin: 0;
      max-width: none;
      *zoom: 1; }
      .row-fullwidth .row-fullwidth.collapse:before, .row-fullwidth .row-fullwidth.collapse:after {
        content: " ";
        display: table; }
      .row-fullwidth .row-fullwidth.collapse:after {
        clear: both; }



/* ==========================================================================
   COLUMNS
============================================================================= */
.column,
.columns {
  position: relative;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;  }

@media (max-width:640px) {
	.column,
	.columns {
		position: relative;
		padding-left: 1.5em;
		padding-right: 1.5em;
		width: 100%;
		float: left;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;  }

}

.column-nomargin,
.columns-nomargin {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  float: left;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;  }

@media only screen {
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important; }

  .column.small-uncentered,
  .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }

  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite { float: right; }

  .small-push-0 { position: relative; left: 0%; right: auto; }
  .small-pull-0 { position: relative; right: 0%; left: auto; }
  .small-push-1 { position: relative; left: 5.55556%; right: auto; }
  .small-pull-1 { position: relative; right: 5.55556%; left: auto; }
  .small-push-2 { position: relative; left: 11.11111%; right: auto; }
  .small-pull-2 { position: relative; right: 11.11111%; left: auto; }
  .small-push-3 { position: relative; left: 16.66667%; right: auto; }
  .small-pull-3 { position: relative; right: 16.66667%; left: auto; }
  .small-push-4 { position: relative; left: 22.22222%; right: auto; }
  .small-pull-4 { position: relative; right: 22.22222%; left: auto; }
  .small-push-5 { position: relative; left: 27.77778%; right: auto; }
  .small-pull-5 { position: relative; right: 27.77778%; left: auto; }
  .small-push-6 { position: relative; left: 33.33333%; right: auto; }
  .small-pull-6 { position: relative; right: 33.33333%; left: auto; }
  .small-push-7 { position: relative; left: 38.88889%; right: auto; }
  .small-pull-7 { position: relative; right: 38.88889%; left: auto; }
  .small-push-8 { position: relative; left: 44.44444%; right: auto; }
  .small-pull-8 { position: relative; right: 44.44444%; left: auto; }
  .small-push-9 { position: relative; left: 50%; right: auto; }
  .small-pull-9 { position: relative; right: 50%; left: auto; }
  .small-push-10 { position: relative; left: 55.55556%; right: auto; }
  .small-pull-10 { position: relative; right: 55.55556%; left: auto; }
  .small-push-11 { position: relative; left: 61.11111%; right: auto; }
  .small-pull-11 { position: relative; right: 61.11111%; left: auto; }
  .small-push-12 { position: relative; left: 66.66667%; right: auto; }
  .small-pull-12 { position: relative; right: 66.66667%; left: auto; }
  .small-push-13 { position: relative; left: 72.22222%; right: auto; }
  .small-pull-13 { position: relative; right: 72.22222%; left: auto; }
  .small-push-14 { position: relative; left: 77.77778%; right: auto; }
  .small-pull-14 { position: relative; right: 77.77778%; left: auto; }
  .small-push-15 { position: relative; left: 83.33333%; right: auto; }
  .small-pull-15 { position: relative; right: 83.33333%; left: auto; }
  .small-push-16 { position: relative; left: 88.88889%; right: auto; }
  .small-pull-16 { position: relative; right: 88.88889%; left: auto; }
  .small-push-17 { position: relative; left: 94.44444%; right: auto; }
  .small-pull-17 { position: relative; right: 94.44444%; left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .small-1 { width: 5.55556%; }
  .small-2 { width: 11.11111%; }
  .small-3 { width: 16.66667%; }
  .small-4 { width: 22.22222%; }
  .small-5 { width: 27.77778%; }
  .small-6 { width: 33.33333%; }
  .small-7 { width: 38.88889%; }
  .small-8 { width: 44.44444%; }
  .small-9 { width: 50%; }
  .small-10 { width: 55.55556%; }
  .small-11 { width: 61.11111%; }
  .small-12 { width: 66.66667%; }
  .small-13 { width: 72.22222%; }
  .small-14 { width: 77.77778%; }
  .small-15 { width: 83.33333%; }
  .small-16 { width: 88.88889%; }
  .small-17 { width: 94.44444%; }
  .small-18 { width: 100%; }

  [class*="column"] + [class*="column"]:last-child { float: right; }
  [class*="column"] + [class*="column"].end { float: left; }

  .small-offset-0 { margin-left: 0% !important; }
  .small-offset-1 { margin-left: 5.55556% !important; }
  .small-offset-2 { margin-left: 11.11111% !important; }
  .small-offset-3 { margin-left: 16.66667% !important; }
  .small-offset-4 { margin-left: 22.22222% !important; }
  .small-offset-5 { margin-left: 27.77778% !important; }
  .small-offset-6 { margin-left: 33.33333% !important; }
  .small-offset-7 { margin-left: 38.88889% !important; }
  .small-offset-8 { margin-left: 44.44444% !important; }
  .small-offset-9 { margin-left: 50% !important; }
  .small-offset-10 { margin-left: 55.55556% !important; }
  .small-offset-11 { margin-left: 61.11111% !important; }
  .small-offset-12 { margin-left: 66.66667% !important; }
  .small-offset-13 { margin-left: 72.22222% !important; }
  .small-offset-14 { margin-left: 77.77778% !important; }
  .small-offset-15 { margin-left: 83.33333% !important; }
  .small-offset-16 { margin-left: 88.88889% !important; }
  .small-offset-17 { margin-left: 94.44444% !important; }

  .small-reset-order,
  .small-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
}

@media only screen and (min-width: 40.063em) {
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important; }

  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }

  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }

  .medium-push-0 { position: relative; left: 0%; right: auto; }
  .medium-pull-0 { position: relative; right: 0%; left: auto; }
  .medium-push-1 { position: relative; left: 5.55556%; right: auto; }
  .medium-pull-1 { position: relative; right: 5.55556%; left: auto; }
  .medium-push-2 { position: relative; left: 11.11111%; right: auto; }
  .medium-pull-2 { position: relative; right: 11.11111%; left: auto; }
  .medium-push-3 { position: relative; left: 16.66667%; right: auto; }
  .medium-pull-3 { position: relative; right: 16.66667%; left: auto; }
  .medium-push-4 { position: relative; left: 22.22222%; right: auto; }
  .medium-pull-4 { position: relative; right: 22.22222%; left: auto; }
  .medium-push-5 { position: relative; left: 27.77778%; right: auto; }
  .medium-pull-5 { position: relative; right: 27.77778%; left: auto; }
  .medium-push-6 { position: relative; left: 33.33333%; right: auto; }
  .medium-pull-6 { position: relative; right: 33.33333%; left: auto; }
  .medium-push-7 { position: relative; left: 38.88889%; right: auto; }
  .medium-pull-7 { position: relative; right: 38.88889%; left: auto; }
  .medium-push-8 { position: relative; left: 44.44444%; right: auto; }
  .medium-pull-8 { position: relative; right: 44.44444%; left: auto; }
  .medium-push-9 { position: relative; left: 50%; right: auto; }
  .medium-pull-9 { position: relative; right: 50%; left: auto; }
  .medium-push-10 { position: relative; left: 55.55556%; right: auto; }
  .medium-pull-10 { position: relative; right: 55.55556%; left: auto; }
  .medium-push-11 { position: relative; left: 61.11111%; right: auto; }
  .medium-pull-11 { position: relative; right: 61.11111%; left: auto; }
  .medium-push-12 { position: relative; left: 66.66667%; right: auto; }
  .medium-pull-12 { position: relative; right: 66.66667%; left: auto; }
  .medium-push-13 { position: relative; left: 72.22222%; right: auto; }
  .medium-pull-13 { position: relative; right: 72.22222%; left: auto; }
  .medium-push-14 { position: relative; left: 77.77778%; right: auto; }
  .medium-pull-14 { position: relative; right: 77.77778%; left: auto; }
  .medium-push-15 { position: relative; left: 83.33333%; right: auto; }
  .medium-pull-15 { position: relative; right: 83.33333%; left: auto; }
  .medium-push-16 { position: relative; left: 88.88889%; right: auto; }
  .medium-pull-16 { position: relative; right: 88.88889%; left: auto; }
  .medium-push-17 { position: relative; left: 94.44444%; right: auto; }
  .medium-pull-17 { position: relative; right: 94.44444%; left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .medium-1 { width: 5.55556%; }
  .medium-2 { width: 11.11111%; }
  .medium-3 { width: 16.66667%; }
  .medium-4 { width: 22.22222%; }
  .medium-5 { width: 27.77778%; }
  .medium-6 { width: 33.33333%; }
  .medium-7 { width: 38.88889%; }
  .medium-8 { width: 44.44444%; }
  .medium-9 { width: 50%; }
  .medium-10 { width: 55.55556%; }
  .medium-11 { width: 61.11111%; }
  .medium-12 { width: 66.66667%; }
  .medium-13 { width: 72.22222%; }
  .medium-14 { width: 77.77778%; }
  .medium-15 { width: 83.33333%; }
  .medium-16 { width: 88.88889%; }
  .medium-17 { width: 94.44444%; }
  .medium-18 { width: 100%; }

  [class*="column"] + [class*="column"]:last-child { float: right; }
  [class*="column"] + [class*="column"].end { float: left; }

  .medium-offset-0 { margin-left: 0% !important; }
  .medium-offset-1 { margin-left: 5.55556% !important; }
  .medium-offset-2 { margin-left: 11.11111% !important; }
  .medium-offset-3 { margin-left: 16.66667% !important; }
  .medium-offset-4 { margin-left: 22.22222% !important; }
  .medium-offset-5 { margin-left: 27.77778% !important; }
  .medium-offset-6 { margin-left: 33.33333% !important; }
  .medium-offset-7 { margin-left: 38.88889% !important; }
  .medium-offset-8 { margin-left: 44.44444% !important; }
  .medium-offset-9 { margin-left: 50% !important; }
  .medium-offset-10 { margin-left: 55.55556% !important; }
  .medium-offset-11 { margin-left: 61.11111% !important; }
  .medium-offset-12 { margin-left: 66.66667% !important; }
  .medium-offset-13 { margin-left: 72.22222% !important; }
  .medium-offset-14 { margin-left: 77.77778% !important; }
  .medium-offset-15 { margin-left: 83.33333% !important; }
  .medium-offset-16 { margin-left: 88.88889% !important; }
  .medium-offset-17 { margin-left: 94.44444% !important; }

  .medium-reset-order,
  .medium-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .push-0 { position: relative; left: 0%; right: auto; }
  .pull-0 { position: relative; right: 0%; left: auto; }
  .push-1 { position: relative; left: 5.55556%; right: auto; }
  .pull-1 { position: relative; right: 5.55556%; left: auto; }
  .push-2 { position: relative; left: 11.11111%; right: auto; }
  .pull-2 { position: relative; right: 11.11111%; left: auto; }
  .push-3 { position: relative; left: 16.66667%; right: auto; }
  .pull-3 { position: relative; right: 16.66667%; left: auto; }
  .push-4 { position: relative; left: 22.22222%; right: auto; }
  .pull-4 { position: relative; right: 22.22222%; left: auto; }
  .push-5 { position: relative; left: 27.77778%; right: auto; }
  .pull-5 { position: relative; right: 27.77778%; left: auto; }
  .push-6 { position: relative; left: 33.33333%; right: auto; }
  .pull-6 { position: relative; right: 33.33333%; left: auto; }
  .push-7 { position: relative; left: 38.88889%; right: auto; }
  .pull-7 { position: relative; right: 38.88889%; left: auto; }
  .push-8 { position: relative; left: 44.44444%; right: auto; }
  .pull-8 { position: relative; right: 44.44444%; left: auto; }
  .push-9 { position: relative; left: 50%; right: auto; }
  .pull-9 { position: relative; right: 50%; left: auto; }
  .push-10 { position: relative; left: 55.55556%; right: auto; }
  .pull-10 { position: relative; right: 55.55556%; left: auto; }
  .push-11 { position: relative; left: 61.11111%; right: auto; }
  .pull-11 { position: relative; right: 61.11111%; left: auto; }
  .push-12 { position: relative; left: 66.66667%; right: auto; }
  .pull-12 { position: relative; right: 66.66667%; left: auto; }
  .push-13 { position: relative; left: 72.22222%; right: auto; }
  .pull-13 { position: relative; right: 72.22222%; left: auto; }
  .push-14 { position: relative; left: 77.77778%; right: auto; }
  .pull-14 { position: relative; right: 77.77778%; left: auto; }
  .push-15 { position: relative; left: 83.33333%; right: auto; }
  .pull-15 { position: relative; right: 83.33333%; left: auto; }
  .push-16 { position: relative; left: 88.88889%; right: auto; }
  .pull-16 { position: relative; right: 88.88889%; left: auto; }
  .push-17 { position: relative; left: 94.44444%; right: auto; }
  .pull-17 { position: relative; right: 94.44444%; left: auto; }
 }

@media only screen and (min-width: 64.063em) {
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important; }

  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }

  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; }

  .large-push-0 { position: relative; left: 0%; right: auto; }
  .large-pull-0 { position: relative; right: 0%; left: auto; }
  .large-push-1 { position: relative; left: 5.55556%; right: auto; }
  .large-pull-1 { position: relative; right: 5.55556%; left: auto; }
  .large-push-2 { position: relative; left: 11.11111%; right: auto; }
  .large-pull-2 { position: relative; right: 11.11111%; left: auto; }
  .large-push-3 { position: relative; left: 16.66667%; right: auto; }
  .large-pull-3 { position: relative; right: 16.66667%; left: auto; }
  .large-push-4 { position: relative; left: 22.22222%; right: auto; }
  .large-pull-4 { position: relative; right: 22.22222%; left: auto; }
  .large-push-5 { position: relative; left: 27.77778%; right: auto; }
  .large-pull-5 { position: relative; right: 27.77778%; left: auto; }
  .large-push-6 { position: relative; left: 33.33333%; right: auto; }
  .large-pull-6 { position: relative; right: 33.33333%; left: auto; }
  .large-push-7 { position: relative; left: 38.88889%; right: auto; }
  .large-pull-7 { position: relative; right: 38.88889%; left: auto; }
  .large-push-8 { position: relative; left: 44.44444%; right: auto; }
  .large-pull-8 { position: relative; right: 44.44444%; left: auto; }
  .large-push-9 { position: relative; left: 50%; right: auto; }
  .large-pull-9 { position: relative; right: 50%; left: auto; }
  .large-push-10 { position: relative; left: 55.55556%; right: auto; }
  .large-pull-10 { position: relative; right: 55.55556%; left: auto; }
  .large-push-11 { position: relative; left: 61.11111%; right: auto; }
  .large-pull-11 { position: relative; right: 61.11111%; left: auto; }
  .large-push-12 { position: relative; left: 66.66667%; right: auto; }
  .large-pull-12 { position: relative; right: 66.66667%; left: auto; }
  .large-push-13 { position: relative; left: 72.22222%; right: auto; }
  .large-pull-13 { position: relative; right: 72.22222%; left: auto; }
  .large-push-14 { position: relative; left: 77.77778%; right: auto; }
  .large-pull-14 { position: relative; right: 77.77778%; left: auto; }
  .large-push-15 { position: relative; left: 83.33333%; right: auto; }
  .large-pull-15 { position: relative; right: 83.33333%; left: auto; }
  .large-push-16 { position: relative; left: 88.88889%; right: auto; }
  .large-pull-16 { position: relative; right: 88.88889%; left: auto; }
  .large-push-17 { position: relative; left: 94.44444%; right: auto; }
  .large-pull-17 { position: relative; right: 94.44444%; left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .large-1 { width: 5.55556%; }
  .large-2 { width: 11.11111%; }
  .large-3 { width: 16.66667%; }
  .large-4 { width: 22.22222%; }
  .large-5 { width: 27.77778%; }
  .large-6 { width: 33.33333%; }
  .large-7 { width: 38.88889%; }
  .large-8 { width: 44.44444%; }
  .large-9 { width: 50%; }
  .large-10 { width: 55.55556%; }
  .large-11 { width: 61.11111%; }
  .large-12 { width: 66.66667%; }
  .large-13 { width: 72.22222%; }
  .large-14 { width: 77.77778%; }
  .large-15 { width: 83.33333%; }
  .large-16 { width: 88.88889%; }
  .large-17 { width: 94.44444%; }
  .large-18 { width: 100%; }

  [class*="column"] + [class*="column"]:last-child {  float: right; }
  [class*="column"] + [class*="column"].end { float: left; }

  .large-offset-0 { margin-left: 0% !important; }
  .large-offset-1 { margin-left: 5.55556% !important; }
  .large-offset-2 { margin-left: 11.11111% !important; }
  .large-offset-3 { margin-left: 16.66667% !important; }
  .large-offset-4 { margin-left: 22.22222% !important; }
  .large-offset-5 { margin-left: 27.77778% !important; }
  .large-offset-6 { margin-left: 33.33333% !important; }
  .large-offset-7 { margin-left: 38.88889% !important; }
  .large-offset-8 { margin-left: 44.44444% !important; }
  .large-offset-9 { margin-left: 50% !important; }
  .large-offset-10 { margin-left: 55.55556% !important; }
  .large-offset-11 { margin-left: 61.11111% !important; }
  .large-offset-12 { margin-left: 66.66667% !important; }
  .large-offset-13 { margin-left: 72.22222% !important; }
  .large-offset-14 { margin-left: 77.77778% !important; }
  .large-offset-15 { margin-left: 83.33333% !important; }
  .large-offset-16 { margin-left: 88.88889% !important; }
  .large-offset-17 { margin-left: 94.44444% !important; }

  .large-reset-order,
  .large-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .push-0 { position: relative; left: 0%; right: auto; }
  .pull-0 { position: relative; right: 0%; left: auto; }
  .push-1 { position: relative; left: 5.55556%; right: auto; }
  .pull-1 { position: relative; right: 5.55556%; left: auto; }
  .push-2 { position: relative; left: 11.11111%; right: auto; }
  .pull-2 { position: relative; right: 11.11111%; left: auto; }
  .push-3 { position: relative; left: 16.66667%; right: auto; }
  .pull-3 { position: relative; right: 16.66667%; left: auto; }
  .push-4 { position: relative; left: 22.22222%; right: auto; }
  .pull-4 { position: relative; right: 22.22222%; left: auto; }
  .push-5 { position: relative; left: 27.77778%; right: auto; }
  .pull-5 { position: relative; right: 27.77778%; left: auto; }
  .push-6 { position: relative; left: 33.33333%; right: auto; }
  .pull-6 { position: relative; right: 33.33333%; left: auto; }
  .push-7 { position: relative; left: 38.88889%; right: auto; }
  .pull-7 { position: relative; right: 38.88889%; left: auto; }
  .push-8 { position: relative; left: 44.44444%; right: auto; }
  .pull-8 { position: relative; right: 44.44444%; left: auto; }
  .push-9 { position: relative; left: 50%; right: auto; }
  .pull-9 { position: relative; right: 50%; left: auto; }
  .push-10 { position: relative; left: 55.55556%; right: auto; }
  .pull-10 { position: relative; right: 55.55556%; left: auto; }
  .push-11 { position: relative; left: 61.11111%; right: auto; }
  .pull-11 { position: relative; right: 61.11111%; left: auto; }
  .push-12 { position: relative; left: 66.66667%; right: auto; }
  .pull-12 { position: relative; right: 66.66667%; left: auto; }
  .push-13 { position: relative; left: 72.22222%; right: auto; }
  .pull-13 { position: relative; right: 72.22222%; left: auto; }
  .push-14 { position: relative; left: 77.77778%; right: auto; }
  .pull-14 { position: relative; right: 77.77778%; left: auto; }
  .push-15 { position: relative; left: 83.33333%; right: auto; }
  .pull-15 { position: relative; right: 83.33333%; left: auto; }
  .push-16 { position: relative; left: 88.88889%; right: auto; }
  .pull-16 { position: relative; right: 88.88889%; left: auto; }
  .push-17 { position: relative; left: 94.44444%; right: auto; }
  .pull-17 { position: relative; right: 94.44444%; left: auto; }
}


/* ==========================================================================
   TABLES
============================================================================= */
/*table {
  background: white;
  margin: 0;
  border: solid 0 #dddddd; }
  table thead,
  table tfoot {
    background: whitesmoke;
    font-weight: bold; }
    table thead tr th,
    table thead tr td,
    table tfoot tr th,
    table tfoot tr td {
      padding: 0;
      font-size: inherit;
      color: inherit;
      text-align: left; }
  table tr th,
  table tr td {
    padding: 0rem;
    font-size:inherit;
    color: inherit; }
  table tr td:first-child { padding-right: 0;	 }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #fff; }
  table thead tr th,
  table tfoot tr th,
  table tbody tr td,
  table tr td,
  table tfoot tr td {
    display: table-cell;
    line-height: 0rem; }*/

/* ==========================================================================
   BUTTONS
============================================================================= */
button {
	margin:0;
	padding:0;
	border:0;
	background-color:transparent}

input.button {
	border:0;
	border-radius:2px;
	font-size:1.1rem;
	text-transform:uppercase;
	color:rgb(255,255,255);
	background-color: rgb(141,198,63);
	text-transform:uppercase;
	font-size:16px;
	padding: .5rem 1rem .5rem;
	margin-top:25px;
	cursor:pointer;
	display:block;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;  }

.button {
	border:0;
	border-radius:2px;
	font-size:1.1rem;
	text-transform:uppercase;
	color:rgb(255,255,255);
	background-color: rgb(141,198,63);
	text-transform:uppercase;
	font-size:16px;
	padding: .5rem 1rem .5rem;
	margin-top:25px;
	cursor:pointer;
	display:block;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease; }

  button:hover, input[type="button"]:hover, button:focus, .button:hover, .button:focus, #contact .button:hover {
   opacity:.8;
	 -webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-o-transition: all .4s ease;
		-ms-transition: all .4s ease;
		transition: all .4s ease;  }

  button:hover, button:focus, .button:hover, .button:focus {
    color: white; }


@media only screen and (min-width: 40.063em) {
  button, .button { display: inline-block; }
}


[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem;
  *zoom: 1; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: inline;
    height: auto;
    float: left;
    padding: 0 0.625rem 1.25rem; }

@media only screen {
  /*ul.small-block-grid-1 {padding:1.5rem 0 1.5rem 2rem}*/
  .small-block-grid-1 > li { width: 100%; padding: 0 0.625rem .2rem; } /* padding: 0 0.625rem 1.25rem */
  .small-block-grid-1 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }

  .small-block-grid-2 > li { width: 50%; padding: 0 0.625rem .5rem; }
  .small-block-grid-2 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }

  .small-block-grid-3 > li { width: 33.33333%; padding: 0 0.625rem .5rem; }
  .small-block-grid-3 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }

  .small-block-grid-4 > li { width: 25%; padding: 0 0.625rem .5rem; }
  .small-block-grid-4 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }

  .small-block-grid-5 > li { width: 20%; padding: 0 0.625rem .5rem; }
  .small-block-grid-5 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }

  .small-block-grid-6 > li { width: 16.66667%; padding: 0 0.625rem .5rem; }
  .small-block-grid-6 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }

  .small-block-grid-7 > li { width: 14.28571%; padding: 0 0.625rem .5rem; }
  .small-block-grid-7 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; }

  .small-block-grid-8 > li { width: 12.5%; padding: 0 0.625rem .5rem; }
   small-block-grid-8 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }

  .small-block-grid-9 > li {  width: 11.11111%; padding: 0 0.625rem .5rem; }
  .small-block-grid-9 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }

  .small-block-grid-10 > li { width: 10%; padding: 0 0.625rem .5rem; }
  .small-block-grid-10 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }

  .small-block-grid-11 > li { width: 9.09091%; padding: 0 0.625rem .5rem; }
  .small-block-grid-11 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }

  .small-block-grid-12 > li { width: 8.33333%; padding: 0 0.625rem .5rem; }
  .small-block-grid-12 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; }
}

@media only screen and (min-width: 40.063em) {
  ul.medium-block-grid-1 {padding:1.5rem 0 1.5rem 2rem;}
  .medium-block-grid-1 > li { width: 100%; padding: 0 0.625rem .25rem; }/* padding: 0 0.625rem 1.25rem */
  .medium-block-grid-1 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }

  .medium-block-grid-2 > li { width: 50%; padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-2 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }

  .medium-block-grid-3 > li { width: 33.33333%; padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-3 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }

  .medium-block-grid-4 > li { width: 25%; padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-4 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }

  .medium-block-grid-5 > li { width: 20%; padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-5 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }

  .medium-block-grid-6 > li { width: 16.66667%; padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-6 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }

  .medium-block-grid-7 > li { width: 14.28571%; padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-7 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; }

  .medium-block-grid-8 > li { width: 12.5%; padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-8 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }

  .medium-block-grid-9 > li { width: 11.11111%; padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-9 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }

  .medium-block-grid-10 > li { width: 10%; padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-10 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }

  .medium-block-grid-11 > li { width: 9.09091%; padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-11 > li:nth-of-type(n) {  clear: none; }
  .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }

  .medium-block-grid-12 > li { width: 8.33333%; padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-12 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; }
}

@media (max-width:640px) {
	ul.medium-block-grid-1:first-child {padding:1.5rem 0 0 1rem;}
	ul.medium-block-grid-1:last-child {padding:0 0 1.5rem 1rem;}
	.medium-block-grid-1 > li:last-child { width: 100%; padding: 0 0.625rem 0rem; }
}


@media only screen and (min-width: 64.063em) {
  .large-block-grid-1 > li { width: 100%; padding: 0 0.625rem 1.25rem; }
  .large-block-grid-1 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }

  .large-block-grid-2 > li { width: 50%; padding: 0 0.625rem 1.25rem; }
  .large-block-grid-2 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }

  .large-block-grid-3 > li { width: 33.33333%; padding: 0 0.625rem 1.25rem; }
  .large-block-grid-3 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }

  .large-block-grid-4 > li { width: 25%; padding: 0 0.625rem 1.25rem; }
  .large-block-grid-4 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }

  .large-block-grid-5 > li { width: 20%; padding: 0 0.625rem 1.25rem; }
  .large-block-grid-5 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }

  .large-block-grid-6 > li { width: 16.66667%; padding: 0 0.625rem 1.25rem; }
  .large-block-grid-6 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }

  .large-block-grid-7 > li { width: 14.28571%; padding: 0 0.625rem 1.25rem; }
  .large-block-grid-7 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; }

  .large-block-grid-8 > li { width: 12.5%; padding: 0 0.625rem 1.25rem; }
  .large-block-grid-8 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }

  .large-block-grid-9 > li { width: 11.11111%; padding: 0 0.625rem 1.25rem; }
  .large-block-grid-9 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }

  .large-block-grid-10 > li { width: 10%; padding: 0 0.625rem 1.25rem; }
  .large-block-grid-10 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }

  .large-block-grid-11 > li { width: 9.09091%; padding: 0 0.625rem 1.25rem; }
  .large-block-grid-11 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }

  .large-block-grid-12 > li { width: 8.33333%; padding: 0 0.625rem 1.25rem; }
  .large-block-grid-12 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; }
}

/* ==========================================================================
   Foundation Visibility HTML Classes
============================================================================= */
.show-for-small,
.show-for-small-only,
.show-for-medium-down,
.show-for-large-down,
.hide-for-medium,
.hide-for-medium-up,
.hide-for-medium-only,
.hide-for-large,
.hide-for-large-up,
.hide-for-large-only { display: inherit !important; }

.hide-for-small,
.hide-for-small-only,
.hide-for-medium-down,
.show-for-medium,
.show-for-medium-up,
.show-for-medium-only,
.hide-for-large-down,
.show-for-large,
.show-for-large-up,
.show-for-large-only { display: none !important; }


/* ==========================================================================
   Medium Displays: 641px and up
============================================================================= */

@media only screen and (min-width: 40.063em) {
  .hide-for-small,
  .hide-for-small-only,
  .show-for-medium,
  .show-for-medium-down,
  .show-for-medium-up,
  .show-for-medium-only,
  .hide-for-large,
  .hide-for-large-up,
  .hide-for-large-only { display: inherit !important; }

  .show-for-small,
  .show-for-small-only,
  .hide-for-medium,
  .hide-for-medium-down,
  .hide-for-medium-up,
  .hide-for-medium-only,
  .hide-for-large-down,
  .show-for-large,
  .show-for-large-up,
  .show-for-large-only { display: none !important; }
}

/* ==========================================================================
   Large Displays: 1024px and up
============================================================================= */

@media only screen and (min-width: 64.063em) {
  .hide-for-small,
  .hide-for-small-only,
  .hide-for-medium,
  .hide-for-medium-down,
  .hide-for-medium-only,
  .show-for-medium-up,
  .show-for-large,
  .show-for-large-up,
  .show-for-large-only { display: inherit !important; }

  .show-for-small-only,
  .show-for-medium,
  .show-for-medium-down,
  .show-for-medium-only,
  .hide-for-large,
  .hide-for-large-up,
  .hide-for-large-only { display: none !important; }
}



/* ==========================================================================
   Print styles.
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
============================================================================= */

.print-only { display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited { text-decoration: underline; }

  a[href]:after { content: " (" attr(href) ")"; }

  abbr[title]:after { content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after { content: ""; }

  pre,
  blockquote { border: 1px solid #999999; page-break-inside: avoid; }

  thead { display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img { page-break-inside: avoid; }

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

  @page { margin: 0.5cm; }

  p,
  h2,
  h3 { orphans: 3; widows: 3; }

  h2,h3 { page-break-after: avoid; }
  .hide-on-print { display: none !important; }
  .print-only { display: block !important; }
  .hide-for-print { display: none !important; }
  .show-for-print { display: inherit !important; }
}
