/*
@author: Dustin Hayes
*/
/* line 1, ../sass/settings/_typography.scss */
.serif {
  font-family: serif;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 400;
  font-size: 50px;
  line-height: 50px;
  color: #FFF;
  margin-right: 15px;
}

/* line 11, ../sass/settings/_typography.scss */
.handwritten {
  font-family: 'Architects Daughter', sans-serif;
  font-size: 50px;
  line-height: 100%;
}

/* line 16, ../sass/settings/_typography.scss */
.font1 {
  font-family: 'Architects Daughter', sans-serif;
  font-size: 40px;
}
/* line 19, ../sass/settings/_typography.scss */
.font1:after {
  top: 41px;
}

/* line 21, ../sass/settings/_typography.scss */
.font2 {
  font-family: 'Shadows Into Light Two', sans-serif;
  font-size: 45px;
}
/* line 24, ../sass/settings/_typography.scss */
.font2:after {
  top: 42px;
}

/* line 26, ../sass/settings/_typography.scss */
.font3 {
  font-family: 'Gloria Hallelujah', sans-serif;
  font-size: 38px;
}
/* line 29, ../sass/settings/_typography.scss */
.font3:after {
  top: 35px;
}

/* line 31, ../sass/settings/_typography.scss */
.font4 {
  font-family: 'Gloria Hallelujah', sans-serif;
  font-size: 50px;
}
/* line 34, ../sass/settings/_typography.scss */
.font4:after {
  top: 46px;
}

/* line 39, ../sass/settings/_typography.scss */
h1, h2, h3, h4, h5, h6 {
  letter-spacing: 1px;
  color: #414042;
}
/* line 42, ../sass/settings/_typography.scss */
h1 span.light, h2 span.light, h3 span.light, h4 span.light, h5 span.light, h6 span.light {
  font-family: 'OpenSansLight','HelveticaNeue','HelveticaNeueu',Arial,sans-serif;
}

/* line 46, ../sass/settings/_typography.scss */
p {
  letter-spacing: 1px;
  font-size: 16px;
  line-height: 200%;
  color: #424141;
}

/* GLOBAL GARMIN OVERRIDES */
/* line 2, ../sass/layout/_global.scss */
#global-header-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
}
/* line 9, ../sass/layout/_global.scss */
#global-header-wrapper #header-primary-nav > li h2 > a > span {
  display: none;
}

/* DEFAULT OVERRIDES */
/* line 23, ../sass/layout/_global.scss */
div {
  background-repeat: no-repeat;
  background-position: 50% top;
}

/* WRAPPERS */
/* line 30, ../sass/layout/_global.scss */
#content {
  position: relative;
  overflow: hidden;
}

/* line 34, ../sass/layout/_global.scss */
.wide.container {
  width: 100%;
}

/* line 37, ../sass/layout/_global.scss */
.container {
  width: 960px;
}

/* line 41, ../sass/layout/_global.scss */
[class*="section"] .container {
  display: table;
  width: 900px;
  padding: 120px 30px;
}

/* LAYOUT */
/* line 50, ../sass/layout/_global.scss */
.copy {
  display: table-cell;
  vertical-align: middle;
  width: 600px;
}

/* MISC */
/* line 58, ../sass/layout/_global.scss */
.line {
  margin: 0;
  height: 1px;
  background: black;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(2%, #ffffff), color-stop(10%, #898989), color-stop(90%, #898989), color-stop(98%, #ffffff));
  background-image: -webkit-linear-gradient(left, #ffffff 2%, #898989 10%, #898989 90%, #ffffff 98%);
  background-image: -moz-linear-gradient(left, #ffffff 2%, #898989 10%, #898989 90%, #ffffff 98%);
  background-image: -o-linear-gradient(left, #ffffff 2%, #898989 10%, #898989 90%, #ffffff 98%);
  background-image: linear-gradient(left, #ffffff 2%, #898989 10%, #898989 90%, #ffffff 98%);
}

/* line 64, ../sass/layout/_global.scss */
.line.mobile {
  display: none;
}

/* line 1, ../sass/layout/_header.scss */
.header {
  position: relative;
  height: 500px;
  float: none;
  overflow: hidden;
}
/* line 8, ../sass/layout/_header.scss */
.header.video-active .container {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  z-index: 0;
}
/* line 14, ../sass/layout/_header.scss */
.header .container {
  position: absolute;
  display: table;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-size: cover;
  background-position: center center;
  -webkit-transition: all, 500ms;
  -moz-transition: all, 500ms;
  -o-transition: all, 500ms;
  transition: all, 500ms;
}
/* line 25, ../sass/layout/_header.scss */
.header .container:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: 50%;

  background-image: -webkit-gradient(radial, 50%, 0, 50%, 100, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.98)));
  background-image: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.98) 100%);
  background-image: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.98) 100%);
  background-image: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.98) 100%);
  background-image: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.98) 100%);
  z-index: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
/* line 40, ../sass/layout/_header.scss */
.header .button-play {
  position: absolute;
  width: 370px;
  height: 370px;
  top: 50%;
  left: 50%;
  margin-top: -185px;
  margin-left: -185px;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
  -webkit-transition: all, 500ms;
  -moz-transition: all, 500ms;
  -o-transition: all, 500ms;
  transition: all, 500ms;
  z-index: 5;
}
/* line 52, ../sass/layout/_header.scss */
.header .button-play:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
/* line 56, ../sass/layout/_header.scss */
.header .button-play img {
  width: 100%;
  max-width: 100%;
}
/* line 63, ../sass/layout/_header.scss */
.header .button-close {
  position: absolute;
  width: 38px;
  height: 38px;
  bottom: 30px;
  right: 30px;
  cursor: pointer;
 
}
/* line 72, ../sass/layout/_header.scss */
.header .no-video-over {
  display: none;
}

/* line 79, ../sass/layout/_header.scss */
html.svg .header .button-play {
  background-image: none, url("../m/g/header-play-button.svg");
  background-size: cover;
}
/* line 80, ../sass/layout/_header.scss */
html.svg .header .button-play img {
  display: none;
}

/* line 88, ../sass/layout/_header.scss */
html.no-video .no-video-over {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;

}

/* line 1, ../sass/layout/_nav.scss */
.nav {
  position: relative;
  height: 46px;
  overflow: hidden;
  margin-top: -23px;
  z-index: 10;
}
/* line 9, ../sass/layout/_nav.scss */
.nav:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  background-color: #12b1a5;
  width: 55%;
  height: 100%;
}
/* line 19, ../sass/layout/_nav.scss */
.nav .container {
  position: relative;
  height: 100%;
}
/* line 22, ../sass/layout/_nav.scss */
.nav .container:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  background-color: #FFF;
  width: 60%;
  height: 100%;
}
/* line 33, ../sass/layout/_nav.scss */
.nav .logo, .nav .button {
  position: relative;
  display: inline-block;
  vertical-align: top;
height: 24px;
padding: 11px 30px;
  background-color: #818285;
  color: #FFF;
  font-size: 22px;
  text-decoration: none;
}
/* line 43, ../sass/layout/_nav.scss */
.nav .logo:after, .nav .button:after {
  position: absolute;
  content: '';
  top: 0;
  right: -30px;
  width: 0;
  height: 0;
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
  border-left: 30px solid #818285;
  z-index: 10;
}
/* line 55, ../sass/layout/_nav.scss */
.nav .logo:before, .nav .button:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
  border-left: 30px solid white;
  z-index: 11;
}
/* line 68, ../sass/layout/_nav.scss */
.nav .logo {
  background-repeat: no-repeat;
  background-position: 50% 48%;
  width: 135px;
  padding: 0;
  background-color: #12b1a5;
}
/* line 74, ../sass/layout/_nav.scss */
.nav .logo:after {
  border-left-color: #12b1a5;
}
/* line 77, ../sass/layout/_nav.scss */
.nav .logo:before {
  display: none;
}
/* line 81, ../sass/layout/_nav.scss */
.nav .button {
  margin-left: 5px;
  padding-left: 60px;
}
/* line 84, ../sass/layout/_nav.scss */
.nav .button:hover {
  background-color: #12b1a5;
}
/* line 86, ../sass/layout/_nav.scss */
.nav .button:hover:after {
  border-left-color: #12b1a5;
}

