/* colors */
$black	: rgb(34, 34, 34);
$orange : rgb(255, 121, 0);
$gray	: rgb(222, 222, 222);
$lightgray  : rgb(248,248,248);
$slate	: rgb(53, 53, 53);
$blue	: #089eda;
/* $blue	: #428bca; */
$red    : #cc3100;
$gray-border :#eee;
$text-size: 16px;

/* typography */
@font-face {
    font-family: 'DuplicateSansWeb';
    src: url('{{ 'duplicate-sans-web-bold.eot' | asset_url }}');
    src: url('{{ 'duplicate-sans-web-bold.eot' | asset_url }}?#iefix') format('embedded-opentype'),
         url('{{ 'duplicate-sans-web-bold.woff' | asset_url }}') format('woff'),
         url('{{ 'duplicate-sans-web-bold.ttf' | asset_url }}') format('truetype'),
         url('{{ 'duplicate-sans-web-bold.svg' | asset_url }}#DuplicateSansWeb') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}
    
@font-face {
    font-family: "SSSocial";
    src: url('{{ 'ss-social-regular.eot' | asset_url }}');
    src: url('{{ 'ss-social-regular.eot' | asset_url }}?#iefix') format('embedded-opentype'),
    url('{{ 'ss-social-regular.woff' | asset_url }}') format('woff'),
    url('{{ 'ss-social-regular.ttf' | asset_url }}') format('truetype');
    font-weight: bold;
    font-style: normal;
}

.ss-icon, .ss-icon.ss-social, .ss-icon.ss-social-circle,
[class^="ss-"]:before,
[class*=" ss-"]:before,
[class^="ss-"][class*=" ss-social"]:before,
[class*=" ss-"][class*=" ss-social"]:before,
[class^="ss-"].right:after,
[class*=" ss-"].right:after,
[class^="ss-"][class*=" ss-social"].right:after,
[class*=" ss-"][class*=" ss-social"].right:after {
    font-family: "SSSocial";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}

.ss-icon.ss-social-circle,
[class^="ss-"].ss-social-circle:before,
[class*=" ss-"].ss-social-circle:before,
[class^="ss-"].ss-social-circle.right:after,
[class*=" ss-"].ss-social-circle.right:after {
    font-weight: bold;
}

[class^="ss-"].right:before,
[class*=" ss-"].right:before {
    display: none;
    content: '';
}


/*global template tags*/
html, body {
  font-family: "Salvo Sans Light", Sans-Serif; height: 100%;
}

body, body p {
  font-size: $text-size;
  line-height:1.5;
}
body {background:#ffffff;line-height:1.5;}
input, select, textarea, .form-control { 
  border-radius: 0; 
  /* -webkit-appearance: none; -webkit-border-radius: 0px; */
}

a {
color: $blue;
text-decoration: none;
}

#wrapper { min-height: 100%; position: relative; }

.navbar {
  border-bottom: 1px solid #efefef; background-color: white; height:80px;
  
  .navbar-header {
    margin-left:40px;
  }
    .navbar-brand { 
        text-indent: 130%;
        white-space: nowrap;
        overflow: hidden;
        background-size: 100%;
        background-repeat: no-repeat;
        width: 90px;
        height: auto;
        margin: 17px 0 0 25px;
        display: block;
        background-position: center center;
        background-image: url('{{ 'logo-black.png' | asset_url}}');

    } 
  
    ul.nav { 
    	text-transform: none; font-size: 16px; padding-right:50px;
    	font-family: "Salvo Sans Light", sans-serif; 
    	a { 
      		color: $black; padding: 10px 20px;
            &:hover { color: $blue; }
	    }
        li {padding: 22px 0px;}
        li:nth-child(5) {} 
	    li:last-child a { color: $orange;padding:22px 20px 18px;border-radius:4px;text-transform:uppercase;font-family:'salvo sans', sans-serif;font-weight:bold; }
  	}
  	button.navbar-toggle {
    	float: left;
		margin: 8px 0 0 0px;
        padding: 9px 0px;
	    span { background-color: $blue; }
  	}
}

nav.navbar-homepage.navbar-fixed-top {
  position: absolute !important;
}

.navbar-homepage {
  background-color: transparent; 
  height:80px;
  background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  
  .navbar-header {margin-left:40px;}
  
  .navbar-header-homepage {margin-left:40px;}

    .navbar-brand { 
        background-image: url('{{ 'logo-white.png' | asset_url}}');
        text-indent: 130%;
        white-space: nowrap;
        overflow: hidden;
        background-size: 100%;
        background-repeat: no-repeat;
        width: 90px;
        height: auto;
        margin: 17px 0 0 25px;
        display: block;
        background-position: center center;
    } 

    ul.nav { 
    	text-transform: none; font-size: 16px; padding-right:50px;
    	font-family: "Salvo Sans Light", sans-serif; 
    	a { 
      		color: rgba(255,255,255,0.6); padding: 10px 20px;
            &:hover { color: $blue; }
	    }
        li {padding: 22px 0px;}
        li:nth-child(5) {} 
	    li:nth-child(6) a { background-color: $orange;padding:22px 20px 18px;border-radius:4px;color:#ffffff;margin: -12px 0 0 15px; }
  	}
  
  	button.navbar-toggle {
    	float: left;
		margin: 8px 0 0 0px;
        padding: 9px 0px;
	    span { background-color: #ffffff; }
  	}
}

.header{
  background-position: top center;
  background-size: cover;
  height: 300px;
  margin-top:0px;
  h1 {font-size: 60px; font-family: 'Salvo Sans Light',sans-serif; color: #fff;padding: 125px 0 0; width: 80%; text-align: center; margin: 0 auto;
  }
}

.header-blue {
  width: 100%;
  float: left;
  background: rgba(8,158,218,0.9);
  height: 100%;
  margin-top:-191px;
}

h1.blog {font-size:40px; font-family: 'Salvo Sans Light',sans-serif;} 

.header-gray{
  height: 160px;
  margin-top:46px;
  /*background-color:$lightgray;*/
  h1 {font-size: 36px; font-family: 'Salvo Sans Light', sans-serif; color: $black;padding: 80px 0 0; width: 80%; text-align: center; margin: 0 auto;;
  }
}

h1.long-title {}


h2 { 
  font-family: 'Salvo Sans Light',sans-serif;
  font-size: 30px; 
}

h3 {
  font-size: 20px;
  font-family: "Salvo Sans"; 
  font-weight: normal; 
  font-style: normal;
}

h3.date {
font-size: 14px;
margin: 0px 0px 20px;
font-family: "Salvo Sans Light",Sans-Serif;
}

h4 {
  font: 18px;
  font-family: "Salvo Sans";
  font-weight: normal;
  font-style: normal;
  margin: 0;
  line-height:1.5;

}

textarea.form-control { height: 200px; }

p { font-size: 14px; }

.two_cols .col ul {
    margin: 0 0 0 20px;
    line-height: 1.5;
    padding: 0;
}

.content-how ul {
	margin:0 0 0 20px;
}

.content { 
    margin-top: 0px;
    .page { background-color: #fff; padding: 20px 25px; min-height: 500px; }
  	h2.product {font-size: 36px; text-align: center;padding-top: 70px;font-family: "salvo sans light", sans-serif; font-weight: 100;}
  	h2.cart {font-size: 40px; text-align: left;padding-top: 70px;}
}

.content-how {
 	width:700px;
    margin:20px auto 40px;
    .page { background-color: #fff; padding: 20px 0px; }
    img {width: 100%;}
      #range-element {margin-left: -140px;}
}

.content-how2 {
 	width:790px;
    margin:20px auto 40px;
    .page { background-color: #fff; padding: 20px 25px; }
    img {width: 100%;}
      #range-element {margin-left: -140px;}
}

.content-faq {
 	width:800px;
    margin:20px auto 40px;
    .page { background-color: #fff; padding: 20px 25px; }
    img {width: 100%;}
      #range-element {margin-left: -140px;}
}

.content-blog {
    margin:20px auto 40px; width:90%;
    .page { background-color: #fff; padding: 20px 25px;width: 60%; }
    .rail { background-color: #fff; padding: 20px 25px;width: 30%; float:right; }
    img {width: 100%;}
      #range-element {margin-left: -140px;}
}

.blog-leftrail {
 	float:left;
  	width:60%;
}

.content-404 {
 	width:700px;
    text-align:center;
    margin:20px auto 40px;
    .page { background-color: #fff; padding: 100px 25px; }
    img {width: 100%;}
      #range-element {margin-left: -140px;}
}

.btn {
  border: 1px solid $black; padding: 10px 20px; text-transform: uppercase; border-radius: 0; 
  vertical-align: top; font-family: "Salvo Sans", Sans-Serif; font-weight: bold;
  font-size: 11px; letter-spacing: 1px;
  &.btn-default {
    background-color: white; color: $black;
  }
  &.btn-primary {
    background-color: $orange; color: white;
  }
}


#footer {
  background-color: #ffffff; color: white; font-family: 'Salvo Sans';float:left;width:100%;border-top:1px solid #f2f2f2;
  
  .footer-container {
    width:960px; margin:0 auto;
    ul { list-style-type: none; padding: 0;width: 30%; float:left; min-width:150px; }
    a { 
      color: #c6c6c7; font-size:14px; line-height:2.5;
      &:hover{ color: $blue; text-decoration: none; }
      &.active {color: #c6c6c7;}
    }
    .row { margin-top: 30px; margin-bottom: 30px; }
    .social {margin-bottom: 15px;margin-top: 60px;}
    .social a { margin: 0 20px 0 0; font-size: 18px;}
    .social a.ss-icon {color:$blue;}
    .social a.ss-icon:hover {color:$black;}
    .social p {font-size:14px;color:$black;margin: 0 0 3px;}
    .social, .newsletter, .copyright { text-align: left; }
    .links { font-size: 10px; margin-top: 60px; margin-bottom: 50px;line-height: 2; width: 550px;float: left;}
    .copyright { color: #c6c6c7; font-size:14px; line-height:1.5;border-top:1px solid #f2f2f2;padding: 45px 0;float: left; width: 100%;text-align:center; }

    .col-sm-offset-3 {
      margin-left: 0 !important;
    }
    
    .footer-right {
      float:right;
      width:400px;
      form.mailchimp {
        .mailchimp-form {
          width:380px;
          float:none;
          p {font-size:14px;color:$black;text-transform:left;float:left;}
          input {
            border: 1px solid #eceef1; color: #999999; width: 100%; height: 45px; margin-bottom: 10px;border-radius:4px;
            &.email {
              background-color: #ffffff;
              font-family: "Salvo Sans Light", sans-serif; 
              font-weight: normal;
              outline:0px solid black;
              padding: 22px 15px 21px; 
              font-size:14px;
              vertical-align:top;
              float:left;
              width:275px;
            }
            &.button {
              background-color: $orange;
              font-family: "Salvo Sans", sans-serif;
              font-size: 14px;
              font-weight:normal;
              border-radius:4px;
              padding: 10px;
              border:0px;
              text-transform:none;
              width:95px;
              float:right;
              color:#ffffff;
            }
            &.button:hover {
              background-color:darken($orange, 5%)
            }
          }
        }

        &.response {
          position: relative; 
          input { opacity: .1; }
          div.message { 
            width: 90%; 
            position: absolute; 
            font-size: 11px; 
            left: 50%; 
            top: -3px;
            margin: 0 0 0 -45%; 
            &.error { color: $orange }
          }
        }
      }
    }
  }
}

img.footer-image { display: block; margin: 0 auto; }

/*Analytics*/

.page-name {
  display:none;
}

/*blog comments*/

input.comment-button {
width: 200px;
padding: 10px 0px 8px;
border: 0px;
font-size: 14px;
background: white;
font-family: "Salvo Sans",Sans-Serif;
text-transform: uppercase;
border: 1px solid #000;
}

textarea#comment-body {
width: 100%;
float: left;
margin-bottom: 20px;
border: 1px solid $gray;
  padding: 10px;
line-height: 1.5;
font-size: 14px;
}

input#comment-author {
width: 100%;
padding: 8px 10px 6px;
font-size: 14px;
}

input#comment-email {
width: 100%;
padding: 8px 10px 6px;
font-size: 14px;
}

li.tags {
list-style: none;
}

ul.tags {
list-style: none;
}

/* home page */
body#welcome {
  .row.welcome {
  	margin:auto auto 150px auto;
    p strong { display:block; font-size:24px; font-family:'DuplicateSansWeb'; }
  }
  h2 { font-size:30px; text-align:center; margin-bottom:1em;}

  div.full {
    min-height:700px;
    margin-bottom:150px;
    background-size: cover; background-position: center center; 
    h2 { color: white; text-transform: uppercase; text-align: center; }
  }
  
  #product_diagram {
	background-size: 100% 87%;
	height: 530px;
    margin-bottom: 20px;
    background-position: 90px 60px;
    background-repeat: no-repeat;
	p { width: 60%; }
  }

  #vimeo { 
      width: 100%; height: 100%; min-width: 100%; min-height: 100%; position: relative;
      iframe { width: 100%; height: 100%; visibility: hidden; /* just during load */ }
      div.placeholder {
          position: absolute; left: 0; right: 0; top: 0; bottom: 0;
          background-image: url({{ 'home-video.jpg' || asset_url }});
          background-size: cover; text-align: center;
          a#play {
              display: block; 
              position: absolute; left: 0; right: 0; top: 0; bottom: 0;
              background-image: url({{ 'home-video-play.png' || asset_url }});
              background-position: center center; background-repeat: no-repeat;
          }
      }
  }
  
  #article_14776813 { margin-top:100px; /* spinny */ }
  #article_14776813 .row {margin-bottom:0 !important; }
  #article_13729113 p {margin-left:60%; }
  #article_14776701 .row {width:50%;}
  #article_13729117 p {margin-left:60%; }
  #article_13729125 {min-height:300px; }
  #article_13729157 p {width:40%;}
  #article_13729149 p {margin-left:65%; }
  #article_13729177 p {margin-top:1em; margin-left:70%;}
  #article_13729177 .row.welcome { min-height:600px; }
}

#gotenna_in_hand {
  position: absolute;
  left: 0px;
  width:  300px;
  height: 127px;
  margin-left:0px;
}
  

@media (min-width: 768px) {
  #gotenna_in_hand {
  	left:-50px;
    width:  800px;
    height: 330px;
  }
}

@media (min-width: 960px) {
  #gotenna_in_hand {
  	left:0px;
    margin-top:120px;
  }
}

/*Olark*/
  #habla_beta_container_do_not_rely_on_div_classes_or_names #habla_middle_wrapper_div p.habla_conversation_p_item {
    display: block !important;
}
  

/* faqs */
#faqs {
  p { display: none; margin: 5px 0 15px; }
  

  h3 { margin-top: 40px; }
  
  h4 { 
    line-height: 36px;
    cursor: pointer; 
    color: $blue;
	&:hover { color: $blue; text-transform:underline; }
  }

  a.expand_btn {
    display: none;
    position: absolute;
    top: 55px;
    right:45px;
    font-size: 12px;
	font-family: "Salvo Sans", Sans-Serif; 
    font-weight: bold;
    cursor:pointer;
    text-transform: uppercase;
    padding:10px 0px 10px 10px;
    color: $blue;
    &.visible { display:block !important; }
    &:hover { color: $blue; text-decoration: underline; }
  }
}
strong {
  font-family:"salvo sans", sans-serif;
  font-weight:bold;
}

.anchor{
   display:block;
   height:80px; /* this is the height of your header */
   margin-top:-80px; /* this is again negative value of the height of your header */
   visibility:hidden;
}


/* developer and contact forms */
.page form.mailchimp {
  max-width: 555px; margin: 40px auto 0; position: relative;
  div.message { 
    position: absolute; font-family: "Salvo Sans"; top: 0; 
    &.error { color: $orange; }
  }
  &.response input { opacity: .1; }
  input { 
    border: 1px solid $black; margin-bottom: 15px; 
    &.error { border-color: $orange; }
  }
}


