/*
                            Delicately Hand-Crafted by                            ,;s5X932ir:.             
                                                                                ;XHMMH&h9h&H###&s.          
                               .:s3H#@@@@@@@@#AXr:                           s#@@@@#BA&GG&AHM#@@@@@3,       
                          :2#@@@@@@@@@@@@@@@@@@@@@@@@Mi,                   S@@@#BAA&GGGGGGG&AAAHM#@@@A.     
                      ,3@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@S.             :@@@HA&GhhhhhhhhhhhhGGG&AAB#@@2    
                   ,A@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@X.         i@@BAA&&Ghhhh&&&A&GhhhhhhGG&AB#@#   
                 S@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@r      S@MAAAHHA&Ghhh&AHHAAGhhhhhhhhG&HM@@  
               &@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@5   ;@BHr    ,#Gh&5     M&hhhhhhhhGG&AB@M 
             G@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@s ##GBr    ,@&hA2     @MMMMAHMM#MA&&AM@:
           s@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@3.@AhMS    :@&hHh     @;;;;B5:.,r&#A&H@5
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ r#GG#2    :@&GBA    .#           s#AAA3
        ;@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 2BGG#2    :@&GMA    .@     r2.    3M&G9
       X@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 5BGG#5    ;@A&#M    .@    5@@@    :@GG9
      A@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ;#GGMA     A##@r    ;@    r@@@    :@GG3
     &@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@; #&&H@;             #@      ;     9MGA5
    5@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ XB&A#@2          ;#@#           X@&h#:
   :@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@r #AAH#@@M92ii53H@@#MM    X@XS2A@@AhM9 
   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  #AAHB#@@@@@@@@#A&BM    i@@@@@B&GBG  
  X@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  HB&AAAAHHHHAAGhGHM... i@HAA&GG#2   
  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@; rMAGGGGGhhhhhhGA#@@@@B&GhhGBB;    
 r@@@,          :A@@@@@@@@@@@@@@@:   ,@@@@@@@@s    @@@@@@@@S    @@@@@@@@@#  iBH&hhhhhhhhGAHMMBA&GGAMBs      
 @@@@             ,@@@@@@@@@@@@@@     @@@@@@@@:    @@@@@@@@;    @@@@@@@@@@@G  ;XHBHA&GGGG&&&AAAHMMh;        
:@@@@.    @@@@     @#AHH#@@@&AHM@:    @M22A@@@s    @#25G@@@2    @@@@M922G@@@@@;  ;2AM#######MHhi:           
2@@@@,    @@@@.   .@     @@@    MS          r@X          :@H    @@:        ,@@@@@     ..,,.                 
#@@@@,           5@@.    @@@    @2     ;.    AB     :,    i@    @    r@@3    @@@@,                          
@@@@@,    ,:::     @r    @@@    @2   .@@@r   .A    @@@9    A    X    3G3&    .@@@;                          
@@@@@,    @@@@@    ,s    @@@    @2   ,@@@X   ,A    @@@#    A    3    .   ;r;,:@@@;                          
H@@@@:    riss.    s5    r2     @2    :H3    &#    .H&    s@    @    M@@@B#@H@@@@,                          
i@@@@.            ;@@           #s          ;@2          ,@H    @@.         ,@@@@                           
,@@@@B9&G9X2X9A#@@@@@@Asri#@@Gh2@@9G9@@2rsh@@@@3Gh@@3rs3@@@@XG9X@@@@3r::;SB@@@@@@                           
 A@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@9                           
 .@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                            
  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#                            
  ,@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                             
   B@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@2                             
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                              
     @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                               
      @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                                
       @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                                 
        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@B                                  
         &@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@i                                   
          :@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                                     
            2@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@r                                      
              &@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@5                                        
                3@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@i                                          
                  ;@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@B:                                            
                     s@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@B;                                               
                        ;A@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@9,                                                  
                           .:r2GB#@@@@@@@@@@@@@@#HG5r:                                                         

                                www.bubbleup.net 

*/
/*============================================================
  normalize.css v3.0.1 | MIT License | git.iofonts/Normalize
============================================================*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background: transparent; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

/*============================================================
  RESETS & HELPERS
============================================================*/
/* resets */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  height: 100%; }

body {
  color: #464d4a;
  text-align: center;
  font: 16px/1.65 arial, sans-serif;
  min-height: 100%;
  background: white url(../images/bg.jpg) top left no-repeat;
  background-size: 140% auto; }

body:before {
  content: "";
  display: table;
  clear: both; }