/* line 1, ../sass/layout/_lifestyle.scss */
.lifestyle {
  position: relative;
  height: 250px;
  overflow: hidden;
}
/* line 5, ../sass/layout/_lifestyle.scss */
.lifestyle .wrapper {
  position: absolute;
  width: 4000px;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -2000px;
}
/* line 19, ../sass/layout/_lifestyle.scss */
.lifestyle .wrapper.in > *:nth-child(odd) {
  -webkit-transform: translateY(250px);
  -moz-transform: translateY(250px);
  -ms-transform: translateY(250px);
  -o-transform: translateY(250px);
  transform: translateY(250px);
}
/* line 22, ../sass/layout/_lifestyle.scss */
.lifestyle .wrapper.in > *:nth-child(even) {
  -webkit-transform: translateY(-250px);
  -moz-transform: translateY(-250px);
  -ms-transform: translateY(-250px);
  -o-transform: translateY(-250px);
  transform: translateY(-250px);
}
/* line 27, ../sass/layout/_lifestyle.scss */
.lifestyle .wrapper.out > *:nth-child(odd) {
  -webkit-transform: translateY(-250px);
  -moz-transform: translateY(-250px);
  -ms-transform: translateY(-250px);
  -o-transform: translateY(-250px);
  transform: translateY(-250px);
}
/* line 30, ../sass/layout/_lifestyle.scss */
.lifestyle .wrapper.out > *:nth-child(even) {
  -webkit-transform: translateY(250px);
  -moz-transform: translateY(250px);
  -ms-transform: translateY(250px);
  -o-transform: translateY(250px);
  transform: translateY(250px);
}
/* line 37, ../sass/layout/_lifestyle.scss */
.lifestyle .live, .lifestyle .quote, .lifestyle .image {
  position: relative;
  display: block;
  float: left;
  height: 100%;
}
/* line 43, ../sass/layout/_lifestyle.scss */
.lifestyle .live .cont, .lifestyle .quote .cont, .lifestyle .image .cont {
  display: table;
  width: 100%;
  height: 60px;
  margin-top: 145px;
}
/* line 48, ../sass/layout/_lifestyle.scss */
.lifestyle .live .cont span, .lifestyle .quote .cont span, .lifestyle .image .cont span {
  display: table-cell;
  vertical-align: middle;
}
/* line 55, ../sass/layout/_lifestyle.scss */
.lifestyle .live {
  width: 180px;
}
/* line 57, ../sass/layout/_lifestyle.scss */
.lifestyle .live .cont {
  text-align: center;
  background-color: #12b1a5;
}
/* line 60, ../sass/layout/_lifestyle.scss */
.lifestyle .live .cont span {
  display: block;
  width: 100%;
  height: 40px;
  margin-top: 9px;
  margin-right: 0;
}
/* line 71, ../sass/layout/_lifestyle.scss */
.lifestyle .quote {
  width: 710px;
  background-size: cover;
}
/* line 74, ../sass/layout/_lifestyle.scss */
.lifestyle .quote .cont {
  position: relative;
  padding: 0 20px;
}
/* line 79, ../sass/layout/_lifestyle.scss */
.lifestyle .quote .cont .background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #FFF;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 88, ../sass/layout/_lifestyle.scss */
.lifestyle .quote .cont span {
  position: relative;
  z-index: 5;
}

/* line 101, ../sass/layout/_lifestyle.scss */
.lifestyle .wrapper.purple .live .cont {
  background-color: #12b1a5;
}
/* line 106, ../sass/layout/_lifestyle.scss */
.lifestyle .wrapper.purple .handwritten {
  color: #12b1a5;
}
/* line 108, ../sass/layout/_lifestyle.scss */
.lifestyle .wrapper.purple .handwritten:after {
  background-color: #12b1a5;
}
/* line 116, ../sass/layout/_lifestyle.scss */
.lifestyle .wrapper.blue .live .cont {
  background-color: #1d61fb;
}
/* line 120, ../sass/layout/_lifestyle.scss */
.lifestyle .wrapper.blue .handwritten {
  color: #1d61fb;
}
/* line 122, ../sass/layout/_lifestyle.scss */
.lifestyle .wrapper.blue .handwritten:after {
  background-color: #1d61fb;
}
/* line 130, ../sass/layout/_lifestyle.scss */
.lifestyle .wrapper.green .live .cont {
  background-color: #12b1a5;
}
/* line 134, ../sass/layout/_lifestyle.scss */
.lifestyle .wrapper.green .handwritten {
  color: #0f998e;
}
/* line 136, ../sass/layout/_lifestyle.scss */
.lifestyle .wrapper.green .handwritten:after {
  background-color: #0f998e;
}

/* line 2, ../sass/layout/_section1.scss */
.section1 .container {
  position: relative;
}
/* line 5, ../sass/layout/_section1.scss */
.section1 .copy {
  display: block;
}
/* line 8, ../sass/layout/_section1.scss */
.section1 .image {
  position: absolute;
  top: -150px;
  right: -50px;
  z-index: 10;
}
/* line 15, ../sass/layout/_section1.scss */
.section1 .desc {
  margin-bottom: 30px;
}
/* line 18, ../sass/layout/_section1.scss */
.section1 .icon-row:first-child {
  margin-bottom: 60px;
}
/* line 21, ../sass/layout/_section1.scss */
.section1 .icon {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 48px;
  margin: 0 30px;
}
/* line 27, ../sass/layout/_section1.scss */
.section1 .icon:first-child {
  margin-left: 0;
}
/* line 30, ../sass/layout/_section1.scss */
.section1 .icon span {
  position: absolute;
  display: block;
  width: 100px;
  top: 55px;
  left: 50%;
  margin-left: -50px;
  text-align: center;
  color: #b2b3b6;
}

