html, body {
    letter-spacing: 0.05em;
    min-width: 1100px;
   
}
body.navOpen {
    overflow-y: hidden;
}

body {
     overflow-x: hidden;
}

#header footer {
    height: 100px;
    position: relative;
    margin-top:-85px;
}

.vegfest span {
    opacity: 0;
}

.vegfest {
    background: url("../../images/hero-tva.png") no-repeat;
    border: none;
    width:270px;
    height: 100px;
    float: right;
    display: block;
}

#nav {
    background: #fff;
    position: fixed;
    height: 75px;

}

.nav-right {
    cursor: pointer;
}

#nav .nav-left {
    width: auto;
    position: absolute;
    left:50px;
    top:30px;
    text-align: left;
    color: #000;
}

#nav .nav-left .unslider {
    float:left;
    color: #000;
    width: 325px;
    font-family: "FuturaBT-Book", Helvetica,sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    font-weight: 500;
    left:10px;
    line-height: 1em;
}

#nav .unslider-nav {
    display: none;
    
}

#nav .nav-right {
    width: 100px;
    position: absolute;
    right:50px;
    top:16px;
    text-align: right;
}


#nav .nav-left span {
    font-family: "FuturaBT-Heavy",sans-serif;
    font-weight: bolder;
    line-height: 1em;
    font-size: 16px;
    color: #000;
    padding: 0;
    margin: 0;
    float:left;
    text-transform: uppercase;
}

#banner  header p {
    color: #000;
    font-family: "FuturaBT-Book";
    font-size: 3.5vw;
    line-height: 1.3em;
    margin: 0 auto;
    padding: 0 141px 60px 97px;
    text-align: center;
}

.divider.green {
    width: 100%;
    height: 60px;
    position: relative;
    background: url("../../images/seperator-green.png") no-repeat center center;
    top:-30px
}

.divider.yellow {
    width: 100%;
    height: 60px;
    position: relative;
    background: url("../../images/seperator-yellow.png") no-repeat center center;
    top:30px
}



.headerSchedule {
    width: 100%;
    height: 200px;
    background: #78bc42;
    margin: 0 auto;
}

.headerVendors {
    width: 100%;
    height: 200px;
    background: #ec4c99;
    margin: 0 auto;
}


.headerSchedule h2, .headerVendors  h2 {
    float:left;
    color: #fff;
    letter-spacing: normal;
    text-transform: capitalize;
    font-size: 68px;
    font-family: "FuturaBT-Heavy",sans-serif;
    font-weight: lighter;
    padding: 60px 0 0 40px;
}

.headerSchedule .button, .headerVendors  .button {
    color:#fff;
    border-color: #fff;
    float:right;
    margin: 75px 35px 0 0;
}

.headerSchedule .button:hover {
    color: #78bc42;
	background: #fff;
}

.headerVendors  .button:hover {
    color: #ec4c99;
	background: #fff;
}



.carousel {
    margin-bottom: 110px;
    overflow-x: hidden;
}

.carousel .reel {
    margin-top:30px;
    padding: 0;

}


.sponsors-left {
    width: 45%;
    height: auto;
    float:left;
    margin: 0 30px;
}

.twitter-right {
    width: 45%;
    height: auto;
    float:left;
    background: #fff;
}

.sponsors-left table {
    background: #fff;
}

.sponsors-left table td {
    font-size: 11px;
    padding: 20px;
    height: 100px;
    vertical-align: middle;
}

.sponsors-left table td table td {
    padding: 0px;
}

.sponsors-left table td h3 {
    padding:0 0 0 20px;
    margin:0;
}

.headerSponsors {
    width: 100%;
    height: 150px;
    background: #fcbd18;
    margin: 0 auto;
}


.headerTwitter {
    width: 100%;
    height: 150px;
    background: #fcbd18;
    margin: 0 auto;
}

.headerSponsors h2, .headerTwitter h2 {
    float:left;
    color: #fff;
    letter-spacing: normal;
    text-transform: capitalize;
    font-size: 36px;
    font-family: "FuturaBT-Heavy",sans-serif;
    font-weight: lighter;
    padding: 60px 0 0 40px;
}

