html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

/*Fontsets*/

@font-face {
  font-family: 'Circular Std Book';
  src: url('https://edenpulse.com/fonts/CircularStd-Book.eot'); /* IE9 Compat Modes */
  src: url('https://edenpulse.com/fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://edenpulse.com/fonts/CircularStd-Book.woff') format('woff'), /* Modern Browsers */
       url('https://edenpulse.com/fonts/CircularStd-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://edenpulse.com/fonts/CircularStd-Book.svg#dd452d63ae05ddb466f19713a7d09fd5') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Circular Std Bold';
  src: url('https://edenpulse.com/fonts/CircularStd-Bold.eot'); /* IE9 Compat Modes */
  src: url('https://edenpulse.com/fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://edenpulse.com/fonts/CircularStd-Bold.woff') format('woff'), /* Modern Browsers */
       url('https://edenpulse.com/fonts/CircularStd-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://edenpulse.com/fonts/CircularStd-Bold.svg#b333381778fc1f96de44d359c7f8b95e') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}

html {
  min-height: 100%; }

body {
  min-height: 100%;
 background-color:#f7f6f2;
/*  background: -moz-linear-gradient(45deg, #f7f6f2 0%, white 100%);
  background: -webkit-linear-gradient(45deg, f7f6f2 0%, white 100%);
  background: linear-gradient(45deg, #f7f6f2 0%, white 100%);
*/
  padding-bottom: 100px;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll; }

.overflow {
  overflow: hidden; }
.text{
	max-width: 68em;
  margin-left: auto;
  margin-right: auto;
}

.intro {
 
background: #141618;
/* background: url("../img/background.png") no-repeat;*/
  background-size: contain;
  background-position: bottom;
  height: 480px; }
  .intro::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 900px) {
    .intro {
      height: 480px; } }
  @media screen and (max-width: 899px) {
    .intro {
      height: 440px; } }
  @media screen and (max-width: 550px) {
    .intro {
      height: 420px; } }
  .intro h1 {
    font-family: 'Circular Std Book', serif;
    font-size: 62px;
    line-height: 68px;
    color: #CFAF8F;
    margin-top: 60px;
    text-align: center;
    animation: margin-text 400ms ease-out; }