/* line 3, ../sass/layout/_section2.scss */
.section2 .copy, .section2 .unit, .section2 .selectors {
  display: block;
}
/* line 6, ../sass/layout/_section2.scss */
.section2 .unit {
  position: relative;
  width: 606px;
  height: 197px;
  margin-left: auto;
  margin-right: auto;
}
/* line 13, ../sass/layout/_section2.scss */
.section2 .copy {
  width: 480px;
  margin-left: auto;
  margin-right: auto;
}
/* line 18, ../sass/layout/_section2.scss */
.section2 .screen {
  position: absolute;
  display: block;
  width: 252px;
  height: 103px;
  top: 50%;
  left: 50%;
  margin-top: -51.5px;
  margin-left: -126px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 29, ../sass/layout/_section2.scss */
.section2 .screen.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 33, ../sass/layout/_section2.scss */
.section2 .selector {
  display: inline-block;
  width: 110px;
  height: 110px;
  margin: 0 7px;
  background-color: #e4e4e3;
  cursor: pointer;
  -webkit-border-radius: 110px;
  -moz-border-radius: 110px;
  -ms-border-radius: 110px;
  -o-border-radius: 110px;
  border-radius: 110px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
/* line 44, ../sass/layout/_section2.scss */
.section2 .selector:hover, .section2 .selector.active {
  background-color: #12b1a5;
}
/* line 47, ../sass/layout/_section2.scss */
.section2 .selector:hover span, .section2 .selector.active span {
  color: #FFF;
}
/* line 52, ../sass/layout/_section2.scss */
.section2 .selector .cont {
  display: table;
  width: 100%;
  height: 100%;
}
/* line 58, ../sass/layout/_section2.scss */
.section2 .selector span {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: gray;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}

/* line 2, ../sass/layout/_section3.scss */
.section3 .copy {
  width: 440px;
}
/* line 7, ../sass/layout/_section3.scss */
.section3 .guage {
  position: relative;
  width: 300px;
  height: 190px;
  margin: 0 auto;
}
/* line 13, ../sass/layout/_section3.scss */
.section3 #img-guage {
  display: block;
}
/* line 14, ../sass/layout/_section3.scss */
.section3 #svg-guage {
  display: none;
}
/* line 16, ../sass/layout/_section3.scss */
.section3 .steps, .section3 .unit, .section3 .overall, .section3 .title {
  position: absolute;
  display: block;
  width: 100%;
  top: 50%;
  text-align: center;
}
/* line 24, ../sass/layout/_section3.scss */
.section3 .steps {
  margin-top: 15px;
  font-size: 45px;
  line-height: 45px;
  font-weight: 100;
}
/* line 30, ../sass/layout/_section3.scss */
.section3 .unit {
  margin-top: 60px;
  font-size: 13px;
  line-height: 13px;
  color: #818285;
}
/* line 36, ../sass/layout/_section3.scss */
.section3 .overall {
  margin-top: 108px;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
}
/* line 42, ../sass/layout/_section3.scss */
.section3 .sign {
  position: relative;
  font-size: 12px;
  line-height: 12px;
  top: -3px;
}
/* line 48, ../sass/layout/_section3.scss */
.section3 .title {
  margin-top: 130px;
  font-size: 13px;
  line-height: 13px;
  color: #818285;
}

/* line 61, ../sass/layout/_section3.scss */
html.svg.csstransitions.no-touch:not(.mozilla) .section3 #img-guage {
  display: none;
}
/* line 62, ../sass/layout/_section3.scss */
html.svg.csstransitions.no-touch:not(.mozilla) .section3 #svg-guage {
  display: block;
  width: 300px;
  height: 190px;
}
/* line 68, ../sass/layout/_section3.scss */
html.svg.csstransitions.no-touch:not(.mozilla) .section3 #purple {
  fill: #12b1a5;
}
/* line 72, ../sass/layout/_section3.scss */
html.svg.csstransitions.no-touch:not(.mozilla) .section3 #path2 {
  transform-origin: 150px 150px;
  -webkit-transform-origin: 150px 150px 0 50%;
  -moz-transform-origin: 150px 150px 0 50%;
  -ms-transform-origin: 150px 150px 0 50%;
  -o-transform-origin: 150px 150px 0 50%;
  transform-origin: 150px 150px 0 50%;
  -webkit-transform: rotate(-210deg);
  -moz-transform: rotate(-210deg);
  -ms-transform: rotate(-210deg);
  -o-transform: rotate(-210deg);
  transform: rotate(-210deg);
  -webkit-transition: all 750ms;
  -moz-transition: all 750ms;
  -o-transition: all 750ms;
  transition: all 750ms;
}
/* line 80, ../sass/layout/_section3.scss */
html.svg.csstransitions.no-touch:not(.mozilla) .section3.skrollable-after #path2 {
  -webkit-transform: rotate(-140deg);
  -moz-transform: rotate(-140deg);
  -ms-transform: rotate(-140deg);
  -o-transform: rotate(-140deg);
  transform: rotate(-140deg);
}

/* line 2, ../sass/layout/_section4.scss */
.section4 .copy {
  width: 480px;
  padding-left: 30px;
}
/* line 6, ../sass/layout/_section4.scss */
.section4 .cont {
  display: table-cell;
  vertical-align: middle;
}
/* line 10, ../sass/layout/_section4.scss */
.section4 .unit {
  width: 367px;
  height: 116px;
  background-position: center center;
}
/* line 15, ../sass/layout/_section4.scss */
.section4 .content {
  padding-left: 30px;
}

/* line 1, ../sass/layout/_section5.scss */
.section5 {
  position: relative;
  height: 46px;
  margin-bottom: 30px;
  border-top: 3px solid white;
  overflow: hidden;
}
/* line 2, ../sass/layout/_section5.scss */
.section5 .container {
  padding: 0;
}
/* line 11, ../sass/layout/_section5.scss */
.section5:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  background-color: #e72d2e;
  width: 50%;
  height: 100%;
}
/* line 21, ../sass/layout/_section5.scss */
.section5 .container {
  position: relative;
  height: 100%;
}
/* line 24, ../sass/layout/_section5.scss */
.section5 .container:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  background-color: #FFF;
  width: 100%;
  height: 100%;
}
/* line 35, ../sass/layout/_section5.scss */
.section5 .title, .section5 .segment {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 19px 30px;
  background-color: #818285;
  color: #FFF;
  font-size: 22px;
  text-decoration: none;
}
/* line 44, ../sass/layout/_section5.scss */
.section5 .title:after, .section5 .segment:after {
  position: absolute;
  content: '';
  top: 0;
  right: -30px;
  width: 0;
  height: 0;
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
  border-left: 30px solid #818285;
  z-index: 10;
}
/* line 56, ../sass/layout/_section5.scss */
.section5 .title:before, .section5 .segment:before {
  position: absolute;
  content: '';
  top: 0;
  right: -35px;
  width: 0;
  height: 0;
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
  border-left: 30px solid white;
  z-index: 10;
}
/* line 69, ../sass/layout/_section5.scss */
.section5 .title.active, .section5 .segment.active {
  background-color: #e72d2e;
}
/* line 71, ../sass/layout/_section5.scss */
.section5 .title.active:after, .section5 .segment.active:after {
  border-left-color: #e72d2e;
}
/* line 76, ../sass/layout/_section5.scss */
.section5 .title {
  background-repeat: no-repeat;
  background-position: 50%;
  width: auto;
  max-width: 600px;
  height: 46px%;
  padding: 0 30px 0 0;
  font-size: 28px;
  line-height: 46px;
  letter-spacing: 1px;
  font-weight: 400;
}
/* line 88, ../sass/layout/_section5.scss */
.section5 .segment {
  height: 8px;
  margin-left: 5px;
  padding-left: 80px;
}

