/*
       _ _                     _   _
 _ __ / / | ___ _ __ ___  __ _| |_(_)_   _____
| '_ \| | |/ __| '__/ _ \/ _` | __| \ \ / / _ \
| |_) | | | (__| | |  __/ (_| | |_| |\ V /  __/
| .__/|_|_|\___|_|  \___|\__,_|\__|_| \_/ \___|
|_|

Site design by p11|creative
Visit us @ p11.com

COLORS

Grey = #666
Black = #000
White = #FFF

FONTS



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  GLOBAL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body, html {
}

body {
  margin: 0;
  padding: 0;
  font: 400 normal 16px/16px 'RobotoSlab-Light', Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #000;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

h1 {

}

h2 {

}

h3 {

}

h4 {

}

h5 {

}

h6 {

}

ul {

}

li {

}

p {

}

p.small {
  font-size: 0.75em;
}

a:link, a:visited {
  text-decoration: none;
  color: #7a7a7a;
}

a:hover, a:active {
  color: #000;
}

strong {
  font-weight: 600;
}

.bgwhite { background-color: #fff; }

.twhite { color: #fff !important; }

.cleanlist {
    margin: 0 0 1em;
    padding: 0;
}

.cleanlist h2 {
  display: block;
  font-size: 1em;
  font-weight: 500;
  color: #000;
  text-align: center;
   margin: 0 0 0.5em -15px;
   padding: 0;
}

.cleanlist li {
    color: #512B1C;
    font-size: 1.063em;
    line-height: 1.125em;
    margin: 0 0 0.5em;
    padding: 0.25em 0;
}
.cleanlist li ul {
    margin: 1em 0 0 1em;
    padding: 0;
}
.cleanlist li ul li {
    color: #512B1C;
    font-size: 1.063em;
    line-height: 1.125em;
    margin: 0 0 0.5em;
    padding: 0.25em 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  STRUCTURE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

header, footer, section {
  clear: both;
  width: 100%;
  position: relative;
}

.wrapper, .wrapper-full {
    max-width: 980px;
    width: 95%;
    margin: 0 auto;
    position: relative;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  HEADER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#logo {
  background-color: #fff;
  margin: 0 auto;
  padding: 3em 2.5em 2em;
  width: 35%;
  border-radius: 0 0 40px 40px;
  -webkit-border-radius: 0 0 40px 40px;
  -moz-border-radius: 0 0 40px 40px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:  0px 3px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

#logo img {
  width: 100%;
  height: auto;
}

#timedate {
  position: absolute;
  left: 0;
  top: 0;
  width: 32%;
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
  -moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
  -webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
}

#timedate h2 {
  display: block;
  text-align: center;
  font-size: 7em;
  font-weight: 100;
}

#timedate h3 {
  display: block;
  text-align: center;
  font-size: 2.25em;
}

#weathertop {
  position: absolute;
  right: 0;
  top: 0;
  width: 32%;
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
  -moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
  -webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
}

#weathertop h2 {
  display: block;
  font-size: 7em;
  line-height: 1em;
  margin: 0 0 10px 0;
  font-weight: 100;
}

#weathertop h2 span {
  /*font-family: 'weathericons';
  font-size: .75em;*/
}

#weathertop h3 {
  display: block;
  text-align: center;
  font-size: 2.25em;
  margin-top: -.5em;
}

#weathertop h4 {
  display: block;
  text-align: center;
  font-size: 1.5em;
}

#sections {
  text-align: center;
}

.section {
  display: inline-block;
  width: 24.6%;
  text-align: center;
  padding: 6vh 0 0;
}

.section a {
  display: block;
  height: 27vh;
}