/* team page */
.row.team {
  margin-top: 20px; margin-bottom: 20px;
  div { margin-bottom: 20px; }
  span { display: block; color: #aaa; }
}


/* product order page */

.product {
  margin: 0px 0 0;
  padding-bottom: 20px;
  .meta {
    padding-top: 155px !important;
    width: 100%;
    .price {
      position: absolute; top: 0px; 
      h1 { 
        font-family: "Salvo Sans"; 
        font-size: 48px; 
        white-space: nowrap;
        text-align: left;
        margin: 0;
        font-weight: bold;
      }
      h2#product-title {
        font-size:21px;
        font-family:"Salvo Sans Light", sans-serif;
      }
      p {
      	font-size:16px;
        font-family:"Salvo Sans Light", sans-serif;
        line-height:1.5;
        span img {
          width: 20px;
   		  margin: -5px 10px 0 0;
        }
      }
      small { 
        color: inherit; 
        text-transform: uppercase; 
        font: 14px "Salvo Sans" normal;
      }
    }

    select, input { 
      width: 100%; 
      padding: 10px 20px;
      margin: 0 0 10px 0; 
      font-family: "Salvo Sans", Sans-Serif;
      font-weight: bold;
      font-size: 11px; text-transform: uppercase;
      border: 1px solid $black;
      height: 44px;
      color:$blue;
    }

    select {
      background-color: white;
      border-radius: 0px;
      font-size: 13px;
    }

    input {
      background-color: $orange;
      border-color: $orange;
      color: white;
      font-size: 14px;
    }
    
    .quantity-cart {
      float:left;
      width:100%;
      border-top:1px solid $gray-border;
      padding:20px 0 0;
      margin-top: 10px;
      select#quantity {
        width: 30%;
        padding: 10px 20px;
        margin: 0 0 10px 0;
        font-family: "Salvo Sans", Sans-Serif;
        font-weight: normal;
        font-size: 14px;
        text-transform: capitalize;
        border:0;
        border: 1px solid $gray-border;
        height: 53px;
        color: $blue;
        float: left;
      }
      .add_to_cart-btn {
        width: 68%; 
        background-color:$orange;
        border: 0px solid;
        color: white;
        font-size: 18px;
        font-family: "Salvo Sans", Sans-Serif;
        position: relative;
        text-transform:uppercase;
        padding:18px 10px 16px;
        border-radius:4px;
        float:right;
        small {font-weight:normal;font-size:11px;color:lighten($orange, 30%);}
      }
      
      .add_to_cart-btn:hover {
        background-color:darken($orange, 5%);  
      }
      
    }



  }

  #product-left {
    float:left;width:60%;
    #main-product-image {}
    #thumbnails {float: left;width: 100%;}
    .thumbnail-center {margin:0 auto 20px; width:100%; border-bottom: 1px solid $gray-border; float: left; padding-bottom:20px;
      a {float:left;
        img {width: 70px;border: 1px solid $gray-border;margin: 10px 0 0 10px;}
      }
    } 
    #product-awards {
      float:left;
      width:100%;
      padding: 0 15px;
      h3 {
        text-align:center;
        font-size:13px;
        font-family:"Salvo Sans Light",sans-serif;
        text-transform: uppercase;
    	margin: 0 0 10px;
      }
      .awards-item {
        float:left;
        width: 18%;
   		margin: 0 5px;
 	    padding: 0;
        img {
          width:90px;
          height:auto;
        }
      }
    }
  }
  #product-right {float:right;width:33%;}

  .col-md-4.col-md-offset-1.meta {
    margin-left: 0px;
  }
}

.features-testimonials-wrapper {
  width:100%;
  float:left;
  background:$lightgray;
  padding:50px 0 60px;
  .features-testimonials-container {
    margin:0 auto;
    width:940px;
    .features-left { 
      width:45%;
      float:left;
      h2 {
        font-size:30px;
        float:left;
      }
      .features-list {
        float:left;
        h3 {
          font-size:13px;
          font-weight:bold;
        }
        ul {
          padding:0;
          li {
            font-size:13px;
            list-style:none;
            line-height:1.5;
          }
        }
      }
    }
    .testimonials-right { 
      width:50%;
      float:right;
      border-left:1px solid $gray-border;
      padding: 0px 0px 40px 40px;
      h2 {
        font-size:30px;
        float:left;
      }
      .testimonial {
        float:left;
        width:100%;
        p {
          font-size:13px;
          line-height:1.5;
          margin: 17px 0 5px;
        }
        .reviewer {
          float:left;
          line-height:1.5;
          .name {
            font-family:"salvo sans",sans-serif;
            font-weight:bold;
            font-size:13px;
            span {
              font-family:"salvo sans Light",sans-serif;
            }
          }
          .title {
            color:#9B9B9B;
            font-weight:normal;
            font-size:13px;
          }
        }
      }
    }
  }
}
ul#variants {
  float: left;
  margin: -30px 0 0;
  padding: 0;
  li.product {
    float:left;
    list-style:none;
    width:100%;
    padding: 0;
    label {
      float:left;
      background-color:#ffffff;
      border-radius:4px;
      overflow:auto;
      width:100%;
      margin-bottom: 10px;
      cursor:pointer;
      span {
        text-align:left;;
        font-size: 16px;
        padding:20px;
        display:block;
        font-family:"salvo sans light", sans-serif;
        border-radius:4px;
     	border:1px solid $gray-border;
        span.limited {
          color:$blue;
          font-size:12px;
          text-transform:uppercase;
          text-align: left;
          float: left;
          line-height: 0.9;
          font-weight: bold;
          font-family:"salvo sans", sans-serif;
        }
        span {
          text-align:right;
          float: right;
          padding: 0;
          font-size:13px;
          border:none;
          span {
          	text-decoration:line-through;
            color:$gray;
            margin-left:10px;
            .limited-edition {
              float: left !important;
              text-transform: uppercase;
              color:$blue;
            }
          }
        }
      }
      input {
        position:absolute;
        top:-120px;
        
      }
      input:checked + span {
        border:1px solid $blue;
        border-radius:4px;
        width:100%;
      }
    }
  }
}

.icons { 
  text-align: left; font: 14px "Salvo Sans Light",Sans-Serif; margin: 10px auto 10px; width: 85%; padding: 20px 0px 10px 30px;
  .icon-row {width: 25%; float: left; padding:0 10px; margin: 0 0 20px;}
  img { height: 60px; width: auto; margin-right: 10px; display: block; float: left;fill:#cccccc;margin-bottom: 16px; }
  p {float:left; width:100%; font-size:14px;text-align: center;font-family:"Salvo Sans Light", sans-serif;
    span {font-family:"Salvo Sans", sans-serif; font-weight:bold;font-size:16px;}  
  }


}

.shipping {
  text-align: center; margin: 20px 0 60px;
  .p-icon {margin-bottom:15px;}
  img {width:100%; max-width:445px;}
  p {font-size:14px}
}
      

      
  div#value-props {
    background:$lightgray;
    margin-top: 80px;
    width:100%;
    float:left;
    h2 {
      margin: 0 auto;
	  text-align: center;
      font-size:36px;
      font-family:"Salvo Sans Light", sans-serif;
      padding: 34px 0 0px;
      }
    }
      
  .credit-cards {
    width:100%;
    float:left;
	margin: 16px 0 25px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 30px;
    img {width:240px;height:auto;float:none;margin:0 auto;display:block;}
    p {font-size:13px;color:#999;text-align:center;}
    p.affirm-text {font-size:13px;color:#999;text-align:center;}
    .affirm-payment {
      font-size: 12px;
      font-weight: bold;
      text-align: center;
      float: none;
      display: block;
      margin: 0 0 5px;
      line-height:1.5;
	}
    
  }
      
  .family-container {
    width:100%;
    float:left;
    background:#fff;
    padding-bottom: 50px;
    h2 {
      margin: 0 auto;
	  text-align: center;
      font-size:36px;
      font-family:"Salvo Sans Light", sans-serif;
      padding: 75px 0 20px;
    }
  }
  .family-pack-row {  
    float:none;
    width:80%;
    margin: 0 auto;
  }
  
  .family-image {
    img {width:380px;}
    float:left;
  }
      
  .family-text {
    float:left;
    width:580px;
    padding: 35px 0 0 40px;
    .price {
      h2 {font-size: 36px;font-weight:bold;text-align:left;font-family:"Salvo Sans",sans-serif;padding-bottom: 15px;}
      p {margin-bottom:20px;}
      small {font-size:14px; text-transform:uppercase;color:$black;padding-left: 10px;}
      .add_to_cart-btn {
        width: 300px; 
        background:$orange;
        border: 0px solid;
        color: white;
        font-size: 13px;
        font-family: "Salvo Sans", Sans-Serif;
        font-weight: bold;
        text-transform:uppercase;
        text-align:center;
        padding:10px;
        position:relative;
        small {font-weight:normal;font-size:11px;color:lighten($orange, 30%);padding:0px;}
      }
      .add_to_cart-btn a {
        color:#ffffff;
        text-transform:uppercase;
        display:block;
        
      }
          
      .add_to_cart-btn a:hover {
        text-decoration:none !important;         
      }
      
      .add_to_cart-btn:hover {
        background-color:darken($orange, 5%);
        cursor:pointer;
      }

    }
  
  }
        
  .video-container {
    width:100%;
    background:$lightgray;
    padding:50px;
    margin: 0px 0 0;
    float:left;
    h2 {
      margin: 0 auto;
	  text-align: center;
      font-size:36px;
      font-family:"Salvo Sans Light", sans-serif;
      padding: 0px 0 15px;
    }
  }
  .video-row {  
    float:none;
    width:90%;
    margin: 0 auto;
  }
  
  .video-image {
    img {width:360px;height: auto;}
    float:left;
  }
      
  .video-text {
    float:left;
    width:580px;
	padding: 40px 0 0 40px;
    h2 {font-size: 36px;font-family:"Salvo Sans Light", sans-serif;text-align:left}
    }
 
  .info-container {
    width:100%;
    background:#ffffff;
	padding: 80px 50px 30px;
	margin: 0px;
    float:left;
    h2 {
      margin: 0 auto;
	  text-align: center;
      font-size:18px;
      font-family:"Salvo Sans", sans-serif;
      font-weight:bold;
      padding: 0px 0 15px;
    }
  }
  .info-row {  
    float:none;
    width:690px;
	margin: 0 auto 60px;
	height: 150px;
  }

  .info-row2 {  
    float:none;
    width:690px;
	margin: 0 auto 30px;
	height: 150px;
  }
  
  .info-image {
    img {width:200px;height: auto;}
    float:left;
  }

  .info-shipping {
    img {width:200px;height: auto;}
    float:left;
  }
      
  .info-text {
    float:left;
    width:480px;
	padding: 10px 0 0 40px;
    h2 {font-size: 18px;font-family:"Salvo Sans", sans-serif;text-align:left;font-weight:bold;padding: 0 0 5px;}
    p {}
      a {color:$blue;font-family:"Salvo Sans", sans-serif;font-weight:bold;}
      a.not-bold {color:$blue;font-family:"Salvo Sans", sans-serif;font-weight:normal;}
    }  
  
   .fcc-row {
     float:none;
     width:100%;
	 margin: 0 auto 60px;
	 height: 70px;
     p {text-align:center;font-size:16px;color:#999;}
   }
    
   .fcc-img {
     text-align:center;
     img {
       width:40px;
       height:auto;
       margin: 0px 0 15px;
     }
   }
  
  


/* press page */
body#press {
  h3 { text-transform: uppercase; }
  
  .logos {
    div {
      padding-top: 15px;
      padding-bottom: 15px;
      &.white { background-color: #333; }
    }
  }
}

/* about us */

.about-us-text {
  max-width:800px;
  margin:-20px auto 55px;
  line-height:1.5;
  p {
    font-size:18px;
    line-height:27px;
  }
}

.about-team-name {
  p {margin:10px 0 0;}
  span {margin-top:0;font-size:14px;}
}

/* cart */
.shopify_savings_message_text {
  color: red !important;
  background-color: transparent !important;
  border: 0px !important;
  padding: 0px !important;
  font-weight:bold !important; 
}

form#the_cart {
  input.btn {
    min-width: 123px; display: block; 
    &:first-child { margin-bottom: 10px; }
    &[name=checkout] {
      background-color: $orange; color: white; border-color: $orange;
    }
    &[name=checkout]:hover {background-color:darken($orange, 5%);}
  }
}

img.bitcoin { 
  display: block; margin-left: 10px; margin-top:15px;
}

p.additional-checkout-buttons {
margin: 10px 0px 0px -10px;
padding: 0;
}

#gateway-logos {
text-align: center;
padding: 8px 5px 3px 5px;
margin: 10px auto 20px auto;
display: none;
}

.we-accept {
text-align: left;
font-size: 12px;
color: #ccc;
text-transform: uppercase;
margin-top: 5px;
}

.affirm-cart{
  display: inline;
  float: left;
  margin-left: 15px;
  margin-top: -3px; 
}

@media (max-width: 991px){
 .affirm-cart{
  margin-top: 5px; 
 }
}

.credit-icons-left {
text-align: left;
margin-top: 4px;
}

td.cart-text {
padding: 18px 8px 7px !important;
}

input#updates_1086612209 {
  border: 1px solid #ccc;
}
.affirm-payment {
    float: right;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin-right: 50px;
  line-height:1.5;
}
.video-main-center .affirm-home a.affirm-payment {
  font-size: 13px ;
  font-weight: bold !important;
  text-align: center !important;
  float: left !important;
  display: block !important;
  margin: 20px 0 10px !important;
  color:#ffffff !important;
  width:100% !important;
  line-height:1.5 !important;
}


/* Features */ 

