/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 17, ../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* line 22, ../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

/* line 24, ../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, ../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, ../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, ../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, ../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, ../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, ../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */
/* line 25, ../sass/_base.scss */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
/* line 30, ../sass/_base.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* line 37, ../sass/_base.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

/* line 39, ../sass/_base.scss */
body {
  line-height: 1; }

/* line 41, ../sass/_base.scss */
ol, ul {
  list-style: none; }

/* line 43, ../sass/_base.scss */
blockquote, q {
  quotes: none; }

/* line 46, ../sass/_base.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/* line 49, ../sass/_base.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* #Basic Styles
================================================== */
/* line 56, ../sass/_base.scss */
body {
  background: #282828;
  background: url("../images/bg.png") repeat;
  font: 14px/21px "neris", sans-serif;
  color: #222222;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
  font-weight: normal; }

/* #Typography
================================================== */
/* line 69, ../sass/_base.scss */
h1, h2, h3, h4, h5, h6 {
  color: #005480;
  font-family: "neris", sans-serif;
  font-weight: normal; }

/* line 73, ../sass/_base.scss */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit; }

/* line 74, ../sass/_base.scss */
h1 {
  font-size: 46px;
  line-height: 50px;
  margin-bottom: 14px; }

/* line 75, ../sass/_base.scss */
h2 {
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 10px; }

/* line 76, ../sass/_base.scss */
h3 {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 8px; }

/* line 77, ../sass/_base.scss */
h4 {
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 4px;
  margin-top: 6px; }

/* line 78, ../sass/_base.scss */
h5 {
  font-size: 17px;
  line-height: 24px; }

/* line 79, ../sass/_base.scss */
h6 {
  font-size: 14px;
  line-height: 21px; }