/* line 97, ../sass/layout/_section5.scss */
html.svg.csstransitions .section5.skrollable-after .segment1, html.svg.csstransitions .section5.skrollable-after .segment1:after {
  -webkit-transition: all 500ms;
  -webkit-transition-delay: 1000ms;
  -moz-transition: all 500ms 1000ms;
  -o-transition: all 500ms 1000ms;
  transition: all 500ms 1000ms;
}
/* line 98, ../sass/layout/_section5.scss */
html.svg.csstransitions .section5.skrollable-after .segment2, html.svg.csstransitions .section5.skrollable-after .segment2:after {
  -webkit-transition: all 500ms;
  -webkit-transition-delay: 2000ms;
  -moz-transition: all 500ms 2000ms;
  -o-transition: all 500ms 2000ms;
  transition: all 500ms 2000ms;
}
/* line 99, ../sass/layout/_section5.scss */
html.svg.csstransitions .section5.skrollable-after .segment3, html.svg.csstransitions .section5.skrollable-after .segment3:after {
  -webkit-transition: all 500ms;
  -webkit-transition-delay: 3000ms;
  -moz-transition: all 500ms 3000ms;
  -o-transition: all 500ms 3000ms;
  transition: all 500ms 3000ms;
}
/* line 100, ../sass/layout/_section5.scss */
html.svg.csstransitions .section5.skrollable-after .segment4, html.svg.csstransitions .section5.skrollable-after .segment4:after {
  -webkit-transition: all 500ms;
  -webkit-transition-delay: 4000ms;
  -moz-transition: all 500ms 4000ms;
  -o-transition: all 500ms 4000ms;
  transition: all 500ms 4000ms;
}
/* line 102, ../sass/layout/_section5.scss */
html.svg.csstransitions .section5.skrollable-after .segment1, html.svg.csstransitions .section5.skrollable-after .segment2, html.svg.csstransitions .section5.skrollable-after .segment3, html.svg.csstransitions .section5.skrollable-after .segment4 {
  background-color: #e72d2e;
}
/* line 103, ../sass/layout/_section5.scss */
html.svg.csstransitions .section5.skrollable-after .segment1:after, html.svg.csstransitions .section5.skrollable-after .segment2:after, html.svg.csstransitions .section5.skrollable-after .segment3:after, html.svg.csstransitions .section5.skrollable-after .segment4:after {
  border-left-color: #e72d2e;
}

/* line 2, ../sass/layout/_section6.scss */
.section6 .container {
  padding-top: 0;
}

/* line 2, ../sass/layout/_section7.scss */
.section7 .copy {
  display: block;
  width: 600px;
}
/* line 7, ../sass/layout/_section7.scss */
.section7 .widgets .widget {
  position: relative;
  display: table;
  float: left;
  width: 225px;
  height: 436px;
  padding: 0 30px;
  margin-left: 20px;
  overflow: scroll;
  -webkit-box-shadow: 2px -2px 5px -2px #888888;
  -moz-box-shadow: 2px -2px 5px -2px #888888;
  box-shadow: 2px -2px 5px -2px #888888;
}
/* line 17, ../sass/layout/_section7.scss */
.section7 .widgets .widget:first-child {
  margin-left: 0;
}
/* line 20, ../sass/layout/_section7.scss */
.section7 .widgets .widget .background {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #072d3e;
  z-index: 5;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
/* line 32, ../sass/layout/_section7.scss */
.section7 .widgets .widget .overlay {
  position: relative;
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 0;
  vertical-align: middle;
  text-align: center;
  border: 0;
  background-color: transparent;
  z-index: 10;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 46, ../sass/layout/_section7.scss */
.section7 .widgets .widget .overlay h2 {
  font-size: 22px;
  color: #11a8ec;
}
/* line 50, ../sass/layout/_section7.scss */
.section7 .widgets .widget .overlay p {
  color: #FFF;
  margin-bottom: 0;
}
/* line 53, ../sass/layout/_section7.scss */
.section7 .widgets .widget .overlay p a {
  color: #FFF;
  text-decoration: underline;
}
/* line 61, ../sass/layout/_section7.scss */
.section7 .widgets .widget:hover .background {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=87);
  opacity: 0.87;
}
/* line 64, ../sass/layout/_section7.scss */
.section7 .widgets .widget:hover .overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 2, ../sass/layout/_section8.scss */
.section8 .cont {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
/* line 7, ../sass/layout/_section8.scss */
.section8 .copy {
  width: auto;
  padding-left: 130px;
}
/* line 11, ../sass/layout/_section8.scss */
.section8 #always-jpg, .section8 #always-svg {
  width: 280px;
  height: 280px;
}
/* line 15, ../sass/layout/_section8.scss */
.section8 #always-svg {
  display: none;
}
/* line 19, ../sass/layout/_section8.scss */
.section8 .title {
  position: absolute;
  display: block;
  width: 100%;
  text-align: center;
  bottom: -60px;
  left: 0;
}

/* line 30, ../sass/layout/_section8.scss */
html.svg.csstransitions.no-touch #always-jpg {
  display: none;
}
/* line 33, ../sass/layout/_section8.scss */
html.svg.csstransitions.no-touch #always-svg {
  display: block;
}
/* line 36, ../sass/layout/_section8.scss */
html.svg.csstransitions.no-touch #day, html.svg.csstransitions.no-touch #morning, html.svg.csstransitions.no-touch #evening, html.svg.csstransitions.no-touch #night {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 39, ../sass/layout/_section8.scss */
html.svg.csstransitions.no-touch #day {
  -webkit-transition: all 500ms 0;
  -moz-transition: all 500ms 0;
  -o-transition: all 500ms 0;
  transition: all 500ms 0;
}
/* line 40, ../sass/layout/_section8.scss */
html.svg.csstransitions.no-touch #night {
  -webkit-transition: all 500ms;
  -webkit-transition-delay: 150ms;
  -moz-transition: all 500ms 150ms;
  -o-transition: all 500ms 150ms;
  transition: all 500ms 150ms;
}
/* line 41, ../sass/layout/_section8.scss */
html.svg.csstransitions.no-touch #evening {
  -webkit-transition: all 500ms;
  -webkit-transition-delay: 300ms;
  -moz-transition: all 500ms 300ms;
  -o-transition: all 500ms 300ms;
  transition: all 500ms 300ms;
}
/* line 42, ../sass/layout/_section8.scss */
html.svg.csstransitions.no-touch #morning {
  -webkit-transition: all 500ms;
  -webkit-transition-delay: 450ms;
  -moz-transition: all 500ms 450ms;
  -o-transition: all 500ms 450ms;
  transition: all 500ms 450ms;
}
/* line 45, ../sass/layout/_section8.scss */
html.svg.csstransitions.no-touch .section8.skrollable-after #day, html.svg.csstransitions.no-touch .section8.skrollable-after #morning, html.svg.csstransitions.no-touch .section8.skrollable-after #evening, html.svg.csstransitions.no-touch .section8.skrollable-after #night {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 4, ../sass/layout/_section9.scss */
.section9 {
  min-height: 1100px;
  overflow: hidden;
}
/* line 7, ../sass/layout/_section9.scss */
.section9 .container {
  position: relative;
  padding-top: 210px;
}
/* line 11, ../sass/layout/_section9.scss */
.section9 .logo {
  width: 202px;
  height: 55px;
  margin-bottom: 60px;
}
/* line 16, ../sass/layout/_section9.scss */
.section9 .copy {
  display: block;
  width: 50%;
}
/* line 21, ../sass/layout/_section9.scss */
.section9 .widgets {
  position: absolute;
  width: 100%;
  height: 970px;
  top: 0;
  left: 60%;
}
/* line 27, ../sass/layout/_section9.scss */
.section9 .widgets [class*='widget'] {
  position: absolute;
  width: 320px;
  -webkit-box-shadow: 2px 2px 10px -2px #aaaaaa;
  -moz-box-shadow: 2px 2px 10px -2px #aaaaaa;
  box-shadow: 2px 2px 10px -2px #aaaaaa;
}
/* line 33, ../sass/layout/_section9.scss */
.section9 .widget1 {
  height: 490px;
  top: 150px;
  left: 0;
}
/* line 38, ../sass/layout/_section9.scss */
.section9 .widget2 {
  height: 320px;
  top: 665px;
  left: 0;
}
/* line 44, ../sass/layout/_section9.scss */
.section9 .widget3 {
  height: 320px;
  top: 90px;
  left: 345px;
}
/* line 49, ../sass/layout/_section9.scss */
.section9 .widget4 {
  height: 490px;
  top: 435px;
  left: 345px;
}
/* line 55, ../sass/layout/_section9.scss */
.section9 .widget5 {
  height: 490px;
  top: 150px;
  left: 690px;
}
/* line 60, ../sass/layout/_section9.scss */
.section9 .widget6 {
  height: 320px;
  top: 665px;
  left: 690px;
}