#features-wrapper {
  width:100%;
  margin:0px 0 -10px;
  display: inline-block;
    
  .feature-specs {
    width:95%;
    margin:0 auto 20px;
    padding: 20px 0;
      
    .specs-left {
      width:50%;
      float:left;
      padding-right: 10px;
      h2 {margin-bottom: 30px;}
        
      ul {
        list-style:none;
        li {line-height:1.5;padding: 10px 10px 10px 0px;float:left;width:100%;}
        li.title {color:#ffffff;text-transform:uppercase;font-size:14px;float:left;padding:6px 15px 4px;background:#089eda;border-radius:5px;width:auto;}
        
      }
      ul.ul-left {
        width: 50%;
        float: left;
      }

      ul.ul-right {
        width: 50%;
        float: right;
      }
          
    }
       
        
    .specs-right {
      width: 50%;
      float: left;
      padding-left: 10px;
      h2 {margin-bottom: 30px;}
      ul {
        list-style:none;
        li {line-height:1.5;padding: 10px 10px 10px 0px;float:left;width:100%;}
        li.title {color:#ffffff;text-transform:uppercase;font-size:14px;float:left;padding:6px 15px 4px;background:#089eda;border-radius:5px;width:auto;}

      }
      ul.ul-left {
        width: 50%;
        float: left;
      }

      ul.ul-right {
        width: 50%;
        float: right;
      }      
       
    }
  }
      
  .range-module {
    float:left;
    width:100%;
    padding:40px 20px;
    background:#089eda;
    margin-bottom:40px;
    h3 {text-align:center;font-size:36px;font-family:"Salvo Sans", sans-serif;font-weight:bold;color:#ffffff;}
    p {font-size:16px;font-weight:lighter;line-height:1.5;text-align:center;color:#ffffff;}
      a {color:#ffffff;text-decoration:underline;}
      a:hover {color:mix(#ffffff, #089eda);}
  }
        
  .main-features-container {
    width:100%;
    background:$lightgray;
    padding:70px 40px 60px;
    float: left;
    .main-features {width:90%; margin:0 auto;
      .feature-item {width:33%;padding:10px;float:left;
        img {width:246px;height:auto;margin:0 auto;display: block;}
        h3 {text-align:center;font-size:27px;font-family:"Salvo Sans Light", sans-serif;}
        p {text-align:center;font-size:16px;line-height:1.5;}
      }
    }
  }
          
  .animated-container {
    width:100%;
    float:left;
    padding:30px 40px 50px;
    .animated-image {width:570px;margin:0 auto 40px;
      img {}
      p {font-size:12px;color:#999;text-align:center;}
    }
    .features-text-area {
      width:650px;
      margin: 0 auto;
      h2 {font-size:36px; line-height:1.2;text-align:center;font-family:"Salvo Sans", sans-serif;font-weight:normal;}
      p {font-size:18px; line-height:1.5;text-align:center;}
    }
  }
        
  .features-preorder-container {
    width:100%;
    float:left;
    padding:70px 40px 100px;
    background:$lightgray;
    .features-preorder {
      width:600px;
      margin:0 auto;
      h2 {font-size:36px; line-height:1.2;text-align:center;font-family:"Salvo Sans", sans-serif;font-weight:bold;margin: 0 0 20px;}
      p {font-size:18px; line-height:1.5;text-align:center;}
      .features-preorder-button {
        width:360px;
        margin:25px auto 0;
        background:$orange;
        border: 0px solid;
        color: white;
        font-size: 14px;
        font-family: "Salvo Sans", Sans-Serif;
        font-weight: bold;
        text-align:center;
        position:relative;
        small {font-weight:normal;font-size:11px;color:lighten($orange, 30%);padding:0px;}
        }
      .features-preorder-button:hover {
        text-decoration:none !important;
        }
      .features-preorder-button a{
        color:#ffffff;
        display:block;
        padding:10px;
        }
      .features-preorder-button a:hover {
        background-color:darken($orange, 5%);
        cursor:pointer;
        text-decoration:none !important;
        }
    }
  }
}

/* How it works */ 

#howitworks-wrapper {
  width:100%;
  margin:0px 0 -10px;
  display: inline-block;
  .howitworks-hero {
    width:100%;
    float:left;
    background-image:url({{ 'landing-hero-howitworks.jpg' | asset_url  }});
    background-position: top left;
    background-size: cover;
    height: 760px;
    display:block;
    position:relative;
    .hero-text {
      width: 600px;
      float: right;
   	  margin: 200px 60px 0 0;
      color:#ffffff;
      h2 {
      	font-size:36px;
        text-shadow: 0 1px 4px rgba(0,0,0,0.5);
      }
      p {
      	font-size:16px;
        text-shadow: 0 1px 4px rgba(0,0,0,0.8);
      }
      a.play-btn {
        text-align: right;
        font-size: 18px;
        line-height: 1.5;
        font-family: "Salvo Sans Light",Sans-Serif;
        color: #fff;
        display: block;
        width: 270px;
        text-decoration:none;
        float: left;
   		margin: 10px 0 0;
        text-shadow: 0 1px 4px rgba(0,0,0,1);
      }

      a.play-btn:hover {
        text-decoration:underline;
        
      }

      .play-btn span img {
        width:25px;
        height:auto;
        margin:0px;
      }
      .buy-button {
        width: 100%;
        float: left;
        margin-top: 25px;
        a.buy-btn {
          float:left;
        }
        p.affirm-text {font-size:13px;color:#ffffff;text-align:left;margin:8px 0 0;width:100%;float:left;}
        .affirm-payment {
          font-size: 13px;
          font-weight: bold;
          text-align: left;
          float: left;
          display: block;
          margin: 20px 0 0px;
          color:#ffffff;
          width:100%;
        }
	  }
    }
  }
  .activation-wrapper {
    width:100%;
    padding:0px 0 90px;
    float:left;
    .activation-container {
      max-width:940px;
      margin:0 auto;
      padding:0 20px;
      h2{
        font-size:36px;
        font-family:"Salvo Sans Light", sans-serif;
        text-align:center;
        margin-bottom: 5px;
        line-height:1.5;
        margin-top:0;
      }
      p {
        font-size:16px;
        line-height:1.5;
        text-align:center;
        max-width:650px;
        margin:0 auto 30px;
      }
      img {
        width:90%;
        display: block;
    	margin: 0 auto;
      }
    } 
  }
  .closer-look-wrapper {
    width:100%;
    padding:70px 0 90px;
    margin-bottom:50px;
    float:left;
    .closer-look-container {
      max-width:940px;
      margin:0 auto;
      padding:0 20px;
      h2{
        font-size:36px;
        font-family:"Salvo Sans Light", sans-serif;
        text-align:center;
        margin-bottom: 5px;
        line-height:1.5;
        margin-top:0;
      }
      p {
        font-size:16px;
        line-height:1.5;
        text-align:center;
        max-width:650px;
        margin:0 auto 30px;
      }
      img {
        width:90%;
        display: block;
        margin: 0 auto;
      }
    } 
  }
  
  .range-wrapper {
    width:100%;
    padding:60px 0 0px;
    float:left;
    .range-container{
      width:100%;
      margin:0 auto;
      padding:0 20px;
      .range-right {
        width:50%;
        float:left;
        height: 760px;
        background: $black;
        padding:70px 60px;
        h2 {
          font-size:36px;
          font-family:"Salvo Sans Light", sans-serif;
          text-align:left;
          margin-bottom: 30px;
          line-height:1.5;
          margin-top:0;
          color:#ffffff;
        }
        p {font-family:"Salvo Sans Light", sans-serif;font-size:16px; line-height:1.5;color:#ffffff;}
        p span {font-family:"Salvo Sans", sans-serif;font-weight:bold;}
        p.range-bottom {margin-top:25px;float:left;}
        .range-item{
          float:left;
          width:50%;
          margin-top: 30px;
          height:140px;
          img {width:60px;height:60px;}
          p.range-title {text-transform:uppercase;font-family:"Salvo Sans", sans-serif;font-size:14px;line-height:21px;margin: 20px 0 0;}
          p {font-family:"Salvo Sans Light", sans-serif;font-size:14px;line-height:21px;}
        }
      }
      .range-left {
        width:50%;
        float:left;
        background-image:url({{ 'range-hiking1.jpg' | asset_url  }});
        background-position: top left;
        background-size: cover;
          height: 760px;
        display:block;
        position:relative;
      }
    }
  }
  
  .whats-inside-wrapper {
    width:100%;
    padding:80px 0 100px;
    float:left;
    background:$lightgray;
    .whats-inside-container {
      width:700px;
      margin:0 auto;
      text-align:center;
      h2 {  
        font-size:36px;
        font-family:"Salvo Sans Light", sans-serif;
        line-height:1.5;
        margin-top:0;
      }
      img {max-width:840px;height:auto;margin-top:40px;}
      .whats-inside-button {
        margin-top:50px;
        a {
          border: 2px solid $blue;
          padding:20px 60px 18px;
          border-radius:4px;
          font-size:16px;
        }
        a:hover {
          background:$blue;
          color:#ffffff;
          font-size:16px;
          text-decoration:none;
        }
      }
    }
  }
  
  .pre-order-bottom-wrapper {
    width:100%;
    padding:80px 0 100px;
    float:left;
    background-image: url('https://cdn.shopify.com/s/files/1/0445/5745/files/preorder-pattern.png?24199');
    background-repeat: repeat;
    .pre-order-bottom-container {
      width:520px;
      margin:0 auto;
      text-align:center;
      h2 {  
        font-size:36px;
        font-family:"Salvo Sans Light", sans-serif;
        line-height:1.5;
        margin-top:0;
      }
      p {font-family:"Salvo Sans Light", sans-serif;font-size:18px; line-height:1.5;margin-top:10px;}
      .preorder-button a {
        text-align: center;
        font-size: 16px;
        line-height: 1.5;
        font-family: "Salvo Sans",Sans-Serif;
        padding: 25px 20px 25px;
        color: #ffffff;
        background: #ff7900;
        margin: 0 auto;
        display: block;
        border-radius: 4px;
        max-width: 310px;
        margin-top: 30px;
      }

      .preorder-button a:hover {
        background:#eb7104;
        text-decoration:none;
        color:#ffffff;
      }
    }
    
  
  }
}

/* Awards */ 

.awards-wrapper {
  width:100%;
  margin:0px 0 -10px;
  float:left;
  .awards-container {
    max-width:920px;
    margin:0 auto 80px;
    h1 {
      font-size:36px;
      text-align:center;
    }
    p {
      font-size:16px;
      line-height:1.5;
      text-align:center;
    }
    .awards-grid {
      width:100%;
      float:left;
      border-top: 1px solid $gray-border;
   	  padding: 40px 0 60px;
 	  margin-top:10px;
      .award-box {
      	background:$lightgray;
        width:300px;
        height:300px;
        float:left;
        margin: 5px 5px 0 0;
        padding: 45px 20px 40px;
        a {
          color:$black;
          img {
          max-width:180px;
          margin:0 auto 10px;
          display:block;
          }
          .award-title {
            text-align:center;
            .title {
              font-size:13px;
              font-weight:bold;
              font-family:"Salvo Sans",sans-serif;
              text-transform:uppercase;
            }
            .name {
              font-size:15px;

            }
          }
        }
      }
    }
  }
}
      

/*contest #beyourownnetwork */

#contest-wrapper {
  width:100%;
  display:inline-block;
  
  .hero {
    width:100%;
    float:left;
  }
  
  .heres-how-wrapper {
    width:100%;
    padding:60px;
    float:left;
    h2 {font-size:36px;text-align:center;font-family:"Salvo Sans Light",sans-serif;}
    .how-steps-container {
      width:100%;
      max-width:1000px;
      margin:0 auto;
      .step-item {
        width:33%;
        text-align:center;
        float:left;
        padding: 30px;
        h3 {text-align:center;font-size:26px;color:$blue;border:1px solid $blue;display:inline-block;padding:20px 26px;border-radius:70px; }
        p {
          text-align:center;
          font-size:16px;
          line-height:1.5;
          padding: 30px 10px 20px;
          span {font-family: "Salvo Sans" Sans-Serif; font-weight: bold;}
        }
      }
      .contest-info {
        width:100%;
        padding:30px 0 20px;
        background:$blue;
        float:left;
        p {
          font-size:16px;
          color:#ffffff;
          text-align:center;
          line-height:1.5;
          span {font-family: "Salvo Sans" Sans-Serif; font-weight: bold;}
        }
      }
    }
  }
  
  .findus-container {
    width:100%;
    float:left;
    padding:70px 40px 80px;
    background:$lightgray;
    .findus {
      width:600px;
      margin:0 auto;
      h2 {font-size:36px; line-height:1.2;text-align:center;font-family:"Salvo Sans Light", sans-serif;margin: 0 0 20px;}
      p {font-size:36px; line-height:1.5;text-align:center;font-family:'Social-icons';margin: 20px 0 30px;color:$blue;}
      a {padding-right:40px;color:$blue;}
      a:last-child {padding-right:0;}
      a:hover {text-decoration:none;color:darken($blue, 10%);}
      .contest-rules-button {
        width:300px;
        margin:25px auto 0;
        background:$orange;
        border: 0px solid;
        color: white;
        font-size: 14px;
        font-family: "Salvo Sans", Sans-Serif;
        font-weight: bold;
        text-transform:uppercase;
        text-align:center;
        position:relative;
        small {font-weight:normal;font-size:11px;color:lighten($orange, 30%);padding:0px;}
        }
      .contest-rules-button:hover {
        text-decoration:none !important;
        }
      .contest-rules-button a{
        color:#ffffff;
        text-transform:uppercase;
        display:block;
        padding:15px;
        }
      .contest-rules-button a:hover {
        background-color:darken($orange, 5%);
        cursor:pointer;
        text-decoration:none !important;
        }
    }
  }  



}

/*Ad Landing Page*/

#adlanding-wrapper {
  width:100%;
  margin:20px 0 -10px;
  display: inline-block;
  
  .adlanding-hero {
    float:left;
    width:100%;
    padding: 50px 0 60px;
    .adlanding-hero-bg {
      background-image:url('{{ 'preorder-hero.png' | asset_url }}');
      height: 416px;
      width: 940px;
      background-size: 100%;
      background-repeat: no-repeat;
      margin: 0 auto;
    }
    .text-area {
      width:800px;
      margin: -80px auto 0;
      h1 {font-size:36px;line-height:1.4;text-align:center;font-family:'Salvo Sans',sans-serif;font-weight:bold;}
      p {font-size:16px;line-height:1.5;text-align:center;}
      .preorder-button {
        width:270px;
        margin:25px auto 0;
        background:$red;
        border: 0px solid;
        color: white;
        font-size: 16px;
        font-family: "Salvo Sans", Sans-Serif;
        font-weight: bold;
        text-transform:uppercase;
        text-align:center;
        position:relative;
        small {font-weight:normal;font-size:11px;color:lighten($orange, 30%);padding:0px;}
        }
      .preorder-button:hover {
        text-decoration:none !important;
        }
      .preorder-button a{
        color:#ffffff;
        text-transform:uppercase;
        display:block;
        padding:15px;
        }
      .preorder-button a:hover {
        background-color:darken($red, 5%);
        cursor:pointer;
        text-decoration:none !important;
        }      
    }
    

    
  }
  
  .adlanding-images {
    float:left;
    width:100%;
    padding: 80px 0;
    h2 {
      text-align: center;
      width: 100%;
      margin: 0 auto 40px;
      font-family: "Salvo Sans Light", sans-serif;
      font-size: 36px;
    }
    .images-container {
      width:940px;
      margin:0 auto;
      .image {
        float:left;
        margin-right:20px;
        img {float:left; width:300px; height:300px;margin-bottom:10px;}
        img:last-child {padding-right:0px;}
        p {font-size:21px;text-align:center;font-size: 21px;}        
      }
      .image:last-child {margin-right:0px;}
    }  
  }
  
  .adlanding-press {
    float:left;
    width:100%;
    padding: 60px 0;
    background:$lightgray;
    .press-container {
      width:750px;
      margin:0 auto;
      p {font-size:24px;line-height:1.5;text-align:center;}
      img {width:175px; height:25px;display:block;margin:20px auto 0;}
    }  
  }
  
}

/*Preorder Landing Page v2*/

#preorder-landing-wrapper {
  width:100%;
  margin:0px 0 -10px;
  display: inline-block;
  
  .preorder-landing-hero {
    float:left;
    width:100%;
    padding: 50px 0 60px;
    .preorder-landing-hero-bg {
      background-image:url('{{ 'hero-landing1.png' | asset_url }}');
      height: 416px;
      width: 940px;
      background-size: 100%;
      background-repeat: no-repeat;
      margin: 0 auto;
    }
    .text-area {
      width:800px;
      margin: -80px auto 0;
      h1 {font-size:36px;line-height:1.4;text-align:center;font-family:'Salvo Sans',sans-serif;font-weight:bold;}
      p {font-size:16px;line-height:1.5;text-align:center;}
      .preorder-button {
        width:270px;
        margin:25px auto 0;
        background:$red;
        border: 0px solid;
        color: white;
        font-size: 16px;
        font-family: "Salvo Sans", Sans-Serif;
        font-weight: bold;
        text-transform:uppercase;
        text-align:center;
        position:relative;
        small {font-weight:normal;font-size:11px;color:lighten($orange, 30%);padding:0px;}
        }
      .preorder-button:hover {
        text-decoration:none !important;
        }
      .preorder-button a{
        color:#ffffff;
        text-transform:uppercase;
        display:block;
        padding:15px;
        }
      .preorder-button a:hover {
        background-color:darken($red, 5%);
        cursor:pointer;
        text-decoration:none !important;
        }      
    }
  }
  
  .quote-wrapper {
    width:100%;
    float:left;
    .quote-container {
      width:600px;
      margin:0 auto;
      padding:40px 0px;
      .quote-text {
        float:left;
        width:410px;
        p {
          float:left;
          font-size:24px;
          margin: 30px 0 0;
          line-height:1.5;
        }
        span {
          float:left;
          font-size:16px;
          margin-top:6px;
        }
        img {
          float:left;
          font-size:16px;
          margin-top:6px;
          width:107px;
          height:auto;
        }
      }
      img {
        width:180px;
        height:auto;
        float:right;
        margin: 0 0 30px;
      }
    }
  }
  
  .work-wrapper {
    width:100%;
    float:left;
    padding: 0px 0 60px;
    .work-container {
      width:700px;
      margin:0 auto;
      border-top:1px solid $gray;
      h2 {
        font-size: 36px;
        line-height: 1.2;
        text-align: center;
        font-family: "Salvo Sans", sans-serif;
        font-weight:bold;
        text-align:center;
        margin:50px 0 20px;
      }
      p.why {
        text-align:center;  
      }
      img {
        width:100%;
      }
      .item {
        float:left;
        .number {
          float: left;
          font-size: 18px;
          width: 50px;
          height: 50px;
          border: 1px solid $blue;
          border-radius: 30px;
          text-align: center;
          padding: 12px 0 0;
          color:$blue;
          margin-right:20px;
        }
        p {
          float:right;
          font-size:16px;
          line-height:1.5;
          width: 630px;
        }
      }
    }
  }
  
  .own-network-wrapper {
    width:100%;
    float:left;
    padding: 50px 0 60px;
    .own-network-container {
      width:80%;
      margin: 0 auto;
      .text {
        h2 {
          font-size: 36px;
          line-height: 1.2;
          text-align: center;
          font-family: "Salvo Sans", sans-serif;
          font-weight:bold;
        }
        p {
          font-size:16px;
          line-height:1.5;
          text-align: center;
        }
        span {
          font-family: "Salvo Sans", sans-serif;
          font-weight:bold;
        }
      }
    }
  }
  
  .main-features-container {
    width:100%;
    background:$lightgray;
    padding:70px 40px 60px;
    float: left;
    .main-features {width:90%; margin:0 auto;
      .feature-item {width:33%;padding:10px;float:left;
        img {width:246px;height:auto;margin:0 auto;display: block;}
        h3 {text-align:center;font-size:27px;font-family:"Salvo Sans Light", sans-serif;}
        p {text-align:center;font-size:16px;line-height:1.5;}
      }
    }
  }
  
  .preorder-landing-preorder-container {
    width:100%;
    float:left;
    padding:70px 40px 100px;
    background:$lightgray;
    .preorder-landing-preorder {
      width:80%;
      margin:0 auto;
      h2 {font-size:36px; line-height:1.2;text-align:center;font-family:"Salvo Sans", sans-serif;font-weight:bold;margin: 0 0 20px;}
      p {font-size:18px; line-height:1.5;text-align:center;}
      .preorder-landing-preorder-button {
        width:360px;
        margin:25px auto 0;
        background:$red;
        border: 0px solid;
        color: white;
        font-size: 16px;
        font-family: "Salvo Sans", Sans-Serif;
        font-weight: bold;
        text-transform:uppercase;
        text-align:center;
        position:relative;
        small {font-weight:normal;font-size:11px;color:lighten($red, 30%);padding:0px;}
        }
      .preorder-landing-preorder-button:hover {
        text-decoration:none !important;
        }
      .preorder-landing-preorder-button a{
        color:#ffffff;
        text-transform:uppercase;
        display:block;
        padding:25px 10px;
        }
      .preorder-landing-preorder-button a:hover {
        background-color:darken($red, 5%);
        cursor:pointer;
        text-decoration:none !important;
        }
    }
  }
  

  
}

/* Gift goTenna */

#gift-wrapper {
    background-image: url('{{ 'gotenna-bow-pattern.jpg' | asset_url }}'); 
    width:100%;
    float:left;
}

#gift-wrapper h1 {
	text-align:center;
	padding: 120px 0 55px;
    font-size: 48px;
    font-family: 'Salvo Sans Light', sans-serif;
    color: #fff;
    width: 80%;
    text-align: center;
    margin: 0 auto;
}

.gift-container {
	width: 90%;
	margin:0 auto;
  max-width:940px;

}

.form-container {
    width: 70%;
    float: left;
    padding:40px;
    background:#fff;
  	max-width:640px;
    margin-bottom: 100px;
}

.ss-form-question.errorbox-good {
    border-bottom: 1px solid #e4e5e8;
    border-left: 1px solid #e4e5e8;
    border-right: 1px solid #e4e5e8;
    padding: 10px 20px;
}

ol.ss-question-list {
    border-top: 1px solid #e4e5e8;
}

.ss-q-title {
  font-size: 13px;
  width: 150px;
  padding-top: 8px;
}

input, select, textarea, .form-control {
  border-radius: 0;
  border: none;
  font-size: 14px;
}

input#ss-submit {
  background: $orange;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-family: "Salvo Sans", Sans-Serif;
  font-weight: bold;
  padding: 15px 50px;
  border-radius: 4px;
	
}

input#ss-submit:hover {
  background: darken($orange,5%);
}

.ss-item.ss-navigate {
  margin-top: 20px;
}

.form-info {
  width:100%;
  float:left;
  border-bottom:1px solid #e4e5e8;
  margin-bottom:40px;
  padding-bottom:25px;
}

.form-info p {
 float:right; 
  width: 76%;
}

.form-info img {
 float:left; 
  width:20%;
  height:auto;
}

.form-fields p {
  font-size:16px;
  color:$black;
  font-family: "Salvo Sans", Sans-Serif;
  font-weight: bold;
}



.gift-details {
  float:right;
  width:28%;
  max-width:300px;
}

.gift-details img {
 width:100%; 
}


/*Holiday Card Instructions */

#holidaycard-wrapper {
  width:100%;
  float:left;
background:#fff;
}