.headerSponsors .button, .headerTwitter .button {
    color:#fff;
    border-color: #fff;
    float:right;
    margin: 60px 35px 0 0;
}

.headerSponsors .button:hover, .headerTwitter .button:hover {
    color: #fcbd18;
	background: #fff;
}



.reel header h3 {
    font-family: "FuturaBT-Heavy",sans-serif;
    font-size: 17px;
    font-weight: lighter;
    letter-spacing: normal;
    text-align: left;
}

.carousel article.day-divide {
    width: 160px;
    padding: 0;
    background: transparent;
}

#features.prefoot {
    min-width: 1100px;
}


.reel .day {
    background: #78bc42;
    color:#fff; 
    height: 100%;
    position: absolute;
    top:0px;
    padding: 20px 35px 0 35px;
}

.reel .day h3  {
    color: #fff;
    width: 100%;
    padding: 0;
    margin: 0;
}

.carousel-wrapper {
    position: relative;
    width: auto;
    height: auto;
}

.carousel-nav {
    display: none;
    
}

.carousel article.last {
    background: transparent;
}

.carousel-nav .forward {
    position: absolute;
    width:40px;
	height: 40px;
	left:50px;
	z-index: 4999;
	top:450px;
	background: #fff url('../../images/arrow-back-green.jpg') no-repeat 14px 12px;
}


.carousel-nav .backward {
    position: absolute;
    width:40px;
	height: 40px;
	right:50px;
	z-index: 4999;
	top:450px;
	background: #fff url('../../images/arrow-forward-green.jpg') no-repeat 14px 12px;
}

.forward {
	background: #fff url('../../images/arrow-forward-green.jpg') no-repeat 16px 14px;
    display: block;
}

.backward {
	background: #fff url('../../images/arrow-back-green.jpg') no-repeat 12px 12px;
    display: block;
}


.shadow {
  -webkit-box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.4);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    1px 3px 5px 0px rgba(0, 0, 0, 0.4);  /* Firefox 3.5 - 3.6 */
  box-shadow:         1px 3px 5px 0px rgba(0, 0, 0, 0.4);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}


ul.details {
    margin-top:10px;
    border-left: 1px solid #e2e2e2;
    padding-left: 10px;
}

.left-sidebar ul.details {
    border-left: none;
    padding-left: 0;
}

ul.details li {
    text-align: left;
    font-size: 0.8em;
    line-height: 1.2em;
}

.time-icon {
    background: url('../../images/event-icon-time.png') no-repeat 0 4px;
    width: 20px;
    height: 17px;
    padding-right: 5px;
    display: inline-block
}

.location-icon {
    background: url('../../images/event-icon-location.png') no-repeat 0 4px;
    width: 20px;
    height: 17px;
    padding-right: 5px;
    display: inline-block;
}


.presenter-icon {
    background: url('../../images/event-icon-presenter.png') no-repeat 0 4px;
    width: 20px;
    height: 17px;
    padding-right: 5px;
    display: inline-block;
}

.wrapper {
    background: #f8f8f8;
}

.clear {
    clear: both;
}


.button {
    border: 2px solid #000;
    padding: 5px 30px;
    color: #000;
     font-family: "FuturaBT-Heavy",sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}
.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}

.navi {
    color: #78bc42;
    font-size: 45px;
}


body.scheduleSection .navi {
    color: #78bc42;
    font-size: 45px;
}


body.aboutSection .navi {
    color: #f04e2c;
    font-size: 45px;
}

body.aboutSection #footer {
    background: #f04e2c;
}


body.historySection .navi {
    color: #93d6df;
    font-size: 45px;
}

body.historySection #footer {
    background: #93d6df;
}

body.vendorsSection .navi {
    color: #ec4c99;
    font-size: 45px;
}

body.vendorsSection #footer {
   background: #ec4c99;
}

body.attendSection .navi {
    color: #11b08e;
    font-size: 45px;
}

body.attendSection #footer {
    background: #11b08e;
}