/* line 70, ../sass/layout/_section9.scss */
html.svg.csstransitions.no-touch .section9 .widget2 {
  left: 50px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: all 500ms;
  -webkit-transition-delay: 200ms;
  -moz-transition: all 500ms 200ms;
  -o-transition: all 500ms 200ms;
  transition: all 500ms 200ms;
}
/* line 71, ../sass/layout/_section9.scss */
html.svg.csstransitions.no-touch .section9 .widget3, html.svg.csstransitions.no-touch .section9 .widget4 {
  left: 395px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: all 500ms;
  -webkit-transition-delay: 100ms;
  -moz-transition: all 500ms 100ms;
  -o-transition: all 500ms 100ms;
  transition: all 500ms 100ms;
}
/* line 72, ../sass/layout/_section9.scss */
html.svg.csstransitions.no-touch .section9 .widget5, html.svg.csstransitions.no-touch .section9 .widget6 {
  left: 740px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: all 500ms 0;
  -moz-transition: all 500ms 0;
  -o-transition: all 500ms 0;
  transition: all 500ms 0;
}
/* line 75, ../sass/layout/_section9.scss */
html.svg.csstransitions.no-touch .section9.skrollable-after [class*='widget'] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 78, ../sass/layout/_section9.scss */
html.svg.csstransitions.no-touch .section9.skrollable-after .widget2 {
  left: 0px;
  -webkit-transition: all 500ms 0;
  -moz-transition: all 500ms 0;
  -o-transition: all 500ms 0;
  transition: all 500ms 0;
}
/* line 79, ../sass/layout/_section9.scss */
html.svg.csstransitions.no-touch .section9.skrollable-after .widget3, html.svg.csstransitions.no-touch .section9.skrollable-after .widget4 {
  left: 345px;
  -webkit-transition: all 500ms;
  -webkit-transition-delay: 100ms;
  -moz-transition: all 500ms 100ms;
  -o-transition: all 500ms 100ms;
  transition: all 500ms 100ms;
}
/* line 80, ../sass/layout/_section9.scss */
html.svg.csstransitions.no-touch .section9.skrollable-after .widget5, html.svg.csstransitions.no-touch .section9.skrollable-after .widget6 {
  left: 690px;
  -webkit-transition: all 500ms;
  -webkit-transition-delay: 200ms;
  -moz-transition: all 500ms 200ms;
  -o-transition: all 500ms 200ms;
  transition: all 500ms 200ms;
}