.holidaycard-container {
  width:90%;
  max-width:960px;
  margin: 0 auto;
}



.instructions {
  float:left;
  width:20%;
}

.instructions ul li {
  font-size:14px;
  line-height: 1.5;
  list-style: none;
  padding-bottom: 10px;	
}
  
.instructions ul li span {
  font-family: "Salvo Sans", Sans-Serif;
  font-weight: bold;
}

.instruction-image {
  float:right;
  width:75%;
  margin-bottom: 100px;
}

.instruction-image img {
  width:100%;
  
}

.instructions-top {
  width:100%;
  float:left;
  padding:40px 0px;
}

.instructions-top h3 {
  font-size:36px;
  color:$blue;
  text-transform:uppercase;
  font-family: "Salvo Sans", Sans-Serif;
  font-weight: bold;
  float:left;
  padding-top: 18px;
}

.orderforfriend-button {
  width:280px;
  margin:25px 30px 0 0px;
  background:$orange;
  border: 0px solid;
  color: white;
  font-size: 14px;
  font-family: "Salvo Sans", Sans-Serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:center;
  position:relative;
  small {font-weight:normal;font-size:11px;color:lighten($orange, 30%);padding:0px;}
  float:right;
}
.orderforfriend-button:hover {
  text-decoration:none !important;
}
.orderforfriend-button a{
  color:#ffffff;
  text-transform:uppercase;
  display:block;
  padding:10px;
}
.orderforfriend-button a:hover {
  background-color:darken($orange, 5%);
  cursor:pointer;
  text-decoration:none !important;
}

/* Jobs */

.jobs-growing-wrapper {
  width:100%;
  padding:80px 0;
  float:left;
}

.jobs-growing-container {
  width:700px;
  margin:0 auto;
  text-align:center;
}

.jobs-growing-container h2 {
  font-size:36px;
  font-family:"Salvo Sans Light", sans-serif;
  line-height:1.5;
  margin-top:0;
}

.jobs-growing-container p {
  font-size:16px;
  font-family:"Salvo Sans Light", sans-serif;
  line-height:1.5;
  margin-top:15px;
}

.jobs-button {
  margin-top:50px;
}

.jobs-button a{
  border: 2px solid $blue;
  padding:20px 60px 18px;
  border-radius:4px;
  font-size:16px;
}

.jobs-button a:hover{
  background:$blue;
  color:#ffffff;
  font-size:16px;
  text-decoration:none;
}


.jobs-opening-wrapper {
  width:100%;
  padding:80px 0;
  float:left;
}

.jobs-opening-container {
  width:700px;
  margin:0 auto;
  line-height:1.5;
}

.jobs-opening-container h2 {
  font-size:36px;
  font-family:"Salvo Sans Light", sans-serif;
  text-align:center;
  margin-bottom: 50px;
  line-height:1.5;
  margin-top:0;
}

.jobs-opening-container p {
  font-size:16px;
  font-family:"Salvo Sans Light", sans-serif;
  line-height:1.5;
  margin-top:15px;
}

.jobs-office-wrapper {
  width:100%;
  margin: 25px 0 0;
  float:left;
}

.office-left {
  float:left;
  width:50%;
  background-image:url({{ 'jobs-office5.jpg' | asset_url  }});
  background-position: top center;
  background-size: cover;
  height: 450px;
}

.office-right {
  float:right;
  width:50%;
  background-image:url({{ 'jobs-office2.jpg' | asset_url  }});
  background-position: top center;
  background-size: cover;
  height: 450px;
}

.jobs-benefits-wrapper {
  width:100%;
  padding:60px 0 80px;
  float:left;
  background:$lightgray;
}

.jobs-benefits-container {
  width:700px;
  margin:0 auto;
}

.jobs-benefits-container h2 {
  font-size:36px;
  font-family:"Salvo Sans Light", sans-serif;
  text-align:center;
  margin-bottom: 30px;
  line-height:1.5;
  margin-top:0;
}

.jobs-benefits-container p {
  font-size:16px;
  font-family:"Salvo Sans Light", sans-serif;
  line-height:1.5;
  margin-top:15px;
}

.benefits-left {
  float:left;
  width:50%;
}

.benefits-right {
  float:right;
  width:50%;
}

p.benefits-text {
  font-size:16px;
  margin-top: 30px;
}

span.benefits-icon img {
  width:35px;
  height:35px;
  margin: -3px 15px 0 0;
}

.team-members-wrapper {
  width:100%;
  float:left;
  border-top:1px solid $lightgray;
  padding:60px 0 60px;
  .team-members-container {
    max-width:940px;
    margin:0 auto;
    h2 {
      font-size:36px;
      text-align:center;
      margin-bottom:50px;
    }
  }
}