body.takepartSection .navi {
    color: #fcbd18;
    font-size: 45px;
}

body.takepartSection #footer {
    background: #fcbd18;
}


.left-sidebar .wrapper, .no-sidebar .wrapper {
    margin: 0 3em 2em;
}

.no-sidebar .container {
    margin: 0; 
    width: 100%;
}


.headerEvent {
    background: #78bc42;
    width: 100%;
    height: 40px;
    margin: 0 auto 30px auto;
}

.presenterLinks {
    float: left;
    clear:left;
}

#event {
    font-family: "FuturaBT-Book";
}

#event p {
    font-size: 18px;
    line-height: 1.3em;
    color: #000;
    text-align: left;
}

#event h3 {
    clear:left;
    font-size: 32px;
    font-family: "FuturaBT-Heavy",sans-serif;
    color: #000;
}

ul.cat {
    margin: 20px 0 30px 0;
    width: 100%;
    height: 43px;
}

ul.cat li {
    float: left;
}

.category-icon {
    padding: 5px 10px 0 0;
    border-right: 1px solid #e2e2e2;
}

#event .category {
    font-size: 20px;
    font-family: "FuturaBT-Heavy",sans-serif;
    color:#78bc42;
    padding: 15px 0 0 15px;
}

#event .container footer {
    display: none;
}

#event .backtoSchedule a {
    font-family: 'IntroBoldCaps';
    font-size: 13px;
    font-weight: bold;
    color:#999;
    padding-bottom: 15px;
    letter-spacing: 0.15em;
    display: block;
}

#event a {
    color: #000;
    text-decoration: none;
    border: none;
}

#event .container .button a:hover {
    color: #fff;
}


ul.info {
    margin: 27px 0 45px 0;
}

#header .inner {
    height:100%;
    width: 100%;
    position: absolute;
    top:0;
    left:0;
}

header {
    width: 100%;
    height: 100%;
    margin:0;
}

#header {
    background-attachment: fixed;
    background: none;
}


.left-sidebar #header, .no-sidebar #header {
   background: none;
    padding: 0;
}

#schedule .time, #schedule .location {
    float:left;
    font-size: 15px;
    font-family: "FuturaBT-Book";
}

#schedule .time {
    clear:left;
    margin-right: 10px;
}

#schedule .title {
    font-size: 18px;
    font-family: "FuturaBT-Heavy",sans-serif;
    color:#000;
}

#schedule .category-icon {
    border:none;
}

ul.events {
    clear:left;
    padding:28px 20px;
    width: 100%;
    height: 100px;
    margin:0;
}

ul.events li {
    float:left;
}

ul.events li ul {
    margin-left: 20px;
}


.headerScheduleEvent {
    background: #78bc42;
    width: 100%;
    height: 40px;
    margin: 0 auto 0px auto;
    clear:left;
}


 .headerScheduleEvent h4 {
    color:#fff;
    font-size: 15px;
      font-family: "IntroBoldCaps",sans-serif;
     padding: 10px 0 10px 20px;
     text-transform: uppercase;
}

.headerVendorsEvent {
    background: #ec4c99;
    width: 100%;
    height: 40px;
    margin: 0 auto 0px auto;
    clear:left;
}

#vendors h2 {
    font-size: 68px;
    font-family: "FuturaBT-Heavy",sans-serif;
    color:#ec4c99;
}


#vendors .container {
    min-height: 500px;
}



#schedule h2 {
    font-size: 68px;
    font-family: "FuturaBT-Heavy",sans-serif;
    color:#78bc42;
}


#about h2 {
    font-size: 60px;
    font-family: "FuturaBT-Heavy",sans-serif;
    color:#f04e2c;
}

#about .container h2 {
    color: #000;
    font-size: 32px;
    padding: 20px 80px 20px 20px;
    letter-spacing: 0.02em;
}


#about .container p {
    font-family: "FuturaBT-Book";
    color:#000;
    font-size: 18px;
}


strong {
    font-weight: bold;
}