/* line 2, ../sass/layout/_section10.scss */
.section10 .container {
  position: relative;
}
/* line 5, ../sass/layout/_section10.scss */
.section10 .spin {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
/* line 10, ../sass/layout/_section10.scss */
.section10 .image {
  position: relative;
  z-index: 5;
}
/* line 14, ../sass/layout/_section10.scss */
.section10 .preloader {
  position: absolute;
  width: 500px;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url("../m/g/section10-preloader.gif");
  background-position: center center;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  z-index: -1;
}
/* line 25, ../sass/layout/_section10.scss */
.section10 .copy {
  width: auto;
  padding-left: 50px;
}
/* line 31, ../sass/layout/_section10.scss */
.section10 .colors {
  display: block;
  margin-bottom: 40px;
}
/* line 34, ../sass/layout/_section10.scss */
.section10 .colors > * {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border: 3px solid transparent;
  cursor: pointer;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
/* line 43, ../sass/layout/_section10.scss */
.section10 .colors > *:hover[data-color=purple] {
  border-color: #d480ff;
}
/* line 44, ../sass/layout/_section10.scss */
.section10 .colors > *:hover[data-color=blue] {
  border-color: #80a6ff;
}
/* line 45, ../sass/layout/_section10.scss */
.section10 .colors > *:hover[data-color=green] {
  border-color: #80fff4;
}
/* line 46, ../sass/layout/_section10.scss */
.section10 .colors > *:hover[data-color=white] {
  border-color: #818285;
}
/* line 47, ../sass/layout/_section10.scss */
.section10 .colors > *:hover[data-color=gray] {
  border-color: #aeadad;
}
/* line 48, ../sass/layout/_section10.scss */
.section10 .colors > *:hover[data-color=black] {
  border-color: #818285;
}
/* line 53, ../sass/layout/_section10.scss */
.section10 [data-color=purple] {
  background-color: #d9621c;
}
/* line 54, ../sass/layout/_section10.scss */
.section10 [data-color=blue] {
  background-color: #1d61fb;
}
/* line 55, ../sass/layout/_section10.scss */
.section10 [data-color=green] {
  background-color: #12b1a5;
}
/* line 56, ../sass/layout/_section10.scss */
.section10 [data-color=white] {
  background-color: #FFFFFF;
}
/* line 57, ../sass/layout/_section10.scss */
.section10 [data-color=gray] {
  background-color: #757575;
}
/* line 58, ../sass/layout/_section10.scss */
.section10 [data-color=black] {
  background-color: #000000;
}

/* line 1, ../sass/layout/_section11.scss */
.section11 {
  display: none;
}
/* line 3, ../sass/layout/_section11.scss */
.section11 h2 {
  margin-bottom: 60px;
}
/* line 7, ../sass/layout/_section11.scss */
.section11 .videos .video {
  position: relative;
  display: inline-block;
  width: 438px;
  height: 250px;
  margin-left: 20px;
  background-color: #000;
}
/* line 14, ../sass/layout/_section11.scss */
.section11 .videos .video:first-child {
  margin-left: 0;
}
/* line 20, ../sass/layout/_section11.scss */
.section11 .button-play {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center center;
  background-size: 141px 141px;

  background-image: none, url("../m/g/header-play-button.svg");
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
  -webkit-transition: all, 500ms;
  -moz-transition: all, 500ms;
  -o-transition: all, 500ms;
  transition: all, 500ms;
}
/* line 34, ../sass/layout/_section11.scss */
.section11 .button-play:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

/* line 1, ../sass/layout/_section12.scss */
.section12 {
  position: relative;
  height: 560px;
}
/* line 5, ../sass/layout/_section12.scss */
.section12 .wrapper {
  position: absolute;
  width: 4000px;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -2000px;
}
/* line 14, ../sass/layout/_section12.scss */
.section12 .image {
  position: absolute;
  display: block;
}
/* line 17, ../sass/layout/_section12.scss */
.section12 .image .pinit {
  content: '';
  position: absolute;
  display: block;
  bottom: 18px;
  right: 20px;
  width: 40px;
  height: 20px;
  background-image: url("http://assets.pinterest.com/images/pidgets/pin_it_button.png");
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
/* line 31, ../sass/layout/_section12.scss */
.section12 .image:hover .pinit {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 39, ../sass/layout/_section12.scss */
html.touch .section12 {
  display: none;
}

/* line 2, ../sass/layout/_section13.scss */
.section13 .container {
  padding-bottom: 30px;
}
/* line 5, ../sass/layout/_section13.scss */
.section13 .cont {
  position: relative;
  min-height: 105px;
}
/* line 9, ../sass/layout/_section13.scss */
.section13 form {
  position: relative;
  text-align: center;
  z-index: 5;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
/* line 15, ../sass/layout/_section13.scss */
.section13 form.hide {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 19, ../sass/layout/_section13.scss */
.section13 form #email {
  width: 500px;
  height: 70px;
  border: solid 3px #58595b;
  font-size: 30px;
  line-height: 30px;
  font-weight: 200;
  text-align: center;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
  -webkit-box-shadow: #888888 0 0 0;
  -moz-box-shadow: #888888 0 0 0;
  box-shadow: #888888 0 0 0;
}
/* line 29, ../sass/layout/_section13.scss */
.section13 form #email.error {
  border: solid 5px #bb0000;
}
/* line 33, ../sass/layout/_section13.scss */
.section13 form #email:focus {
  border: solid 3px #007CC3;
  -webkit-box-shadow: #888888 0 0 30px;
  -moz-box-shadow: #888888 0 0 30px;
  box-shadow: #888888 0 0 30px;
}
/* line 37, ../sass/layout/_section13.scss */
.section13 form #email-error, .section13 form #optin-error {
  display: block;
  width: 460px;
  margin-left: auto;
  margin-right: auto;
}
/* line 42, ../sass/layout/_section13.scss */
.section13 form #email-error.hide, .section13 form #optin-error.hide {
  display: none;
}
/* line 46, ../sass/layout/_section13.scss */
.section13 form #optin + label {
  display: inline-block;
}
/* line 49, ../sass/layout/_section13.scss */
.section13 form #submit {
  position: absolute;
  width: 70px;
  height: 70px;
  top: 0;
  left: 50%;
  margin-left: 280px;
  border: none;
  background-color: #818285;

  background-position: 30px center;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  -ms-border-radius: 70px;
  -o-border-radius: 70px;
  border-radius: 70px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
/* line 64, ../sass/layout/_section13.scss */
.section13 form #submit:hover {
  background-color: #A1A1A1;
}
/* line 67, ../sass/layout/_section13.scss */
.section13 form #submit:focus {
  outline: none;
}
/* line 71, ../sass/layout/_section13.scss */
.section13 form #mobile-submit {
  display: none;
}
/* line 75, ../sass/layout/_section13.scss */
.section13 #thankyou {
  position: absolute;
  width: 600px;
  top: 0;
  left: 50%;
  margin-left: -300px;
  text-align: center;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
/* line 85, ../sass/layout/_section13.scss */
.section13 #thankyou.show {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 93, ../sass/layout/_section13.scss */
html.ie8 .section13 form #email {
  padding-top: 17.5px;
}

/* line 2, ../sass/layout/_section14.scss */
.section14 .container {
  padding-top: 0;
  padding-bottom: 100px;
}
/* line 6, ../sass/layout/_section14.scss */
.section14 .copy {
  display: block;
  width: 500px;
  margin: 0 auto;
  text-align: center;
}
/* line 11, ../sass/layout/_section14.scss */
.section14 .copy .disclaimer {
  display: block;
  font-size: 10px;
}