.section a:active > .section-icon {
  padding: .5em;
  margin: 0;
  margin-top: .5em;
  background: #75090b;
  background-image: -webkit-linear-gradient(top, 75090b#, #ba2328);
  background-image: -moz-linear-gradient(top, #75090b, #ba2328);
  background-image: -ms-linear-gradient(top, #75090b, #ba2328);
  background-image: -o-linear-gradient(top, #75090b, #ba2328);
  background-image: linear-gradient(to bottom, #75090b, #ba2328);
}

.section .section-icon {
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  margin: .5em 0;
  height: 90%;
  width: auto;
  background: #ba2328;
  background-image: -webkit-linear-gradient(top, #ba2328, #75090b);
  background-image: -moz-linear-gradient(top, #ba2328, #75090b);
  background-image: -ms-linear-gradient(top, #ba2328, #75090b);
  background-image: -o-linear-gradient(top, #ba2328, #75090b);
  background-image: linear-gradient(to bottom, #ba2328, #75090b);
   -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
  transition: all 0.2s ease 5s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.section .section-title {
  font-size: 1.25em;
  font-size: 2.25vh;
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
  -moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
  -webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content {
  display: none;
  position: absolute;
  bottom: 5vh;
  left: 2.5%;
  height: 72vh;
  width: 95%;
  padding: 2em;
  overflow: hidden;
  background: rgba(255,255,255, .8);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:  0px 3px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

#content-holder {
  max-height: 100%;
  text-align: center;
}

#content #closebtn {
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size: 2em;
  position: absolute;
  right: 1em;
  bottom: 1em;
  width: 2em;
  height: 2em;
  text-align: center;
  padding: .4em 0 0 0;
  background-color: #000;
  color: #fff;
  border-radius: 2em;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  z-index: 2000;
  background-image: -webkit-linear-gradient(top, #ba2328, #75090b);
  background-image: -moz-linear-gradient(top, #ba2328, #75090b);
  background-image: -ms-linear-gradient(top, #ba2328, #75090b);
  background-image: -o-linear-gradient(top, #ba2328, #75090b);
  background-image: linear-gradient(to bottom, #ba2328, #75090b);
}

#content .popup-title {
  font-size: 2em;
  font-size: 5vh;
  text-align: center;
  color: #ba2328;
  margin: .5em 0 .75em;
  padding: 0;
  line-height: 0;
  text-transform: uppercase;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  RSS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.feedflare {
    display: none;
  }

  #newsbox {
    margin: 1em auto;
    padding: 0 0 1em 0;
  }

  .newsitem, .slick-slide {
    display: inline-block;
    padding: 1em 2em;
    width: 800px;
  }

  .newsitem .newsimage {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 1em;
    height: 32vh;
  }

  .news-item-title {
    color: #ba2328;
    font-size: 1.5em;
    font-size: 3vh;
    line-height: 1.125em;
    font-weight: 500;
    margin: 0 0 .5em 0;
  }

  .news-item-title br {
    line-height: 2em;
  }

  .news-item-title small {
    display: block;
    color: #000;
    font-size: .5em;
    margin-top: 5px;
  }

  .news-item-description {
    margin: 0;
  }

  .news-item-description img, .news-item-description br {
    display: none!important;
  }

  #carousel-arrows {
    position: absolute;
    top: 0;
    bottom: 0;
    font-size: 5em;
  }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  WEATHER FORECAST
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#weatherdays {
  display: table;
  border-collapse: separate;
  border-spacing: 30px 0;
}

#weatherdays .row {
  display: table-row
}

#weatherdays .dayblock {
  background: #fff;
  width: 17vw;
  display: table-cell;
  margin: 0 2%;
  padding: 2vh;
  vertical-align: top;
  border-radius: 40px 40px 40px 40px;
  -webkit-border-radius: 40px 40px 40px 40px;
  -moz-border-radius: 40px 40px 40px 40px;
}

#weatherdays .dayblock:first-of-type > .daydate {
    color: #ba2328;
}

#weatherdays .dayblock h2 {
  font-size: 3.25vh;
  margin: 0;
}

#weatherdays .dayblock h3 {
  font-size: 2vh;
  margin: 0;
}

#weatherdays .weather-icon {
  /*font-family: 'weathericons';*/
  font-size: 6vh;
  margin: 0;
  line-height: 0;
}

#weatherdays h2.weather-condition {
  margin: -5px 0 1.5vh 0;
}

#weatherdays h3.weather-highlow-title, #weatherdays h3.weather-prec-title, #weatherdays h3 .weather-wind-title, #weatherdays h3 .weather-humid-title {
  font-family: 'RobotoSlab-Regular';
}

#weatherdays h2.weather-highlow, #weatherdays h2.weather-prec, #weatherdays h3.weather-wind {
  margin-bottom: 1.5vh;
}


.wu {
    display: inline-block;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
    width: 70px;
    height: 70px;
}

.wu-16 { width: 16px; height: 16px; }
.wu-32 { width: 32px; height: 32px; }
.wu-64 { width: 64px; height: 64px; }
.wu-128 { width: 128px; height: 128px; }
.wu-256 { width: 256px; height: 256px; }
.wu-custom-top {
    vertical-align: center;
}
.wu-custom-ten {
    width: 9vh;
    height: 9vh;
    vertical-align: center;
}

.wu-black.wu-chanceflurries { background: url(/includes/weather/icons/black/svg/chanceflurries.svg), linear-gradient(transparent, transparent); }
.wu-black.wu-chancerain { background: url(/includes/weather/icons/black/svg/chancerain.svg), linear-gradient(transparent, transparent); }
.wu-black.wu-chancesleet { background: url(/includes/weather/icons/black/svg/chancesleet.svg), linear-gradient(transparent, transparent); }
.wu-black.wu-chancesnow { background: url(/includes/weather/icons/black/svg/chancesnow.svg), linear-gradient(transparent, transparent); }
.wu-black.wu-chancetstorms { background: url(/includes/weather/icons/black/svg/chancetstorms.svg), linear-gradient(transparent, transparent); }
.wu-black.wu-clear { background: url(/includes/weather/icons/black/svg/clear.svg), linear-gradient(transparent, transparent); }
.wu-black.wu-cloudy { background: url(/includes/weather/icons/black/svg/cloudy.svg), linear-gradient(transparent, transparent); }
.wu-black.wu-flurries { background: url(/includes/weather/icons/black/svg/flurries.svg), linear-gradient(transparent, transparent); }
.wu-black.wu-fog { background: url(/includes/weather/icons/black/svg/fog.svg), linear-gradient(transparent, transparent); }
.wu-black.wu-hazy { background: url(/includes/weather/icons/black/svg/hazy.svg), linear-gradient(transparent, transparent); }
.wu-black.wu-mostlycloudy { background: url(/includes/weather/icons/black/svg/mostlycloudy.svg), linear-gradient(transparent, transparent); }
.wu-black.wu-mostlysunny { background: url(/includes/weather/icons/black/svg/mostlysunny.svg), linear-gradient(transparent, transparent); }
.wu-black.wu-partlycloudy { background: url(/includes/weather/icons/black/svg/partlycloudy.svg), linear-gradient(transparent, transparent); }
.wu-black.wu-partlysunny { background: url(/includes/weather/icons/black/svg/partlysunny.svg), linear-gradient(transparent, transparent); }
.wu-black.wu-rain { background: url(/includes/weather/icons/black/svg/rain.svg), linear-gradient(transparent, transparent); }
.wu-black.wu-sleet { background: url(/includes/weather/icons/black/svg/sleet.svg), linear-gradient(transparent, transparent); }
.wu-black.wu-snow { background: url(/includes/weather/icons/black/svg/snow.svg), linear-gradient(transparent, transparent); }
.wu-black.wu-sunny { background: url(/includes/weather/icons/black/svg/sunny.svg), linear-gradient(transparent, transparent); }
.wu-black.wu-tstorms { background: url(/includes/weather/icons/black/svg/tstorms.svg), linear-gradient(transparent, transparent); }
.wu-black.wu-unknown { background: url(/includes/weather/icons/black/svg/unknown.svg), linear-gradient(transparent, transparent); }

.wu-white.wu-chanceflurries { background: url(/includes/weather/icons/white/svg/chanceflurries.svg), linear-gradient(transparent, transparent); }
.wu-white.wu-chancerain { background: url(/includes/weather/icons/white/svg/chancerain.svg), linear-gradient(transparent, transparent); }
.wu-white.wu-chancesleet { background: url(/includes/weather/icons/white/svg/chancesleet.svg), linear-gradient(transparent, transparent); }
.wu-white.wu-chancesnow { background: url(/includes/weather/icons/white/svg/chancesnow.svg), linear-gradient(transparent, transparent); }
.wu-white.wu-chancetstorms { background: url(/includes/weather/icons/white/svg/chancetstorms.svg), linear-gradient(transparent, transparent); }
.wu-white.wu-clear { background: url(/includes/weather/icons/white/svg/clear.svg), linear-gradient(transparent, transparent); }
.wu-white.wu-cloudy { background: url(/includes/weather/icons/white/svg/cloudy.svg), linear-gradient(transparent, transparent); }
.wu-white.wu-flurries { background: url(/includes/weather/icons/white/svg/flurries.svg), linear-gradient(transparent, transparent); }
.wu-white.wu-fog { background: url(/includes/weather/icons/white/svg/fog.svg), linear-gradient(transparent, transparent); }
.wu-white.wu-hazy { background: url(/includes/weather/icons/white/svg/hazy.svg), linear-gradient(transparent, transparent); }
.wu-white.wu-mostlycloudy { background: url(/includes/weather/icons/white/svg/mostlycloudy.svg), linear-gradient(transparent, transparent); }
.wu-white.wu-mostlysunny { background: url(/includes/weather/icons/white/svg/mostlysunny.svg), linear-gradient(transparent, transparent); }
.wu-white.wu-partlycloudy { background: url(/includes/weather/icons/white/svg/partlycloudy.svg), linear-gradient(transparent, transparent); }
.wu-white.wu-partlysunny { background: url(/includes/weather/icons/white/svg/partlysunny.svg), linear-gradient(transparent, transparent); }
.wu-white.wu-rain { background: url(/includes/weather/icons/white/svg/rain.svg), linear-gradient(transparent, transparent); }
.wu-white.wu-sleet { background: url(/includes/weather/icons/white/svg/sleet.svg), linear-gradient(transparent, transparent); }
.wu-white.wu-snow { background: url(/includes/weather/icons/white/svg/snow.svg), linear-gradient(transparent, transparent); }
.wu-white.wu-sunny { background: url(/includes/weather/icons/white/svg/sunny.svg), linear-gradient(transparent, transparent); }
.wu-white.wu-tstorms { background: url(/includes/weather/icons/white/svg/tstorms.svg), linear-gradient(transparent, transparent); }
.wu-white.wu-unknown { background: url(/includes/weather/icons/white/svg/unknown.svg), linear-gradient(transparent, transparent); }

.wu-white-white.wu-chanceflurries { background: url(/includes/weather/icons/white-white/svg/chanceflurries.svg), linear-gradient(transparent, transparent); }
.wu-white-white.wu-chancerain { background: url(/includes/weather/icons/white-white/svg/chancerain.svg), linear-gradient(transparent, transparent); }
.wu-white-white.wu-chancesleet { background: url(/includes/weather/icons/white-white/svg/chancesleet.svg), linear-gradient(transparent, transparent); }
.wu-white-white.wu-chancesnow { background: url(/includes/weather/icons/white-white/svg/chancesnow.svg), linear-gradient(transparent, transparent); }
.wu-white-white.wu-chancetstorms { background: url(/includes/weather/icons/white-white/svg/chancetstorms.svg), linear-gradient(transparent, transparent); }
.wu-white-white.wu-clear { background: url(/includes/weather/icons/white-white/svg/clear.svg), linear-gradient(transparent, transparent); }
.wu-white-white.wu-cloudy { background: url(/includes/weather/icons/white-white/svg/cloudy.svg), linear-gradient(transparent, transparent); }
.wu-white-white.wu-flurries { background: url(/includes/weather/icons/white-white/svg/flurries.svg), linear-gradient(transparent, transparent); }
.wu-white-white.wu-fog { background: url(/includes/weather/icons/white-white/svg/fog.svg), linear-gradient(transparent, transparent); }
.wu-white-white.wu-hazy { background: url(/includes/weather/icons/white-white/svg/hazy.svg), linear-gradient(transparent, transparent); }
.wu-white-white.wu-mostlycloudy { background: url(/includes/weather/icons/white-white/svg/mostlycloudy.svg), linear-gradient(transparent, transparent); }
.wu-white-white.wu-mostlysunny { background: url(/includes/weather/icons/white-white/svg/mostlysunny.svg), linear-gradient(transparent, transparent); }
.wu-white-white.wu-partlycloudy { background: url(/includes/weather/icons/white-white/svg/partlycloudy.svg), linear-gradient(transparent, transparent); }
.wu-white-white.wu-partlysunny { background: url(/includes/weather/icons/white-white/svg/partlysunny.svg), linear-gradient(transparent, transparent); }
.wu-white-white.wu-rain { background: url(/includes/weather/icons/white-white/svg/rain.svg), linear-gradient(transparent, transparent); }
.wu-white-white.wu-sleet { background: url(/includes/weather/icons/white-white/svg/sleet.svg), linear-gradient(transparent, transparent); }
.wu-white-white.wu-snow { background: url(/includes/weather/icons/white-white/svg/snow.svg), linear-gradient(transparent, transparent); }
.wu-white-white.wu-sunny { background: url(/includes/weather/icons/white-white/svg/sunny.svg), linear-gradient(transparent, transparent); }
.wu-white-white.wu-tstorms { background: url(/includes/weather/icons/white-white/svg/tstorms.svg), linear-gradient(transparent, transparent); }
.wu-white-white.wu-unknown { background: url(/includes/weather/icons/white-white/svg/unknown.svg), linear-gradient(transparent, transparent); }

.no-svg .wu-16.wu-black { background-image: url(/includes/weather/icons/black/png/16x16/_spritesheet.png); }
.no-svg .wu-32.wu-black { background-image: url(/includes/weather/icons/black/png/32x32/_spritesheet.png); }
.no-svg .wu-64.wu-black { background-image: url(/includes/weather/icons/black/png/64x64/_spritesheet.png); }
.no-svg .wu-128.wu-black { background-image: url(/includes/weather/icons/black/png/128x128/_spritesheet.png); }
.no-svg .wu-256.wu-black { background-image: url(/includes/weather/icons/black/png/256x256/_spritesheet.png); }
.no-svg .wu-custom-ten.wu-black { background-image: url(/includes/weather/icons/black/png/128x128/_spritesheet.png); }

.no-svg .wu-16.wu-white { background-image: url(/includes/weather/icons/white/png/16x16/_spritesheet.png); }
.no-svg .wu-32.wu-white { background-image: url(/includes/weather/icons/white/png/32x32/_spritesheet.png); }
.no-svg .wu-64.wu-white { background-image: url(/includes/weather/icons/white/png/64x64/_spritesheet.png); }
.no-svg .wu-128.wu-white { background-image: url(/includes/weather/icons/white/png/128x128/_spritesheet.png); }
.no-svg .wu-256.wu-white { background-image: url(/includes/weather/icons/white/png/256x256/_spritesheet.png); }

.no-svg .wu-16.wu-white-white { background-image: url(/includes/weather/icons/white-white/png/16x16/_spritesheet.png); }
.no-svg .wu-32.wu-white-white { background-image: url(/includes/weather/icons/white-white/png/32x32/_spritesheet.png); }
.no-svg .wu-64.wu-white-white { background-image: url(/includes/weather/icons/white-white/png/64x64/_spritesheet.png); }
.no-svg .wu-128.wu-white-white { background-image: url(/includes/weather/icons/white-white/png/128x128/_spritesheet.png); }
.no-svg .wu-256.wu-white-white { background-image: url(/includes/weather/icons/white-white/png/256x256/_spritesheet.png); }
.no-svg .wu-custom-top.wu-white-white { background-image: url(/includes/weather/icons/white-white/png/128x128/_spritesheet.png); }

.no-svg .wu-16.wu-chanceflurries { background-position: -5px -5px; }
.no-svg .wu-16.wu-chancerain { background-position: -31px -5px; }
.no-svg .wu-16.wu-chancesleet { background-position: -57px -5px; }
.no-svg .wu-16.wu-chancesnow { background-position: -83px -5px; }
.no-svg .wu-16.wu-chancetstorms { background-position: -5px -31px; }
.no-svg .wu-16.wu-clear { background-position: -31px -31px; }
.no-svg .wu-16.wu-cloudy { background-position: -57px -31px; }
.no-svg .wu-16.wu-flurries { background-position: -83px -31px; }
.no-svg .wu-16.wu-fog { background-position: -5px -57px; }
.no-svg .wu-16.wu-hazy { background-position: -31px -57px; }
.no-svg .wu-16.wu-mostlycloudy { background-position: -57px -57px; }
.no-svg .wu-16.wu-mostlysunny { background-position: -83px -57px; }
.no-svg .wu-16.wu-partlycloudy { background-position: -5px -83px; }
.no-svg .wu-16.wu-partlysunny { background-position: -31px -83px; }
.no-svg .wu-16.wu-rain { background-position: -57px -83px; }
.no-svg .wu-16.wu-sleet { background-position: -83px -83px; }
.no-svg .wu-16.wu-snow { background-position: -109px -5px; }
.no-svg .wu-16.wu-sunny { background-position: -109px -31px; }
.no-svg .wu-16.wu-tstorms { background-position: -109px -57px; }
.no-svg .wu-16.wu-unknown { background-position: -109px -83px; }

.no-svg .wu-32.wu-chanceflurries { background-position: 0 0; }
.no-svg .wu-32.wu-chancerain { background-position: -32px 0; }
.no-svg .wu-32.wu-chancesleet { background-position: -64px 0; }
.no-svg .wu-32.wu-chancesnow { background-position: -96px 0; }
.no-svg .wu-32.wu-chancetstorms { background-position: 0 -32px; }
.no-svg .wu-32.wu-clear { background-position: -32px -32px; }
.no-svg .wu-32.wu-cloudy { background-position: -64px -32px; }
.no-svg .wu-32.wu-flurries { background-position: -96px -32px; }
.no-svg .wu-32.wu-fog { background-position: 0 -64px; }
.no-svg .wu-32.wu-hazy { background-position: -32px -64px; }
.no-svg .wu-32.wu-mostlycloudy { background-position: -64px -64px; }
.no-svg .wu-32.wu-mostlysunny { background-position: -96px -64px; }
.no-svg .wu-32.wu-partlycloudy { background-position: 0 -96px; }
.no-svg .wu-32.wu-partlysunny { background-position: -32px -96px; }
.no-svg .wu-32.wu-rain { background-position: -64px -96px; }
.no-svg .wu-32.wu-sleet { background-position: -96px -96px; }
.no-svg .wu-32.wu-snow { background-position: -128px 0; }
.no-svg .wu-32.wu-sunny { background-position: -128px -32px; }
.no-svg .wu-32.wu-tstorms { background-position: -128px -64px; }
.no-svg .wu-32.wu-unknown { background-position: -128px -96px; }

.no-svg .wu-64.wu-chanceflurries { background-position: -5px -5px; }
.no-svg .wu-64.wu-chancerain { background-position: -79px -5px; }
.no-svg .wu-64.wu-chancesleet { background-position: -153px -5px; }
.no-svg .wu-64.wu-chancesnow { background-position: -227px -5px; }
.no-svg .wu-64.wu-chancetstorms { background-position: -5px -79px; }
.no-svg .wu-64.wu-clear { background-position: -79px -79px; }
.no-svg .wu-64.wu-cloudy { background-position: -153px -79px; }
.no-svg .wu-64.wu-flurries { background-position: -227px -79px; }
.no-svg .wu-64.wu-fog { background-position: -5px -153px; }
.no-svg .wu-64.wu-hazy { background-position: -79px -153px; }
.no-svg .wu-64.wu-mostlycloudy { background-position: -153px -153px; }
.no-svg .wu-64.wu-mostlysunny { background-position: -227px -153px; }
.no-svg .wu-64.wu-partlycloudy { background-position: -5px -227px; }
.no-svg .wu-64.wu-partlysunny { background-position: -79px -227px; }
.no-svg .wu-64.wu-rain { background-position: -153px -227px; }
.no-svg .wu-64.wu-sleet { background-position: -227px -227px; }
.no-svg .wu-64.wu-snow { background-position: -301px -5px; }
.no-svg .wu-64.wu-sunny { background-position: -301px -79px; }
.no-svg .wu-64.wu-tstorms { background-position: -301px -153px; }
.no-svg .wu-64.wu-unknown { background-position: -301px -227px; }

.no-svg .wu-128.wu-chanceflurries { background-position: -5px -5px; }
.no-svg .wu-128.wu-chancerain { background-position: -143px -5px; }
.no-svg .wu-128.wu-chancesleet { background-position: -281px -5px; }
.no-svg .wu-128.wu-chancesnow { background-position: -419px -5px; }
.no-svg .wu-128.wu-chancetstorms { background-position: -5px -143px; }
.no-svg .wu-128.wu-clear { background-position: -143px -143px; }
.no-svg .wu-128.wu-cloudy { background-position: -281px -143px; }
.no-svg .wu-128.wu-flurries { background-position: -419px -143px; }
.no-svg .wu-128.wu-fog { background-position: -5px -281px; }
.no-svg .wu-128.wu-hazy { background-position: -143px -281px; }
.no-svg .wu-128.wu-mostlycloudy { background-position: -281px -281px; }
.no-svg .wu-128.wu-mostlysunny { background-position: -419px -281px; }
.no-svg .wu-128.wu-partlycloudy { background-position: -5px -419px; }
.no-svg .wu-128.wu-partlysunny { background-position: -143px -419px; }
.no-svg .wu-128.wu-rain { background-position: -281px -419px; }
.no-svg .wu-128.wu-sleet { background-position: -419px -419px; }
.no-svg .wu-128.wu-snow { background-position: -557px -5px; }
.no-svg .wu-128.wu-sunny { background-position: -557px -143px; }
.no-svg .wu-128.wu-tstorms { background-position: -557px -281px; }
.no-svg .wu-128.wu-unknown { background-position: -557px -419px; }

.no-svg .wu-256.wu-chanceflurries { background-position: -5px -5px; }
.no-svg .wu-256.wu-chancerain { background-position: -271px -5px; }
.no-svg .wu-256.wu-chancesleet { background-position: -537px -5px; }
.no-svg .wu-256.wu-chancesnow { background-position: -803px -5px; }
.no-svg .wu-256.wu-chancetstorms { background-position: -5px -271px; }
.no-svg .wu-256.wu-clear { background-position: -271px -271px; }
.no-svg .wu-256.wu-cloudy { background-position: -537px -271px; }
.no-svg .wu-256.wu-flurries { background-position: -803px -271px; }
.no-svg .wu-256.wu-fog { background-position: -5px -537px; }
.no-svg .wu-256.wu-hazy { background-position: -271px -537px; }
.no-svg .wu-256.wu-mostlycloudy { background-position: -537px -537px; }
.no-svg .wu-256.wu-mostlysunny { background-position: -803px -537px; }
.no-svg .wu-256.wu-partlycloudy { background-position: -5px -803px; }
.no-svg .wu-256.wu-partlysunny { background-position: -271px -803px; }
.no-svg .wu-256.wu-rain { background-position: -537px -803px; }
.no-svg .wu-256.wu-sleet { background-position: -803px -803px; }
.no-svg .wu-256.wu-snow { background-position: -1069px -5px; }
.no-svg .wu-256.wu-sunny { background-position: -1069px -271px; }
.no-svg .wu-256.wu-tstorms { background-position: -1069px -537px; }
.no-svg .wu-256.wu-unknown { background-position: -1069px -803px; }

.no-svg .wu-custom-top.wu-chanceflurries { background-position: -5px -5px; }
.no-svg .wu-custom-top.wu-chancerain { background-position: -143px -5px; }
.no-svg .wu-custom-top.wu-chancesleet { background-position: -281px -5px; }
.no-svg .wu-custom-top.wu-chancesnow { background-position: -419px -5px; }
.no-svg .wu-custom-top.wu-chancetstorms { background-position: -5px -143px; }
.no-svg .wu-custom-top.wu-clear { background-position: -143px -143px; }
.no-svg .wu-custom-top.wu-cloudy { background-position: -281px -143px; }
.no-svg .wu-custom-top.wu-flurries { background-position: -419px -143px; }
.no-svg .wu-custom-top.wu-fog { background-position: -5px -281px; }
.no-svg .wu-custom-top.wu-hazy { background-position: -143px -281px; }
.no-svg .wu-custom-top.wu-mostlycloudy { background-position: -281px -281px; }
.no-svg .wu-custom-top.wu-mostlysunny { background-position: -419px -281px; }
.no-svg .wu-custom-top.wu-partlycloudy { background-position: -5px -419px; }
.no-svg .wu-custom-top.wu-partlysunny { background-position: -143px -419px; }
.no-svg .wu-custom-top.wu-rain { background-position: -281px -419px; }
.no-svg .wu-custom-top.wu-sleet { background-position: -419px -419px; }
.no-svg .wu-custom-top.wu-snow { background-position: -557px -5px; }
.no-svg .wu-custom-top.wu-sunny { background-position: -557px -143px; }
.no-svg .wu-custom-top.wu-tstorms { background-position: -557px -281px; }
.no-svg .wu-custom-top.wu-unknown { background-position: -557px -419px; }

.no-svg .wu-custom-ten.wu-chanceflurries { background-position: -5px -5px; }
.no-svg .wu-custom-ten.wu-chancerain { background-position: -143px -5px; }
.no-svg .wu-custom-ten.wu-chancesleet { background-position: -281px -5px; }
.no-svg .wu-custom-ten.wu-chancesnow { background-position: -419px -5px; }
.no-svg .wu-custom-ten.wu-chancetstorms { background-position: -5px -143px; }
.no-svg .wu-custom-ten.wu-clear { background-position: -143px -143px; }
.no-svg .wu-custom-ten.wu-cloudy { background-position: -281px -143px; }
.no-svg .wu-custom-ten.wu-flurries { background-position: -419px -143px; }
.no-svg .wu-custom-ten.wu-fog { background-position: -5px -281px; }
.no-svg .wu-custom-ten.wu-hazy { background-position: -143px -281px; }
.no-svg .wu-custom-ten.wu-mostlycloudy { background-position: -281px -281px; }
.no-svg .wu-custom-ten.wu-mostlysunny { background-position: -419px -281px; }
.no-svg .wu-custom-ten.wu-partlycloudy { background-position: -5px -419px; }
.no-svg .wu-custom-ten.wu-partlysunny { background-position: -143px -419px; }
.no-svg .wu-custom-ten.wu-rain { background-position: -281px -419px; }
.no-svg .wu-custom-ten.wu-sleet { background-position: -419px -419px; }
.no-svg .wu-custom-ten.wu-snow { background-position: -557px -5px; }
.no-svg .wu-custom-ten.wu-sunny { background-position: -557px -143px; }
.no-svg .wu-custom-ten.wu-tstorms { background-position: -557px -281px; }
.no-svg .wu-custom-ten.wu-unknown { background-position: -557px -419px; }






#instabox .insta-image {
   background-repeat: no-repeat;
   background-position: center center;
   -webkit-background-size: contain;
   -moz-background-size: contain;
   -o-background-size: contain;
   background-size: contain;
   height: 55vh;
   margin: 0 1em;
   background-color: #ffffff;
 }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  TRAFFIC
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#gmap, #map {
  width: 100%;
  height: 60vh;
  border-radius: 40px 40px 40px 40px;
  -webkit-border-radius: 40px 40px 40px 40px;
  -moz-border-radius: 40px 40px 40px 40px;
}

.leaflet-clickable {
   z-index: 1000 !important;
}

.leaflet-bar a {
    width: 50px!important;
    height: 50px!important;
    line-height: 45px!important;
    font-size: 35px!important;
}

.mq-logo-control {
  display: none!important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#bgimages , #bgimages .img {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -100;
}

#bgimages .img {
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#bgmenu  {
  position: fixed;
  bottom: -500px;
  z-index: 2000;
  display: block;
  width: 100%;
  text-align: center;
  transition: bottom 0.5s ease 5s;
  -webkit-transition: bottom .5s;
  -moz-transition: bottom .5s;
  -ms-transition: bottom .5s;
  -o-transition: bottom .5s;
}

#bgbtn {
position: absolute;
top: -45px;
right: 1%;
width: 24.6%;
color: #fff;
display: block;
border-radius: 40px 40px 0 0;
-webkit-border-radius: 40px 40px 0 0;
-moz-border-radius: 40px 40px 0 0;
margin: 0 auto;
height: 45px;
background: #000;
padding: 13px;
}