.headerAbout {
    background: #f04e2c;
    width: 100%;
    height: 40px;
    margin: 0 auto 30px auto;
    clear:left;
}

.no-sidebar .leftside {
    width: 35%;
    float:left;
}

.no-sidebar .rightside {
    width: 65%;
    float:left;
    padding: 20px 0px 20px 20px;
    margin-bottom: 40px;
}


#history .container h2 {
    color: #000;
    font-size: 32px;
    padding: 20px 80px 20px 20px;
    letter-spacing: 0.02em;
}

#history strong {
    font-weight: bold;
}

#history p {
    font-family: "FuturaBT-Book";
    color:#000;
    font-size: 18px;
}

#history .leftside p {
     padding: 10px 80px 20px 20px;
    text-align: left;
}

#history .rightside a {
    text-decoration: underline;
    border:none;
    color:#000;    
}


#history .rightside a:hover {
    text-decoration: none;
    border:none;
    color:#000;    
}


#history h2 {
    font-size: 68px;
    font-family: "FuturaBT-Heavy",sans-serif;
    color:#93d6df;
}


.headerHistory {
    background: #93d6df;
    width: 100%;
    height: 40px;
    margin: 0 auto 30px auto;
    clear:left;
}

#history .container h2 {
    color: #000;
    padding: 30px 80px 0px 20px;
    letter-spacing: 0.02em;
}

#history strong {
    font-weight: bold;
}

#history p {
    font-family: "FuturaBT-Book";
    color:#000;
    font-size: 18px;
}

#faq h2 {
    font-size: 68px;
    font-family: "FuturaBT-Heavy",sans-serif;
    color:#93d6df;
}


#faq .container h2 {
    font-size: 26px; 
    font-family: "FuturaBT-Heavy",sans-serif;
    color:#000;
     padding: 30px 80px 0px 20px;
}

#faq p {
    font-family: "FuturaBT-Book";
    color:#000;
    font-size: 18px;
}

#faq p.more-questions {
    width: 100%;
    margin-top:0;
    letter-spacing: 0.04em;
    padding: 0 0 0 20px;
    color: #000;
}

.headerFaq {
    background: #93d6df;
    width: 100%;
    height: 40px;
    margin: 0 auto 30px auto;
    clear:left;
}



#attend h2 {
    font-size: 68px;
    font-family: "FuturaBT-Heavy",sans-serif;
    color:#11b08e;
}


#attend .container h2 {
    font-size: 32px; 
    font-family: "FuturaBT-Heavy",sans-serif;
    color:#000;
     padding: 30px 80px 0px 20px;
}

#attend .container #faq h2 {
   font-size: 22px;  
}

#attend p {
    font-family: "FuturaBT-Book";
    color:#000;
    font-size: 18px;
}

.headerAttend {
    background: #11b08e;
    width: 100%;
    height: 40px;
    margin: 0 auto 30px auto;
    clear:left;
}

.container .volunteer {
    color: #000;
        font-family: "FuturaBT-Book";
    color:#000;
    font-size: 18px;
}


#takepart .container .volunteer h2 {
    padding-left: 0;
}



#takepart h2 {
    font-size: 68px;
    font-family: "FuturaBT-Heavy",sans-serif;
    color:#fcbd18;
}
#takepart .container {
    min-height: 500px;
}

#takepart .container h2 {
    font-size: 32px; 
    font-family: "FuturaBT-Heavy",sans-serif;
    color:#000;
     padding: 30px 80px 0px 20px;
}

#takepart .container h3 {
   font-size: 22px; 
    color: #000;
     font-family: "FuturaBT-Heavy",sans-serif;
    margin-top: 30px;
    margin-bottom: 20px;
}

#takepart .container h3.top {
    margin-top: 10px;
}

#takepart p {
    font-family: "FuturaBT-Book";
    color:#000;
    font-size: 18px;
    text-align: left;
            line-height: 1.3em;
}

.headerTakepart {
    background: #fcbd18;
    width: 100%;
    height: 40px;
    margin: 0 auto 30px auto;
    clear:left;
}