/*Stories*/
#stories-wrapper {
  float:left;
  width:100%;
  .stories-container {
  	max-width:940px;
    padding:40px 0;
    margin:80px auto 270px;
    h2 {text-align:center;font-size:36px;}
    p {
      text-align:center;
      font-size:16px;
      line-height:1.5;
      max-width:750px;
      margin:0 auto 10px;
    }
    .stories-row {
      float:left;
      width:100%;
      margin: 20px 0 80px;
      .stories-item {
        width:220px;
        height:220px;
        background-color:#eaeaea;
        float:left;
        margin:0 20px 0 0;
      }
      .stories-item:last-child {
      	margin:0;
      }
    }
    .landing-container {
      float:left;
      width:100%;
      margin: 40px 0;
      border-bottom: 1px solid $lightgray;
      padding-bottom: 40px;
      a {
        .landing-box-1 {
          float:left;
          width:50%;
          height:200px;
          margin:0;
          float:left;
          background-image:url({{ 'stories-basecamp.jpg' | asset_url  }});
          background-position: top left;
          background-size: cover;
          display:block;
          position:relative;
          p {
            color:#ffffff;
            font-size:18px;
            line-height:1.5;
            text-align:center;
            padding:78px 20px 20px;
            font-weight:bold;
            font-family:'salvo sans',sans-serif;
          }
          img {
            width:100%;
          }
        }
        .landing-box-2 {
          float:left;
          width:50%;
          height:200px;
          margin:0;
          float:left;
          background-image:url({{ 'stories-events.jpg' | asset_url  }});
          background-position: top left;
          background-size: cover;
          display:block;
          position:relative;
          p {
            color:#ffffff;
            font-size:18px;
            line-height:1.5;
            text-align:center;
            padding:78px 20px 20px;
            font-weight:bold;
            font-family:'salvo sans',sans-serif;
          }
          img {
            width:100%;
          }
        }
        .landing-box-3 {
          float:left;
          width:50%;
          height:200px;
          margin:0;
          float:left;
          background-image:url({{ 'stories-power.jpg' | asset_url  }});
          background-position: top left;
          background-size: cover;
          display:block;
          position:relative;
          p {
            color:#ffffff;
            font-size:18px;
            line-height:1.5;
            text-align:center;
            padding:78px 20px 20px;
            font-weight:bold;
            font-family:'salvo sans',sans-serif;
          }
          img {
            width:100%;
          }
        }
        .landing-box-4 {
          float:left;
          width:50%;
          height:200px;
          margin:0;
          float:left;
          background-image:url({{ 'stories-view.jpg' | asset_url  }});
          background-position: top left;
          background-size: cover;
          display:block;
          position:relative;
          p {
            color:#ffffff;
            font-size:18px;
            line-height:1.5;
            text-align:center;
            padding:78px 20px 20px;
            font-weight:bold;
            font-family:'salvo sans',sans-serif;
          }
          img {
            width:100%;
          }
        }
      }

    }
  }
}
.stories-thumbs { margin: 0; padding: 0; overflow: hidden; }
.stories-thumbs li { width:220px;height:220px;list-style: none;background-color:#eaeaea; float: left;margin:0 20px 20px 0;overflow: hidden;}
.stories-thumbs li:first-child {width:700px;height:460px;margin: 0 20px 0 0; }
.stories-thumbs li:first-child img {margin-left: -90px;}
.stories-thumbs li:nth-child(2) {margin:0 0px 20px 0;}
.stories-thumbs li:nth-child(3) {margin:0 0px 20px 0;}
.stories-thumbs li:nth-child(7) {margin:0 0px 20px 0;}
.stories-thumbs li:nth-child(11) {margin:0 0px 20px 0;}
.stories-thumbs li:nth-child(15) {margin:0 0px 20px 0;}
.stories-thumbs li:nth-child(19) {margin:0 0px 20px 0;}
.stories-thumbs li:nth-child(23) {margin:0 0px 20px 0;}
.stories-thumbs li:nth-child(27) {margin:0 0px 20px 0;}
.stories-thumbs li:nth-child(31) {margin:0 0px 20px 0;}
.stories-thumbs li:nth-child(35) {margin:0 0px 20px 0;}
.stories-thumbs li:nth-child(39) {margin:0 0px 20px 0;}
.stories-thumbs li a { }
.stories-thumbs li img {margin:auto;display:block;}
.stories-thumbs li a img { border: none;}

.stories-interrupt { margin: 0; padding: 0; overflow: hidden; }
.stories-interrupt li { width:220px;height:220px;list-style: none;background-color:#eaeaea; float: left;margin:0 20px 20px 0;overflow: hidden;}
.stories-interrupt li:last-child {margin:0 0px 20px 0;}
.stories-interrupt li a { }
.stories-interrupt li img { display: block; }
.stories-interrupt li a img { border: none;}
.stories-interrupt li:first-child img {margin-left: 0px;}
.portrait img {
    width: 100%;
}
.landscape img {
    height: 100%;
}



/*Landing pages*/
.events-hero {
  width:100%;
  float:left;
  background-image:url({{ 'landing-hero-events.jpg' | asset_url  }});
  background-position: top left;
  background-size: cover;
  height: 700px;
  display:block;
  position:relative;
  .hero-text {
    max-width: 800px;
    margin: 180px auto 0;
    text-align:center;
    h2 {
      font-size:36px;
      color:#ffffff;
      line-height:1.3;
      margin: 0 0 10px;
      padding:0 20px;
      span {
        font-family:"Salvo sans",sans-serif;
        font-weight:bold;
      }
    }
    p {
      text-align:center;
      font-size:20px;
      line-height:1.5;
      max-width:850px;
      margin:0 auto 20px;
      color:#ffffff;
    }
    a.play-btn {
      text-align: right;
      font-size: 18px;
      line-height: 1.5;
      font-family: "Salvo Sans Light",Sans-Serif;
      color: #ffffff;
      display: block;
      width: 180px;
      text-decoration:none;
      span {
        img {
          width:25px;
          height:auto;
          margin:0px;
        }
      }
    }
    a.play-btn:hover {
      text-decoration:none;
      color:rgba(255,255,255,0.7);
    }
    p.affirm-text {font-size:13px;color:#ffffff;text-align:center;margin:4px 0 0;width:100%;float:left;}
    .affirm-payment {
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      float: left;
      display: block;
      margin: 20px 0 0px;
      color:#ffffff;
      width:100%;
    }
  }
}
.golf-hero {
  width:100%;
  float:left;
  background-image:url({{ 'landing-hero-golf.jpg' | asset_url  }});
  background-position: top left;
  background-size: cover;
  height: 700px;
  display:block;
  position:relative;
  .hero-text {
    max-width: 800px;
    margin: 180px auto 0;
    text-align:center;
    h2 {
      font-size:36px;
      color:#ffffff;
      line-height:1.3;
      margin: 0 0 10px;
      padding:0 20px;
      span {
        font-family:"Salvo sans",sans-serif;
        font-weight:bold;
      }
    }
    p {
      text-align:center;
      font-size:20px;
      line-height:1.5;
      max-width:850px;
      margin:0 auto 20px;
      color:#ffffff;
    }
    a.play-btn {
      text-align: right;
      font-size: 18px;
      line-height: 1.5;
      font-family: "Salvo Sans Light",Sans-Serif;
      color: #ffffff;
      display: block;
      width: 180px;
      text-decoration:none;
      span {
        img {
          width:25px;
          height:auto;
          margin:0px;
        }
      }
    }
    a.play-btn:hover {
      text-decoration:none;
      color:rgba(255,255,255,0.7);
    }
    p.affirm-text {font-size:13px;color:#ffffff;text-align:center;margin:4px 0 0;width:100%;float:left;}
    .affirm-payment {
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      float: left;
      display: block;
      margin: 20px 0 0px;
      color:#ffffff;
      width:100%;
    }
  }
}
.fishing-hero {
  width:100%;
  float:left;
  background-image:url({{ 'landing-hero-fishing.jpg' | asset_url  }});
  background-position: top left;
  background-size: cover;
  height: 700px;
  display:block;
  position:relative;
  .hero-text {
    max-width: 800px;
    margin: 180px auto 0;
    text-align:center;
    h2 {
      font-size:36px;
      color:#ffffff;
      line-height:1.3;
      margin: 0 0 10px;
      padding:0 20px;
      span {
        font-family:"Salvo sans",sans-serif;
        font-weight:bold;
      }
    }
    p {
      text-align:center;
      font-size:20px;
      line-height:1.5;
      max-width:850px;
      margin:0 auto 20px;
      color:#ffffff;
    }
    a.play-btn {
      text-align: right;
      font-size: 18px;
      line-height: 1.5;
      font-family: "Salvo Sans Light",Sans-Serif;
      color: #ffffff;
      display: block;
      width: 180px;
      text-decoration:none;
      span {
        img {
          width:25px;
          height:auto;
          margin:0px;
        }
      }
    }
    a.play-btn:hover {
      text-decoration:none;
      color:rgba(255,255,255,0.7);
    }
    p.affirm-text {font-size:13px;color:#ffffff;text-align:center;margin:4px 0 0;width:100%;float:left;}
    .affirm-payment {
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      float: left;
      display: block;
      margin: 20px 0 0px;
      color:#ffffff;
      width:100%;
    }
  }
}
.hunting-hero {
  width:100%;
  float:left;
  background-image:url({{ 'landing-hero-hunting.jpg' | asset_url  }});
  background-position: top left;
  background-size: cover;
  height: 700px;
  display:block;
  position:relative;
  .hero-text {
    max-width: 800px;
    margin: 180px auto 0;
    text-align:center;
    h2 {
      font-size:36px;
      color:#ffffff;
      line-height:1.3;
      margin: 0 0 10px;
      padding:0 20px;
      span {
        font-family:"Salvo sans",sans-serif;
        font-weight:bold;
      }
    }
    p {
      text-align:center;
      font-size:20px;
      line-height:1.5;
      max-width:850px;
      margin:0 auto 20px;
      color:#ffffff;
    }
    a.play-btn {
      text-align: right;
      font-size: 18px;
      line-height: 1.5;
      font-family: "Salvo Sans Light",Sans-Serif;
      color: #ffffff;
      display: block;
      width: 180px;
      text-decoration:none;
      span {
        img {
          width:25px;
          height:auto;
          margin:0px;
        }
      }
    }
    a.play-btn:hover {
      text-decoration:none;
      color:rgba(255,255,255,0.7);
    }
    p.affirm-text {font-size:13px;color:#ffffff;text-align:center;margin:4px 0 0;width:100%;float:left;}
    .affirm-payment {
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      float: left;
      display: block;
      margin: 20px 0 0px;
      color:#ffffff;
      width:100%;
    }
  }
}
.preppers-hero {
  width:100%;
  float:left;
  background-image:url({{ 'landing-hero-preppers.jpg' | asset_url  }});
  background-position: top left;
  background-size: cover;
  height: 700px;
  display:block;
  position:relative;
  .hero-text {
    max-width: 800px;
    margin: 180px auto 0;
    text-align:center;
    h2 {
      font-size:36px;
      color:#ffffff;
      line-height:1.3;
      margin: 0 0 10px;
      padding:0 60px;
      span {
        font-family:"Salvo sans",sans-serif;
        font-weight:bold;
      }
    }
    p {
      text-align:center;
      font-size:20px;
      line-height:1.5;
      max-width:850px;
      margin:0 auto 20px;
      color:#ffffff;
    }
    a.play-btn {
      text-align: right;
      font-size: 18px;
      line-height: 1.5;
      font-family: "Salvo Sans Light",Sans-Serif;
      color: #ffffff;
      display: block;
      width: 180px;
      text-decoration:none;
      span {
        img {
          width:25px;
          height:auto;
          margin:0px;
        }
      }
    }
    a.play-btn:hover {
      text-decoration:none;
      color:rgba(255,255,255,0.7);
    }
    p.affirm-text {font-size:13px;color:#ffffff;text-align:center;margin:4px 0 0;width:100%;float:left;}
    .affirm-payment {
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      float: left;
      display: block;
      margin: 20px 0 0px;
      color:#ffffff;
      width:100%;
    }
  }
}
.tailgating-hero {
  width:100%;
  float:left;
  background-image:url({{ 'landing-hero-tailgating.jpg' | asset_url  }});
  background-position: top left;
  background-size: cover;
  height: 700px;
  display:block;
  position:relative;
  .hero-text {
    max-width: 800px;
    margin: 180px auto 0;
    text-align:center;
    h2 {
      font-size:36px;
      color:#ffffff;
      line-height:1.3;
      margin: 0 0 10px;
      padding:0 20px;
      span {
        font-family:"Salvo sans",sans-serif;
        font-weight:bold;
      }
    }
    p {
      text-align:center;
      font-size:20px;
      line-height:1.5;
      max-width:850px;
      margin:0 auto 20px;
      color:#ffffff;
    }
    a.play-btn {
      text-align: right;
      font-size: 18px;
      line-height: 1.5;
      font-family: "Salvo Sans Light",Sans-Serif;
      color: #ffffff;
      display: block;
      width: 180px;
      text-decoration:none;
      span {
        img {
          width:25px;
          height:auto;
          margin:0px;
        }
      }
    }
    a.play-btn:hover {
      text-decoration:none;
      color:rgba(255,255,255,0.7);
    }
    p.affirm-text {font-size:13px;color:#ffffff;text-align:center;margin:4px 0 0;width:100%;float:left;}
    .affirm-payment {
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      float: left;
      display: block;
      margin: 20px 0 0px;
      color:#ffffff;
      width:100%;
    }
  }
}
.skiing-hero {
  width:100%;
  float:left;
  background-image:url({{ 'landing-hero-skiing.jpg' | asset_url  }});
  background-position: top left;
  background-size: cover;
  height: 700px;
  display:block;
  position:relative;
  .hero-text {
    max-width: 800px;
    margin: 180px auto 0;
    text-align:center;
    h2 {
      font-size:36px;
      color:#ffffff;
      line-height:1.3;
      margin: 0 0 10px;
      padding:0 20px;
      span {
        font-family:"Salvo sans",sans-serif;
        font-weight:bold;
      }
    }
    p {
      text-align:center;
      font-size:20px;
      line-height:1.5;
      max-width:850px;
      margin:0 auto 20px;
      color:#ffffff;
    }
    a.play-btn {
      text-align: right;
      font-size: 18px;
      line-height: 1.5;
      font-family: "Salvo Sans Light",Sans-Serif;
      color: #ffffff;
      display: block;
      width: 180px;
      text-decoration:none;
      span {
        img {
          width:25px;
          height:auto;
          margin:0px;
        }
      }
    }
    a.play-btn:hover {
      text-decoration:none;
      color:rgba(255,255,255,0.7);
    }
    p.affirm-text {font-size:13px;color:#ffffff;text-align:center;margin:4px 0 0;width:100%;float:left;}
    .affirm-payment {
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      float: left;
      display: block;
      margin: 20px 0 0px;
      color:#ffffff;
      width:100%;
    }
  }
}
.conference-hero {
  width:100%;
  float:left;
  background-image:url({{ 'landing-hero-conferences.jpg' | asset_url  }});
  background-position: top left;
  background-size: cover;
  height: 700px;
  display:block;
  position:relative;
  .hero-text {
    max-width: 800px;
    margin: 180px auto 0;
    text-align:center;
    h2 {
      font-size:36px;
      color:#ffffff;
      line-height:1.3;
      margin: 0 0 10px;
      padding:0 20px;
      span {
        font-family:"Salvo sans",sans-serif;
        font-weight:bold;
      }
    }
    p {
      text-align:center;
      font-size:20px;
      line-height:1.5;
      max-width:850px;
      margin:0 auto 20px;
      color:#ffffff;
    }
    a.play-btn {
      text-align: right;
      font-size: 18px;
      line-height: 1.5;
      font-family: "Salvo Sans Light",Sans-Serif;
      color: #ffffff;
      display: block;
      width: 180px;
      text-decoration:none;
      span {
        img {
          width:25px;
          height:auto;
          margin:0px;
        }
      }
    }
    a.play-btn:hover {
      text-decoration:none;
      color:rgba(255,255,255,0.7);
    }
    p.affirm-text {font-size:13px;color:#ffffff;text-align:center;margin:4px 0 0;width:100%;float:left;}
    .affirm-payment {
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      float: left;
      display: block;
      margin: 20px 0 0px;
      color:#ffffff;
      width:100%;
    }
  }
}
.travel-hero {
  width:100%;
  float:left;
  background-image:url({{ 'landing-hero-travel.jpg' | asset_url  }});
  background-position: top left;
  background-size: cover;
  height: 700px;
  display:block;
  position:relative;
  .hero-text {
    max-width: 800px;
    margin: 180px auto 0;
    text-align:center;
    h2 {
      font-size:36px;
      color:#ffffff;
      line-height:1.3;
      margin: 0 0 10px;
      padding:0 20px;
      span {
        font-family:"Salvo sans",sans-serif;
        font-weight:bold;
      }
    }
    p {
      text-align:center;
      font-size:20px;
      line-height:1.5;
      max-width:850px;
      margin:0 auto 20px;
      color:#ffffff;
    }
    a.play-btn {
      text-align: right;
      font-size: 18px;
      line-height: 1.5;
      font-family: "Salvo Sans Light",Sans-Serif;
      color: #ffffff;
      display: block;
      width: 180px;
      text-decoration:none;
      span {
        img {
          width:25px;
          height:auto;
          margin:0px;
        }
      }
    }
    a.play-btn:hover {
      text-decoration:none;
      color:rgba(255,255,255,0.7);
    }
    p.affirm-text {font-size:13px;color:#ffffff;text-align:center;margin:4px 0 0;width:100%;float:left;}
    .affirm-payment {
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      float: left;
      display: block;
      margin: 20px 0 0px;
      color:#ffffff;
      width:100%;
    }
  }
}
.hiking-hero {
  width:100%;
  float:left;
  background-image:url({{ 'landing-hero-hiking.jpg' | asset_url  }});
  background-position: top left;
  background-size: cover;
  height: 700px;
  display:block;
  position:relative;
  .hero-text {
    max-width: 800px;
    margin: 210px auto 0;
    text-align:center;
    h2 {
      font-size:36px;
      color:#ffffff;
      line-height:1.3;
      margin: 0 0 10px;
      padding:0 20px;
      span {
        font-family:"Salvo sans",sans-serif;
        font-weight:bold;
      }
    }
    p {
      text-align:center;
      font-size:20px;
      line-height:1.5;
      max-width:850px;
      margin:0 auto 20px;
      color:#ffffff;
    }
    a.play-btn {
      text-align: right;
      font-size: 18px;
      line-height: 1.5;
      font-family: "Salvo Sans Light",Sans-Serif;
      color: #ffffff;
      display: block;
      width: 180px;
      text-decoration:none;
      span {
        img {
          width:25px;
          height:auto;
          margin:0px;
        }
      }
    }
    a.play-btn:hover {
      text-decoration:none;
      color:rgba(255,255,255,0.7);
    }
    p.affirm-text {font-size:13px;color:#ffffff;text-align:center;margin:4px 0 0;width:100%;float:left;}
    .affirm-payment {
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      float: left;
      display: block;
      margin: 20px 0 0px;
      color:#ffffff;
      width:100%;
    }
  }
}
.activation-wrapper {
  width:100%;
  padding:0px 0 60px;
  float:left;
  border-bottom:1px solid $lightgray;
  border-top:1px solid $gray-border;
  .activation-container {
    max-width:940px;
    margin:0 auto;
    padding:0 20px;
    h2 {
      font-size:36px;
      line-height:1.3;
      margin: 0 0 10px;
      padding:0 20px;
      text-align:center;
    }
    p {
      font-size:16px;
      line-height:1.5;
      text-align:center;
      max-width:650px;
      margin:0 auto 30px;
    }
    img {
      width:90%;
      display: block;
      margin: 0 auto;
    }
  } 
}
.emergency-hero {
  width:100%;
  float:left;
  background-image:url({{ 'landing-hero-emergency.jpg' | asset_url  }});
  background-position: top left;
  background-size: cover;
  height: 700px;
  display:block;
  position:relative;
  .hero-text {
    max-width: 800px;
    margin: 180px auto 0;
    text-align:center;
    h2 {
      font-size:36px;
      color:#ffffff;
      line-height:1.3;
      margin: 0 0 10px;
      padding:0 20px;
      span {
        font-family:"Salvo sans",sans-serif;
        font-weight:bold;
      }
    }
    p {
      text-align:center;
      font-size:20px;
      line-height:1.5;
      max-width:850px;
      margin:0 auto 20px;
      color:#ffffff;
    }
    a.play-btn {
      text-align: right;
      font-size: 18px;
      line-height: 1.5;
      font-family: "Salvo Sans Light",Sans-Serif;
      color: #ffffff;
      display: block;
      width: 180px;
      text-decoration:none;
      span {
        img {
          width:25px;
          height:auto;
          margin:0px;
        }
      }
    }
    a.play-btn:hover {
      text-decoration:none;
      color:rgba(255,255,255,0.7);
    } 
    p.affirm-text {font-size:13px;color:#ffffff;text-align:center;margin:4px 0 0;width:100%;float:left;}
    .affirm-payment {
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      float: left;
      display: block;
      margin: 20px 0 0px;
      color:#ffffff;
      width:100%;
    }
  }
}
.responders-hero {
  width:100%;
  float:left;
  background-image:url({{ 'landing-hero-responders.jpg' | asset_url  }});
  background-position: top left;
  background-size: cover;
  height: 700px;
  display:block;
  position:relative;
  .hero-text {
    max-width: 800px;
    margin: 180px auto 0;
    text-align:center;
    h2 {
      font-size:36px;
      color:#ffffff;
      line-height:1.3;
      margin: 0 0 10px;
      padding:0 20px;
      span {
        font-family:"Salvo sans",sans-serif;
        font-weight:bold;
      }
    }
    p {
      text-align:center;
      font-size:20px;
      line-height:1.5;
      max-width:850px;
      margin:0 auto 20px;
      color:#ffffff;
    }
    a.play-btn {
      text-align: right;
      font-size: 18px;
      line-height: 1.5;
      font-family: "Salvo Sans Light",Sans-Serif;
      color: #ffffff;
      display: block;
      width: 180px;
      text-decoration:none;
      span {
        img {
          width:25px;
          height:auto;
          margin:0px;
        }
      }
    }
    a.play-btn:hover {
      text-decoration:none;
      color:rgba(255,255,255,0.7);
    } 
    p.affirm-text {font-size:13px;color:#ffffff;text-align:center;margin:4px 0 0;width:100%;float:left;}
    .affirm-payment {
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      float: left;
      display: block;
      margin: 20px 0 0px;
      color:#ffffff;
      width:100%;
    }
  }
}
.social-hero {
  width:100%;
  float:left;
  background-image:url({{ 'landing-hero-social.jpg' | asset_url  }});
  background-position: top left;
  background-size: cover;
  height: 700px;
  display:block;
  position:relative;
  .hero-text {
    max-width: 800px;
    margin: 150px auto 0;
    text-align:center;
    color:#ffffff;
    padding: 0 20px;
    h2 {
      font-size:36px;
      color:#ffffff;
      line-height:1.3;
      margin: 0 0 10px;
      padding:0 20px;
      text-shadow: 0 1px 4px rgba(0,0,0,0.5);
    }
    p {
      max-width: 600px;
      margin:0 auto 20px;
      text-shadow: 0 1px 4px rgba(0,0,0,0.8);
    }
    .landing-container { 
      width: 100%;
      margin: 30px auto 10px;
      float: left;
      border-top: 1px solid rgba(255,255,255,0.2);
      padding-top: 30px;
      .landing-box {
        width:25%;
        float:left;
        a {
          color:#ffffff;
          img {
          	max-width:50px;
            margin-bottom:10px;
      	  }
          p {
			font-family:"Salvo Sans", sans-serif;
            font-weight:bold;
          }
        }
      }
    }
    p.affirm-text {font-size:13px;color:#ffffff;text-align:center;margin:4px auto 0;width:100%;float:none;}
    .affirm-payment {
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      float: left;
      display: block;
      margin: 20px 0 0px;
      color:#ffffff;
      width:100%;
    }
  }
}
.video-main1 {
  width:100%;
  float:left;
  background:rgba(0,0,0,0.5);
  height:100%;
}

.video-main-center1 {
  max-width:800px;
  margin:210px auto 0;
  color:#ffffff;
  h2 {
    font-size:30px;
    line-height:1.3;
    padding:0 20px;
  }
  p {
    font-size:16px;
    line-height:1.5;
    padding:0 20px;
  }
}
.landing-quote-wrapper {
  float:left;
  width:100%;
  border-bottom:1px solid $gray-border;
  .landing-quote-container {
    max-width:800px;
    margin:0 auto;
    padding: 50px 20px 45px;
    p {
      font-size:16px;
      line-height:1.5;
      span {
        font-size:14px;
        color:#999;
      }
    }
  }
}


/*******SNIPPETS*******/

/*Order Bottom*/
.order-bottom-container {
  width:100%;
  margin:0 auto;
  float:left;
  background: #0e0e0e; /* Old browsers */
  background: -moz-linear-gradient(45deg, #0e0e0e 0%, #4a4a4a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#0e0e0e), color-stop(100%,#4a4a4a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #0e0e0e 0%,#4a4a4a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #0e0e0e 0%,#4a4a4a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #0e0e0e 0%,#4a4a4a 100%); /* IE10+ */
  background: linear-gradient(45deg, #0e0e0e 0%,#4a4a4a 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#4a4a4a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  color:#ffffff;
  padding: 30px 20px 0;
  .order-bottom {
  	max-width:940px;
    margin:0 auto;
    .order-left {
      float:left;
      width:40%;
      img {
      	width:315px;
        height:auto;
      }
    }
    .order-right {
      float:right;
      width:50%;
      margin: 60px 0 0;
      h2 {
        font-size:36px;
        line-height:1.3;
        max-width:450px;
      }
      p {
      	font-size:16px;
        line-height:1.2;
        margin: 15px 0 20px;
      }
      a.buy-btn-bottom {
        text-align: center;
        font-size: 21px;
        line-height: 1.2;
        font-family: "Salvo Sans",Sans-Serif;
        padding: 18px 20px 16px;
        color: #ffffff;
        background: #ff7900;
        display: block;
        border-radius: 4px;
        max-width: 340px;
        text-decoration: none;
        text-transform:uppercase;
        span {
 		  text-decoration:line-through;
		}
		span.line2 {
          text-transform:uppercase;
          text-decoration:none;
          font-size:12px;
          color:#FFBE83;
		}
      }
      p.affirm-text {font-size:13px;color:#999;text-align:left;margin:8px 0 0;}
      .affirm-payment {
        font-size: 13px;
        font-weight: bold;
        text-align: left;
        float: none;
        display: block;
        margin: 20px 0 0px;
        color:#ffffff;
      }
    }
  }

}

/*Social Interrupt*/
.social-wrapper {
  float:left;
  width:100%;
  padding:0 0 0px;
  background-color:$lightgray;
  .social-container {
  	max-width:940px;
    padding:40px 0;
    margin:0 auto 100px;
    h2 {text-align:center;font-size:36px;}
    p {
      text-align:center;
      font-size:16px;
      line-height:1.5;
      max-width:850px;
      margin:0 auto 30px;
    }
    .social-row {
      float:left;
      width:100%;
      .social-item {
        width:220px;
        height:220px;
        background-color:#eaeaea;
        float:left;
        margin:0 20px 0 0;
        img {
          width:100%;
          height:auto;
        }
      }
      .social-item:last-child {
      	margin:0;
      }
    }
    .view-all {
      text-align: center;
      color: $blue;
      margin: 30px 0 60px;
      float: left;
      width: 100%;
      font-size: 18px;
    }
  }
}

/*Reviews*/
.reviews-wrapper {
  width:100%;
  float:left;
  padding:50px 0 60px;
  border-bottom:1px solid $gray-border;
  .reviews-container {
    margin:0 auto;
    max-width:940px;
    h2 {
      font-size:30px;
      text-align:center;
      max-width:400px;
      margin: 0 auto;
    }
  }
}
.review-summary {
    float: left;
    width: 100%;
    margin: 0 0 15px;
}
.review-summary-apps {
    float: left;
    margin: 12px 0px 15px;
}
.review-summary-image {
  float: left;
  margin: 0px 0px 25px;
  i.spr-icon.spr-icon-star {
    color:#ffffff !important;
  }
  span.spr-badge-caption {
    color: #ffffff !important;
}
 
}
.spr-container {
    padding: 24px;
    border: 0 !important;
}
a.spr-summary-actions-newreview {
    margin-top: -25px;
}
.spr-summary-starrating {
    margin: 0 6px 0 0;
  	display:none;
}
span.spr-summary-caption {
  display:none;
}

/*Infographic*/
.infographic-wrapper {
    width:100%;
    padding:80px 0 80px;
    float:left;
    background-image:url({{ 'cartoon-box.jpg' | asset_url  }});
    background-position: bottom center;
    background-size: cover;
    height: 600px;
    display:block;
    position:relative;
    .infographic-container {
      max-width:900px;
      margin:0 auto;
      padding:0 20px;
      h2{
        font-size:36px;
        font-family:"Salvo Sans Light", sans-serif;
        text-align:center;
        margin-bottom: 5px;
        line-height:1.5;
        margin-top:0;
      }
      p {
        font-size:16px;
        line-height:1.5;
        text-align:center;
        max-width:750px;
        margin:0 auto 30px;
      }
      span {
        font-family:"Salvo Sans", sans-serif;
        font-weight:bold;
      }
      img {
        width:100%;
      }
    } 
  }
 

/* media queries */

  

@media (max-width: 767px) {
  
  .navbar-homepage .navbar-header-homepage {
margin-left: 4px;
}
  
    .navbar .navbar-header {
margin-left: 4px;
}
  .navbar {height:50px;
    .navbar-brand {margin: 0px 0 0 25px;}
  }
  
  .navbar-homepage {height:50px;
    .navbar-brand {margin: 0px 0 0 25px;}
  }


  .icons {width:300px;padding: 20px 0px 0px 0px;margin: 20px auto 20px;
    .icon-row {width: 100% !important; margin: 0 0 5px !important;}
  }
  .shipping {
    margin: 20px 10px !important; text-align:left !important;
    .p-icon {}
    img {width:none}
    p {font-size:14px}
  }


  .content {
    h2.product {font-size: 32px; padding-top: 30px;}
  }

  div#main-product-image {
    img {width:100%;}
  }

  h2#price-preview {font-size:36px;}

  div#thumbnails {
    img {vertical-align: middle;width: 23%;margin-top: 20px;}
  }

.content-how {
  width:100%;margin-top: 0px;
  #range-element {margin-left: 0px;}
}

.content-how2 {
  width:100%;margin-top: 0px;
  #range-element {margin-left: 0px;display:none;}
}

.content-faq {
width: 100%;
  margin:0px auto 40px;
}

.content-404 {
width: 290px;
}

.header {margin-top: 0; height:250px;}
  
.header h1 {
font-size: 48px;
padding: 103px 0 0;
width: 90%;
text-align: center;
margin: 0 auto;
}
  
.navbar-homepage ul.nav li:last-child a {
margin: -12px 0px 0 0px;
    text-align: center;
    float: left;
}

#faqs h4 {
  line-height: 30px;
  font-size: 16px;
}

.header h2 {
font-size: 40px;
padding: 68px 0 0;
}

img.footer-image {
display: block;
margin: 0 auto;
width: 100%;
}

.content-how2 .page {
background-color: #fff;
padding: 20px 10px;
}

.content .page {
padding: 20px 0px;
}

    ul.nav {
      li:nth-child(3) a {}
    }

.product #product-left {
float: left;
width: 100%;
}

.product #product-right {
float: left;
width: 100%;
}

.product #product-left #thumbnails {
float: none;
width: 100%;
}

.row {
margin-left: 0px;
margin-right: 0px;
}

.content-blog .page {
background-color: #fff;
padding: 0px 5px;
width: 100%;
}

.content-blog {
margin: 20px auto 40px;
width: 100%;
}

div.sidebar {
display: none;
}

  
 
.content .page {
padding: 0px 0px !important;
}

div#value-props {
margin-top: 50px;
}
  
div#value-props h2 {
font-size: 27px;
width: 95%;
line-height: 1.5;
padding: 20px 0 0px;
}

.icons {
padding: 0px 0px 0px 0px !important;
margin: 20px auto 20px !important;
}

.icons p {
width: 85%;
margin-bottom: 10px;
margin-top: -15px;
}

.icons p span {
display: none;
}

.icons img {
height: 25px;
}

.product {
    margin: 60px 0 0;
}
.product #product-left a img {
margin-right: 0px;
}

  .product .meta .price h2#price-preview {
font-size: 30px;
margin-bottom: 5px;
}

.product .meta .price small {
font: 13px "Salvo Sans" normal;
}
  
.product .meta {
padding-top: 60px !important;
width: 100%;
}
  li.product {
    margin: 0;
}
  
  .features-testimonials-wrapper .features-testimonials-container {
    margin: 0 auto;
    width: 100%;
}
  .features-testimonials-wrapper .features-testimonials-container .features-left {
    width: 100%;
    float: left;
    padding: 0 20px;
}
  
  .features-testimonials-wrapper .features-testimonials-container .testimonials-right {
    width: 100%;
    float: left;
    border-left: 0;
    padding: 0px 20px 0;
}
  
  .features-testimonials-wrapper {
    padding: 20px 0 50px;
}
  
  .social-wrapper .social-container {
    max-width: 100%;
    padding: 30px 20px;
    margin: 0 auto 80px;
}
  .social-wrapper .social-container h2 {
    font-size: 30px;
}
  .social-wrapper .social-container .social-row .social-item {
    width: 100%;
    height: auto;
    background-color: #eaeaea;
    float: left;
    margin: 0 0px 20px 0;
}
  .product .meta .quantity-cart select#quantity {
    width: 100%;
}
  .product .meta .quantity-cart .add_to_cart-btn {
    width: 100%;
    float: left;
}
  
.product #product-left .thumbnail-center a img {
    width: 42px;
    border: 1px solid #eee;
    margin: 10px 5px 0 0px;
}  
  
  ul#variants li.product label input {
    position: absolute;
    top: -800px;
}
  ul#variants {
    float: left;
    margin: 100px 0 0;
    padding: 0;
}
  .product .meta .price h2#product-title {
    font-size: 18px;
    font-family: "Salvo Sans Light", sans-serif;
}
  ul#variants li.product label span {
    font-size: 13px;
    padding: 20px 15px;
}
  .features-testimonials-wrapper .features-testimonials-container .features-left .features-list {
    width: 100%;
}
  
  .product #product-left #product-awards .awards-item {
    width: 15%;
}
  .product #product-left #product-awards .awards-item img {
    width: 100%;
    height: auto;
}
  .product #product-left #product-awards {
    float: left;
    width: 100%;
    padding: 20px 10px;
}
.video-container {
width: 100%;
padding: 30px 0;
margin: 0px 0 0;
}
  