@keyframes margin-text {
  0% {
    transform: translateY(80px);
    opacity: 0; }
  100% {
    transform: translateY(0px);
    opacity: 100; } }
    @media screen and (min-width: 900px) {
      .intro h1 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 65.8807828007%;
        margin-left: 17.0596085997%; }
        .intro h1:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 899px) {
      .intro h1 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 82.9403914003%;
        margin-left: 8.5298042998%; }
        .intro h1:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 550px) {
      .intro h1 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 82.9403914003%;
        margin-left: 8.5298042998%;
        font-size: 52px;
        line-height: 54px; }
        .intro h1:last-child {
          margin-right: 0; } }
    .intro h1 span {
      text-transform: uppercase;
      color: #655e58; }
  .intro p {
    margin-top: 30px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: white;
    animation: margin-text 400ms ease-out; }
    @media screen and (min-width: 900px) {
      .intro p {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
        margin-left: 34.1192171993%; }
        .intro p:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 899px) {
      .intro p {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 65.8807828007%;
        margin-left: 17.0596085997%;
        margin-bottom: 100px; }
        .intro p:last-child {
          margin-right: 0; } }

.content {
margin-top: 1.5em;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
  .content::after {
    clear: both;
    content: "";
    display: table; }
  .content .items {
    margin-bottom: 25px;
    background-color: #FFF;
    padding: 50px 40px 0 40px;
    /*box-shadow: 0px 3px 20px 0px #cfaf8f;*/
    opacity: 0; }
    @media screen and (min-width: 900px) {
      .content .items {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%; }
        .content .items:last-child {
          margin-right: 0; }
        .content .items:nth-child(3n) {
          margin-right: 0; }
        .content .items:nth-child(3n+1) {
          clear: left; } }
    @media screen and (max-width: 899px) {
      .content .items {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%; }
        .content .items:last-child {
          margin-right: 0; }
        .content .items:nth-child(2n) {
          margin-right: 0; }
        .content .items:nth-child(2n+1) {
          clear: left; } }
    @media screen and (max-width: 550px) {
      .content .items {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%; }
        .content .items:last-child {
          margin-right: 0; }
        .content .items:nth-child(0) {
          margin-right: 0; } }
    .content .items h2 {
      font-family: 'Circular Std Book', serif;
      font-size: 32px;
      color: black; }
    .content .items .dash-color {
      color: #655e58; }
    .content .items .title {
      color: black; }
    .content .items .legend {
      color: #cfaf8f; }
    .content .items button {
      margin: 30px 0 30px 0;
      background: none repeat scroll 0 0 transparent;
      color: black;
      font-family: 'Circular Std Bold', serif;
      font-size: 12px;
      float: right;
      text-transform: uppercase;
      transition: transform 100ms; }
      .content .items button:hover {
        color: #cfaf8f;
        cursor: pointer; }

.fav {
  font-family: 'Circular Std Bold', serif;
  text-transform: uppercase;
  color: #655e58;
  font-size: 12px;
  margin: 20px 0 20px 0; }

.fav-links p {
  margin: 7px 0 7px 0;
  font-size: 13px;
  transition: transform 200ms; }
  .fav-links p:hover {
    transform: translateX(5px); }

.anim-items {
  opacity: 0; }

.container {
  position: fixed;
  display: none;
  overflow: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: #f7F6F2;
/*  background: -moz-linear-gradient(45deg, #f7F6F2 0%, #f7F6F2 100%);
  background: -webkit-linear-gradient(45deg, #f7F6F2 0%, #f7F6F2 100%);
  background: linear-gradient(45deg, #f7F6F2 0%, #f7F6F2 100%); */
}
  .container .pop {
    padding-bottom: 150px;
    animation: pop-anim 1s ease-out; }
    .container .pop::after {
      clear: both;
      content: "";
      display: table; }
@keyframes pop-anim {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
    .container .pop .close {
      font-family: 'Circular Std Bold', sans-serif;
      text-transform: uppercase;
      font-size: 16px;
      margin-left: 50px;
      color: black;
      animation: margin-text 400ms ease-out; }
      @media screen and (min-width: 900px) {
      	.container .pop .close{
      		max-width: 68em;
      		margin:auto;
      		margin-top: 1.5em;
      	}
        .container .pop .close-content {
          float: left;
          display: block;
          margin-right: 2.3576515979%;
          width: 14.7019570017%; }
          .container .pop .close:last-child {
            margin-right: 0; } }
      @media screen and (max-width: 899px) {
        .container .pop .close {
          float: left;
          display: block;
          margin-right: 2.3576515979%;
          width: 31.7615656014%; }
          .container .pop .close:last-child {
            margin-right: 0; } }
      @media screen and (max-width: 550px) {
        .container .pop .close {
          float: left;
          display: block;
          margin-right: 2.3576515979%;
          width: 48.821174201%; }
          .container .pop .close:last-child {
            margin-right: 0; } }
      .container .pop .close img {
        height: 10px;
        margin: 0;
        padding: 0;
        position: relative;
        margin-right: 10px;
        transition: transform 200ms; }
      .container .pop .close:hover {
        cursor: pointer;
        color: #cfaf8f; }
      .container .pop .close:hover > img {
        transform: translateX(-10px); }
    .container .pop .pop-content {
   
      display: block;
      margin-right: 2.3576515979%;
      width: 100%;
      background-color: #FFF;
      margin-top: 20px;
 /*     box-shadow: 0px 3px 20px 0px #c1cce4;*/
      animation: pop-content-anim 700ms; }
      .container .pop .pop-content:last-child {
      	max-width: 68em;
        margin: auto;
        margin-top: 1.5em; 
    }
@keyframes pop-content-anim {
  0% {
    transform: translateY(260px); }
  100% {
    transform: translateY(0); } }
      @media screen and (min-width: 900px) {
        .container .pop .pop-content {
          padding: 50px; } }
      @media screen and (max-width: 899px) {
        .container .pop .pop-content {
          padding: 50px; } }
      @media screen and (max-width: 550px) {
        .container .pop .pop-content {
          padding: 25px; } }
      .container .pop .pop-content .subtitle {
        font-family: 'Circular Std Bold', serif;
        text-transform: uppercase;
        color: #655e58;
        font-size: 14px;
        margin: 30px 0 30px 0; }
      .container .pop .pop-content .dash-color {
        color: #655e58; }
      .container .pop .pop-content .title {
        color: black; }
      .container .pop .pop-content .legend {
        color: #cfaf8f;
        text-transform: capitalize; }
      .container .pop .pop-content p {
        transition: transform 200ms; }
        .container .pop .pop-content p:hover {
          transform: translateX(5px); }
        @media screen and (min-width: 900px) {
          .container .pop .pop-content p {
            margin: 5px 0 5px 0; } }
        @media screen and (max-width: 899px) {
          .container .pop .pop-content p {
            margin: 5px 0 5px 0; } }
        @media screen and (max-width: 550px) {
          .container .pop .pop-content p {
            margin: 20px 0 20px 0; } }

footer {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  margin-top: 40px;
  color: #655e58;
  opacity: 1;
  animation: footer-fade 1s ease-in; }
  footer::after {
    clear: both;
    content: "";
    display: table; }
  footer span {
    margin-right: 15px; }
  footer .social {
    margin-left: 5px; }
@keyframes footer-fade {
  0% {
    opacity: 0; }
  90% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  footer a {
    color: #cfaf8f; }
    footer a:hover {
      color: black; }

.show {
  display: block; }