#takepart ol {
   font-family: "FuturaBT-Book";
    color:#000;
    font-size: 15px;
    text-align: left; 
    list-style: decimal;
    margin: 0 0 0 20px;
        line-height: 1.3em;
}

#takepart ol li {
    padding: 10px 0;
}








#misc h2 {
    font-size: 68px;
    font-family: "FuturaBT-Heavy",sans-serif;
    color:#78bc42;
}
#misc .container {
    min-height: 500px;
}

#misc .container h2 {
    font-size: 32px; 
    font-family: "FuturaBT-Heavy",sans-serif;
    color:#000;
     padding: 30px 80px 0px 20px;
}

#misc .container h3 {
   font-size: 22px; 
    color: #000;
     font-family: "FuturaBT-Heavy",sans-serif;
    margin-top: 30px;
    margin-bottom: 20px;
}

#misc .container h3.top {

    margin-top: 10px;
}

#misc p {
    font-family: "FuturaBT-Book";
    color:#000;
    font-size: 18px;
    text-align: left;
            line-height: 1.3em;
}

.headerMisc {
    background: #78bc42;
    width: 100%;
    height: 40px;
    margin: 0 auto 30px auto;
    clear:left;
}

#misc .container h3 {
   font-size: 22px; 
    color: #000;
     font-family: "FuturaBT-Heavy",sans-serif;
    margin-top: 30px;
    margin-bottom: 20px;
}

#misc .container.privacy h3 {
      margin-top: 10px;
    margin-bottom: 0px;  
}

#misc .container.privacy h2 {
    padding-left: 0;
    padding-bottom: 20px;
}


#misc ol {
   font-family: "FuturaBT-Book";
    color:#000;
    font-size: 18px;
    text-align: left; 
    list-style: decimal;
    margin: 0 0 0 20px;
        line-height: 1.3em;
}

#misc ol li {
    padding: 10px 0;
}



#footer {
    clear:both;
    background: #78bc42;
    padding: 4.5em 2em;
}

#footer h4 {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

#footer p {
    text-align: left;
}

#footer .row > * {
    padding-top: 0;
}

.copy {
    width:45%;
    float:left;
}

#footer .copyright {
    color:#fff;
    font-size: 13px;
    text-align: left;
    line-height: 1.5em;
    width: 65%;
    font-family: "FuturaBT-Book";
    letter-spacing: normal;
}

#footer a {
    float: left;
    clear: left;
    color: #fff;
    font-family: "FuturaBT-Book",sans-serif;
    font-size: 18px;
    line-height: 1.7em;
    text-decoration: none;
    border: none;
}
.mission {
    width:25%;
    float:left;
    padding-left: 20px;
    color: #fff;
    font-family: "FuturaBT-Book";
    font-size: 18px;
    line-height: 1.3em;
    letter-spacing: normal;
    padding-right: 60px;
}

.more {
    width:15%;
    float:left; 
    padding-left: 20px;    
}

.social {
    width:15%;
    float:left;
    padding-left: 20px;    
}


/* slider */

.my-slider {
    width: 100%;
    height: 100%;
}

.unslider {
    height: 100%;
    overflow: hidden !important;
}

.unslider ul, .unslider ul li {
    height: 100%;
}

.unslider-nav {
    position: absolute;
    bottom: 40px;
    width: 200px;
    left:50%;
    margin-left:-100px;
    z-index: 20;
}


.slide1 {
    position: relative;    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#78bc42+72,d9eee7+72 */
    background: #78bc42; /* Old browsers */
    background: -moz-linear-gradient(top, #78bc42 72%, #d9eee7 72%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #78bc42 72%,#d9eee7 72%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #78bc42 72%,#d9eee7 72%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78bc42', endColorstr='#d9eee7',GradientType=0 ); /* IE6-9 */
}

.slide2 {
    background: #ffeef0; 
    position: relative;
}

.slide3 {
    background: #ebf5e3;
     position: relative;
}

.slide4 {
    background: #def3f5;
     position: relative;
}
.slide5 {
    background: #ffebee;
     position: relative;
}
.slide6 {
    background: #ebf5e3;
     position: relative;
}

.shoutOut {
    position: absolute;
    top:0;
    color: #fff;
    font-family: "FuturaBT-Heavy";
    font-weight: bolder;
    line-height: 0.9em;
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.15);
    text-align: center;
    width: 100%;
    left:0;
    margin: 0 auto;
    padding-top: 10%;
    z-index: 5;
}


