body{
      font-weight:400;
      background-color:rgba(0,0,0,0.02);
      font-family: 'Nunito', Helvetica,Arial,sans-serif;
    }
    .header{
      width: 100%;
      height:100px;
      background-color:RGBA(255,255,255,1);
      position: fixed;
      top: 0px;
      z-index:100;
      -webkit-box-shadow: 0px 8px 11px -10px rgba(0,0,0,0.68);
        -moz-box-shadow: 0px 8px 11px -10px rgba(0,0,0,0.68);
          box-shadow: 0px 8px 11px -10px rgba(0,0,0,0.68);
    }
    .header-small{
      width: 100%;
      height:50px;
      background-color:RGBA(255,255,255,1);
      position: fixed;
      top: 0px;
      z-index:100;
    }
    .header-about{
      height:140px;
      -webkit-box-shadow: 0px 8px 11px -10px rgba(0,0,0,0.68);
        -moz-box-shadow: 0px 8px 11px -10px rgba(0,0,0,0.68);
          box-shadow: 0px 8px 11px -10px rgba(0,0,0,0.68);
    }
    .nav-bar{
      margin-top: 12px;
    }
    .parallax-background{
      margin-top:100px;
      height: 600px;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
      background-size: cover;
      position: fixed;
      width: 100%;
    }
    .parallax-background-home {
      height: 800px;
    }
    #whole-screen{
      position: fixed;
      z-index: 0;
      top: 0;
      left: 0;
    }
    #whole-screen img.bgfade{
      position: absolute;
      top: 0;
      display: none;
      width: 100%;
      height: 100%;
      z-index: -100;
      background-size: cover;
    }
    .heroCover{
      box-shadow: inset 0px 0px 0 2000px rgba(0,0,0,0.20);
      height: 350px;
      margin-top: 100px;
    }
    .hero{
      margin-top:100;
      box-shadow:inset 0px 0px 0 2000px rgba(0,0,0,0.15);
      height:450px;
      background-color: #fff;
    }
        .hero-home{
            background-color: #000;
            background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/bg64.jpg);
            background-size:cover;
        }
        .hero-about{
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/product.jpg);
          background-size:cover;
          height:450px;
        }        
        .hero-stories{
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/story-header.jpg);
          height:450px;
          background-size:cover;
        }
        .hero-team{
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/team.jpg);
          height:450px;
          background-size:cover;
        }
        .hero-vision{
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/bg5.jpg);
          height:450px;
          background-size:cover;
        }
        .hero-terms{
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/bg16.jpg);
          height:550px;
          background-size:cover;
        }
        .hero-privacy{
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/bg19.jpg);
          height:550px;
          background-size:cover;
        }
        .hero-press{
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/foxscreen.jpg);
          background-size:cover;
        }
        .hero-ambassadors{
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/ambg.jpg);
          background-size:cover;
          height:450px;
        }
        .hero-contact{
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/contact.jpg);
          background-size:cover;
        }
        #map {
                width: 100%;
                height: 450px;
            }
    
        .fadeImage1{
            background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/bg54.jpg);
            background-size:cover;
        }      
        .fadeImage2{
            background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/bg13.jpg);
            background-size:cover;
        }  
        .fadeImage3{
            background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/bg37.jpg);
            background-size:cover;
        }
        .fadeImage4{
            background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/bg72.jpg);
            background-size:cover;
        }
        .fadeImage5{
            background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/bg73.jpg);
            background-size:cover;
        }
        .fadeImage6{
            background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/bg28.jpg);
            background-size:cover;
        }
        .fadeImage7{
            background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/bg34.jpg);
            background-size:cover;
        }
    .regular-content{
      max-width: 100%;
      position: relative;
      background-color: #f7f7ef;
      top: 50px;
    } 
    .parallax-content{
      width: 100%;
      position: relative;
      background-color: #f7f7ef;
      top: 450px;
    }  
    .parallax-inspiration{
      top: 100px;
    }
    .parallax-content-home{
      top: 600px;
    }
    .parallax-content-amb{
      top: 450px;
    }
    .parallax-content-team{
      top: 500px;
    }
    .parallax-content-stories{
      top: 500px;
    }
    .parallax-content-vision{
      top: 400px;
    }
    .parallax-content-about{
      top: 500px;
    }
    .parallax-content-small{
      max-width: 100%;
      position: relative;
      background-color: #f7f7ef;
      top: 250px;
    } 
    .button{
      font-family:'Raleway',Helvetica,Arial,sans-serif;
    }
    .button-group li{
      padding-top:3%;
    }
    .button-group{
      float:none;
    }
    @media only screen and (min-width: 40.063em) {
      .button-group{
        margin: auto;
      }
    }
    .intro-text{
      padding-top:40%;
      color:rgba(255,255,255,1);
      text-align:center;
    }
    @media only screen and (min-width: 40.063em) {
      .intro-text{
        padding-top:25%;
      }
    }
    @media only screen and (min-width: 64.063em) {
      .intro-text{
        padding-top:100px;
      }
    }
    .intro-text p{
      font-size:28px;
    }
    .work{
      padding:50px 0 50px 0;
    }
    .work img:hover{
      opacity:0.5;
    }
    .work li{
      overflow:hidden;
    }
    .ambFaceCont{
      position: absolute;
      width: 125px;
      height: 125px;
      margin: auto;
      margin-top: -108px;
      left: 50%;
      margin-left: -62.5px;
    }
    .ambBlankFace{
      border-radius: 125px;
      border: 5px solid #f7f7ef;
      height: 125px;
      width: 125px;
      background-color: #DBDBCF;
      
      -webkit-transition: 300ms ease-out 0.3s;
      -moz-transition: 300ms ease-out 0.3s;
      -o-transition: 300ms ease-out 0.3s;
      transition: 300ms ease-out 0.3s;
    }
    .ambBlankFace:active{
      -ms-transform: rotate(360deg); /* IE 9 */
      -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
      transform: rotate(360deg);
    }
    .ambSubtitle{
      margin-left: 100px;
      margin-right: 100px;
      font-size: 18px;
      font-weight: 100;
      line-height: 1.4;
      letter-spacing: 0.06em;
      opacity: 0.8;
    }
    .ambButton{
      background-color:#00ace1;
      padding:10px;
      border-radius:30px;
      color:#fff;
      font-size:20px;
      width: 300px;
      margin:auto;
      margin-top:10px;
      opacity: 0.9;
      text-align: center;
    }
    .ambButton:hover{
      cursor: pointer;
      opacity: 1;
    }
    .ambImage{
      border-radius: 150px;
      height: 150px;
      width: 150px;
      overflow:hidden;
      margin: auto;
      opacity: 0.9;
    }
    .ambImage:hover{
      opacity: 1;
      cursor: pointer;
    }
    .advisorImage{
      border-radius: 90px;
      height: 90px;
      width: 90px;
      overflow:hidden;
      margin: auto;
      opacity: 0.9;
    }
    .advisorImage:hover{
      opacity: 1;
      cursor: pointer;
    }
    .advisorCont{
      background-color: #555;
      padding-top: 40px;
      padding-bottom: 20px;
    }
    .advisorTitle{
      text-align: center;
      color: #fff;
      text-transform: uppercase;
      font-weight: 500;
    }
    .teamImage{
      border-radius: 150px;
      height: 150px;
      width: 150px;
      overflow:hidden;
      margin: auto;
      opacity: 0.9;

    -webkit-transition: 300ms ease-out 0.3s;
    -moz-transition: 300ms ease-out 0.3s;
    -o-transition: 300ms ease-out 0.3s;
    transition: 300ms ease-out 0.3s;

    }
    .teamImage:hover{
      opacity: 1;
      cursor: pointer;
    }
    .teamImage:active{
      -ms-transform: rotate(360deg); /* IE 9 */
      -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
      transform: rotate(360deg);
      }
    .teamName{
      text-transform: uppercase;
      font-size: 14px;
      color:#2ea4de;
      margin-top:15px; 
      font-weight: bold;
      letter-spacing: 0.01em;
    }
    .ambName{
      font-size: 14px;
      color:#333;
      margin-top: 10px;
    }
    .ambPlace{
      font-size: 14px;
      color:#999;
      margin-bottom:20px;
      line-height: 1.4em;
    }
    .advisorName{
      font-weight: bold;
      font-size: 12px;
      color: #fff;
      margin-top: 10px;
      line-height: 1.0em;
      margin-bottom: 5px;
    }
    .advisorDesc{
      font-size: 12px;
      color: #fff;
      font-weight: 100;
      line-height: 1.1em;
      opacity: 0.6;
    }
    footer{
      background-color: #fff;
      padding: 0px 50px 0px 50px;
      width: 100%;
      text-transform: uppercase;
    }
    footer a{
      color: #555;
      cursor: pointer;
      line-height: 3em;
    }
    footer a:hover{
      color:rgba(0,0,0,0.4);
      background-color:transparent;
    }
    .social_icons{
      position: absolute;
      margin-top: -23px;
      margin-left: -150px;
    }
    .pressImage{
      padding: 5px;
    }
    .inspImage{
      padding: 0px;
      border-radius:0px;
      background-color: red;
    }
    .pressList{
      text-align: center;
      line-height: 1.2em;
    }
    .inspList{
      margin: 0px;
      padding: 0px;
    }
    .pressLinksTitle{
      color:#777;
      font-size: 14px;
    }
    .presslinkstext{
      text-transform: uppercase;
    }
    .pressSpace{
      height: 10px;
    }
    .blogFrame{
      width:100%; 
      margin-top:-145px; 
      border: 0;
          /* Firefox */
          height: -moz-calc(100% + 300px);
          /* WebKit */
          height: -webkit-calc(100% + 300px);
          /* Opera */
          height: -o-calc(100% + 300px);
          /* Standard */
          height: calc(100% + 300px);
    }
    .blogFrameMargin{
      margin-top:-50px; 
    }
    .ambassador-header{
      padding-top: 20px;
      background-color: #fff;
      padding-bottom: 20px;
      border:1px solid #ddd;
    }
    .smallMenu{
      position: fixed; 
      top: 0px;
      left:30px;
      margin-top: 15px;
    }
    .smallMenuList{
      padding: 0px;
      margin: 0px;
      height: 10px;
    }
    .playButton{
      opacity: 0.7;
      margin-top: 40px;
    }
    .playButton:hover{
      opacity: 1;
    }
    .second-nav-bar{
      position: fixed;
      top: 0px;
      margin-top: 80px;
      font-weight: 100;
    }
    .productSection{
      box-shadow:inset 0px 0px 0 2000px rgba(0,0,0,0.15);
      background-color: #FAFAEB;
      height:446px;
      background-size:cover;  
      padding: 50px; 
      font-size: 34px;
    }
        .productSection1{   
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/bg61.jpg);
          background-size:cover;
        }
        .productSection2{
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/bg40.jpg);
          background-size:cover;
        }
        .productSection3{      
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/bg25.jpg);
          color:#fff;  
        }
        .productSection4{
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/bg37.jpg);
        }
        .productSection5{
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/bg22.jpg);
          background-size:cover;
          color:#fff;  
        }
    .productPhoneLeft{
      width: 220px;
    }
    .productPhoneRight{
      margin-left:500px;
    }
    .productTextLeft{
      margin-left: 10px;
      width: 400px;
      margin-top: -287px;
    }
    .productTextRight{
      margin-left: 300px;
      width: 400px;
      margin-top: -287px;
    }
    .storiesSection{
      box-shadow:inset 0px 0px 0 2000px rgba(0,0,0,0.15);
      background-color: #FAFAEB;
      height:350px;
      background-size:cover; 
    }
        .storiesSection1{
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/story-section1.jpg);
          background-size:cover;
        }
        .storiesSection2{
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/story-section2.jpg);
          background-size:cover;
        }
        .storiesSection3{
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/story-section3.jpg);
          background-size:cover;
        }
        .storiesSection4{
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/story-section4.jpg);
          background-size:cover;
        }
        .storiesSection5{
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/story-section5.jpg);
          background-size:cover;
        }
        .storiesSection6{
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/story-section6.jpg);
          background-size:cover;
        }
        .storiesSection7{
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/story-section7.jpg);
          background-size:cover;
        }
        .storiesSection8{
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/story-section8.jpg);
          background-size:cover;
        }
        .storiesSection9{
          background:url(https://s3.amazonaws.com/www.yeti.ai/new/img/story-footer.jpg);
          background-size:cover;
        }
    .storiesTopScroll{
      position: absolute;
      margin: auto;
      margin-top: -358px;
      left: 50%;
      margin-left: -62.5px;
    }
    .storiesFaceCont{
      width: 125px;
      height: 125px;
      padding-top: 45px;
    }
    .storiesFace{
      border-radius: 125px;
      background-color: #DBDBCF;
      border: 5px solid #f7f7ef;
    }
    .storiesMichelle{
      margin-bottom: 0px;
      margin-top: 56px;
      font-size: 36px;
      color: #fff;
      text-align: center;
      margin-left: -141px;
    }
    .storiesSection1Text{
      font-size: 36px;
      color: #fff;
      text-align: center;
    }
    .storiesLine2{
      color: #fff;
      text-transform: uppercase;
      margin-left: -81px;
      font-size: 15px;
      margin-top: 10px;
    }
    .storiesSmallWidth{
      max-width: 400px;
      margin: auto;
    }
    .storiesPillbox1{
      position: absolute;
      background-color: #fff;
      height: 40px;
      width: 308px;
      border-radius: 40px;
      padding-left: 25px;
      margin-top: 50px;
      margin-left: -92px;
    }
    .storiesPillbox2{
      position: absolute;
      background-color: #fff;
      height: 40px;
      width: 308px;
      border-radius: 40px;
      padding-left: 17px;
      margin-top: 107px;
      margin-left: -50px;
    }
    .storiesCardCont{
      width: 206px;
      margin: auto;
    }
    .storiesCard{
      height: 275px;
      margin-top: 38px;
    }
    .storiesCard:hover{
      -webkit-box-shadow: 0px 3px 10px -1px rgba(255,255,255,0.3);
        -moz-box-shadow: 0px 3px 10px -1px rgba(255,255,255,0.3);
          box-shadow: 0px 3px 10px -1px rgba(255,255,255,0.3);
    }
    .storiesPhoneIcon{
      height: 65px;
      margin-top: -72px;
      margin-left: 111px;
      position: absolute;

      -webkit-transition: 300ms ease-out 0.3s;
      -moz-transition: 300ms ease-out 0.3s;
      -o-transition: 300ms ease-out 0.3s;
      transition: 300ms ease-out 0.3s;
    }
    .storiesPhoneIcon:hover{
      margin-top: -65px;
    }
    .storiesPhoneIcon:active{
      margin-top: -40px;
    }
    .storiesTextLeft{
      position: absolute;
      margin-left: -415px;
      margin-top: -225px;
      width: 395px;
      text-align: center;
    }
    .storiesTextRight{
      position: absolute;
      margin-left: 232px;
      margin-top: -225px;
      width: 380px;
      text-align: center;
    }
    .storiesBoxText{
      border: 3px solid #fff;
      margin-left: 250px;
      margin-right: 250px;
      padding: 14px;
      border-radius: 3px;
      margin-top: 20px;
      font-size: 36px;
      color: #fff;
      text-align: center;
    }
    .visionFaceCont{
      position: absolute;
      width: 125px;
      height: 125px;
      margin: auto;
      margin-top: -108px;
      left: 50%;
      margin-left: -62.5px;
    }
    .visionFace{
      border-radius: 125px;
      background-color: #555;
      border: 5px solid #f7f7ef;
      height: 125px;
      width: 125px;
    
      -webkit-transition: 300ms ease-out 0.3s;
      -moz-transition: 300ms ease-out 0.3s;
      -o-transition: 300ms ease-out 0.3s;
      transition: 300ms ease-out 0.3s;

    }
    .visionFace:active{
      -ms-transform: rotate(360deg); /* IE 9 */
      -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
      transform: rotate(360deg);
    }
    .visionQuote{
      color: #555;
      font-weight: 400;
      font-size: 17px;
      text-align: justify;
      margin-top: 47px;
      border-top: 1px solid #999;
      border-bottom: 1px solid #999;
      padding: 20px;
      font-weight: 100;
    }
    .contactFaceCont{
      position: absolute;
      width: 125px;
      height: 125px;
      margin: auto;
      margin-top: -108px;
      left: 50%;
      margin-left: -62.5px;
    }
    .contactFace{
      border-radius: 125px;
      background-color: #555;
      border: 5px solid #f7f7ef;
      height: 125px;
      width: 125px;
    
      background-color:#fff;-webkit-box-shadow: 0px 8px 11px -10px rgba(0,0,0,0.68);
      -moz-box-shadow: 0px 8px 11px -10px rgba(0,0,0,0.68);
      box-shadow: 0px 8px 11px -10px rgba(0,0,0,0.68);
      
      -webkit-transition: 300ms ease-out 0.3s;
      -moz-transition: 300ms ease-out 0.3s;
      -o-transition: 300ms ease-out 0.3s;
      transition: 300ms ease-out 0.3s;
    }
    .contactFace:active{
      -ms-transform: rotate(360deg); /* IE 9 */
      -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
      transform: rotate(360deg);
    }
    .contactButton{
      padding:10px;
      border-radius:30px;
      color:#555;
      font-size:20px;
      width: 300px;
      margin:auto;
      margin-top:10px;
      opacity: 0.7;
      text-align: center;
      border:2px solid #999;
      cursor: pointer;
    }
    .contactButton:hover{
      cursor: pointer;
      opacity: 1;
    }
    .contactImage{
      opacity: 0.9;
    }
    .contactImageSmall{
      height: 100px;
    }
    .contactDescriptions{
        color: #999;
    }
    .iphonebottom{
      width: 800px;
      margin: auto;
      height: 242px;
      overflow: hidden;
    }
    .featuredDownloadButton{
      font-weight: 500;
      color: #fff;
      font-size: 18px;
      padding: 10px 30px 10px 50px;
      border-radius: 50px;
      background-color: #222;  

      -webkit-transition: 100ms ease-out 0.1s;
      -moz-transition: 100ms ease-out 0.1s;
      -o-transition: 100ms ease-out 0.1s;
      transition: 100ms ease-out 0.1s;    
    }
    .featuredDownloadButton:hover{
      background-color: #000;      
    }
    .featuredVideoButton{
      font-weight: 500;
      color: #fff;
      font-size: 18px;
      border: 2px solid #fff;
      padding: 10px 30px 10px 30px;
      border-radius: 50px;
    }
    .featuredBigText{
      font-size: 48px;
      margin-bottom: 50px;
    }
    .featuredTitle{
      text-align: center;
      font-size: 1.3em;
      color: #999;
      font-weight: 100;
    }
    .featuredAnnouncement{
      font-weight: 500;
      color: #555;
      font-size: 18px;
      border: 3px solid;
      padding: 10px 30px 10px 30px;
      border-radius: 50px;
    }
    .featuredFace{
      border-radius: 125px;
      height: 125px;
    }
    .bucketText{
      color:#999;
     }
    .placeBold{
      font-weight: 500;
    }
    .snail{
     opacity: 0.8;
     margin-left:3px;

      -webkit-transition: 300ms ease-out 0.3s;
      -moz-transition: 300ms ease-out 0.3s;
      -o-transition: 300ms ease-out 0.3s;
      transition: 300ms ease-out 0.3s;
    }
    .snail:hover{
      opacity:1;
      cursor: pointer;;
      margin-left:10px;
    }
    .snail:active{
      margin-left:-200px;
    }
    .popupScroll{
      overflow: scroll;
      max-height: 80%;
    }
    .prodGifCont{

    }
    .prodPhone{
      height: 396px;
      position: absolute;
      margin-top: 0px;
      margin-left: 0px;
    }
    .prodGif{
      position: relative;
      height: 337px;
      top: 55px;
      left: 15px;
    }
    .prodDescr{
      margin-top: 25px;
      font-size: 18px;
      font-weight: 100;
    }
    .aboutSubtitle{
      font-weight: bold;
      margin-top: 30px;
      border-top: 1px dotted #ccc;
      padding-top: 30px;
    }
    .rotateImage{
      -webkit-transition: 300ms ease-out 0.3s;
      -moz-transition: 300ms ease-out 0.3s;
      -o-transition: 300ms ease-out 0.3s;
      transition: 300ms ease-out 0.3s;
    }
    .rotateImage:active{
      -ms-transform: rotate(360deg); /* IE 9 */
      -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
      transform: rotate(360deg);
    }
    .placeName{
      font-size: 12px;
      position: absolute;
      margin-top: -33px;
      width: 217px;
      text-align: center;
      background: RGBA(0,0,0,0.2);
      padding: 7px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      color: #fff;
    }
    .aboutNavButton{
      color: #e0e0da;
      font-size: 13px;
      font-weight: bold;
      margin-left: 33px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      font-family: 'Raleway',Helvetica,Arial,sans-serif;
      display: inline;
      border: none;
      background-color: none;
    }
    .aboutNavButton:hover{
      color: #808080;
    }
    .aboutNavButtonActive{
      color: #808080;
    }
    .aboutNavButtonActive:hover{
      color: #333;
    }
    .aboutNavButtonSelected{
     color: #34A9E0;
    }
    .aboutNavButtonSelected:hover{
     color: #34A9E0;
    }
    .madeinla{
      font-size: 13px;
      margin-top: 12px;
      color: #555;
      margin-left: 18px;
      line-height: 3em;
    }
    .visionHeaders{
      text-align: left;
      font-size: 1.8rem;
      font-weight: 500;
      color: #333;
      text-transform: uppercase;
      margin-top: 50px;
    }
    .visionP{
      font-weight: 200;
      font-size: 1.4rem;
      line-height: 1.6;
      text-rendering: optimizeLegibility;
      margin-bottom: 20px;
      color: #555;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      letter-spacing: .01em;
    }
    .aboutButton{
      text-transform: uppercase;;
      font-size: 13px;
      letter-spacing: 0.04em;
    }