/**
 * Simple helpers
 */
.ib {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.img-l {
  float: left;
  margin-right: 10px;
}
.img-r {
  float: right;
  margin-left: 10px;
}
/**
 * General grid layout for ul/ol
 */
.grid,
.grid > li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.grid > li {
  vertical-align: top;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
/**
 * Grids
 */
.line,
.lastUnit {
  overflow: hidden;
  *overflow: visible;
  *zoom: 1;
}
.unit {
  float: left;
}
.unitRight {
  float: right;
}
.size1of1 {
  float: none;
}
.size1of2 {
  width: 50%;
}
.size1of3 {
  width: 33.33333%;
}
.size2of3 {
  width: 66.66666%;
}
.size1of4 {
  width: 25%;
}
.size3of4 {
  width: 75%;
}
.size1of5 {
  width: 20%;
}
.size2of5 {
  width: 40%;
}
.size3of5 {
  width: 60%;
}
.size4of5 {
  width: 80%;
}
.lastUnit {
  float: none;
  width: auto;
  _position: relative;
  _left: -3px;
  _margin-right: -3px;
}
/**
 * General media block layout
 */
.media,
.bd {
  overflow: hidden;
  *overflow: visible;
  zoom: 1;
}
.media .img {
  float: left;
}
.media .img img {
  display: block;
}
.media .rh {
  float: right;
}
/**
 * Generic slideshow styling
 */
.slideshow {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.slideshow > li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/**
 * Generic form layout
 */
.fields {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.fields > li {
  clear: left;
  margin: 6px 0;
  padding: 0;
}
.fields > li > label {
  float: left;
  width: 40%;
  margin-right: 10px;
  text-align: right;
}
/**
 * Generic styling classes
 */
.strong {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.nowrap {
  white-space: nowrap;
}
.pad-left {
  padding-left: 25px;
}
.pad {
  padding: 10px;
}
.big-hit,
.pointer {
  cursor: pointer;
}
.strike {
  text-decoration: line-through;
}
.page-break {
  page-break-before: always;
}
.underline {
  text-decoration: underline;
}
.strikethrough {
  text-decoration: line-through;
}
.indent {
  margin-left: 50px;
}
.left {
  float: left;
}
.center {
  text-align: center;
}
.right {
  float: right;
}
.top {
  vertical-align: top;
}
.bottom {
  vertical-align: bottom;
}
th {
  text-align: left;
}
td.left,
th.left {
  float: none;
  text-align: left;
}
td.center,
th.center {
  text-align: center;
}
td.right,
th.right {
  float: none;
  text-align: right;
}
* {
  font-size: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a,
:-moz-any-link:focus {
  outline: none;
}
/*
** Variables =================================================
*/
.w-overlay {
  background: rgba(255, 255, 255, 0.91);
}
.g-overlay {
  background: rgba(153, 153, 153, 0.95);
}
::-moz-selection {
  background: rgba(231, 87, 66, 0.3);
  color: black;
  text-shadow: none;
}
::selection {
  background: rgba(231, 87, 66, 0.3);
  color: black;
  text-shadow: none;
}
/*
** Base Styles =================================================
*/
html,
body {
  background: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  color: #666666;
}
.mceContentBody {
  margin: 0;
  padding: 1px 10px;
  background: white;
  min-height: 400px;
  color: #999999;
}
/*
** Typography ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
a,
a:link,
a:visited,
a:active {
  color: #e75742;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
p {
  margin: 0 0 7px 0;
}
.fa {
  color: #fff;
}
h1,
h2,
h3,
h4,
h5,
blockquote {
  color: #333333;
}
h1 {
  font-size: 2.167em;
  margin: 0 0 20px 0;
  line-height: 1.167em;
}
h2 {
  margin: 0 0 14px 0;
  font-size: 1.333em;
  text-transform: uppercase;
}
h3 {
  margin: 0 0 12px 0;
  font-size: 1em;
  text-transform: uppercase;
}
h4 {
  margin: 0 0 8px 0;
  font-size: 1em;
  text-transform: uppercase;
}
blockquote {
  font-size: 1.667em;
  color: #333333;
  margin: 0 0 20px 0;
  padding: 0;
}
p.more,
p.back,
p.up {
  margin: 20px 0 10px;
}
p.more a,
p.back a,
p.up a {
  font-size: 0.917em;
  color: #e75742;
}
p.more a .tarr,
p.back a .tarr,
p.up a .tarr {
  border-left-color: #e75742;
}
p.more a em,
p.back a em,
p.up a em {
  display: block;
  margin: 0;
  border: 0;
  padding: 0;
  background: transparent url('../img/template/sprite.png') no-repeat;
  background-size: 700px auto;
  text-indent: -1000em;
  overflow: hidden;
  background-color: #e75742;
  background-position: -370px 0;
  display: inline-block;
  width: 16px;
  height: 10px;
  vertical-align: middle;
  margin: 0 0 0 10px;
}
p.more a:hover,
p.back a:hover,
p.up a:hover {
  text-decoration: underline;
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -ms-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}
p.more a:hover .tarr,
p.back a:hover .tarr,
p.up a:hover .tarr {
  border-left-color: #ffffff;
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -ms-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}
p.back a span {
  margin: 0 6px 0 0;
  background-position: -370px -15px;
}
p.back a .tarr {
  border-left-color: transparent;
  border-right-color: #666666;
  margin: 0 5px 0 -3px;
}
p.back a:hover .tarr {
  border-left-color: transparent;
  border-right-color: #ffffff;
}
p.up a .tarr {
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #666666;
  margin: -3px 5px 0 0;
}
p.up a:hover .tarr {
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #ffffff;
}
p.small-more .tarr {
  border-left-color: #e75742;
}
p.note,
.note {
  font-style: italic;
  font-size: 0.917em;
}
p.note em,
.note em {
  color: #e75742;
}
p.bar {
  font-size: 0.917em;
}
p.bar em {
  font-weight: bold;
  font-style: normal;
}
p.ref em {
  color: #e75742;
  font-style: normal;
}
p.date {
  margin-bottom: 14px;
  font-style: italic;
  font-size: 0.917em;
}
.abbref {
  text-align: right;
}
.abbref em {
  font-size: 0.917em;
  float: left;
  font-weight: bold;
  color: #e75742;
  font-style: normal;
}
p.instock {
  color: #009245;
}
p.outstock {
  color: #C1272D;
}
.short-details p {
  font-size: 0.917em;
}
.clipped-details {
  font-style: italic;
  max-height: 42px;
  overflow: hidden;
}
p.bold {
  color: #ffffff;
  font-size: 1.167em;
}
.large {
  font-size: 2.167em;
}
.right-align {
  text-align: right;
}
.breadcrumb {
  font-size: 0.667em;
  margin: -30px 0 30px;
}
.breadcrumb a {
  color: #333333;
  font-weight: bold;
}
.small-details p {
  font-size: 0.917em;
}
/*
** Helpers =================================================
*/
/*Images*/
.sprite {
  display: block;
  margin: 0;
  border: 0;
  padding: 0;
  background: transparent url('../img/template/sprite.png') no-repeat;
  background-size: 700px auto;
  text-indent: -1000em;
  overflow: hidden;
}
.lt-ie9 .sprite {
  background-image: url('../img/template/ie_sprite.png');
}
/* rounded corners */
/* box shadow */
/* CSS Transitions */
/* CSS Transformations */
/* Translate Y */
/* Translate X */
/* Clearfix */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
/* Shonky Browsers */
.chromeframe {
  padding: 2.167em;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  font-size: 12px;
  background: white;
  text-align: center;
  color: black;
}
.chromeframe strong {
  font-size: 1.333em;
}
/* Box Sizing */
.box-size {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* Plain List */
.list-basic {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-basic li {
  padding: 0;
  list-style: none;
}
/* Bulleted List */
.bulleted li {
  list-style-image: url('../img/template/bullet.gif');
  line-height: 30px;
}
/* Trangular Arrows */
.tarr {
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border: 4px solid transparent;
  margin: 0 0 0 6px;
  display: inline-block;
  vertical-align: middle;
}
.tarr.append {
  margin: 0 6px 0 0;
}
.tarr.up {
  border-bottom-color: #ffffff;
  margin-bottom: 5px;
}
.tarr.down {
  border-top-color: #ffffff;
}
.tarr.lft {
  border-right-color: #ffffff;
}
.tarr.rght {
  border-left-color: #ffffff;
}
/*
** Forms ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
/* DEFAULT FORM DEFINITIONS */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
select,
textarea {
  border: 1px solid #cccccc;
  background: #fff;
  color: #666666;
  font-size: 1em;
  padding: 6px 4px;
  width: 100%;
}
input:focus,
textarea:focus,
select {
  outline: none;
}
input.small {
  width: 25px;
  text-align: center;
}
input.med {
  width: 40px;
}
select {
  padding: 0;
}
select.inline {
  width: 40%;
}
input[type="radio"] {
  margin: 0 4px 10px 0;
}
button {
  background: #666666;
  border: none;
  text-transform: lowercase;
  font-weight: bold;
  padding: 9px 10px;
  text-align: left;
  color: white;
  position: relative;
  display: inline-block;
}
button:hover {
  background: #e75742;
  color: white;
}
button.small-button {
  padding: 2px 6px;
  background: #666666;
  font-size: 0.917em;
  margin-bottom: 4px;
}
.extra-info {
  display: none;
}
label.inline {
  margin-right: 4px;
}
label.error {
  font-size: 0.917em;
  font-weight: bold;
  color: #e75742;
}
label em {
  color: #e75742;
}
input.inline,
select.inline {
  width: 230px;
  margin-right: 6px;
}
.error {
  color: #e75742;
  font-weight: bold;
  margin-bottom: 10px;
}
/*
** More Specific Form Styles
*/
.default-form {
  margin-bottom: 40px;
}
.default-form p {
  overflow: auto;
  margin-bottom: 4px;
}
.default-form .form-desc {
  margin-bottom: 10px;
}
.default-form label {
  color: #666666;
  font-size: 0.917em;
  text-transform: lowercase;
}
.default-form label.normal {
  font-weight: normal;
  font-style: normal;
}
.default-form label.error {
  display: block;
  padding-right: 10px;
}
.default-form .corner-text {
  margin-right: 0;
}
.default-form input[type="checkbox"] {
  margin-left: 6px;
}
.default-form button {
  background: none;
  font-size: 0.917em;
  color: #e75742;
  padding: 0;
  margin: 30px 0 10px;
}
.default-form button .tarr {
  border-left-color: #e75742;
}
.default-form button span {
  display: block;
  margin: 0;
  border: 0;
  padding: 0;
  background: transparent url('../img/template/sprite.png') no-repeat;
  background-size: 700px auto;
  text-indent: -1000em;
  overflow: hidden;
  background-color: #e75742;
  background-position: -370px 0;
  display: inline-block;
  width: 16px;
  height: 10px;
  vertical-align: middle;
  margin: 0 0 0 10px;
}
.default-form button:hover {
  text-decoration: underline;
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -ms-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}
.default-form button:hover .tarr {
  border-left-color: #ffffff;
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -ms-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}
.default-form .checkbox-container {
  overflow: auto;
  margin-bottom: 20px;
}
.default-form .checkbox-container ul {
  float: right;
  width: 60%;
}
.default-form .checkbox-container ul li.first input {
  margin-left: 0;
}
/*
** Tables ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
table {
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
}
table th {
  background: #e75742;
  color: #fff;
  padding: 16px;
}
table td {
  background: #e6e6e6;
  padding: 16px;
  min-height: 50px;
}
.status {
  margin-bottom: 20px;
  font-weight: bold;
  font-style: italic;
  border: 1px solid #e75742;
  text-align: center;
  padding: 8px 0;
  color: #e75742;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}
/*
** Other Common Styles ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.terms {
  color: #999999;
}
.terms .beavers {
  float: right;
  display: block;
  margin: 0;
  border: 0;
  padding: 0;
  background: transparent url('../img/template/sprite.png') no-repeat;
  background-size: 700px auto;
  text-indent: -1000em;
  overflow: hidden;
  display: inline-block;
  width: 11px;
  height: 14px;
  background-position: -300px 0;
}
.terms .beavers:hover {
  background-position: -315px 0;
}
hr {
  margin: 1.333em 0;
  border-bottom: 1px solid #cccccc;
  border-top: none;
}
.no-margin {
  margin: 0;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
.divider {
  border-bottom: 1px solid #ccc;
  margin: 20px 0;
  width: 100%;
}
.margin-bottom {
  margin-bottom: 40px;
}
.margin-top {
  margin-bottom: 20px;
}
.smaller {
  font-size: 0.917em;
}
.page-links {
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 20px;
  font-size: 0.917em;
}
.page-links li {
  padding: 0;
  list-style: none;
}
.page-links li {
  margin: 0 1px;
  color: #fff;
  font-weight: bold;
}
.page-links li a,
.page-links li strong {
  color: #fff;
  background: #666666;
  display: block;
  padding: 3px 6px;
}
.page-links li a:hover,
.page-links li strong:hover {
  background: #cccccc;
  color: #666;
  text-decoration: none;
}
.page-links li strong {
  background: #e75742;
  padding: 3px 6px;
}
.page-links .last {
  margin-right: 0;
}
/*
** Basic Layout Definitions & Media Queries  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.site-width {
  width: 100%;
  padding: 0 5px;
}
.full-width,
.one-half,
.one-third,
.two-thirds,
.one-quarter,
.two-quarters,
.three-quarters,
.one-fifth,
.two-fifths,
.three-fifths,
.four-fifths {
  width: 100%;
}
.columns > li {
  padding: 0 10px 10px 0;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.columns > li.last {
  border-bottom: none;
}
.columns img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.columns .full-width,
.columns .one-half,
.columns .one-third,
.columns .two-thirds,
.columns .one-quarter,
.columns .two-quarters,
.columns .three-quarters,
.columns .one-fifth,
.columns .two-fifths,
.columns .three-fifths,
.columns .four-fifths {
  width: 100%;
}
.mob-grid {
  text-align: center;
}
.mob-grid li {
  text-align: left;
}
.mob-grid .full-width,
.mob-grid .one-half,
.mob-grid .one-third,
.mob-grid .two-thirds,
.mob-grid .one-quarter,
.mob-grid .two-quarters,
.mob-grid .three-quarters,
.mob-grid .one-fifth,
.mob-grid .two-fifths,
.mob-grid .three-fifths,
.mob-grid .four-fifths {
  width: 50%;
}
/* 640px */
@media only screen and (min-width: 640px) {
  .columns {
    padding: 0;
    margin: 0;
  }
  .columns > li {
    padding: 0 20px 0 0;
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: none;
    list-style: none;
  }
  .columns > li.lrg-padding {
    padding: 0 40px 0 0;
  }
  .columns .full-width {
    width: 100%;
  }
  .columns .one-half {
    width: 50%;
  }
  .columns .one-third {
    width: 33.3333%;
  }
  .columns .two-thirds {
    width: 66.666%;
  }
  .columns .one-quarter {
    width: 25%;
  }
  .columns .two-quarters {
    width: 50%;
  }
  .columns .three-quarters {
    width: 75%;
  }
  .columns .one-fifth {
    width: 20%;
  }
  .columns .two-fifths {
    width: 40%;
  }
  .columns .three-fifths {
    width: 60%;
  }
  .columns .four-fifths {
    width: 80%;
  }
  .mob-grid {
    text-align: left;
  }
}
/* end 640px */
/* 768px */
@media only screen and (min-width: 768px) {
  .site-width {
    width: 738px;
    margin: 0 auto;
    padding: 0;
  }
}
/* end 768px */
/* 1024px */
@media only screen and (min-width: 1024px) {
  .site-width {
    width: 994px;
  }
}
/* end 1024px */
/* 1280px */
@media only screen and (min-width: 1280px) {
  .site-width {
    width: 1280px;
  }
  .columns img {
    max-width: none;
  }
}
/* end 1280px */
/*!
 *  Weather Icons Beta 1
 *  Weather themed icons for Bootstrap
 *  ------------------------------------------------------------------------------
  * Maintained at http://erikflowers.github.io/weather-icons
 *  http://twitter.com/Erik_UX
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - Fpmt licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - CSS and LESS are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Inspired by and works great as a companion with Font Aweosme
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Weather Icons Bootstrap Package Author - Erik Flowers - erik@helloerik.com
 *  Weather Icons gives full credit for inspiration to Font Awesome and makes no
 *  claim to invention, intellectual property, or ownership of methodology.
 *
 *  Support Open Source!
 *
 *  ------------------------------------------------------------------------------
 *  Email: erik@helloerik.com
 *  Twitter: http://twitter.com/Erik_UX
 */
@font-face {
  font-family: 'weather';
  src: url('../font/weathericons-regular-webfont.eot');
  src: url('../font/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/weathericons-regular-webfont.woff') format('woff'), url('../font/weathericons-regular-webfont.ttf') format('truetype'), url('../font/weathericons-regular-webfont.svg#weathericons-regular-webfontRg') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="wi-"],
[class*=" wi-"] {
  font-family: weather;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}
[class^="wi-"]:before,
[class*=" wi-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
.wi-day-cloudy-gusts:before {
  content: "\f000";
}
.wi-day-cloudy-windy:before {
  content: "\f001";
}
.wi-day-cloudy:before {
  content: "\f002";
}
.wi-day-fog:before {
  content: "\f003";
}
.wi-day-hail:before {
  content: "\f004";
}
.wi-day-lightning:before {
  content: "\f005";
}
.wi-day-rain-mix:before {
  content: "\f006";
}
.wi-day-rain-wind:before {
  content: "\f007";
}
.wi-day-rain:before {
  content: "\f008";
}
.wi-day-showers:before {
  content: "\f009";
}
.wi-day-snow:before {
  content: "\f00a";
}
.wi-day-sprinkle:before {
  content: "\f00b";
}
.wi-day-sunny-overcast:before {
  content: "\f00c";
}
.wi-day-sunny:before {
  content: "\f00d";
}
.wi-day-storm-showers:before {
  content: "\f00e";
}
.wi-day-thunderstorm:before {
  content: "\f010";
}
.wi-cloudy-gusts:before {
  content: "\f011";
}
.wi-cloudy-windy:before {
  content: "\f012";
}
.wi-cloudy:before {
  content: "\f013";
}
.wi-fog:before {
  content: "\f014";
}
.wi-hail:before {
  content: "\f015";
}
.wi-lightning:before {
  content: "\f016";
}
.wi-rain-mix:before {
  content: "\f017";
}
.wi-rain-wind:before {
  content: "\f018";
}
.wi-rain:before {
  content: "\f019";
}
.wi-showers:before {
  content: "\f01a";
}
.wi-snow:before {
  content: "\f01b";
}
.wi-sprinkle:before {
  content: "\f01c";
}
.wi-storm-showers:before {
  content: "\f01d";
}
.wi-thunderstorm:before {
  content: "\f01e";
}
.wi-windy:before {
  content: "\f021";
}
.wi-night-alt-cloudy-gusts:before {
  content: "\f022";
}
.wi-night-alt-cloudy-windy:before {
  content: "\f023";
}
.wi-night-alt-hail:before {
  content: "\f024";
}
.wi-night-alt-lightning:before {
  content: "\f025";
}
.wi-night-alt-rain-mix:before {
  content: "\f026";
}
.wi-night-alt-rain-wind:before {
  content: "\f027";
}
.wi-night-alt-rain:before {
  content: "\f028";
}
.wi-night-alt-showers:before {
  content: "\f029";
}
.wi-night-alt-snow:before {
  content: "\f02a";
}
.wi-night-alt-sprinkle:before {
  content: "\f02b";
}
.wi-night-alt-storm-showers:before {
  content: "\f02c";
}
.wi-night-alt-thunderstorm:before {
  content: "\f02d";
}
.wi-night-clear:before {
  content: "\f02e";
}
.wi-night-cloudy-gusts:before {
  content: "\f02f";
}
.wi-night-cloudy-windy:before {
  content: "\f030";
}
.wi-night-cloudy:before {
  content: "\f031";
}
.wi-night-hail:before {
  content: "\f032";
}
.wi-night-lightning:before {
  content: "\f033";
}
.wi-night-rain-mix:before {
  content: "\f034";
}
.wi-night-rain-wind:before {
  content: "\f035";
}
.wi-night-rain:before {
  content: "\f036";
}
.wi-night-showers:before {
  content: "\f037";
}
.wi-night-snow:before {
  content: "\f038";
}
.wi-night-sprinkle:before {
  content: "\f039";
}
.wi-night-storm-showers:before {
  content: "\f03a";
}
.wi-night-thunderstorm:before {
  content: "\f03b";
}
.wi-celcius:before {
  content: "\f03c";
}
.wi-cloud-down:before {
  content: "\f03d";
}
.wi-cloud-refresh:before {
  content: "\f03e";
}
.wi-cloud-up:before {
  content: "\f040";
}
.wi-cloud:before {
  content: "\f041";
}
.wi-degrees:before {
  content: "\f042";
}
.wi-down-left:before {
  content: "\f043";
}
.wi-down:before {
  content: "\f044";
}
.wi-fahrenheit:before {
  content: "\f045";
}
.wi-horizon-alt:before {
  content: "\f046";
}
.wi-horizon:before {
  content: "\f047";
}
.wi-left:before {
  content: "\f048";
}
.wi-lightning:before {
  content: "\f016";
}
.wi-night-fog:before {
  content: "\f04a";
}
.wi-refresh-alt:before {
  content: "\f04b";
}
.wi-refresh:before {
  content: "\f04c";
}
.wi-right:before {
  content: "\f04d";
}
.wi-sprinkles:before {
  content: "\f04e";
}
.wi-strong-wind:before {
  content: "\f050";
}
.wi-sunrise:before {
  content: "\f051";
}
.wi-sunset:before {
  content: "\f052";
}
.wi-thermometer-exterior:before {
  content: "\f053";
}
.wi-thermometer-internal:before {
  content: "\f054";
}
.wi-thermometer:before {
  content: "\f055";
}
.wi-tornado:before {
  content: "\f056";
}
.wi-up-right:before {
  content: "\f057";
}
.wi-up:before {
  content: "\f058";
}
.wi-wind-east:before {
  content: "\f059";
}
.wi-wind-north-east:before {
  content: "\f05a";
}
.wi-wind-north-west:before {
  content: "\f05b";
}
.wi-wind-north:before {
  content: "\f05c";
}
.wi-wind-south-east:before {
  content: "\f05d";
}
.wi-wind-south-west:before {
  content: "\f05e";
}
.wi-wind-south:before {
  content: "\f060";
}
.wi-wind-west:before {
  content: "\f061";
}
html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  font-size: 11px;
}
.skrollable {
  /*
	 * First-level skrollables are positioned relative to window
	 */

  position: fixed;
  /*
	 * Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
	 */

  z-index: 100;
}
.skrollr-mobile .skrollable {
  /*
		May cause issues on Android default browser (see #331 on GitHub).
	*/

  position: absolute;
}
.skrollable .skrollable {
  /*
	 * Second-level skrollables are positioned relative their parent skrollable
	 */

  position: absolute;
}
.skrollable .skrollable .skrollable {
  /*
	 * Third-level (and below) skrollables are positioned static
	 */

  position: static;
}
.large-bgd {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('../../files/img/bgd_clouds1.png');
}
/* Typography */
@font-face {
  font-family: 'entypo';
  src: url('../font/entypo.eot');
  src: url('../font/entypo.eot?#iefix') format('embedded-opentype'), url('../font/entypo.woff') format('woff'), url('../font/entypo.ttf') format('truetype'), url('../font/entypo.svg#entypo') format('svg');
  font-weight: normal;
  font-style: normal;
}
.entypo {
  font-family: "entypo";
}
p {
  font-size: 1.333em;
  color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333333;
}
h2 {
  font-size: 1.917em;
  margin-bottom: 1em;
}
/* Layout */
header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100000;
  background: #333333;
}
.header-contact {
  display: none;
}
.logo {
  color: #fff;
  text-align: center;
  margin: 6px 0;
  font-size: 1.5em;
  padding-left: 10px;
}
.logo em {
  display: inline-block;
  width: 50px;
  height: 38px;
  margin-right: 10px;
  /*width: 80px;
		height: 61px;*/

  background: transparent url('../img/logo_small.png') no-repeat 0 0;
  background-size: cover;
  vertical-align: middle;
}
.logo a {
  color: #fff;
}
.main-nav {
  display: none;
  background: #666666;
  text-align: center;
  text-transform: uppercase;
}
.main-nav li {
  margin: 8px 4px;
  font-size: 0.85em;
}
.main-nav a,
.main-nav a:hover,
.main-nav a:visited,
.main-nav a:active {
  color: #fff;
  padding: 2px 4px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -ms-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}
.main-nav a:hover,
.main-nav a:hover:hover,
.main-nav a:visited:hover,
.main-nav a:active:hover {
  text-decoration: none;
  background: #999999;
}
.main-nav a.active,
.main-nav a:hover.active,
.main-nav a:visited.active,
.main-nav a:active.active {
  background: #e75742;
}
.slide {
  background-attachment: fixed;
  width: 100%;
  height: 900px;
  position: relative;
  background: #f0d69f;
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -ms-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}
.slide h2 {
  position: absolute;
  top: 50%;
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -ms-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}
.wrapper {
  height: 100%;
  width: 100%;
}
.wrapper h2 {
  position: absolute;
  top: 50%;
  /*left: 0;*/

  width: 100%;
  text-align: center;
}
.wrapper h2.center {
  left: 0;
}
.wrapper .message {
  text-align: center;
  position: absolute;
  top: 60%;
  left: 0;
  width: 100%;
}
.wrapper .icon {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 15%;
  left: 0;
  font-size: 10em;
  color: #fff;
  font-style: normal;
}
.wrapper .icon.entypo {
  font-size: 20em;
  line-height: 0.667em;
}
.wrapper .centre-logo {
  left: 50%;
  margin-left: -80px;
  width: 160px;
  height: auto;
}
.wrapper .contact-slide h2 {
  color: #fff;
  top: 15%;
}
.wrapper .contact-slide .message {
  top: 25%;
  right: 0;
  width: 100%;
  text-align: center;
  font-size: 1.167em;
}
.wrapper .contact-slide .logo-address {
  font-size: 0.917em;
  text-transform: uppercase;
}
.wrapper .contact-slide .logo-address img {
  display: none;
  margin: 0 auto 20px;
}
.wrapper .contact-slide .large-contact {
  font-size: 1.917em;
  color: #f0d69f;
  text-align: center;
  width: 100%;
}
.wrapper .contact-slide .large-contact a {
  color: #f0d69f;
}
.wrapper .contact-slide .large-contact a:hover {
  text-decoration: underline;
}
.wrapper .contact-slide .logo-address {
  top: auto;
  bottom: 20%;
  width: 100%;
  text-align: center;
}
.wrapper .round {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #e75742;
  padding: 6px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  color: #fff;
  font-size: 0.85em;
  margin-bottom: 6px;
  text-align: center;
}
.wrapper .social-icons .round {
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  -khtml-border-radius: 60px;
  border-radius: 60px;
  background: #fff;
  color: #666;
  font-size: 1.333em;
  width: 30px;
  height: 30px;
  line-height: 20px;
  margin: 0 4px;
}
.wrapper .social-icons .round:hover {
  background: #e75742;
  color: #fff;
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -ms-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}
.wrapper .social-icons .round.fa-twitter:hover {
  background: #00aced;
}
.wrapper .social-icons .round.fa-facebook:hover {
  background: #3b5998;
}
.wrapper .social-icons .round.fa-linkedin:hover {
  background: #007bb6;
}
.bgd-element {
  background: #fff;
  position: absolute;
}
.e1 {
  width: 60px;
  height: 60px;
  top: 20%;
}
.e2 {
  width: 120px;
  height: 120px;
  top: 80%;
}
.scroll-down {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  z-index: 1000;
}
.scroll-down .fa {
  font-size: 2em;
  display: block;
}
.scroll-down a,
.scroll-down a:link,
.scroll-down a:visited,
.scroll-down a:active {
  display: block;
  color: #fff;
}
.scroll-down a:hover,
.scroll-down a:link:hover,
.scroll-down a:visited:hover,
.scroll-down a:active:hover {
  text-decoration: none;
}
/* 640px */
@media only screen and (min-width: 640px) {
  html,
  body {
    font-size: 12px;
  }
}
/* end 640px */
/* 768px */
@media only screen and (min-width: 768px) {
  html,
  body {
    font-size: 14px;
  }
  /* header */
  .logo {
    display: inline-block;
    text-align: left;
    width: 50%;
  }
  .header-contact {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    text-align: right;
    font-size: 1em;
    padding: 6px;
  }
  .header-contact .round {
    font-size: 1em;
  }
  .header-contact i {
    margin-left: 10px;
    vertical-align: middle;
  }
  .header-contact a {
    color: #fff;
  }
  .main-nav {
    display: block;
  }
  .main-nav li {
    margin: 8px 2px;
  }
  /* wrapper */
  .wrapper .centre-logo {
    width: 320px;
    margin-left: -160px;
  }
  .wrapper h2 {
    font-size: 3em;
  }
  .wrapper .icon {
    font-size: 20em;
    line-height: 1em;
    top: 25%;
  }
  .wrapper .icon.wi-day-cloudy {
    font-size: 18em;
  }
  .wrapper .icon.entypo {
    font-size: 32em;
  }
  .wrapper .centre-logo {
    width: 380px;
  }
  .wrapper .message {
    padding: 0 20%;
  }
  .wrapper .contact-slide h2 {
    font-size: 4em;
    top: 25%;
  }
  .wrapper .contact-slide .message {
    top: 35%;
  }
  .wrapper .contact-slide .logo-address {
    bottom: 10%;
  }
  .wrapper .contact-slide .logo-address img {
    display: block;
  }
  .wrapper .contact-slide .round {
    width: 40px;
    height: 40px;
    line-height: 30px;
  }
  .wrapper .contact-slide .social-icons .round {
    width: 60px;
    height: 60px;
    line-height: 50px;
  }
}
/* end 768px */
/* 1024px */
@media only screen and (min-width: 1024px) {
  .main-nav li {
    margin: 8px 8px;
  }
  .main-nav li a,
  .main-nav li a:hover,
  .main-nav li a:visited,
  .main-nav li a:active {
    padding: 2px 10px;
  }
}
/* end 1024px */
/* Media Heights */
@media only screen and (min-height: 580px) {
  .wrapper h2 {
    top: 60%;
  }
  .wrapper .message {
    top: 70%;
  }
}