.slide1 .shoutOut {
    font-size: 180px; /*11.2vw;*/
}

.slide2 .shoutOut {
  font-size: 180px; /*13.2vw;*/
}

.slide3 .shoutOut {
  font-size: 190px; /*13.2vw;*/
     padding-top: 15%;
}

.slide4 .shoutOut {
  font-size: 210px; /*13.2vw;*/
    padding-top: 10%;
}

.slide5 .shoutOut {
  font-size: 200px; /*13.2vw;*/
        padding-top: 20%;
}

.slide6 .shoutOut {
  font-size: 200px; /*13.2vw;*/
    padding-top: 10%;
}

.hero {
    background: url("../../images/vegfoodfest-stake.png") no-repeat center center;
    width: 100%;
    height: 100%;
}


.burger {
    background: url("../../images/burger.png") no-repeat center center;
    height: 100%;
    z-index: 10;
    position: relative;
}

.hotdog {
    background: url("../../images/hotdog.png") no-repeat center center;
    height: 100%;
    z-index: 10; 
    position: relative;    
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.donut {
    background: url("../../images/donut.png") no-repeat center center;
    height: 100%;
    z-index: 10;  
    position: relative;    
}


.cupcake {
    background: url("../../images/cupcake.png") no-repeat center center;
    height: 100%;
    z-index: 10;  
    position: relative;    
}


.skewers {
    background: url("../../images/skewers.png") no-repeat center center;
    height: 100%;
    z-index: 10;  
    position: relative;    
}

.bigNav div.navItem {
  display: block;
  font-size: 54px;
  line-height: 1em;
  padding: 40px 70px;
  margin: 0 0 15px 0;
}

.bigNav div.navItem.ss_content.accor {
  padding: 0 40px;
}


.bigNav div a {
    background: #fff;
    font-family: "IntroBoldCaps",sans-serif;
    font-size: 54px;
    font-weight: bolder;
    border-bottom: none;
    padding: 30px 70px 40px 70px;
}

.bigNav div a i {
    font-size: 30px;
    font-weight: 100;
    position: relative;
    top: -5px;
}


.bigNav div.navItem.ss_button { 

}
	
.bigNav div.navItem.ss_content {
	display: none;
}

.bigNav div.navItem.ss_content a {
	display: inline-block;
    margin:20px 0;
}

.bigNav div.navItem.ss_content a span {
    opacity: 0.5;
}

.bigNav div.navHome a {
    color:#93d6df;
}

.bigNav div.navAbout a {
    color:#f04e2c;
}

.bigNav div.navSchedule a {
    color:#78bc42;
}

.bigNav div.navVendors a {
    color:#ec4c99;
}

.bigNav div.navAttend a {
    color:#11b08e;
}

.bigNav div.navTakepart a {
    color:#fcbd18;
}



.timeline-Header-title {
    opacity: 0 !important;
    
}








/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #f5f5f5;
}

/* Overlay closing cross */
.overlay .overlay-close {
    background: url('../../images/close-green.png') no-repeat;
    width: 58px;
    height: 52px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
}