.page {
  padding: 0 5% 5%;
  margin: 94% auto 0;
  background: #fff; }

.main {
  margin: 0 auto; }

.h1, h1 {
  margin: .5rem 0; }

.h1 img,
h1 img {
  max-width: 100%;
  display: block;
  width: auto;
  height: auto; }

.h1 {
  display: none; }

.box-set {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 0 .5rem; }

.btn {
  display: block;
  margin: 0 0 .5rem;
  background: url(../images/btn_bg.png) center top repeat;
  border: 2px solid transparent; }

.btn:hover {
  border-color: #464d4a; }

.btn img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%; }

.socials {
  display: inline-block;
  margin: 1em 0;
  font-size: 1rem; }

.socials > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: table;
  width: 100%; }

.socials > ul > li {
  width: 16.6667%;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  border: .15em solid #fff; }

.socials > ul > li.active,
.socials > ul > li:hover {
  background: #0096db; }

.social-stream {
  background-color: #7cb600; }

.social-hd {
  background-color: #1172b5; }

.social-googleplay {
  background-color: #21aec2; }

.social-itunes {
  background-color: #b0b3b6; }

.social-amazon {
  background-color: #fb9a17; }

.social-twitter {
  background-color: #26a7e0; }

.social-instagram {
  background-color: #40719a; }

.social-facebook {
  background-color: #4d67a4; }

.social-googleplus {
  background-color: #d84938; }

.social-youtube {
  background-color: #cc171e; }

.social-email {
  background-color: #6d6c71; }

.socials > ul > li > a {
  display: block; }

.socials > ul > li > a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0); }

.socials img {
  display: block;
  width: 100%;
  max-width: 64px; }

.socials li.popup {
  width: 25%; }

.socials > ul > li > a.popup-trigger {
  color: #fff;
  text-decoration: none;
  font-size: 3vw;
  padding: 0;
  white-space: nowrap; }

.socials > ul > li > a.popup-trigger img {
  max-width: none; }

.popup-caption {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -85px;
  width: 170px;
  padding-bottom: .75rem;
  display: none; }

.active .popup-caption {
  display: block; }

.popup-caption:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  border-top: .5rem solid #464d4a;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  position: absolute;
  bottom: .25rem;
  left: 50%;
  margin-left: -1rem; }

.popup-caption ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  background: #464d4a; }

.popup-caption li {
  border-top: 1px solid rgba(255, 255, 255, 0.1); }

.popup-caption a {
  display: block;
  color: #fff;
  padding: .5em;
  text-decoration: none;
  font-size: .7em;
  text-transform: uppercase;
  letter-spacing: .2em; }

.popup-caption a:hover {
  background: rgba(255, 255, 255, 0.2); }

.social-stream .popup-caption {
  left: 0;
  margin-left: 0; }

.social-stream .popup-caption:before {
  border-top-color: #7cb600;
  left: 25%; }

.social-stream .popup-caption ul {
  background: #7cb600; }

.social-hd .popup-caption:before {
  border-top-color: #1172b5; }

.social-hd .popup-caption ul {
  background: #1172b5; }

.share iframe,
.share .ig-follow,
.share .st_facebook_hcount,
.share .st_twitter_hcount {
  display: inline-block;
  vertical-align: middle;
  margin: 3px 0;
  height: 27px; }

.share span {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: top; }

.share iframe {
  margin-top: 0;
  margin-left: 4px; }

@media (min-width: 470px) {
  body {
    background-position: left -100px; }

  .page {
    margin-top: 78%; }

  .main {
    max-width: 400px; }

  .socials > ul > li > a.popup-trigger {
    font-size: .9rem; } }
@media (min-width: 768px) {
  html, body {
    height: 100%; }

  body {
    color: #fff;
    background-size: cover;
    background-position: left center;
    background-attachment: fixed; }

  .page {
    margin: 0;
    padding: 0;
    width: 100%;
    background: none;
    max-width: none;
    height: 100%;
    display: table; }

  .main {
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    padding: 2% 2% 2% 60%;
    background: url(../images/gradient.png) right top repeat-y;
    background-size: 65% 1px; }

  .wrap {
    width: 58%;
    margin: 0 auto; }

  h1 {
    display: none; }

  .h1 {
    display: block;
    margin: 10% 0; }

  .socials {
    margin: 0; }

  .social-stream .popup-caption {
    left: 50%;
    margin-left: -85px; }

  .social-stream .popup-caption:before {
    left: 50%; }

  .share {
    position: fixed;
    top: 2%;
    left: 2%; }

  .socials > ul > li > a.popup-trigger {
    font-size: 1vw; } }
@media (min-width: 1280px) {
  .socials > ul > li > a.popup-trigger {
    font-size: .9rem; }

  .main {
    background-size: 50% 1px; }

  .wrap {
    max-width: 300px; } }