#bgselections {
  background-color: #000;
  text-align: center;
}

#bgselections a.active {
  opacity: .45;
}

#bgmenu img {
  display: inline-block;
  width: 15%;
  height: auto;
  padding: 1em 2%;
}

#weatherimage {
  width: 80%;
  height: auto;
  margin: 0 auto;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  RESPONSIVE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  RESPONSIVE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

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

  #timedate h2 {
    font-size: 6em;
  }

  #timedate h3 {
    font-size: 2em;
  }

  #weathertop h2 {
    font-size: 6em;
  }

  #weathertop h3 {
    font-size: 2em;
  }

  #weathertop h4 {
    font-size: 1.25em;
  }

  #weatherdays .dayblock {
    margin: 0 1%;
  }

  #weatherdays .dayblock h2 {
    font-size: 3vh;
  }

}

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

  #timedate h2 {
    font-size: 5em;
  }

  #timedate h3 {
    font-size: 1.5em;
  }

  #weathertop h2 {
    font-size: 5em;
  }

  #weathertop h3 {
    font-size: 1.5em;
  }

  #weathertop h4 {
    font-size: 1em;
  }

}



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

  #timedate h2 {
    font-size: 4em;
  }

  #timedate h3 {
    font-size: 1em;
  }

  #weathertop h2 {
    font-size: 4em;
  }

  #weathertop h3 {
    font-size: 1em;
  }

  #weathertop h4 {
    font-size: .75em;
  }

  .section a {
    height: 20vw;
  }

  .section .section-title {
    font-size: 2vw;
  }

}



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

  body {
    font-size: 15px;
  }

  .half, .third, .twothird, .fourth, .threefourth, .fifth {
    width: 100%;
  }

} /* END 768 PX */

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


} /* END 480 PX */

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


} /* END 320 PX */