/* Responsive Docs
-------------------------------------------------- */
@media (max-width: 939px) {
  /* line 4, ../sass/layout/_responsive.scss */
  #global-header #global-logo {
    margin-left: 30px;
  }

  /* line 8, ../sass/layout/_responsive.scss */
  .container {
    width: 768px;
  }

  /* line 12, ../sass/layout/_responsive.scss */
  [class*="section"] .container {
    width: 708px;
  }

  /* line 16, ../sass/layout/_responsive.scss */
  .copy {
    width: 100%;
  }

  /* line 22, ../sass/layout/_responsive.scss */
  .header .button-play {
    width: 250px;
    height: 250px;
    margin-left: -125px;
    margin-top: -125px;
  }

  /* line 33, ../sass/layout/_responsive.scss */
  .nav .container:before {
    width: 80%;
  }

  /* line 40, ../sass/layout/_responsive.scss */
  .lifestyle {
    height: auto;
  }
  /* line 42, ../sass/layout/_responsive.scss */
  .lifestyle .wrapper {
    position: relative;
    width: 100%;
    left: 0;
    margin-left: 0;
  }
  /* line 49, ../sass/layout/_responsive.scss */
  .lifestyle .image {
    background-image: none !important;
    display: none;
  }
  /* line 53, ../sass/layout/_responsive.scss */
  .lifestyle .live, .lifestyle .quote {
    display: inline-block;
    height: 250px;
    float: none;
  }
  /* line 57, ../sass/layout/_responsive.scss */
  .lifestyle .live .cont, .lifestyle .quote .cont {
    margin-top: 140px;
  }
  /* line 61, ../sass/layout/_responsive.scss */
  .lifestyle .live {
    position: absolute;
    width: 25%;
    top: 0;
    left: 0;
    background-image: none !important;
    z-index: 5;
  }
  /* line 69, ../sass/layout/_responsive.scss */
  .lifestyle .live .cont span {
    display: table-cell;
    margin-top: 0;
    padding-top: 10px;
    height: 100px;
  }
  /* line 77, ../sass/layout/_responsive.scss */
  .lifestyle .quote {
    width: 100%;
  }
  /* line 79, ../sass/layout/_responsive.scss */
  .lifestyle .quote .cont {
    width: 75%;
    margin-left: 25%;
    padding: 0;
  }
  /* line 83, ../sass/layout/_responsive.scss */
  .lifestyle .quote .cont span {
    width: auto;
    height: 110px;
    padding: 0 30px;
  }

  /* line 94, ../sass/layout/_responsive.scss */
  .section1 .container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /* line 98, ../sass/layout/_responsive.scss */
  .section1 .image {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    text-align: center;
  }
  /* line 105, ../sass/layout/_responsive.scss */
  .section1 .copy {
    width: 550px;
    text-align: center;
    margin: 0 auto 50px auto;
  }

  /* line 113, ../sass/layout/_responsive.scss */
  .section3 .copy {
    width: 375px;
    padding-right: 40px;
  }

  /* line 122, ../sass/layout/_responsive.scss */
  .section7 .widgets .widget {
    float: none;
    margin-left: 40px;
    margin-bottom: 40px;
    overflow: visible;
  }
  /* line 127, ../sass/layout/_responsive.scss */
  .section7 .widgets .widget:first-child {
    margin-left: 40px;
  }
  /* line 130, ../sass/layout/_responsive.scss */
  .section7 .widgets .widget .background {
    display: none;
  }
  /* line 133, ../sass/layout/_responsive.scss */
  .section7 .widgets .widget .overlay {
    left: 350px;
    text-align: left;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  /* line 137, ../sass/layout/_responsive.scss */
  .section7 .widgets .widget .overlay p {
    color: #818285;
  }
  /* line 139, ../sass/layout/_responsive.scss */
  .section7 .widgets .widget .overlay p a {
    color: #818285;
  }

  /* line 150, ../sass/layout/_responsive.scss */
  .section8 .copy {
    padding-left: 50px;
  }

  /* line 157, ../sass/layout/_responsive.scss */
  .section9 .widgets {
    left: 420px;
  }
  /* line 160, ../sass/layout/_responsive.scss */
  .section9 .widget3, .section9 .widget4, .section9 .widget5, .section9 .widget6 {
    background: none !important;
    display: none;
  }

  /* line 168, ../sass/layout/_responsive.scss */
  .section10 .container {
    padding-top: 0;
  }
  /* line 171, ../sass/layout/_responsive.scss */
  .section10 .copy, .section10 .spin {
    display: block;
  }
  /* line 174, ../sass/layout/_responsive.scss */
  .section10 .spin {
    width: 500px;
    margin: 0 auto;
  }
  /* line 178, ../sass/layout/_responsive.scss */
  .section10 .copy {
    padding-left: 0;
  }

  /* line 184, ../sass/layout/_responsive.scss */
  .section13 .container {
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  /* line 199, ../sass/layout/_responsive.scss */
  .container {
    width: 574px;
  }

  /* line 203, ../sass/layout/_responsive.scss */
  [class*="section"] .container {
    width: 514px;
    padding: 80px 30px;
  }

  /* line 209, ../sass/layout/_responsive.scss */
  .header {
    height: 300px;
  }
  /* line 211, ../sass/layout/_responsive.scss */
  .header .button-play {
    width: 200px;
    height: 200px;
    margin-left: -100px;
    margin-top: -100px;
  }

  /* line 219, ../sass/layout/_responsive.scss */
  .nav {
    height: auto;
    overflow: visible;
    margin-top: 0;
  }
  /* line 224, ../sass/layout/_responsive.scss */
  .nav:before {
    display: none;
  }
  /* line 228, ../sass/layout/_responsive.scss */
  .nav .container {
    width: 100%;
    background-color: #818285;
  }
  /* line 231, ../sass/layout/_responsive.scss */
  .nav .container:before {
    display: none;
  }
  /* line 237, ../sass/layout/_responsive.scss */
  .nav .logo:after, .nav .button:after {
    display: none;
  }
  /* line 240, ../sass/layout/_responsive.scss */
  .nav .logo:before, .nav .button:before {
    display: none;
  }
  /* line 244, ../sass/layout/_responsive.scss */
  .nav .logo {
    width: 100%;
    height: 50px;
  }
  /* line 247, ../sass/layout/_responsive.scss */
  .nav .logo:after {
    display: none;
  }
  /* line 250, ../sass/layout/_responsive.scss */
  .nav .logo:before {
    display: none;
  }
  /* line 254, ../sass/layout/_responsive.scss */
  .nav .button {
    margin: 0;
    padding: 15px 0;
    width: 33.3333333%;
    text-align: center;
  }
  /* line 259, ../sass/layout/_responsive.scss */
  .nav .button:hover {
    background-color: #818285;
  }
  /* line 261, ../sass/layout/_responsive.scss */
  .nav .button:hover:after {
    display: none;
  }

  /* line 269, ../sass/layout/_responsive.scss */
  .lifestyle {
    display: none;
  }
  /* line 271, ../sass/layout/_responsive.scss */
  .lifestyle .image, .lifestyle .live, .lifestyle .quote {
    background: none !important;
  }

  /* line 276, ../sass/layout/_responsive.scss */
  .line.mobile {
    display: block;
  }

  /* line 281, ../sass/layout/_responsive.scss */
  .section1 .image {
    width: 300px;
    margin: 0 auto;
  }
  /* line 284, ../sass/layout/_responsive.scss */
  .section1 .image img {
    max-width: 100%;
  }
  /* line 286, ../sass/layout/_responsive.scss */
  .section1 .copy {
    width: 100%;
  }
  /* line 289, ../sass/layout/_responsive.scss */
  .section1 .icon {
    margin: 0 25px;
  }

  /* line 295, ../sass/layout/_responsive.scss */
  .section2 .unit {
    width: 459px;
    height: 149px;
    background-size: 100%;
  }
  /* line 299, ../sass/layout/_responsive.scss */
  .section2 .unit .screen {
    width: 190px;
    height: 78px;
    margin-left: -95px;
    margin-top: -39px;
    background-size: 100%;
  }

  /* line 310, ../sass/layout/_responsive.scss */
  .section3 .copy, .section3 .guage {
    display: block;
  }
  /* line 313, ../sass/layout/_responsive.scss */
  .section3 .copy {
    width: 100%;
    padding: 0;
    margin-bottom: 40px;
  }

  /* line 321, ../sass/layout/_responsive.scss */
  .section4 .cont, .section4 .copy {
    display: block;
  }
  /* line 324, ../sass/layout/_responsive.scss */
  .section4 .unit {
    margin: 0 auto 40px auto;
  }
  /* line 327, ../sass/layout/_responsive.scss */
  .section4 .copy {
    width: 100%;
    padding: 0;
  }

  /* line 333, ../sass/layout/_responsive.scss */
  .section5 {
    overflow: visible;
    margin-bottom: 10px;
    height: auto;
  }
  /* line 337, ../sass/layout/_responsive.scss */
  .section5:before {
    display: none;
  }
  /* line 341, ../sass/layout/_responsive.scss */
  .section5 .container {
    padding-bottom: 0 !important;
  }
  /* line 343, ../sass/layout/_responsive.scss */
  .section5 .container:before {
    display: none;
  }
  /* line 348, ../sass/layout/_responsive.scss */
  .section5 .title, .section5 .segment {
    color: #414042;
    font-size: 28px;
    font-weight: 700;
    line-height: 120%;
  }
  /* line 353, ../sass/layout/_responsive.scss */
  .section5 .title:after, .section5 .segment:after {
    display: none;
  }
  /* line 356, ../sass/layout/_responsive.scss */
  .section5 .title:before, .section5 .segment:before {
    display: none;
  }
  /* line 360, ../sass/layout/_responsive.scss */
  .section5 .title.active, .section5 .segment.active {
    background-color: transparent;
  }
  /* line 362, ../sass/layout/_responsive.scss */
  .section5 .title.active:after, .section5 .segment.active:after {
    display: none;
  }
  /* line 369, ../sass/layout/_responsive.scss */
  .section5 .segment {
    display: none;
  }

  /* line 375, ../sass/layout/_responsive.scss */
  .section6 .container {
    padding-top: 0 !important;
  }

  /* line 381, ../sass/layout/_responsive.scss */
  .section7 .copy {
    width: 100%;
  }
  /* line 385, ../sass/layout/_responsive.scss */
  .section7 .widgets .widget {
    display: block;
    width: 100px;
    height: auto;
    min-height: 245px;
    background-size: 100%;
    margin-left: 0px;
    margin-bottom: 60px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  /* line 394, ../sass/layout/_responsive.scss */
  .section7 .widgets .widget:first-child {
    margin-left: 0;
  }
  /* line 397, ../sass/layout/_responsive.scss */
  .section7 .widgets .widget .overlay {
    position: relative;
    display: block;
    width: 330px;
    height: auto;
    left: 150px;
    vertical-align: top;
  }

  /* line 411, ../sass/layout/_responsive.scss */
  .section8 .cont, .section8 .copy {
    display: block;
  }
  /* line 414, ../sass/layout/_responsive.scss */
  .section8 .copy {
    padding-left: 0;
  }
  /* line 417, ../sass/layout/_responsive.scss */
  .section8 .cont {
    margin-bottom: 100px;
  }
  /* line 420, ../sass/layout/_responsive.scss */
  .section8 #always-jpg, .section8 #always-svg {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    background-size: 100%;
  }

  /* line 430, ../sass/layout/_responsive.scss */
  .section9 .container {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  /* line 434, ../sass/layout/_responsive.scss */
  .section9 .copy {
    width: 100%;
  }
  /* line 437, ../sass/layout/_responsive.scss */
  .section9 .widgets {
    position: relative;
    height: auto;
    top: 0;
    left: 0;
  }
  /* line 443, ../sass/layout/_responsive.scss */
  .section9 .widgets [class*='widget'] {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
  }
  /* line 449, ../sass/layout/_responsive.scss */
  .section9 .widgets .widget1 {
    margin-bottom: 40px;
  }

  /* line 456, ../sass/layout/_responsive.scss */
  .section10 .container {
    padding-top: 0 !important;
  }

  /* line 463, ../sass/layout/_responsive.scss */
  .section13 .container {
    padding-top: 30px;
  }
  /* line 467, ../sass/layout/_responsive.scss */
  .section13 form #email {
    position: relative;
    width: 400px;
    left: -50px;
  }
  /* line 472, ../sass/layout/_responsive.scss */
  .section13 form #submit {
    margin-left: 175px;
  }
  /* line 475, ../sass/layout/_responsive.scss */
  .section13 form .optin {
    width: 410px;
  }
}
@media (max-width: 573px) {
  /* line 487, ../sass/layout/_responsive.scss */
  .container {
    width: 320px;
  }

  /* line 491, ../sass/layout/_responsive.scss */
  [class*="section"] .container {
    width: 280px;
    padding: 50px 20px;
  }

  /* line 505, ../sass/layout/_responsive.scss */
  .section1 h1 {
    font-size: 28px;
    line-height: 120%;
  }
  /* line 509, ../sass/layout/_responsive.scss */
  .section1 .image {
    width: 280px;
  }
  /* line 512, ../sass/layout/_responsive.scss */
  .section1 .copy {
    margin-bottom: 0;
  }
  /* line 516, ../sass/layout/_responsive.scss */
  .section1 .icons {
    width: 210px;
    margin: 0 auto;
  }
  /* line 520, ../sass/layout/_responsive.scss */
  .section1 .icon-row {
    display: inline-block;
    width: 100px;
    margin-bottom: 0;
  }
  /* line 524, ../sass/layout/_responsive.scss */
  .section1 .icon-row:first-child {
    margin-bottom: 0;
  }
  /* line 528, ../sass/layout/_responsive.scss */
  .section1 .icon {
    width: 100%;
    margin: 0 0 60px 0;
  }

  /* line 537, ../sass/layout/_responsive.scss */
  .section2 .copy {
    width: 100%;
  }
  /* line 540, ../sass/layout/_responsive.scss */
  .section2 .unit {
    width: 280px;
    height: 91px;
    background-size: 100%;
  }
  /* line 544, ../sass/layout/_responsive.scss */
  .section2 .unit .screen {
    width: 117px;
    height: 48px;
    margin-left: -58px;
    margin-top: -24px;
    background-size: 100%;
  }

  /* line 555, ../sass/layout/_responsive.scss */
  .section3 .guage, .section3 #img-guage, .section3 #svg-guage {
    width: 280px;
  }
  /* line 558, ../sass/layout/_responsive.scss */
  .section3 .guage {
    margin-bottom: 50px;
  }

  /* line 564, ../sass/layout/_responsive.scss */
  .section4 .unit {
    width: 260px;
    background-size: 100%;
  }

  /* line 572, ../sass/layout/_responsive.scss */
  .section7 .widgets .widget {
    width: 100%;
    height: auto;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-position: top center;
    background-size: 200px;
  }
  /* line 579, ../sass/layout/_responsive.scss */
  .section7 .widgets .widget .overlay {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    padding-top: 330px;
  }

  /* line 592, ../sass/layout/_responsive.scss */
  .section9 .widgets [class*='widget'] {
    width: 224px;
    background-size: 100%;
  }
  /* line 596, ../sass/layout/_responsive.scss */
  .section9 .widgets .widget1 {
    height: 341px;
  }
  /* line 599, ../sass/layout/_responsive.scss */
  .section9 .widgets .widget2 {
    height: 224px;
  }

  /* line 606, ../sass/layout/_responsive.scss */
  .section10 .container {
    padding-top: 0;
  }
  /* line 609, ../sass/layout/_responsive.scss */
  .section10 .image img {
    width: 280px;
    height: 280px;
  }
  /* line 613, ../sass/layout/_responsive.scss */
  .section10 .spin {
    width: 280px;
  }
  /* line 616, ../sass/layout/_responsive.scss */
  .section10 .colors > * {
    margin-right: 6px;
  }

  /* line 622, ../sass/layout/_responsive.scss */
  .section13 form {
    width: 100%;
  }
  /* line 624, ../sass/layout/_responsive.scss */
  .section13 form #email, .section13 form #email-error, .section13 form .optin, .section13 form #submit {
    position: relative;
    width: 100%;
    left: 0;
    margin-left: 0;
  }
  /* line 630, ../sass/layout/_responsive.scss */
  .section13 form #email {
    font-size: 20px;
    line-height: 20px;
  }
  /* line 634, ../sass/layout/_responsive.scss */
  .section13 form .optin {
    margin-bottom: 15px;
  }
  /* line 637, ../sass/layout/_responsive.scss */
  .section13 form #submit {
    background: none !important;
    display: none;
  }
  /* line 641, ../sass/layout/_responsive.scss */
  .section13 form #mobile-submit {
    display: inline-block;
  }
  /* line 645, ../sass/layout/_responsive.scss */
  .section13 #thankyou {
    width: 280px;
    margin-left: -140px;
  }

  /* line 652, ../sass/layout/_responsive.scss */
  .section14 .copy {
    width: 100%;
  }
}