/* Menu style */
.overlay nav {
	text-align: center;
	position: relative;
	top: 40%;
	height: 60%;
	font-size: 54px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay ul li {
	display: block;
	min-height: 54px;
}

.overlay ul li a {
	font-weight: 300;
	display: inline-block;
	color: #fff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
	color: #e3fcb1;
}

/* Effects */
.overlay-hugeinc {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
    z-index: 500;
    overflow-y: auto;
}

.overlay-hugeinc.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.overlay-hugeinc nav {
	-webkit-perspective: 1200px;
	perspective: 1200px;
}

.overlay-hugeinc nav ul {
	opacity: 0.4;
	-webkit-transform: translateY(-25%) rotateX(35deg);
	transform: translateY(-25%) rotateX(35deg);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

.overlay-hugeinc.open nav ul {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.overlay-hugeinc.close nav ul {
	-webkit-transform: translateY(25%) rotateX(-35deg);
	transform: translateY(25%) rotateX(-35deg);
}

@media screen and (max-height: 30.5em) {
	.overlay nav {
		height: 70%;
	}
	.overlay ul li {
		min-height: 34px;
	}
}




ul#faq p {
    font-size: 18px;
    line-height: 1.3em;
    margin-top: 0px;
    max-height: 800px;
    opacity: 1;
    overflow: hidden;
    position: relative;
    transform: translate(0px, 20px);
    z-index: 2;
    padding: 0 36px 30px 22px;
    background: #fff;
    font-family: 'FuturaBT-Book';
}

.directions ul#faq p {
	padding: 0 36px 20px 36px;
}

ul#faq p span {
	width: auto;
	display: block;
	padding: 42px 0 0 0;
    border-top: 1px solid #e0e0e0;
}

.directions ul#faq p span {
	padding: 22px 0 0 0;
}

ul#faq li:nth-child(even) p {
	background: none;
}

ul#faq h2 {
	font-size: 18px;
	margin: 0px 20px 0 0;
	padding: 40px 36px;
	text-transform: capitalize;
  	font-family: 'FuturaBT-Heavy';
}


.directions ul#faq h2 {
	font-size: 18px;
	margin: 0px 20px 0 0;
	padding: 25px 36px 5px 36px;
}


p.more-questions {
	float:left;
	width: 364px;
	height: auto;
	font-family: 'FuturaBT-Book';
	font-size: 16px;
	margin: 60px 0 0 0;
	padding-left: 36px;
    text-align: left;
}

#navButton span.si-icon-hamburger-cross-two, #navButton span.si-icon-hamburger-cross-two.si-icon {
	display: none !important;
}


p.more-questions a {
	color:#000;
}

.mobile-tablet {
	display: none;
}


ul#faq {
  list-style: none;
  perspective: 900;
  padding: 0 0 5em 0;
  margin: 0;
}
ul#faq li {
  position: relative;
  padding: 0;
  margin: 0;
}

ul#faq li:nth-child(odd) {
   background-color: #fff;
}


ul#faq li:nth-of-type(1) {
  animation-delay: 0.5s;
}
ul#faq li:nth-of-type(2) {
  animation-delay: 0.75s;
}
ul#faq li:nth-of-type(3) {
  animation-delay: 1s;
}
ul#faq li:last-of-type {
  padding-bottom: 0;
}
ul#faq li i {
  position: absolute;
  transform: translate(-6px, 0);
   -moz-transform: translate(-6px, 0); 
 -webkit-transform: translate(-6px, 0);
 -ms-transform: translate(-6px, 0); 
  right: 0;
}
ul#faq li i:before, ul#faq li i:after {
  content: "";
  position: absolute;
  background-color: #202020;
  width: 3px;
  height: 9px;
	top:40px;
	right: 48px;
}

.directions ul#faq li i:before, .directions ul#faq li i:after {
 	top:28px;
	right: 48px;
}
ul#faq li i:before {
 transform: translate(-2px, 0) rotate(45deg);
 -moz-transform: translate(-2px, 0) rotate(45deg);
 -webkit-transform: translate(-2px, 0) rotate(45deg);
 -ms-transform: translate(-2px, 0) rotate(45deg);
}
ul#faq li i:after {
  transform: translate(2px, 0) rotate(-45deg);
   -moz-transform: translate(2px, 0) rotate(-45deg);
 -webkit-transform: translate(2px, 0) rotate(-45deg);
 -ms-transform: translate(2px, 0) rotate(-45deg);
}
ul#faq li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
ul#faq li input[type=checkbox]:checked ~ p {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
ul#faq li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
  -moz-transform: translate(2px, 0) rotate(45deg);
  -webkit-transform: translate(2px, 0) rotate(45deg);
  -ms-transform: translate(2px, 0) rotate(45deg);
}
ul#faq li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
 -moz-transform: translate(-2px, 0) rotate(-45deg);
 -webkit-transform: translate(-2px, 0) rotate(-45deg);
 -ms-transform: translate(-2px, 0) rotate(-45deg);
}