.video-row {
float: none;
width: 90%;
margin: 0 auto;
}

.video-image img {
width: 100%;
height: auto;
}

.video-text {
float: left;
width: 100%;
padding: 20px 0 0;
}

.video-text h2 {
font-size: 30px;
font-family: "Salvo Sans Light",sans-serif;
text-align: left;
padding: 0px 0 5px;
}

.family-container h2 {
margin: 0 auto;
text-align: center;
font-size: 30px;
font-family: "Salvo Sans Light",sans-serif;
padding: 30px 10px 0px;
width: 100%;
line-height: 1.5;
}

.family-pack-row {
float: none;
width: 100%;
margin: 0 auto;
}

.family-image img {
width: 100%;
}

.family-text .price h2 {
font-size: 30px;
padding: 8px 0 10px;
max-width: 500px;
margin: 0 auto;
}

.family-container {
width: 100%;
}

.family-text {
float: left;
width: 100%;
padding: 0 10px;
}


#features-wrapper .main-features-container .main-features .feature-item {
width: 100%;
}

#features-wrapper .main-features-container {
width: 100%;
padding: 40px 0px 40px;
}
 
#preorder-landing-wrapper .main-features-container .main-features .feature-item {
width: 100%;
}

#preorder-landing-wrapper .main-features-container {
width: 100%;
padding: 40px 0px 40px;
}
#features-wrapper .animated-container {
width: 100%;
padding: 40px 10px;
}

#features-wrapper .animated-container .animated-image {
width: 100%;
margin: 0 auto 40px;
}

#features-wrapper .animated-container .animated-image img {
width: 280px;
margin: 0 auto 40px;
display:block;
}

#features-wrapper .animated-container .features-text-area {
width: 100%;
}

#features-wrapper .animated-container .features-text-area h2 {
font-size: 30px;
}

#features-wrapper .animated-container .features-text-area p {
font-size: 16px;
}

#features-wrapper .features-preorder-container .features-preorder {
width: 100%;
}

#features-wrapper .features-preorder-container .features-preorder h2 {
font-size: 30px;
}

#features-wrapper .features-preorder-container .features-preorder p {
font-size: 16px;
}

#features-wrapper .features-preorder-container .features-preorder .features-preorder-button a {
font-size: 16px;
padding: 10px;
}

#features-wrapper .features-preorder-container .features-preorder .features-preorder-button {
width: 300px;
}