/* line 80, ../sass/_base.scss */
.subheader {
  color: #777; }

/* line 82, ../sass/_base.scss */
p {
  margin: 0 0 20px 0; }

/* line 83, ../sass/_base.scss */
p img {
  margin: 0; }

/* line 84, ../sass/_base.scss */
p.lead {
  font-size: 21px;
  line-height: 27px;
  color: #777; }

/* line 86, ../sass/_base.scss */
em {
  font-style: italic; }

/* line 87, ../sass/_base.scss */
strong {
  font-weight: bold;
  color: #005480; }

/* line 88, ../sass/_base.scss */
small {
  font-size: 80%; }

/*	Blockquotes  */
/* line 92, ../sass/_base.scss */
blockquote, blockquote p {
  font-size: 17px;
  line-height: 24px;
  color: #777;
  font-style: italic; }

/* line 93, ../sass/_base.scss */
blockquote {
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd; }

/* line 94, ../sass/_base.scss */
blockquote cite {
  display: block;
  font-size: 12px;
  color: #555; }

/* line 95, ../sass/_base.scss */
blockquote cite:before {
  content: "\2014 \0020"; }

/* line 96, ../sass/_base.scss */
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
  color: #555; }

/* #breaks
================================================== */
/* line 101, ../sass/_base.scss */
hr {
  border: solid #005480;
  border-width: 1em 0 0;
  clear: both;
  margin: 1em 0 2em;
  height: 0;
  width: 100%; }

/* #Links
================================================== */
/* line 106, ../sass/_base.scss */
a, a:visited {
  text-decoration: none;
  outline: 0; }

/* line 107, ../sass/_base.scss */
a:hover, a:focus {
  color: #005480; }

/* line 108, ../sass/_base.scss */
p a, p a:visited {
  line-height: inherit; }

/* line 109, ../sass/_base.scss */
a {
  color: #005480; }

/* line 112, ../sass/_base.scss */
p a {
  text-decoration: none;
  color: #005480; }
  /* line 115, ../sass/_base.scss */
  p a:hover {
    text-decoration: none;
    border-bottom: 2px solid #005480;
    color: #005480; }

/* #Nav
================================================== */
/* line 126, ../sass/_base.scss */
nav {
  text-transform: uppercase; }

/* #Lists
================================================== */
/* line 133, ../sass/_base.scss */
ul, ol {
  margin-bottom: 20px;
  padding-left: 10px; }

/* line 134, ../sass/_base.scss */
ul {
  list-style: none outside; }

/* line 135, ../sass/_base.scss */
ol {
  list-style: decimal; }

/* line 136, ../sass/_base.scss */
ol, ul.square, ul.circle, ul.disc {
  margin-left: 30px; }

/* line 137, ../sass/_base.scss */
ul.square {
  list-style: square outside; }

/* line 138, ../sass/_base.scss */
ul.circle {
  list-style: circle outside; }

/* line 139, ../sass/_base.scss */
ul.disc {
  list-style: disc outside; }

/* line 141, ../sass/_base.scss */
ul ul, ul ol,
ol ol, ol ul {
  margin: 4px 0 5px 30px;
  font-size: 90%; }

/* line 143, ../sass/_base.scss */
ul ul li, ul ol li,
ol ol li, ol ul li {
  margin-bottom: 6px; }

/* line 144, ../sass/_base.scss */
li {
  line-height: 18px;
  margin-bottom: 12px; }

/* line 145, ../sass/_base.scss */
ul.large li {
  line-height: 21px; }

/* line 146, ../sass/_base.scss */
li p {
  line-height: 21px; }

/* #Images
================================================== */
/* line 151, ../sass/_base.scss */
img.scale-with-grid {
  max-width: 100%;
  height: auto; }

/* #Buttons
================================================== */
/* General button style (reset) */
/* line 162, ../sass/_base.scss */
.btn {
  border: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background: none;
  cursor: pointer;
  padding: 25px 80px;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  outline: none;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

/* line 181, ../sass/_base.scss */
.btn:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

/* Pseudo elements for icons */
/* line 195, ../sass/_base.scss */
.btn:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased; }

/* Button 1 */
/* line 209, ../sass/_base.scss */
.btn-1 {
  border: 3px solid #fff;
  color: #231f20; }

/* Button 1e */
/* line 215, ../sass/_base.scss */
.btn-1e {
  overflow: hidden; }

/* line 219, ../sass/_base.scss */
.btn-1e:after {
  width: 100%;
  height: 0;
  top: 50%;
  left: 50%;
  background: #fff;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg); }

/* line 233, ../sass/_base.scss */
.btn-1e:hover,
.btn-1e:active {
  color: #454545; }

/* line 237, ../sass/_base.scss */
.btn-1e:hover:after {
  height: 260%;
  opacity: 1; }

/* line 242, ../sass/_base.scss */
.btn-1e:active:after {
  height: 400%;
  opacity: 1; }

/* Fix for odd Mozilla border & padding issues */
/* line 248, ../sass/_base.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* Button 3 */
/* line 253, ../sass/_base.scss */
.btn-3 {
  background: #231f20;
  color: #fff; }

/* line 258, ../sass/_base.scss */
.btn-3:hover {
  background: #00334d; }

/* line 262, ../sass/_base.scss */
.btn-3:active {
  background: #f58500;
  top: 2px; }

/* line 266, ../sass/_base.scss */
.btn-3:before {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  line-height: 3;
  font-size: 140%;
  width: 60px; }

/* Button 3e */
/* line 277, ../sass/_base.scss */
.btn-3e {
  padding: 25px 100px 25px 60px;
  overflow: hidden; }

/* line 282, ../sass/_base.scss */
.btn-3e:before {
  left: auto;
  right: 10px;
  z-index: 2; }

/* line 288, ../sass/_base.scss */
.btn-3e:after {
  width: 20%;
  height: 200%;
  background: rgba(255, 255, 255, 0.1);
  z-index: 1;
  right: 0;
  top: 0;
  margin: -10px 0px 0 -5px;
  -webkit-transform-origin: 0 0;
  -webkit-transform: translateX(25%) translateY(0%) rotate(-45deg);
  -moz-transform-origin: 0 0;
  -moz-transform: translateX(25%) translateY(0%) rotate(-45deg);
  -ms-transform-origin: 0 0;
  -ms-transform: translateX(25%) translateY(0%) rotate(-45deg);
  transform-origin: 0 0;
  transform: translateX(25%) translateY(0%) rotate(-45deg); }

/* line 306, ../sass/_base.scss */
.btn-3e:hover:after {
  width: 40%; }

/* #Forms	
================================================== */
/* line 315, ../sass/_base.scss */
form {
  margin-bottom: 20px; }

/* line 317, ../sass/_base.scss */
fieldset {
  margin-bottom: 20px; }

/* line 323, ../sass/_base.scss */
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  border: 1px solid #ccc;
  padding: 6px 4px;
  outline: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font: 13px "neris", sans-serif;
  color: #777;
  margin: 0;
  width: 210px;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: #fff; }

/* line 338, ../sass/_base.scss */
select {
  padding: 0; }

/* line 343, ../sass/_base.scss */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  border: 1px solid #aaa;
  color: #444;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }

/* line 349, ../sass/_base.scss */
textarea {
  min-height: 60px; }

/* line 352, ../sass/_base.scss */
label,
legend {
  display: block;
  font-weight: normal;
  font-size: 13px; }

/* line 356, ../sass/_base.scss */
select {
  width: 220px; }

/* line 358, ../sass/_base.scss */
input[type="checkbox"] {
  display: inline; }

/* line 361, ../sass/_base.scss */
label span,
legend span {
  font-weight: normal;
  font-size: 13px;
  color: #444; }

/* #Misc
================================================== */
/* line 368, ../sass/_base.scss */
.remove-bottom {
  margin-bottom: 0 !important; }

/* line 369, ../sass/_base.scss */
.half-bottom {
  margin-bottom: 10px !important; }

/* line 370, ../sass/_base.scss */
.add-bottom {
  margin-bottom: 20px !important; }

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
/* #Base 960 Grid
================================================== */
/* line 23, ../sass/_skeleton.scss */
.full-container {
  width: 100%; }

/* line 25, ../sass/_skeleton.scss */
.container {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 0; }

/* line 27, ../sass/_skeleton.scss */
.container .column,
.container .columns {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px; }

/* line 28, ../sass/_skeleton.scss */
.row {
  margin-bottom: 20px; }

/* Nested Column Classes */
/* line 31, ../sass/_skeleton.scss */
.column.alpha, .columns.alpha {
  margin-left: 0; }

/* line 32, ../sass/_skeleton.scss */
.column.omega, .columns.omega {
  margin-right: 0; }

/* Base Grid */
/* line 36, ../sass/_skeleton.scss */
.container .one.column,
.container .one.columns {
  width: 40px; }

/* line 37, ../sass/_skeleton.scss */
.container .two.columns {
  width: 100px; }

/* line 38, ../sass/_skeleton.scss */
.container .three.columns {
  width: 160px; }

/* line 39, ../sass/_skeleton.scss */
.container .four.columns {
  width: 220px; }

/* line 40, ../sass/_skeleton.scss */
.container .five.columns {
  width: 280px; }

/* line 41, ../sass/_skeleton.scss */
.container .six.columns {
  width: 340px; }

/* line 42, ../sass/_skeleton.scss */
.container .seven.columns {
  width: 400px; }

/* line 43, ../sass/_skeleton.scss */
.container .eight.columns {
  width: 460px; }

/* line 44, ../sass/_skeleton.scss */
.container .nine.columns {
  width: 520px; }

/* line 45, ../sass/_skeleton.scss */
.container .ten.columns {
  width: 580px; }

/* line 46, ../sass/_skeleton.scss */
.container .eleven.columns {
  width: 640px; }

/* line 47, ../sass/_skeleton.scss */
.container .twelve.columns {
  width: 700px; }

/* line 48, ../sass/_skeleton.scss */
.container .thirteen.columns {
  width: 760px; }

/* line 49, ../sass/_skeleton.scss */
.container .fourteen.columns {
  width: 820px; }

/* line 50, ../sass/_skeleton.scss */
.container .fifteen.columns {
  width: 880px; }

/* line 51, ../sass/_skeleton.scss */
.container .sixteen.columns {
  width: 940px; }

/* line 53, ../sass/_skeleton.scss */
.container .one-third.column {
  width: 300px; }

/* line 54, ../sass/_skeleton.scss */
.container .two-thirds.column {
  width: 620px; }

/* Offsets */
/* line 57, ../sass/_skeleton.scss */
.container .offset-by-one {
  padding-left: 60px; }

/* line 58, ../sass/_skeleton.scss */
.container .offset-by-two {
  padding-left: 120px; }

/* line 59, ../sass/_skeleton.scss */
.container .offset-by-three {
  padding-left: 180px; }

/* line 60, ../sass/_skeleton.scss */
.container .offset-by-four {
  padding-left: 240px; }

/* line 61, ../sass/_skeleton.scss */
.container .offset-by-five {
  padding-left: 300px; }

/* line 62, ../sass/_skeleton.scss */
.container .offset-by-six {
  padding-left: 360px; }

/* line 63, ../sass/_skeleton.scss */
.container .offset-by-seven {
  padding-left: 420px; }

/* line 64, ../sass/_skeleton.scss */
.container .offset-by-eight {
  padding-left: 480px; }

/* line 65, ../sass/_skeleton.scss */
.container .offset-by-nine {
  padding-left: 540px; }

/* line 66, ../sass/_skeleton.scss */
.container .offset-by-ten {
  padding-left: 600px; }

/* line 67, ../sass/_skeleton.scss */
.container .offset-by-eleven {
  padding-left: 660px; }

/* line 68, ../sass/_skeleton.scss */
.container .offset-by-twelve {
  padding-left: 720px; }

/* line 69, ../sass/_skeleton.scss */
.container .offset-by-thirteen {
  padding-left: 780px; }

/* line 70, ../sass/_skeleton.scss */
.container .offset-by-fourteen {
  padding-left: 840px; }

/* line 71, ../sass/_skeleton.scss */
.container .offset-by-fifteen {
  padding-left: 900px; }

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
/*
    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

       
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }

*/
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
        /*
    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
/*        
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }
*/
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
/*
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }
*/
/* #Clearing
================================================== */
/* Self Clearing Goodness */
/* line 215, ../sass/_skeleton.scss */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
/* line 222, ../sass/_skeleton.scss */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

/* line 230, ../sass/_skeleton.scss */
.row:after,
.clearfix:after {
  clear: both; }

/* line 233, ../sass/_skeleton.scss */
.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
/* line 237, ../sass/_skeleton.scss */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

/* line 2, ../sass/_layout.scss */
iframe {
  display: block;
  margin: 0 auto;
  margin-bottom: 4em; }

/* line 7, ../sass/_layout.scss */
.full-container {
  min-width: 1200px; }

/* MISC */
/* line 11, ../sass/_layout.scss */
.brand-color {
  color: #005480; }

/* line 14, ../sass/_layout.scss */
.left {
  text-align: left; }

/* line 17, ../sass/_layout.scss */
.right {
  text-align: right; }

/* line 20, ../sass/_layout.scss */
.white-container {
  background: #fff;
  padding: 1em 0 1em 0;
  margin: 0; }

/* ICONS */
/* line 26, ../sass/_layout.scss */
.icon {
  color: #fff;
  font-size: 21px;
  padding: 1em;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
  /* line 33, ../sass/_layout.scss */
  .icon:hover {
    color: #005480;
    border-bottom: none; }

/* HEADER */
/* line 40, ../sass/_layout.scss */
header .logo {
  float: left;
  margin-top: 6px; }
/* line 44, ../sass/_layout.scss */
header h1.product-logo {
  display: block;
  margin: 0 auto;
  font-family: 'nerisblack', sans-serif;
  text-align: center;
  text-transform: uppercase; }
/* line 51, ../sass/_layout.scss */
header p {
  text-align: center;
  padding: 2em 9em;
  font-size: 1em; }

/* line 57, ../sass/_layout.scss */
.shark-bite {
  position: absolute;
  right: 0;
  top: 5em;
  margin: 0;
  padding: 0; }

/* line 64, ../sass/_layout.scss */
.black {
  color: #231f20; }

/* line 67, ../sass/_layout.scss */
.blue {
  color: #005480; }

/* line 70, ../sass/_layout.scss */
.black, .blue {
  font-weight: bold; }

/* line 74, ../sass/_layout.scss */
.emblem img {
  display: block;
  margin: 6em auto 0 auto; }

/* line 79, ../sass/_layout.scss */
#features {
  padding: 3em 0;
  background: url("../images/med.png") repeat;
  border-top: 1em solid #231f20; }
  /* line 83, ../sass/_layout.scss */
  #features h3 {
    text-align: center; }
  /* line 86, ../sass/_layout.scss */
  #features img {
    display: block;
    margin: 0 auto;
    padding: 1em; }
  /* line 91, ../sass/_layout.scss */
  #features p {
    text-align: center;
    margin: 0 2em 1em 2em;
    text-transform: capitalize; }

/* line 97, ../sass/_layout.scss */
#benefits {
  background-color: #005480;
  padding-bottom: 4em; }
  /* line 100, ../sass/_layout.scss */
  #benefits hr {
    border: solid #fff;
    margin: 0;
    margin-bottom: 3em; }
  /* line 105, ../sass/_layout.scss */
  #benefits p, #benefits ul {
    color: #fff; }
  /* line 108, ../sass/_layout.scss */
  #benefits ul {
    margin-top: 2em; }
  /* line 111, ../sass/_layout.scss */
  #benefits h1, #benefits h2, #benefits h3, #benefits h4, #benefits h5, #benefits h6, #benefits strong {
    color: #fff;
    font-family: 'nerisblack', sans-serif;
    text-transform: uppercase; }
  /* line 116, ../sass/_layout.scss */
  #benefits button, #benefits .mfg {
    margin-top: 2em;
    font-size: .857em; }
  /* line 120, ../sass/_layout.scss */
  #benefits .canada-leaf {
    height: 35.5px;
    width: 54px;
    display: block;
    margin: 0 auto; }
  /* line 126, ../sass/_layout.scss */
  #benefits strong {
    font-size: 0.65em; }

/* line 130, ../sass/_layout.scss */
.product img {
  display: block;
  margin: 0 auto; }

/* line 134, ../sass/_layout.scss */
.product-order {
  margin-bottom: 2em; }

/* line 137, ../sass/_layout.scss */
.order {
  display: block;
  margin: 0 auto 2em auto; }
  /* line 140, ../sass/_layout.scss */
  .order h1 {
    margin-bottom: 0; }
  /* line 143, ../sass/_layout.scss */
  .order ul {
    list-style: circle;
    color: #005480;
    padding-left: 18px;
    padding-top: 1em; }

/* NAV */
/* line 152, ../sass/_layout.scss */
nav {
  text-align: right;
  margin: auto auto;
  height: 3em;
  background: white; }

/* line 159, ../sass/_layout.scss */
.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  border-top: 0; }

/* line 168, ../sass/_layout.scss */
nav ul {
  padding: 10px 0; }
  /* line 170, ../sass/_layout.scss */
  nav ul li {
    color: #454545;
    display: inline;
    text-align: center;
    text-transform: uppercase;
    padding: 0 2em;
    font-size: 1em;
    font-weight: bold; }

/* line 180, ../sass/_layout.scss */
nav ul li:last-child {
  margin-right: 0; }

/* line 183, ../sass/_layout.scss */
nav ul li a {
  color: #454545;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
  /* line 188, ../sass/_layout.scss */
  nav ul li a:hover {
    color: #005480;
    padding-bottom: 0; }

/* why-chop, features,  */
/* line 197, ../sass/_layout.scss */
#features {
  background: #005480; }
  /* line 199, ../sass/_layout.scss */
  #features h1, #features h2, #features h3, #features h4, #features h5, #features h6 {
    color: #fff;
    text-align: center; }
  /* line 203, ../sass/_layout.scss */
  #features h1 {
    font-family: 'nerisblack', sans-serif; }
  /* line 206, ../sass/_layout.scss */
  #features p {
    color: #fff;
    max-width: 164px; }
  /* line 210, ../sass/_layout.scss */
  #features button {
    display: block;
    margin: 1em auto; }

/* line 215, ../sass/_layout.scss */
#accessories {
  background-color: #eee;
  border-top: 1em solid #686868;
  border-bottom: 1em solid #231f20;
  padding: 4em 0; }
  /* line 220, ../sass/_layout.scss */
  #accessories h1, #accessories h2, #accessories h3, #accessories h4, #accessories h5, #accessories h6 {
    font-family: 'nerisblack', sans-serif;
    color: #005480;
    text-transform: uppercase; }
  /* line 225, ../sass/_layout.scss */
  #accessories h1 {
    text-align: center; }

/* line 230, ../sass/_layout.scss */
.accessory img {
  display: block;
  margin: 2em auto;
  border: solid 1em #454545; }
/* line 235, ../sass/_layout.scss */
.accessory strong {
  color: #231f20; }
/* line 238, ../sass/_layout.scss */
.accessory p {
  padding-right: 4em;
  margin-top: 1em;
  margin-bottom: 0; }

/* ABOUT RUDNICKI */
/* line 245, ../sass/_layout.scss */
.about-logo {
  margin-top: 4em;
  max-width: 280px; }

/* line 249, ../sass/_layout.scss */
.company-info {
  margin: 4em 0; }

/* line 252, ../sass/_layout.scss */
.btn-company {
  margin: 8em 0 2em 0; }

/* FOOTER */
/* line 256, ../sass/_layout.scss */
footer {
  background-color: #231f20;
  border-top: 1em solid #686868;
  padding: 4em;
  color: #fff; }

/* line 262, ../sass/_layout.scss */
.admin-login {
  text-transform: uppercase; }

/* line 265, ../sass/_layout.scss */
.mail-icon {
  max-height: 14px; }

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

/* line 13, ../sass/_font-icons.scss */
.codrops-icon:before {
  font-family: 'codropsicons';
  margin: 0 4px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

/* line 25, ../sass/_font-icons.scss */
.codrops-icon-drop:before {
  content: "\e001"; }

/* line 29, ../sass/_font-icons.scss */
.codrops-icon-prev:before {
  content: "\e004"; }

/* line 33, ../sass/_font-icons.scss */
.codrops-icon-archive:before {
  content: "\e002"; }

/* line 37, ../sass/_font-icons.scss */
.codrops-icon-next:before {
  content: "\e000"; }

/* line 41, ../sass/_font-icons.scss */
.codrops-icon-about:before {
  content: "\e003"; }

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

/* line 56, ../sass/_font-icons.scss */
.icon-envelope:before {
  content: "\e000"; }

/* line 60, ../sass/_font-icons.scss */
.icon-cart:before {
  content: "\e007"; }

/* line 64, ../sass/_font-icons.scss */
.icon-cart-2:before {
  content: "\e008"; }

/* line 68, ../sass/_font-icons.scss */
.icon-heart:before {
  content: "\e009"; }

/* Filled heart */
/* line 74, ../sass/_font-icons.scss */
.icon-heart:after,
.icon-heart-2:before {
  content: "\e00a"; }

/* line 78, ../sass/_font-icons.scss */
.icon-star:before {
  content: "\e00b"; }

/* Filled star */
/* line 84, ../sass/_font-icons.scss */
.icon-star:after,
.icon-star-2:before {
  content: "\e00c"; }

/* line 88, ../sass/_font-icons.scss */
.icon-arrow-right:before {
  content: "\e00d"; }

/* line 92, ../sass/_font-icons.scss */
.icon-arrow-left:before {
  content: "\e003"; }

/* line 96, ../sass/_font-icons.scss */
.icon-truck:before {
  content: "\e00e"; }

/* line 100, ../sass/_font-icons.scss */
.icon-remove:before {
  content: "\e00f"; }

/* line 104, ../sass/_font-icons.scss */
.icon-cog:before {
  content: "\e010"; }

/* line 109, ../sass/_font-icons.scss */
.icon-plus:before,
.icon-plus:after {
  content: "\e011"; }

/* line 113, ../sass/_font-icons.scss */
.icon-minus:before {
  content: "\e012"; }

/* line 117, ../sass/_font-icons.scss */
.bh-icon-smiley:before {
  content: "\e001"; }

/* line 121, ../sass/_font-icons.scss */
.bh-icon-sad:before {
  content: "\e002"; }

/* line 125, ../sass/_font-icons.scss */
.icon-file:before {
  content: "\e004"; }

/* line 129, ../sass/_font-icons.scss */
.icon-remove-2:before {
  content: "\e005"; }

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

/* line 146, ../sass/_font-icons.scss */
[class^="icon-"], [class*=" icon-"] {
  font-family: 'social-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* line 160, ../sass/_font-icons.scss */
.icon-home:before {
  content: "\e600"; }

/* line 163, ../sass/_font-icons.scss */
.icon-facebook-sign:before {
  content: "\e601"; }

/* line 166, ../sass/_font-icons.scss */
.icon-phone:before {
  content: "\e602"; }

/* line 169, ../sass/_font-icons.scss */
.icon-mail:before {
  content: "\e603"; }

/* line 172, ../sass/_font-icons.scss */
.hi-icon-wrap {
  text-align: center;
  margin: 0 auto;
  padding: 1em 0 2em; }

/* line 178, ../sass/_font-icons.scss */
.hi-icon {
  font-family: inherit;
  display: inline-block;
  font-size: 1em;
  cursor: normal;
  margin-top: 2em;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #fff;
  padding-top: 2.5em;
  line-height: 0em;
  letter-spacing: .25em; }

/* line 197, ../sass/_font-icons.scss */
.hi-icon:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  font-family: 'nerisblack', sans-serif;
  content: '';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

/* line 210, ../sass/_font-icons.scss */
.hi-icon:before {
  font-family: 'nerisblack', sans-serif;
  speak: none;
  font-size: 5em;
  line-height: 1.5em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: block;
  -webkit-font-smoothing: antialiased; }

/* line 223, ../sass/_font-icons.scss */
.hi-icon-1:before {
  content: "1"; }

/* line 226, ../sass/_font-icons.scss */
.hi-icon-2:before {
  content: "2"; }

/* line 229, ../sass/_font-icons.scss */
.hi-icon-3:before {
  content: "3"; }

/* line 232, ../sass/_font-icons.scss */
.hi-icon-4:before {
  content: "4\201C"; }

/* Effect 1 */
/* line 237, ../sass/_font-icons.scss */
.hi-icon-effect-1 .hi-icon {
  background: rgba(255, 255, 255, 0.1);
  -webkit-transition: background 0.2s, color 0.2s;
  -moz-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s; }

/* line 244, ../sass/_font-icons.scss */
.hi-icon-effect-1 .hi-icon:after {
  top: -7px;
  left: -7px;
  padding: 7px;
  box-shadow: 0 0 0 4px #fff;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -webkit-transform: scale(0.8);
  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transition: transform 0.2s, opacity 0.2s;
  transform: scale(0.8);
  opacity: 0; }

/* Effect 1a */
/* line 260, ../sass/_font-icons.scss */
.no-touch .hi-icon-effect-1a .hi-icon:hover {
  background: white;
  color: #005480; }

/* line 265, ../sass/_font-icons.scss */
.no-touch .hi-icon-effect-1a .hi-icon:hover:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

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

@font-face {
  font-family: 'neris';
  src: url("fonts/Neris-LightItalic-webfont.eot");
  src: url("fonts/Neris-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Neris-LightItalic-webfont.woff") format("woff"), url("fonts/Neris-LightItalic-webfont.ttf") format("truetype"), url("fonts/Neris-LightItalic-webfont.svg#neris") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'neris';
  src: url("fonts/Neris-SemiBold-webfont.eot");
  src: url("fonts/Neris-SemiBold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Neris-SemiBold-webfont.woff") format("woff"), url("fonts/Neris-SemiBold-webfont.ttf") format("truetype"), url("fonts/Neris-SemiBold-webfont.svg#neris") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'neris';
  src: url("fonts/Neris-SemiBoldItalic-webfont.eot");
  src: url("fonts/Neris-SemiBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Neris-SemiBoldItalic-webfont.woff") format("woff"), url("fonts/Neris-SemiBoldItalic-webfont.ttf") format("truetype"), url("fonts/Neris-SemiBoldItalic-webfont.svg#neris") format("svg");
  font-weight: bold;
  font-style: italic; }

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

/* line 1, ../sass/_modal.scss */
#lean_overlay {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none; }

/* line 1, ../sass/_order.scss */
#order h1 {
  margin: 10px 0 10px;
  font-size: 24px;
  color: #005480; }

/* line 2, ../sass/_order.scss */
#order hr {
  color: inherit;
  height: 0;
  margin: 6px 0 6px 0;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-style: none none solid; }

/* line 4, ../sass/_order.scss */
#order {
  display: block;
  width: 650px;
  margin: 0 auto;
  padding: 35px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

/* Form style */
/* line 8, ../sass/_order.scss */
#order label {
  display: inline-block;
  float: left;
  height: 33px;
  font-size: 1.5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

/* line 9, ../sass/_order.scss */
#order input, textarea, select {
  width: 280px;
  margin: 0;
  padding: 5px;
  color: #666;
  background: #f5f5f5;
  border: 1px solid #ccc;
  margin: 5px 0;
  font: 1.5em 'nerisbold', Arial, sans-serif;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

/* line 10, ../sass/_order.scss */
#order input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  background-color: #fff;
  color: #333; }

/* line 11, ../sass/_order.scss */
#order input.submit {
  width: 85px;
  cursor: pointer;
  border: 1px solid #222;
  background: #333;
  color: #fff; }

/* line 12, ../sass/_order.scss */
#order input.submit:hover {
  background: #444; }

/* line 13, ../sass/_order.scss */
#order input[type="submit"][disabled] {
  background: #888;
  cursor: default; }

/* line 14, ../sass/_order.scss */
#order fieldset {
  padding: 20px;
  border: 1px solid #eee;
  moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

/* line 15, ../sass/_order.scss */
#order legend {
  padding: 7px 10px;
  font-weight: bold;
  color: #000;
  border: 1px solid #eee;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-bottom: 0 !important;
  margin-bottom: 20px; }

/* line 17, ../sass/_order.scss */
#order span.required {
  font-size: 13px;
  color: #ff0000; }

/* Select the colour of the * if the field is required. */
/* line 19, ../sass/_order.scss */
#message {
  margin: 10px 0;
  padding: 0; }

/* line 21, ../sass/_order.scss */
.error_message {
  display: block;
  line-height: 22px;
  background: #fbe3e4 url("../images/error.gif") no-repeat 10px 6px;
  padding: 3px 10px 3px 35px;
  color: #8a1f11;
  border: 1px solid #FBC2C4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

/* line 23, ../sass/_order.scss */
ul.error_messages {
  margin: 0 0 0 15px;
  padding: 0; }

/* line 24, ../sass/_order.scss */
ul.error_messages li {
  height: 22px;
  line-height: 22px;
  color: #333; }

/* line 26, ../sass/_order.scss */
.loader {
  padding: 0 10px; }

/* line 28, ../sass/_order.scss */
#order #success_page h1 {
  background: url("../images/success.gif") left no-repeat;
  padding-left: 22px; }

/* line 30, ../sass/_order.scss */
acronym {
  border-bottom: 1px dotted #ccc; }