/* Wide */

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

		/* Basic */

			body, input, textarea, select {
				font-size: 14pt;
				line-height: 1.75em;
			}

		/* Carousel */

			.carousel {
				margin: 0 4em;
			}

				.carousel .reel {
					padding: 0;
				}

				.carousel article {
					width: 15.5em;
					margin: 0 1.25em 0 0;
				}

	}

/* Normal */

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

		/* Basic */

			body, input, textarea, select {
				font-size: 12pt;
				line-height: 1.5em;
			}

		/* Wrapper */

			.wrapper {
				padding-left: 2em;
				padding-right: 2em;
			}

	

		/* Banner */

			#banner {
				padding-left: 2em;
				padding-right: 2em;
			}

		/* Footer */

			#footer {
				padding-left: 2em;
				padding-right: 2em;
			}

	}

/* Narrow */

/* Narrower */

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

		/* Basic */

			body, input, textarea, select {
				font-size: 13pt;
				line-height: 1.65em;
			}

			.tweet {
				text-align: center;
			}

			.timestamp {
				display: block;
				text-align: center;
			}

		/* Footer */

			#footer {
				padding: 4em 2em 4em 2em;
			}

		/* Carousel */

			.carousel {
				padding: 1.25em 0 1.25em 0;
			}

				.carousel article {
					width: 18em;
					margin: 0 1em 0 0;
				}

	}

/* Mobile */

	#navPanel, #titleBar {
		display: none;
	}

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

		/* Basic */

			html, body {
				overflow-x: hidden;
			}

			body, input, textarea, select {
				font-size: 12.5pt;
				line-height: 1.5em;
			}

			h2 {
				font-size: 1.75em;
			}

			h3 {
				font-size: 1.25em;
			}

			hr {
				top: 3em;
				margin-bottom: 6em;
			}

		/* Section/Article */

			section, article {
				margin-bottom: 2em;
			}

				section:last-child, article:last-child {
					margin-bottom: 0;
				}

			.row > section, .row > article {
				margin-bottom: 2em;
			}

			header > p {
				font-size: 1.25em;
			}

		/* Image */

			.image.featured {
				margin: 0 0 2em 0;
			}

			.image.left {
				margin: 0 1em 1em 0;
			}

			.image.centered {
				margin: 0 0 1em 0;
			}

		/* List */

			form ul.actions {
				margin-top: 0;
			}

			ul.actions li {
				display: block;
				margin: 0.75em 0 0 0;
			}

				ul.actions li:first-child {
					margin-top: 0;
				}

			ul.menu {
				height: auto;
				text-align: center;
			}

				ul.menu li {
					display: block;
					border: 0;
					padding: 0.75em 0 0 0;
					margin: 0;
				}

					ul.menu li:first-child {
						padding-top: 0;
					}

			ul.icons {
				font-size: 1em;
				padding: 0.35em 0.5em 0.35em 0.5em;
			}

				ul.icons li a {
					width: 2.25em;
				}

		/* Wrapper */

			.wrapper {
				padding: 3em 1em 3em 1em;
			}

	
	

		/* Banner */

			#banner {
				padding: 3em 2em 3em 2em;
			}

		/* Sidebar */

			#sidebar > hr:first-of-type {
				display: block;
			}

	
		/* Footer */

			#footer {
				padding-left: 1em;
				padding-right: 1em;
			}

		/* Carousel */

			.carousel {
				padding: 0.5em 0 0.5em 0;
			}

				.carousel .reel {
					padding: 0 0.5em 0 0.5em;
				}

				.carousel article {
					width: 14em;
					padding-bottom: 2em;
					margin: 0 0.5em 0 0;
				}

					.carousel article .image {
						margin-bottom: 2em;
					}

	}