#features-wrapper .features-preorder-container {
padding: 50px 10px 80px;
}

#features-wrapper .feature-specs .specs-left {
width: 100%;
padding: 0 10px;
}

#features-wrapper .feature-specs .specs-left h2 {
margin-bottom: 15px;
margin-top: 0;
}

#features-wrapper .feature-specs .specs-left ul.ul-right {
width: 100%;
}

#features-wrapper .feature-specs .specs-left ul.ul-left {
width: 100%;
}

#features-wrapper .feature-specs .specs-right {
width: 100%;
padding: 0 10px;
}

#features-wrapper .feature-specs .specs-right h2 {
margin-bottom: 15px;
margin-top: 0;
}

#features-wrapper .feature-specs .specs-right ul.ul-right {
width: 100%;
}

#features-wrapper .feature-specs .specs-right ul.ul-left {
width: 100%;
}

#features-wrapper .feature-specs .specs-right ul.ul-right {
display: none;
}
  
.family-image {
float: none;
}
  
.family-image img {
width: 100%;
max-width: 300px;
margin: 0 auto;
display: block;
}
  
.family-text .price .add_to_cart-btn {
width: 300px;
margin: 0 auto;
}

.family-text .price p {
max-width: 500px;
margin: 0 auto 20px;
}

.product #product-left a img {
width: 100%;
}

.product .meta .add_to_cart-btn {
font-size: 14px;
}

.flexslider {
margin: 0 0 50px;
width: 100%;
}

.product #product-left .thumbnail-center {
margin: 0 auto;
width: 100%;
}
  
  .info-row {
    float: none;
    width: 100%;
    margin: 0 auto 0px;
    height: 150px;
  }
  .info-text {
    float: left;
    width: 100%;
    padding: 10px 0 0 0px;
}
  
  .info-row2 {
    float: left;
    width: 100%;
    margin: 20px auto 10px;
    height: 320px;
    /* padding-top: 50px; */
}
  .fcc-row {
    float: left;
    width: 100%;
    margin: 0 auto 60px;
    height: 80px;
}
  .info-container {
    width: 100%;
    background: #ffffff;
    padding: 50px 20px 30px;
    margin: 0px;
    float: left;
}
  
/*contest*/
#contest-wrapper .heres-how-wrapper .how-steps-container .step-item {
width: 100%;
padding: 10px;
max-width: 350px;
float: none;
margin: 0 auto;
}
  
#contest-wrapper .heres-how-wrapper {
width: 100%;
padding: 30px 0 0;
}
  
#contest-wrapper .heres-how-wrapper .how-steps-container .step-item p {
padding: 15px 10px 0px;
}

#contest-wrapper .heres-how-wrapper h2 {
margin-bottom: 20px;
}
  
#contest-wrapper .heres-how-wrapper .how-steps-container .contest-info {
margin-top: 30px;
}
  
#contest-wrapper .findus-container .findus {
width: 100%;
margin: 0 auto;
}
  
#contest-wrapper .findus-container {
width: 100%;
float: left;
padding: 40px 0px 50px;
background: #f8f8f8;
margin-bottom: -10px;
}
  
#contest-wrapper .findus-container .findus .contest-rules-button {
width: 260px;
}
  
#contest-wrapper .findus-container .findus a {
padding-right: 20px;
}
  
#adlanding-wrapper .adlanding-hero {
float: left;
width: 100%;
padding: 30px 0 40px;
}
  
#adlanding-wrapper .adlanding-hero .adlanding-hero-bg {
background-image: url('{{ 'preorder-hero.png' | asset_url }}');
height: 200px;
width: 100%;
max-width: 360px;
}
  
#adlanding-wrapper .adlanding-hero .text-area h1 {
font-size: 24px;
line-height: 1.5;
text-align: center;
/* font-weight: bold; */
/* font-family: 'salvo sans',sans-serif; */
padding: 0px 10px;
}
  
#adlanding-wrapper .adlanding-press .press-container p {
font-size: 18px;
line-height: 1.5;
text-align: center;
}
  
  #adlanding-wrapper .adlanding-press {
float: left;
width: 100%;
padding: 50px 20px;
}
  
  #adlanding-wrapper .adlanding-press .press-container {
width: 100%;
margin: 0 auto;
}
  
#adlanding-wrapper .adlanding-hero .text-area {
width: 100%;
margin: -80px auto 0;
}
  
.features-preorder-container {
width: 100%;
float: left;
padding: 40px 20px 60px;
background: #f8f8f8;
}
  
.features-preorder-container .features-preorder .features-preorder-button {
width: 280px;
}
 
.features-preorder-container .features-preorder .features-preorder-button a {
color: #ffffff;
display: block;
padding: 15px 0;
}
  
#adlanding-wrapper .adlanding-images .images-container img {
float: none;
width: 300px;
height: 300px;
padding-right: 0px;
margin: 0 auto;
display: block;
margin-bottom: 10px;
}

#adlanding-wrapper .adlanding-images {
float: left;
width: 100%;
padding: 40px 20px 20px;
}
  
#adlanding-wrapper .adlanding-hero .text-area p {
padding: 0 10px;
}
  
#adlanding-wrapper .adlanding-images .images-container {
width: 100%;
margin: 0 auto;
}
  
.features-preorder-container .features-preorder {
width: 100%;
margin: 0 auto;
}

#adlanding-wrapper .adlanding-images .images-container .image {
float: none;
width: 300px;
margin: 0 auto;
}
  
#adlanding-wrapper .adlanding-images .images-container .image p {
font-size: 21px;
text-align: center;
font-size: 21px;
margin: 0 0 40px;
}
  
#adlanding-wrapper .adlanding-images .images-container .image img {
padding-right: 0px;
}
  
#adlanding-wrapper .adlanding-images .images-container .image:last-child {
margin: 0 auto;
}
  
  #preorder-landing-wrapper .work-wrapper .work-container {
width: 100%;
margin: 0 auto;
border-top: 1px solid #dedede;
padding: 0 20px;
}
  
  #preorder-landing-wrapper .work-wrapper .work-container .item {
float: left;
width: 100%;
}
  
  #preorder-landing-wrapper .work-wrapper .work-container .item p {
float: right;
font-size: 16px;
line-height: 1.5;
width: 85%;
}
  
  .blog-leftrail {
 	float:left;
  	width:100%;
}
  
/*Footer*/
  
  #footer .footer-container {
width: 100%;
    padding:0 20px;
}
  
  #footer .footer-container .footer-right {
float: none;
width: 100%;
}
  
  #footer .footer-container .social {
margin-bottom: 15px;
margin-top: 26px;
}
  
  #footer .footer-container .footer-right form.mailchimp .mailchimp-form {
width: 100%;
float: none;
}
  
  #footer .footer-container .footer-right form.mailchimp .mailchimp-form input.email {
font-size: 13px;
width: 69%;
}
  
  #footer .footer-container .footer-right form.mailchimp .mailchimp-form input.button {
font-size: 13px;
width: 30%;
}
  
  #footer .footer-container .links {
width: 100%;
float: none;
margin: 15px auto 50px;
}
  
  #footer .footer-container .copyright {
padding: 25px 0;
}
 
  
.checkout-footer-wrapper {
  float:left;
  color:$lightgray;
  border-top:1px solid $lightgray;
  padding:40px 0;
  p {
    text-align:center;
    font-size:14px;
  }
}
  
  
  /*Nav*/
  div#bs-example-navbar-collapse-1 {
background: #fff;
}
  div#bs-example-navbar-collapse-2 {
background: #fff;
margin-top: 50px;
}
  
  .navbar ul.nav {
padding-right: 0px;
}
  
    .navbar-homepage ul.nav {
padding-right: 0px;
}
  
  .navbar ul.nav li {
padding: 7px 0px;
}
  
    .navbar-homepage ul.nav li {
padding: 7px 0px;
}
  
  .navbar ul.nav li:last-child a {
color: #ffffff;
padding: 22px 20px 18px;
border-radius: 4px;
background: $orange;
margin: 0 20px;
text-align: center;
}
  
    .navbar-homepage ul.nav li:last-child a {
color: #ffffff;
padding: 22px 20px 18px;
border-radius: 4px;
background: $orange;
margin: 0 20px;
text-align: center;
}
  
.navbar ul.nav li:last-child a:hover {
  background-color:darken($orange, 5%)
}
  
  .navbar-homepage ul.nav a {
color: $black;
padding: 10px 20px;
}
  
.header-gray{
  height: 90px;
  margin-top:46px;
  background-color:$lightgray;
  h1 {font-size: 30px; font-family: 'Salvo Sans Light', sans-serif; color: $black;padding: 30px 0 0; width: 80%; text-align: center; margin: 0 auto;;
  }
}
  
h1.long-title {font-size:42px;padding-top: 109px;}

.header-blue {
margin-top: -155px;
}
  
/*Jobs*/
  
.jobs-growing-wrapper {
padding: 40px 0;
}
  
.jobs-growing-container {
width: 100%;
padding: 0 10px;
}

.jobs-growing-container h2 {
font-size: 30px;
line-height: 1.5;
}
  
.office-left {
float: left;
width: 100%;
height: 250px;
}
  
.office-right {
float: left;
width: 100%;
height: 250px;
  display:none;
}
  
.jobs-office-wrapper {
margin: 45px 0 0;
}
  
.jobs-benefits-container {
width: 100%;
}
  
.jobs-benefits-container h2 {
font-size: 30px;
margin-bottom: 20px;
}
  
.jobs-benefits-wrapper {
padding: 40px 15px 60px;
}
  
.benefits-left {
float: left;
width: 100%;
}
  
.benefits-right {
float: left;
width: 100%;
}
  
.jobs-opening-container {
width: 100%;
margin: 0 auto;
}
  
.jobs-opening-wrapper {
padding: 40px 15px;
}
  
  .jobs-opening-container h2 {
font-size: 30px;
    margin-bottom: 25px;
}
  

  
/* How it works */
  
#howitworks-wrapper .closer-look-wrapper .closer-look-container {
    width: 100%;
    margin: 0 auto;
}
  #howitworks-wrapper .activation-wrapper .activation-container {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
  #howitworks-wrapper .closer-look-wrapper {
    padding: 30px 0 50px;
}
  #howitworks-wrapper .closer-look-wrapper .closer-look-container h2 {
    font-size: 30px;
    padding: 0 20px;
}
  .infographic-wrapper {
    padding: 40px 0 910px;
    background-position: bottom left;
  }
  
  #howitworks-wrapper .howitworks-hero {
    height: 600px;
}
  #howitworks-wrapper .activation-wrapper .activation-container h2 {
    font-size: 30px;
    line-height: 1.3;
}
  #howitworks-wrapper .activation-wrapper {
    padding: 0px 0 20px;
}
  .infographic-wrapper .infographic-container h2 {
    font-size: 30px;
    line-height: 1.3;
}

  .infographic-wrapper .infographic-container {
    padding: 0 20px;
}
    #stories-wrapper .stories-container {
    max-width: 940px;
    padding: 40px 0;
    margin: 10px auto 270px;
}
  #stories-wrapper .stories-container .landing-container a .landing-box-1 {
    height: 160px;
}
  #stories-wrapper .stories-container .landing-container a .landing-box-1 p {
    padding: 25px 10px 20px;
}
    #stories-wrapper .stories-container .landing-container a .landing-box-2 {
    height: 160px;
}
  #stories-wrapper .stories-container .landing-container a .landing-box-2 p {
    padding: 25px 10px 20px;
}
    #stories-wrapper .stories-container .landing-container a .landing-box-3 {
    height: 160px;
}
  #stories-wrapper .stories-container .landing-container a .landing-box-3 p {
    padding: 25px 10px 20px;
}
    #stories-wrapper .stories-container .landing-container a .landing-box-4 {
    height: 160px;
}
  #stories-wrapper .stories-container .landing-container a .landing-box-4 p {
    padding: 25px 10px 20px;
}
  #howitworks-wrapper .howitworks-hero .hero-text h2 {
    font-size: 30px;
}
  #howitworks-wrapper .howitworks-hero .hero-text {
    width: 100%;
    float: right;
    margin: 50px 0px 0 0;
    color: #ffffff;
    padding: 0 20px;
}
  #howitworks-wrapper .howitworks-hero .hero-text a.play-btn {
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 0px 0 0 40px;
    text-align: left;
}
  .infographic-wrapper {
    padding: 40px 0 600px;
}
  
  .travel-hero .hero-text {
    max-width: 800px;
    margin: 80px auto 0;
    text-align: center;
    padding: 0 10px;
}
  .travel-hero .hero-text h2 {
    font-size: 27px;
}
  .travel-hero {
    width: 100%;
    float: left;
    background-image: url(//cdn.shopify.com/s/files/1/0445/5745/t/42/assets/landing-hero-travel.jpg?10207543446563991268);
    background-position: top left;
    background-size: cover;
    height: 600px;
    display: block;
    position: relative;
}
  
/*SNIPPETS*/
.order-bottom-container .order-bottom {
    max-width: 100%;
}
  .order-bottom-container .order-bottom .order-left {
    width: 100%;
    border-bottom: 1px solid #222;
}
  .order-bottom-container .order-bottom .order-left img {
    width: 150px;
    margin: 0 auto;
    display: block;
}
  .order-bottom-container .order-bottom .order-right {
    float: left;
    width: 100%;
    margin: 5px 0 0;
    text-align:center;
}
  .order-bottom-container .order-bottom .order-right h2 {
    font-size: 30px;
    margin: 20px auto 0;
}
  .order-bottom-container .order-bottom .order-right a.buy-btn-bottom {
    width: 280px;
        margin: 0 auto;
    padding: 18px 10px 16px;
}
  .order-bottom-container {
    padding: 40px 20px 70px;
}
  .social-wrapper .social-container .social-row {
    margin-bottom: 25px;
}
  
/*Landing Pages*/
  .events-hero {
    height: 600px;
}
  .events-hero .hero-text {
    margin: 75px auto 0;
}
  .events-hero .hero-text h2 {
    font-size: 30px;
    margin: 0 0 15px;
    padding:0 20px;
}
    .golf-hero {
    height: 600px;
}
  .golf-hero .hero-text {
    margin: 75px auto 0;
}
  .golf-hero .hero-text h2 {
    font-size: 30px;
    margin: 0 0 15px;
    padding:0 20px;
}
    .fishing-hero {
    height: 600px;
}
  .fishing-hero .hero-text {
    margin: 75px auto 0;
}
  .fishing-hero .hero-text h2 {
    font-size: 30px;
    margin: 0 0 15px;
    padding:0 20px;
}
      .preppers-hero {
    height: 600px;
}
  .preppers-hero .hero-text {
    margin: 75px auto 0;
}
  .preppers-hero .hero-text h2 {
    font-size: 30px;
    margin: 0 0 15px;
    padding:0 20px;
}
      .hunting-hero {
    height: 600px;
}
  .hunting-hero .hero-text {
    margin: 75px auto 0;
}
  .hunting-hero .hero-text h2 {
    font-size: 30px;
    margin: 0 0 15px;
    padding:0 20px;
}
    .tailgating-hero {
    height: 600px;
}
  .tailgating-hero .hero-text {
    margin: 75px auto 0;
}
  .tailgating-hero .hero-text h2 {
    font-size: 30px;
    margin: 0 0 15px;
    padding:0 20px;
}
      .skiing-hero {
    height: 600px;
}
  .skiing-hero .hero-text {
    margin: 75px auto 0;
}
  .skiing-hero .hero-text h2 {
    font-size: 30px;
    margin: 0 0 15px;
    padding:0 20px;
}
    .conference-hero {
    height: 600px;
}
  .conference-hero .hero-text {
    margin: 75px auto 0;
}
  .conference-hero .hero-text h2 {
    font-size: 30px;
    margin: 0 0 15px;
    padding:0 20px;
}
  .video-main-center1 {
    max-width: 800px;
    margin: 60px auto 0;
}
.social-hero {
    height: 670px;
}
.social-hero .hero-text {
    max-width: 800px;
    padding: 0 20px;
  margin: 65px 0;
}
  
  .hiking-hero .hero-text {
    margin: 90px auto 0;
}
  .hiking-hero .hero-text h2 {
    font-size: 27px;
    padding: 0 20px;
}
  
  .emergency-hero .hero-text h2 {
    font-size: 27px;
}
  .emergency-hero .hero-text {
    margin: 100px auto 0;
}
    .responders-hero .hero-text h2 {
    font-size: 27px;
}
  .responders-hero .hero-text {
    margin: 100px auto 0;
}
  #stories-wrapper .stories-container .landing-container {
    margin: 0px 0;
}
  .stories-thumbs li:first-child {
    width: 100%;
    height:auto;
}
    .stories-thumbs li {
    width: 100%;
      height: 280px;
}
.stories-thumbs {
    padding: 0 20px;
}
    .stories-interrupt li {
    width: 100%;
      height: 250px;
}
.stories-interrupt {
    padding: 0 20px;
}
  .social-hero .hero-text h2 {
    font-size: 30px;
}
  .social-hero .hero-text .landing-container .landing-box a img {
    max-width: 36px;
}
  
  .social-hero .hero-text .landing-container .landing-box a p {
    font-size: 11px;
}
  

}

@media (min-width: 768px) {
  h2 { font-size: 40px; }
  p { font-size: 18px; }
  
  body#welcome h2 { font-size: 34px; }

  .navbar {
	width: 100%;
  
    .container { padding-right: 0; width: 100%;
      .container-how {width:700px;}
    }

    .navbar-collapse.collapse {
      text-align: center; /* Set this */
      display: block !important;
      height: auto !important;
      padding-bottom: 0;
      overflow: visible !important;
    }

    .navbar-brand { margin-left: -5px !important; width: 127px; }

    ul.nav {
      float: right; margin: 0; 
      a { 
        &:hover { background-color: inherit; }
      }
      /*li:nth-child(5) a {
        font: 12px "Salvo Sans Light",Sans-Serif; font-style:italic; color: $orange; text-transform: initial; font-weight:normal;margin-right:-20px;
      }*/
      li:last-child a {
        background-color: $orange; color: white; margin: -12px 0 0 15px;
      }
      li:last-child a:hover {
        background-color:darken($orange, 5%);
      }
    }
  }
  
    .navbar-homepage {
	width: 100%;
  
    .container { padding-right: 0; width: 100%;
      .container-how {width:700px;}
    }

    .navbar-collapse.collapse {
      text-align: center; /* Set this */
      display: block !important;
      height: auto !important;
      padding-bottom: 0;
      overflow: visible !important;
    }

    .navbar-brand { margin-left: -5px !important; width: 127px; }

    ul.nav {
      float: right; margin: 0;
      a { 
        &:hover { background-color: inherit; }
      }
      /*li:nth-child(5) a {
        font: 12px "Salvo Sans Light",Sans-Serif; font-style:italic; color: $orange; text-transform: initial; font-weight:normal;margin-right:-20px;
      }*/
    }
  }
  
  .nav>li>a {
padding: 15px 9px 10px;
}

  .two_cols {
  	-webkit-column-count:2;
    column-count:2;
    -webkit-column-gap:30px;
    column-gap:30px;
    .col { display: inline-block; }
  } 

  #footer {
    .social a { margin: 0 30px; }
    form.mailchimp.response {
      div.message { 
        width: 400px; 
        left: 50%; 
        margin-left: -200px; 
      }
    }
  }

.content-how #range-element {
margin-left: 0px;
}

.content-how2 #range-element {
margin-left: 0px;
}

#range_tool {
height: 300px;
}

div#value-props h2 {
font-size: 30px;
font-family: "Salvo Sans Light",sans-serif;
padding: 27px 0 20px;
text-align: center;
margin: 0 auto;
width: 100%;
}

.product #product-left {
float: left;
width: 50%;
}

.product #product-right {
float: right;
width: 40%;
}
  
  .product #product-left {
    float: left;
    width: 62%;
}
  


.icons {
font: 13px "Salvo Sans Light",Sans-Serif;
width: 90%;
padding: 10px 0px 0px 15px;
}

.icons img {
height: 40px;
margin-left: auto;
margin-right: auto;
float:none;
}

.video-container {
width: 100%;
background: #f8f8f8;
padding: 50px;
margin: 0px 0 0;
}
.video-row {
float: none;
width: 768px;
margin: 0 auto;
}

.video-image img {
width: 260px;
height: auto;
}

.video-text {
float: left;
width: 400px;
padding: 10px 0 0 20px;
}

.video-text h2 {
font-size: 24px;
}

#features-wrapper .main-features-container .main-features .feature-item {
width: 100%;
}

#preorder-landing-wrapper .main-features-container .main-features .feature-item {
width: 100%;
}

.family-image img {
width: 300px;
}

.family-text .price h2 {
padding-top: 30px;
}

.family-text {
width: 440px;
padding: 0px 0 0 20px;
}

.family-pack-row {
width: 740px;
}

div#main-product-image {
width: 100%;
margin: 0 auto;
  float:none;
}
  
  li.product {
    margin: 0;
}
#adlanding-wrapper .adlanding-hero .adlanding-hero-bg {
background-image: url('{{ 'preorder-hero.png' | asset_url }}');
height: 340px;
width: 750px;
  
}
  
#adlanding-wrapper .adlanding-hero .text-area {
width: 740px;
margin: -80px auto 0;
}
  
#adlanding-wrapper .adlanding-images .images-container {
width: 740px;
}  
  
#adlanding-wrapper .adlanding-images .images-container img {
float: left;
width: 240px;
height: 240px;
padding-right: 0px;
}
  
  #adlanding-wrapper .adlanding-images {
padding: 50px 0;
}

#adlanding-wrapper .adlanding-images .images-container .image img {
float: left;
width: 230px;
height: 220px;
padding-right: 0px;
margin-bottom: 10px;
}
  
  #footer .footer-container {
width: 100%;
    padding: 20px;
}
  
#footer .footer-container .footer-right form.mailchimp .mailchimp-form input.email {
width: 200px;
}
  
  #footer .footer-container .footer-right form.mailchimp .mailchimp-form {
width: 305px;
}

  #footer .footer-container .footer-right {
width: 300px;
}
  
  #footer .footer-container .links {
width:58%;
}
  
  #footer .footer-container ul {
min-width: 135px;
}
  
  .product #product-right {
width: 37% !important;
}
  
  #main-product-image img {
  width:90%;
  }
  
    .navbar ul.nav a {
color: #222;
padding: 10px 10px;
}
  
      .navbar-homepage ul.nav a {
padding: 10px 10px;
}
  
  .navbar-homepage .navbar-brand {
margin-left: -45px !important;
width: 127px;
}
  
  .navbar-homepage ul.nav {
float: right;
margin: 0;
padding-right: 10px;
}
  
/*Landing Pages*/
.video-main-center1 { 
    margin: 80px auto 0;
}
  
#stories-wrapper .stories-container .landing-container {
    margin: 0px 0;
}
  


}

@media (min-width: 992px) {
  table.quadrants tr td div { margin: 20px 100px; }
  .navbar { 
    width: 100%; 
    .container { width: 100%; 
      .container-how {width:700px;}
    }
  	ul.nav {
      a {}
      li {}
      li:last-child a {
        background-color: $orange; color: white; margin: -12px 0 0 15px;
      }
    }
  } 
  
  .navbar-homepage { 
    width: 100%; 
    .container { width: 100%; 
      .container-how {width:700px;}
    }
  	ul.nav {
      a {}
      li {}
    }
  } 

  
  .product {
    padding: 50px 10px 30px;
    .meta {
      padding-top: 80px;
    }
    #product-left {width:60%}
  }
  

.content-how #range-element {
margin-left: -140px;
}
.content-how2 #range-element {
margin-left: -140px;
}
.product #product-right {
float: right;
  width:40%;
margin-top: 20px;
}

.video-text {
width: 500px;
}

.video-text h2 {
font-size: 30px;
}

.video-row {
width: 768px;
}

.family-pack-row {
width: 890px;
}

.family-image img {
width: 380px;
}

.family-text {
width: 510px;
padding-top: 40px;
}

.family-text .price h2 {
padding: 38px 0 15px;
}

.family-container {
}



#features-wrapper .main-features-container .main-features .feature-item {
width: 33%;
}
  
#preorder-landing-wrapper .main-features-container .main-features .feature-item {
width: 33%;
}

.video-container {
margin: 0px 0 0;
padding:50px 50px 40px;
}
  

 
#adlanding-wrapper .adlanding-hero .adlanding-hero-bg {
background-image: url('{{ 'preorder-hero.png' | asset_url }}');
height: 426px;
width: 940px;
}
  
#adlanding-wrapper .adlanding-hero .text-area {
width: 940px;
margin: -80px auto 0;
}
  
#adlanding-wrapper .adlanding-images .images-container {
width: 940px;
}  
  
#adlanding-wrapper .adlanding-images .images-container img {
float: left;
width: 300px;
height: 300px;
padding-right: 20px;
}
  
  #adlanding-wrapper .adlanding-images {
padding: 60px 0;
}
  
#adlanding-wrapper .adlanding-images .images-container .image img {
float: left;
width: 300px;
height: 300px;
margin-right: 0px;
margin-bottom: 10px;
}
  
.navbar ul.nav li:last-child a {
background-color: #ff7900;
color: white;

}
    .navbar-homepage ul.nav li:nth-child(4) {
}  
 
  .navbar-homepage ul.nav li:nth-child(4) a {
  } 

  
.navbar ul.nav a {
}
  
  #footer .footer-container {
width: 980px;
}
  
    #main-product-image img {
  width:100%;
  }
  
      .navbar ul.nav a {
color: #222;
padding: 10px 20px;
}
  
        .navbar-homepage ul.nav a {
padding: 10px 20px;
}
  
    .navbar-homepage .navbar-brand {
margin-left: -5px !important;
width: 127px;
}
  
  .navbar-homepage ul.nav {
float: right;
margin: 0;
padding-right: 50px;
}
  
  /*Landing Pages*/
.video-main-center1 { 
    margin: 210px auto 0;
}
  #stories-wrapper .stories-container .landing-container {
    margin: 40px 0 0;
}


}


@media (min-width: 1200px) {
  .navbar { 
    width: 100%;  
    .container { 
      .container-how {width:700px;}
    }
  }
  
  .navbar-homepage { 
    width: 100%;  
    .container { 
      .container-how {width:700px;}
    }
  }

  
  .product {
    padding: 50px 40px 20px;
    .meta {
      padding-top: 80px;
    }
  }
  
.navbar ul.nav li:last-child a {
background-color: #ff7900;
color: white;
}
  
  
  .navbar ul.nav a {
}

        
.info-text {
width: 480px;
}

.video-image img {
width: 320px;
height: auto;
}

.video-text h2 {
font-size: 36px;
}

.video-text {
width: 580px;
padding: 32px 0 0 40px;
}

.video-row {
width: 910px;
}

.video-container {
margin: 20px 0 0;
padding: 50px 50px 50px;
}





}

@media (max-width: 600px) {
 
  #preorder-landing-wrapper .work-wrapper .work-container .item .number {
float: none;
margin: 0 auto;
display: block;
text-align: center;
}
  
#preorder-landing-wrapper .work-wrapper .work-container .item p {
width: 100%;
margin:10px 0 20px;
}
  
  #preorder-landing-wrapper .preorder-landing-preorder-container {
padding: 40px 20px 60px;
}
  
  #preorder-landing-wrapper .preorder-landing-preorder-container .preorder-landing-preorder {
width: 100%;
margin: 0 auto;
}
  
  #preorder-landing-wrapper .preorder-landing-preorder-container .preorder-landing-preorder .preorder-landing-preorder-button {
width: 100%;
}
  
  #preorder-landing-wrapper .own-network-wrapper .own-network-container {
width: 90%;
}
  
  #preorder-landing-wrapper .quote-wrapper .quote-container {
width: 100%;
}
  
#preorder-landing-wrapper .quote-wrapper .quote-container .quote-text {
width: 90%;
text-align: center;
}
  
  #preorder-landing-wrapper .quote-wrapper .quote-container img {
width: 180px;
height: auto;
float: none;
margin: 0 auto;
    display: block;
 
}
  
  #preorder-landing-wrapper .quote-wrapper .quote-container .quote-text img {
text-align: center;
width: 110px;
display: block;
margin: 0px auto 20px;
float: none;
}
  
  #preorder-landing-wrapper .quote-wrapper .quote-container .quote-text p {
margin: 0;
}
  
  
  .form-container {
width: 100%;
    padding: 20px;
    margin-bottom: 20px;
 
  }
  
  #gift-wrapper h1 {
text-align: center;
padding: 80px 0 36px;
font-size: 42px;
    
  }
  
  .form-info img {
float: none;
width: 60%;
height: auto;
margin: 0 auto;
display: block;
    margin-bottom: 20px;
    margin-top: 10px;
}
  
  .form-info p {
float: none;
width: 100%;
}
  
  .gift-details {
float: none;
width: 100%;
max-width: 450px;
margin: 0 auto 20px;
}
  
  input, select, textarea, .form-control {
width: 100%;
}
  
  .instructions-top h3 {
font-size: 30px;
color: #089eda;
text-transform: uppercase;
font-family: "Salvo Sans", Sans-Serif;
font-weight: bold;
float: none;
padding-top: 30px;
text-align: center;
margin: 0;
}
  
  .instructions-top {
width: 100%;
padding: 20px 0px;
}
  
  .instruction-image {
float: none;
width: 100%;
margin-bottom: 100px;
}
  
  .orderforfriend-button {
width: 100%;
margin: 0 0 0px;
float: none;
}
  
.instructions ul {
  margin-bottom: 40px;
}
  
  .instructions {
float: left;
width: 100%;
}
  
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .navbar .navbar-header {
margin-left: 10px;
}
  
  .navbar ul.nav {

padding-right: 10px;
}
  
  
#howitworks-wrapper .steps-wrapper .steps-container {
  width: 100%;
}
  
#howitworks-wrapper .steps-wrapper {
  width: 100%;
  padding: 20px 20px 20px;
  float: left;
}
  
  #howitworks-wrapper .steps-wrapper .steps-container .steps-phone {
  width: 26%;
}
  
  #howitworks-wrapper .steps-wrapper .steps-container .steps-text-left {
  width: 37%;
  float: left;
  padding-right: 20px;
}
  
  #howitworks-wrapper .steps-wrapper .steps-container .steps-text-right {
  width: 37%;
  float: left;
  padding-left: 20px;
}
  
  #howitworks-wrapper .steps-wrapper .steps-container .steps-text-right .step3 {
  float: left;
  margin-top: 30px;
  margin-bottom: 21px;
}
  
  #howitworks-wrapper .steps-wrapper .steps-container .steps-text-left .step1 {
  float: left;
  margin-top: 30px;
  margin-bottom: 40px;
}
  
#howitworks-wrapper .range-wrapper .range-container .range-left {
  width: 100%;
  max-height: 500px;
}
  
#howitworks-wrapper .range-wrapper .range-container .range-right {
  width: 100%;
  height: 620px;
}
  
  #howitworks-wrapper .whats-inside-wrapper {
  width: 100%;
  padding: 60px 20px 100px;
}
  
  #howitworks-wrapper .whats-inside-wrapper .whats-inside-container img {
  max-width: 100%;
  }
  
  .product {
    margin: 100px 0 0;
}
  
  .apps-container {
    width:100%;
    padding:20px;
}

  
}

@media only screen and (min-width: 310px) and (max-width: 340px) {
.product .meta .price small {
font: 14px "Salvo Sans" normal;
float: left;
}
  
  .product .meta .price p {
float: left;
    font-size: 14px;
}
  
  .product .meta select {
margin-top: 10px;
}
  
  .product #product-left a img {
width: 100%;
}
  
}