@charset "UTF-8";
/**
 ****
 * LOBA DASHBOARD
 * using CSS Grid Layout and Flexbox
 ****
**/
/* BASE STYLES */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/* line 11, bootstrap/bootstrap/_scaffolding.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 14, bootstrap/bootstrap/_scaffolding.scss */
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 22, bootstrap/bootstrap/_scaffolding.scss */
html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
}

/* line 27, bootstrap/bootstrap/_scaffolding.scss */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff;
}

/* line 36, bootstrap/bootstrap/_scaffolding.scss */
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* line 48, bootstrap/bootstrap/_scaffolding.scss */
a {
  color: #337ab7;
  text-decoration: none;
}
/* line 52, bootstrap/bootstrap/_scaffolding.scss */
a:hover, a:focus {
  color: #23527c;
  text-decoration: underline;
}
/* line 58, bootstrap/bootstrap/_scaffolding.scss */
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* line 69, bootstrap/bootstrap/_scaffolding.scss */
figure {
  margin: 0;
}

/* line 76, bootstrap/bootstrap/_scaffolding.scss */
img {
  vertical-align: middle;
}

/* line 81, bootstrap/bootstrap/_scaffolding.scss */
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

/* line 86, bootstrap/bootstrap/_scaffolding.scss */
.img-rounded {
  border-radius: 6px;
}

/* line 93, bootstrap/bootstrap/_scaffolding.scss */
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

/* line 106, bootstrap/bootstrap/_scaffolding.scss */
.img-circle {
  border-radius: 50%;
}

/* line 113, bootstrap/bootstrap/_scaffolding.scss */
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

/* line 125, bootstrap/bootstrap/_scaffolding.scss */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* line 141, bootstrap/bootstrap/_scaffolding.scss */
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/* line 159, bootstrap/bootstrap/_scaffolding.scss */
[role="button"] {
  cursor: pointer;
}

/* line 10, bootstrap/bootstrap/_grid.scss */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
/* line 14, bootstrap/bootstrap/mixins/_clearfix.scss */
.container:before, .container:after {
  content: " ";
  display: table;
}
/* line 19, bootstrap/bootstrap/mixins/_clearfix.scss */
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  /* line 10, bootstrap/bootstrap/_grid.scss */
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  /* line 10, bootstrap/bootstrap/_grid.scss */
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  /* line 10, bootstrap/bootstrap/_grid.scss */
  .container {
    width: 1170px;
  }
}

/* line 30, bootstrap/bootstrap/_grid.scss */
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
/* line 14, bootstrap/bootstrap/mixins/_clearfix.scss */
.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}
/* line 19, bootstrap/bootstrap/mixins/_clearfix.scss */
.container-fluid:after {
  clear: both;
}

/* line 39, bootstrap/bootstrap/_grid.scss */
.row {
  margin-left: -15px;
  margin-right: -15px;
}
/* line 14, bootstrap/bootstrap/mixins/_clearfix.scss */
.row:before, .row:after {
  content: " ";
  display: table;
}
/* line 19, bootstrap/bootstrap/mixins/_clearfix.scss */
.row:after {
  clear: both;
}

/* line 11, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

/* line 27, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

/* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-1 {
  width: 8.33333%;
}

/* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-2 {
  width: 16.66667%;
}

/* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-3 {
  width: 25%;
}

/* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-4 {
  width: 33.33333%;
}

/* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-5 {
  width: 41.66667%;
}

/* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-6 {
  width: 50%;
}

/* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-7 {
  width: 58.33333%;
}

/* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-8 {
  width: 66.66667%;
}

/* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-9 {
  width: 75%;
}

/* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-10 {
  width: 83.33333%;
}

/* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-11 {
  width: 91.66667%;
}

/* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-12 {
  width: 100%;
}

/* line 55, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-0 {
  right: auto;
}

/* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-1 {
  right: 8.33333%;
}

/* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-2 {
  right: 16.66667%;
}

/* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-3 {
  right: 25%;
}

/* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-4 {
  right: 33.33333%;
}

/* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-5 {
  right: 41.66667%;
}

/* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-6 {
  right: 50%;
}

/* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-7 {
  right: 58.33333%;
}

/* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-8 {
  right: 66.66667%;
}

/* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-9 {
  right: 75%;
}

/* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-10 {
  right: 83.33333%;
}

/* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-11 {
  right: 91.66667%;
}

/* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-12 {
  right: 100%;
}

/* line 45, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-0 {
  left: auto;
}

/* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-1 {
  left: 8.33333%;
}

/* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-2 {
  left: 16.66667%;
}

/* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-3 {
  left: 25%;
}

/* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-4 {
  left: 33.33333%;
}

/* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-5 {
  left: 41.66667%;
}

/* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-6 {
  left: 50%;
}

/* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-7 {
  left: 58.33333%;
}

/* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-8 {
  left: 66.66667%;
}

/* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-9 {
  left: 75%;
}

/* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-10 {
  left: 83.33333%;
}

/* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-11 {
  left: 91.66667%;
}

/* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-12 {
  left: 100%;
}

/* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-0 {
  margin-left: 0%;
}

/* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-1 {
  margin-left: 8.33333%;
}

/* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-2 {
  margin-left: 16.66667%;
}

/* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-3 {
  margin-left: 25%;
}

/* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-4 {
  margin-left: 33.33333%;
}

/* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-5 {
  margin-left: 41.66667%;
}

/* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-6 {
  margin-left: 50%;
}

/* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-7 {
  margin-left: 58.33333%;
}

/* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-8 {
  margin-left: 66.66667%;
}

/* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-9 {
  margin-left: 75%;
}

/* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-10 {
  margin-left: 83.33333%;
}

/* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-11 {
  margin-left: 91.66667%;
}

/* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  /* line 27, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-1 {
    width: 8.33333%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-2 {
    width: 16.66667%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-3 {
    width: 25%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-4 {
    width: 33.33333%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-5 {
    width: 41.66667%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-6 {
    width: 50%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-7 {
    width: 58.33333%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-8 {
    width: 66.66667%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-9 {
    width: 75%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-10 {
    width: 83.33333%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-11 {
    width: 91.66667%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-12 {
    width: 100%;
  }

  /* line 55, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-0 {
    right: auto;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-1 {
    right: 8.33333%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-2 {
    right: 16.66667%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-3 {
    right: 25%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-4 {
    right: 33.33333%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-5 {
    right: 41.66667%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-6 {
    right: 50%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-7 {
    right: 58.33333%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-8 {
    right: 66.66667%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-9 {
    right: 75%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-10 {
    right: 83.33333%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-11 {
    right: 91.66667%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-12 {
    right: 100%;
  }

  /* line 45, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-0 {
    left: auto;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-1 {
    left: 8.33333%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-2 {
    left: 16.66667%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-3 {
    left: 25%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-4 {
    left: 33.33333%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-5 {
    left: 41.66667%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-6 {
    left: 50%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-7 {
    left: 58.33333%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-8 {
    left: 66.66667%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-9 {
    left: 75%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-10 {
    left: 83.33333%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-11 {
    left: 91.66667%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-12 {
    left: 100%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-0 {
    margin-left: 0%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-3 {
    margin-left: 25%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-6 {
    margin-left: 50%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-9 {
    margin-left: 75%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  /* line 27, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-1 {
    width: 8.33333%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-2 {
    width: 16.66667%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-3 {
    width: 25%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-4 {
    width: 33.33333%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-5 {
    width: 41.66667%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-6 {
    width: 50%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-7 {
    width: 58.33333%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-8 {
    width: 66.66667%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-9 {
    width: 75%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-10 {
    width: 83.33333%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-11 {
    width: 91.66667%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-12 {
    width: 100%;
  }

  /* line 55, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-0 {
    right: auto;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-1 {
    right: 8.33333%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-2 {
    right: 16.66667%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-3 {
    right: 25%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-4 {
    right: 33.33333%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-5 {
    right: 41.66667%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-6 {
    right: 50%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-7 {
    right: 58.33333%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-8 {
    right: 66.66667%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-9 {
    right: 75%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-10 {
    right: 83.33333%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-11 {
    right: 91.66667%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-12 {
    right: 100%;
  }

  /* line 45, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-0 {
    left: auto;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-1 {
    left: 8.33333%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-2 {
    left: 16.66667%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-3 {
    left: 25%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-4 {
    left: 33.33333%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-5 {
    left: 41.66667%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-6 {
    left: 50%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-7 {
    left: 58.33333%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-8 {
    left: 66.66667%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-9 {
    left: 75%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-10 {
    left: 83.33333%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-11 {
    left: 91.66667%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-12 {
    left: 100%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-0 {
    margin-left: 0%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-1 {
    margin-left: 8.33333%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-2 {
    margin-left: 16.66667%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-3 {
    margin-left: 25%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-4 {
    margin-left: 33.33333%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-5 {
    margin-left: 41.66667%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-6 {
    margin-left: 50%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-7 {
    margin-left: 58.33333%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-8 {
    margin-left: 66.66667%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-9 {
    margin-left: 75%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-10 {
    margin-left: 83.33333%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-11 {
    margin-left: 91.66667%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  /* line 27, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-1 {
    width: 8.33333%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-2 {
    width: 16.66667%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-3 {
    width: 25%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-4 {
    width: 33.33333%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-5 {
    width: 41.66667%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-6 {
    width: 50%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-7 {
    width: 58.33333%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-8 {
    width: 66.66667%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-9 {
    width: 75%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-10 {
    width: 83.33333%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-11 {
    width: 91.66667%;
  }

  /* line 35, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-12 {
    width: 100%;
  }

  /* line 55, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-0 {
    right: auto;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-1 {
    right: 8.33333%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-2 {
    right: 16.66667%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-3 {
    right: 25%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-4 {
    right: 33.33333%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-5 {
    right: 41.66667%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-6 {
    right: 50%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-7 {
    right: 58.33333%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-8 {
    right: 66.66667%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-9 {
    right: 75%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-10 {
    right: 83.33333%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-11 {
    right: 91.66667%;
  }

  /* line 50, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-12 {
    right: 100%;
  }

  /* line 45, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-0 {
    left: auto;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-1 {
    left: 8.33333%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-2 {
    left: 16.66667%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-3 {
    left: 25%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-4 {
    left: 33.33333%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-5 {
    left: 41.66667%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-6 {
    left: 50%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-7 {
    left: 58.33333%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-8 {
    left: 66.66667%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-9 {
    left: 75%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-10 {
    left: 83.33333%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-11 {
    left: 91.66667%;
  }

  /* line 40, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-12 {
    left: 100%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-0 {
    margin-left: 0%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-3 {
    margin-left: 25%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-6 {
    margin-left: 50%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-9 {
    margin-left: 75%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }

  /* line 60, bootstrap/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
@-ms-viewport {
  width: device-width;
}
/* line 18, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
.visible-xs {
  display: none !important;
}

/* line 18, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
.visible-sm {
  display: none !important;
}

/* line 18, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
.visible-md {
  display: none !important;
}

/* line 18, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
.visible-lg {
  display: none !important;
}

/* line 36, bootstrap/bootstrap/_responsive-utilities.scss */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  /* line 7, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  .visible-xs {
    display: block !important;
  }

  /* line 10, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  table.visible-xs {
    display: table !important;
  }

  /* line 11, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  tr.visible-xs {
    display: table-row !important;
  }

  /* line 12, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  /* line 54, bootstrap/bootstrap/_responsive-utilities.scss */
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  /* line 59, bootstrap/bootstrap/_responsive-utilities.scss */
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  /* line 64, bootstrap/bootstrap/_responsive-utilities.scss */
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 7, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  .visible-sm {
    display: block !important;
  }

  /* line 10, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  table.visible-sm {
    display: table !important;
  }

  /* line 11, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  tr.visible-sm {
    display: table-row !important;
  }

  /* line 12, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 73, bootstrap/bootstrap/_responsive-utilities.scss */
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 78, bootstrap/bootstrap/_responsive-utilities.scss */
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 83, bootstrap/bootstrap/_responsive-utilities.scss */
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 7, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  .visible-md {
    display: block !important;
  }

  /* line 10, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  table.visible-md {
    display: table !important;
  }

  /* line 11, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  tr.visible-md {
    display: table-row !important;
  }

  /* line 12, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 92, bootstrap/bootstrap/_responsive-utilities.scss */
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 97, bootstrap/bootstrap/_responsive-utilities.scss */
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 102, bootstrap/bootstrap/_responsive-utilities.scss */
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  /* line 7, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  .visible-lg {
    display: block !important;
  }

  /* line 10, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  table.visible-lg {
    display: table !important;
  }

  /* line 11, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  tr.visible-lg {
    display: table-row !important;
  }

  /* line 12, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  /* line 111, bootstrap/bootstrap/_responsive-utilities.scss */
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  /* line 116, bootstrap/bootstrap/_responsive-utilities.scss */
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  /* line 121, bootstrap/bootstrap/_responsive-utilities.scss */
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  /* line 18, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 18, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 18, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  /* line 18, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  .hidden-lg {
    display: none !important;
  }
}
/* line 18, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
.visible-print {
  display: none !important;
}

@media print {
  /* line 7, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  .visible-print {
    display: block !important;
  }

  /* line 10, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  table.visible-print {
    display: table !important;
  }

  /* line 11, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  tr.visible-print {
    display: table-row !important;
  }

  /* line 12, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
/* line 155, bootstrap/bootstrap/_responsive-utilities.scss */
.visible-print-block {
  display: none !important;
}
@media print {
  /* line 155, bootstrap/bootstrap/_responsive-utilities.scss */
  .visible-print-block {
    display: block !important;
  }
}

/* line 162, bootstrap/bootstrap/_responsive-utilities.scss */
.visible-print-inline {
  display: none !important;
}
@media print {
  /* line 162, bootstrap/bootstrap/_responsive-utilities.scss */
  .visible-print-inline {
    display: inline !important;
  }
}

/* line 169, bootstrap/bootstrap/_responsive-utilities.scss */
.visible-print-inline-block {
  display: none !important;
}
@media print {
  /* line 169, bootstrap/bootstrap/_responsive-utilities.scss */
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  /* line 18, bootstrap/bootstrap/mixins/_responsive-visibility.scss */
  .hidden-print {
    display: none !important;
  }
}
/* line 24, base/_colors.scss */
.color-chic {
  background-color: #cfb0a2;
}

/* line 25, base/_colors.scss */
.color-wild {
  background-color: #968262;
}

/* line 26, base/_colors.scss */
.color-calm {
  background-color: #98c6c9;
}

/* line 27, base/_colors.scss */
.color-free {
  background-color: #e26f4c;
}

/* line 28, base/_colors.scss */
.color-happy {
  background-color: #e3bf53;
}

@font-face {
  font-family: 'icomoon';
  src: url("/beyou/assets/fonts/icomoon.eot?chqywg");
  src: url("/beyou/assets/fonts/icomoon.eot?chqywg#iefix") format("embedded-opentype"), url("/beyou/assets/fonts/icomoon.ttf?chqywg") format("truetype"), url("/beyou/assets/fonts/icomoon.woff?chqywg") format("woff"), url("/beyou/assets/fonts/icomoon.svg?chqywg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 24, base/_fonts.scss */
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 40, base/_fonts.scss */
.icon-alert:before {
  content: "";
}

/* line 45, base/_fonts.scss */
.icon-download:before {
  content: "";
}

/* line 50, base/_fonts.scss */
.icon-facebook:before {
  content: "";
}

/* line 55, base/_fonts.scss */
.icon-fechar:before {
  content: "";
}

/* line 60, base/_fonts.scss */
.icon-loba:before {
  content: "";
}

/* line 65, base/_fonts.scss */
.icon-mais:before {
  content: "";
}

/* line 70, base/_fonts.scss */
.icon-menu:before {
  content: "";
}

/* line 75, base/_fonts.scss */
.icon-sanitana:before {
  content: "";
}

/* line 80, base/_fonts.scss */
.icon-seta:before {
  content: "";
}

@font-face {
  font-family: 'DINCond-Bold';
  src: local("DINCond-Bold"), url("/beyou/assets/fonts/DINCond-Bold.woff") format("woff"), url("/beyou/assets/fonts/DINCond-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'DINCond';
  src: local("DINCond-Regular"), url("/beyou/assets/fonts/DINCond-Regular.woff") format("woff"), url("/beyou/assets/fonts/DINCond-Regular.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Geogrotesque Rg';
  src: local("Geogrotesque Regular"), local("Geogrotesque-Regular"), url("/beyou/assets/fonts/Geogrotesque-Regular.woff") format("woff"), url("/beyou/assets/fonts/Geogrotesque-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 1, base/_base.scss */
body {
  padding: 0;
  margin: 0;
  color: #231f20;
  font-family: 'DINCond';
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
}

/* line 10, base/_base.scss */
a:hover {
  text-decoration: none;
}

/* line 15, base/_base.scss */
.text-center {
  text-align: center;
}

/* line 19, base/_base.scss */
.text-right {
  text-align: right;
}

/* line 23, base/_base.scss */
.clearfix {
  display: block;
  width: 100%;
  float: none;
  clear: both;
}

/* line 30, base/_base.scss */
.icon-sanitana.white {
  color: white;
  font-size: 26px;
}

/* line 37, base/_base.scss */
.anchors {
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  z-index: 7000;
}
@media (max-width: 992px) {
  /* line 37, base/_base.scss */
  .anchors {
    display: none;
  }
}
/* line 48, base/_base.scss */
.anchors ul {
  padding: 0;
  margin: 0;
  white-space: nowrap;
}
/* line 54, base/_base.scss */
.anchors li {
  display: inline-block;
  padding: 0;
  margin: 5px 30px;
}
/* line 60, base/_base.scss */
.anchors li.active a:after {
  width: 100%;
}
/* line 65, base/_base.scss */
.anchors li:first-child {
  display: none;
}
/* line 70, base/_base.scss */
.anchors a {
  padding-bottom: 15px;
  position: relative;
  color: white !important;
  font-size: 19px;
  text-transform: uppercase;
}
/* line 78, base/_base.scss */
.anchors a:hover:after, .anchors a.active:after {
  width: 100%;
}
/* line 83, base/_base.scss */
.anchors a:focus {
  text-decoration: none;
}
/* line 87, base/_base.scss */
.anchors a:after {
  content: '';
  width: 0;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: white;
  transition: all 0.3s ease;
}

/* line 102, base/_base.scss */
.stage {
  width: 100%;
  height: 100vh;
}

/* line 107, base/_base.scss */
.stage-menu {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5000;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  /* line 107, base/_base.scss */
  .stage-menu {
    width: 100%;
    left: auto;
    transform: none;
    text-align: center;
  }
}
/* line 122, base/_base.scss */
.stage-menu ul {
  padding: 0;
}
/* line 126, base/_base.scss */
.stage-menu li {
  display: inline-block;
  margin: 0 15px;
  list-style-type: none;
}
/* line 132, base/_base.scss */
.stage-menu a {
  padding-bottom: 15px;
  position: relative;
  color: white !important;
  font-size: 16px;
  text-shadow: 0 1px 3px #000;
}
/* line 140, base/_base.scss */
.stage-menu a:hover:after {
  width: 100%;
}
/* line 145, base/_base.scss */
.stage-menu a:focus {
  text-decoration: none;
}
/* line 149, base/_base.scss */
.stage-menu a:after {
  content: '';
  width: 20px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: white;
  transition: all 0.3s ease;
}

/* line 162, base/_base.scss */
.stage-video {
  height: 100vh;
  overflow: hidden;
}
/* line 166, base/_base.scss */
.stage-video video {
  /* Make video to at least 100% wide and tall */
  min-width: 100%;
  min-height: 100%;
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;
  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 1200px) {
  /* line 185, base/_base.scss */
  .stage.section:nth-child(2n + 1) > .fp-tableCell > div:first-child {
    float: right;
  }
  /* line 189, base/_base.scss */
  .stage.section:nth-child(2n + 1) > .fp-tableCell > div:last-child {
    float: left;
  }

  /* line 196, base/_base.scss */
  .stage.section:nth-child(2n) > div:first-child {
    float: right;
  }
  /* line 200, base/_base.scss */
  .stage.section:nth-child(2n) > div:last-child {
    float: left;
  }
}
/* line 208, base/_base.scss */
.iossafari .stage-collection video {
  display: none;
}
/* line 211, base/_base.scss */
.iossafari .stage-collection video + .replaceholder {
  display: block;
}

/* line 218, base/_base.scss */
.replaceholder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
}

/* line 228, base/_base.scss */
.stage-collection {
  display: block !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
}
/* line 238, base/_base.scss */
.stage-collection:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: black;
}
/* line 248, base/_base.scss */
.stage-collection video {
  /* Make video to at least 100% wide and tall */
  min-width: 100%;
  min-height: 100%;
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;
  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
}
/* line 263, base/_base.scss */
.stage-collection video + .replaceholder {
  display: none;
}
/* line 268, base/_base.scss */
.stage-collection + div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  /* line 268, base/_base.scss */
  .stage-collection + div {
    width: 90%;
  }
}

/* line 280, base/_base.scss */
.stage-desc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100vh;
  padding: 0;
  color: white;
  font-size: 15px;
  line-height: 25px;
}
/* line 290, base/_base.scss */
.stage-desc > div {
  max-width: calc(250px + 150px);
  padding: 40px 75px;
  margin: 0 auto;
  z-index: 10;
}
@media (max-width: 640px) {
  /* line 290, base/_base.scss */
  .stage-desc > div {
    padding: 20px 20px 40px 20px;
  }
}
/* line 302, base/_base.scss */
.stage-desc h2 {
  color: transparent;
  font-size: 0;
  text-indent: -99999px;
}
@media (max-width: 640px) {
  /* line 302, base/_base.scss */
  .stage-desc h2 {
    height: 0;
  }
}
/* line 312, base/_base.scss */
.stage-desc img {
  max-width: 100px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  /* line 312, base/_base.scss */
  .stage-desc img {
    max-width: 160px;
    margin-bottom: 30px;
  }
}
/* line 322, base/_base.scss */
.stage-desc p {
  font-size: 17px;
}
@media (max-width: 1200px) {
  /* line 322, base/_base.scss */
  .stage-desc p {
    font-family: 'DINCond-Bold';
    font-weight: bold;
    font-size: 17px;
    text-shadow: 0 1px 3px #000;
  }
}
@media (max-width: 640px) {
  /* line 322, base/_base.scss */
  .stage-desc p {
    font-size: 15px;
    line-height: 22px;
  }
}
/* line 335, base/_base.scss */
.stage-desc a {
  margin-top: 50px;
  color: white;
  font-size: 16px;
}
@media (max-width: 640px) {
  /* line 335, base/_base.scss */
  .stage-desc a {
    margin-top: 20px;
  }
}

/* line 347, base/_base.scss */
.collection img {
  max-width: 215px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  /* line 347, base/_base.scss */
  .collection img {
    max-width: 105px;
    margin-bottom: 10px;
  }
}

/* line 358, base/_base.scss */
.quote {
  max-width: 495px;
  margin: 0 auto;
  color: white;
  font-size: 18px;
  text-shadow: 0 1px 3px #000;
}
@media (max-width: 768px) {
  /* line 358, base/_base.scss */
  .quote {
    font-size: 16px;
    line-height: 22px;
  }
}
/* line 370, base/_base.scss */
.quote p {
  margin: 0;
}

/* line 375, base/_base.scss */
.quote-author {
  margin-top: 10px !important;
  font-size: 16px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  /* line 375, base/_base.scss */
  .quote-author {
    font-size: 15px;
  }
}

/* line 385, base/_base.scss */
.footer-sanitana,
.stage-collection + div,
.anchors,
.header {
  transition: all 0.3s ease;
}

/* line 392, base/_base.scss */
.collection-slider + .footer {
  right: auto;
}

/* line 399, base/_base.scss */
.play-video .footer {
  z-index: -99;
}
/* line 403, base/_base.scss */
.play-video .play-video-collection,
.play-video .stage-menu,
.play-video .footer-sanitana,
.play-video .stage-collection + div,
.play-video .anchors,
.play-video .header {
  opacity: 0;
}
/* line 412, base/_base.scss */
.play-video .stage-collection video {
  opacity: 1;
}

/* line 417, base/_base.scss */
.play-video-collection {
  display: inline-block;
  margin-top: 30px;
}

/* line 427, base/_base.scss */
.close-video-collection {
  width: 120px;
  position: absolute;
  right: 75px;
  bottom: calc(40px - 10px);
}

/* line 435, base/_base.scss */
.slider-wrapper {
  margin: 120px 75px 180px 75px;
}
@media (max-width: 1200px) {
  /* line 435, base/_base.scss */
  .slider-wrapper {
    margin: 90px 100px 150px 100px;
  }
}
@media (max-width: 992px) {
  /* line 435, base/_base.scss */
  .slider-wrapper {
    margin: 60px 40px 120px 40px;
  }
}
@media (max-width: 768px) {
  /* line 435, base/_base.scss */
  .slider-wrapper {
    margin: 60px 20px 80px 20px;
  }
}

/* line 452, base/_base.scss */
.owl-carousel > div {
  position: relative;
}
/* line 455, base/_base.scss */
.owl-carousel > div a {
  display: block;
  width: 21px;
  height: 21px;
  position: absolute;
  border-radius: 30px;
  transition: transform 0.2s ease;
}
@media (max-width: 768px) {
  /* line 455, base/_base.scss */
  .owl-carousel > div a {
    display: none;
  }
}
/* line 468, base/_base.scss */
.owl-carousel > div a:hover {
  transform: scale(1.5);
}
/* line 472, base/_base.scss */
.owl-carousel > div a:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 8px;
}

/* line 484, base/_base.scss */
.owl-dots {
  padding-right: 18px;
  position: relative;
  margin-top: -28px;
  z-index: 99;
  text-align: center;
}

/* line 492, base/_base.scss */
.owl-dot {
  display: inline-block;
  margin-left: 7px;
}
/* line 497, base/_base.scss */
.owl-dot.active span {
  background: transparent;
}
/* line 502, base/_base.scss */
.owl-dot span {
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 20px;
  border: 1px solid white;
  background: white;
}

/* line 512, base/_base.scss */
.owl-nav {
  width: calc(100% + 100px);
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  color: #aaa;
  font-size: 15px;
  transition: color 0.3s ease;
}
@media (max-width: 1200px) {
  /* line 512, base/_base.scss */
  .owl-nav {
    width: calc(100% + 110px);
  }
}
@media (max-width: 992px) {
  /* line 512, base/_base.scss */
  .owl-nav {
    width: calc(100% + 60px);
  }
}
@media (max-width: 768px) {
  /* line 512, base/_base.scss */
  .owl-nav {
    width: 100%;
    top: calc(100% + 24px);
    text-align: center;
  }
  /* line 536, base/_base.scss */
  .owl-nav .owl-prev,
  .owl-nav .owl-next {
    display: inline-block;
    margin: 0 40px;
    float: none;
    clear: both;
  }
}
/* line 545, base/_base.scss */
.owl-nav:hover {
  color: #333333;
}

/* line 550, base/_base.scss */
.owl-prev {
  float: left;
}
/* line 553, base/_base.scss */
.owl-prev span {
  display: inline-block;
  transform: rotate(180deg);
}

/* line 559, base/_base.scss */
.owl-next {
  float: right;
}

/* line 563, base/_base.scss */
.owl-zoom img {
  cursor: url("../img/zoom.png"), auto;
}

/* line 568, base/_base.scss */
.more-products {
  margin: -150px 0 180px 0;
  text-align: center;
  font-family: 'Geogrotesque Rg';
  font-weight: normal;
  font-size: 13px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  /* line 568, base/_base.scss */
  .more-products {
    margin: -120px 0 120px 0;
  }
}
@media (max-width: 992px) {
  /* line 568, base/_base.scss */
  .more-products {
    margin: 0 0 120px 0;
  }
}
/* line 581, base/_base.scss */
.more-products a {
  color: #bcbdc0;
  font-weight: bold;
}
/* line 586, base/_base.scss */
.more-products span {
  display: inline-block;
  width: 50px;
  height: 1px;
  margin: 0 5%;
  background: #bcbdc0;
  vertical-align: middle;
}
@media (max-width: 768px) {
  /* line 586, base/_base.scss */
  .more-products span {
    display: block;
    margin: 15px auto;
  }
}

/* line 601, base/_base.scss */
.collection-share {
  margin: 0 5px;
}

/* line 607, base/_base.scss */
.in-modal {
  overflow: hidden;
}

/* line 611, base/_base.scss */
.modal-detail {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.9);
  z-index: 20000;
  opacity: 0;
  overflow: auto;
  visibility: hidden;
  transition: all 0.3s ease;
}
/* line 624, base/_base.scss */
.modal-detail.show {
  transform: scale(1);
  visibility: visible;
  opacity: 1;
}

/* line 631, base/_base.scss */
.modal-logo {
  display: block;
  max-width: 60px;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
  width: 100%;
}
@media (min-width: 768px) {
  /* line 631, base/_base.scss */
  .modal-logo {
    top: 40px;
    left: 75px;
  }
}

/* line 646, base/_base.scss */
.modal-close {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  color: white;
  border: none;
  background: transparent;
  cursor: pointer;
}
@media (min-width: 768px) {
  /* line 646, base/_base.scss */
  .modal-close {
    top: 40px;
    right: 75px;
  }
}

@keyframes hover {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}
/* line 670, base/_base.scss */
.g-recaptcha {
  transform: scale(0.7);
  transform-origin: top left;
}

/* REUSABLE BLOCKS OF CODE */
/* line 1, modules/_buttons.scss */
.btn {
  padding: 15px 30px;
  position: relative;
  border: none;
  background: #231f20;
  color: white;
  cursor: pointer;
  font-size: 14px;
}
/* line 11, modules/_buttons.scss */
.btn:hover:before {
  right: 15px;
  left: 15px;
}
/* line 17, modules/_buttons.scss */
.btn:before {
  content: '';
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  right: 25px;
  left: 25px;
  background: white;
  transition: all 0.3s ease;
}
/* line 29, modules/_buttons.scss */
.btn span {
  padding: 0 5px;
  position: relative;
  margin-right: -5px;
  margin-left: -5px;
  background: #231f20;
  z-index: 10;
}

/* line 39, modules/_buttons.scss */
.btn-more {
  display: block;
  width: 100%;
  padding-right: 20px;
  position: relative;
}
/* line 45, modules/_buttons.scss */
.btn-more:hover {
  padding-right: 40px;
}
/* line 48, modules/_buttons.scss */
.btn-more:hover:before {
  right: 20px;
}
/* line 52, modules/_buttons.scss */
.btn-more:hover:after {
  width: calc(100% + 20px);
}
/* line 57, modules/_buttons.scss */
.btn-more:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  right: 0;
  font-family: 'icomoon' !important;
  font-size: 8px;
  transition: right 0.3s ease;
}
/* line 68, modules/_buttons.scss */
.btn-more:after {
  content: '';
  display: block;
  width: 20px;
  height: 1px;
  margin-top: 10px;
  background: white;
  transition: width 0.3s ease;
}

/* line 79, modules/_buttons.scss */
.btn-text-animate {
  padding: 15px 30px;
  border: none;
  background: #231f20;
  color: white;
  cursor: pointer;
  font-size: 14px;
  text-transform: uppercase;
}

@keyframes move-text {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 1;
    transform: translateY(0);
  }
  35% {
    opacity: 0;
    transform: translateY(5px);
  }
  40% {
    opacity: 0;
    transform: translateY(-5px);
  }
  45% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
  }
}
/* SPECIFIC PAGE LAYOUT AND NON-REUSABLE STYLES */
/* line 1, layout/_header.scss */
.header {
  height: 0;
  min-height: 20px;
  position: fixed;
  right: 20px;
  top: 20px;
  left: 20px;
  z-index: 4000;
  vertical-align: top;
}
/* line 11, layout/_header.scss */
.header div {
  height: 0;
}
@media (min-width: 772px) {
  /* line 1, layout/_header.scss */
  .header {
    right: 40px;
    top: 40px;
    left: 40px;
  }
}
@media (min-width: 1250px) {
  /* line 1, layout/_header.scss */
  .header {
    right: 75px;
    top: 40px;
    left: 75px;
  }
}

/* line 28, layout/_header.scss */
.logo {
  display: inline-block;
  max-width: 40px;
  transform: translate3d(0, -100%, 0);
  opacity: 0;
  transition: all 0.6s ease;
}
@media (min-width: 772px) {
  /* line 28, layout/_header.scss */
  .logo {
    max-width: 80px;
  }
}
/* line 39, layout/_header.scss */
.logo.fixed {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
/* line 44, layout/_header.scss */
.logo img {
  width: 100%;
}

/* line 49, layout/_header.scss */
.menu-trigger,
.modal-close {
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 18px;
  letter-spacing: 3px;
  line-height: 18px;
}
/* line 60, layout/_header.scss */
.menu-trigger:hover span,
.modal-close:hover span {
  max-width: 60px;
}
/* line 65, layout/_header.scss */
.menu-trigger:focus,
.modal-close:focus {
  outline: none;
}
/* line 69, layout/_header.scss */
.menu-trigger *,
.modal-close * {
  vertical-align: middle;
}
/* line 73, layout/_header.scss */
.menu-trigger span,
.modal-close span {
  display: inline-block;
  max-width: 0;
  margin-top: -2px;
  margin-right: 10px;
  overflow: hidden;
  font-size: 18px;
  transition: max-width 1s ease;
}
/* line 83, layout/_header.scss */
.menu-trigger i,
.modal-close i {
  font-size: 7px;
}

/* line 88, layout/_header.scss */
.modal-close i {
  font-size: 14px;
}

/* line 92, layout/_header.scss */
.page-close {
  color: #a0a0a0;
}

/* line 96, layout/_header.scss */
.menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.9);
  z-index: 6000;
  visibility: hidden;
  opacity: 0;
  border: 10px solid;
  background: white;
  transition: all 0.3s ease;
  animation: borderchange 15s infinite;
}
@media (min-width: 768px) {
  /* line 96, layout/_header.scss */
  .menu {
    border-width: 20px;
  }
}
/* line 115, layout/_header.scss */
.menu.menu-open {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}
/* line 121, layout/_header.scss */
.menu ul {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: center;
}
@media (min-width: 768px) {
  /* line 130, layout/_header.scss */
  .menu li {
    display: inline-block;
    vertical-align: middle;
  }
}
/* line 137, layout/_header.scss */
.menu a {
  text-transform: uppercase;
}

/* line 142, layout/_header.scss */
.menu-header {
  position: fixed;
  right: calc(20px - 10px);
  top: calc(20px - 10px);
  left: calc(20px - 10px);
}
@media (min-width: 768px) {
  /* line 142, layout/_header.scss */
  .menu-header {
    right: calc(75px - 20px);
    top: calc(40px - 20px);
    left: calc(75px - 20px);
  }
}
/* line 154, layout/_header.scss */
.menu-header .icon-fechar {
  font-size: 12px;
}

/* line 159, layout/_header.scss */
.menu-logo {
  display: inline-block;
  max-width: 40px;
}
@media (min-width: 768px) {
  /* line 159, layout/_header.scss */
  .menu-logo {
    max-width: 60px;
  }
}
/* line 167, layout/_header.scss */
.menu-logo img {
  width: 100%;
}

/* line 172, layout/_header.scss */
.menu-content {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  height: 100vh;
}

@media (max-width: 768px) {
  /* line 180, layout/_header.scss */
  .menu-langs {
    order: 3;
  }
}
/* line 186, layout/_header.scss */
.menu-langs li {
  display: inline-block !important;
  margin: 0 10px;
}
@media (max-width: 768px) {
  /* line 190, layout/_header.scss */
  .menu-langs li:first-child {
    display: block !important;
  }
}
/* line 198, layout/_header.scss */
.menu-langs li:first-child a:after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 1px;
  margin-top: -3px;
  margin-left: 20px;
  background: #999999;
  vertical-align: middle;
}
@media (max-width: 768px) {
  /* line 198, layout/_header.scss */
  .menu-langs li:first-child a:after {
    display: none;
  }
}
/* line 213, layout/_header.scss */
.menu-langs li:first-child a:hover {
  color: #231f20;
}
/* line 219, layout/_header.scss */
.menu-langs a {
  color: #999999;
  transition: color 0.3s ease;
}
/* line 223, layout/_header.scss */
.menu-langs a:hover {
  color: #231f20;
}

/* line 229, layout/_header.scss */
.menu-collections {
  margin: 80px 0 !important;
}
@media (max-width: 768px) {
  /* line 229, layout/_header.scss */
  .menu-collections {
    order: 1;
    margin: -30px 0 0 0 !important;
  }
}
/* line 237, layout/_header.scss */
.menu-collections li {
  margin: 0px;
}
@media (min-width: 992px) {
  /* line 237, layout/_header.scss */
  .menu-collections li {
    margin: 0 10px;
  }
}
@media (min-width: 1200px) {
  /* line 237, layout/_header.scss */
  .menu-collections li {
    margin: 0 35px;
  }
}
/* line 249, layout/_header.scss */
.menu-collections a {
  padding: 0 10px;
  position: relative;
  color: #231f20;
  font-family: 'DINCond-Bold';
  font-weight: bold;
  font-size: 25px;
  transition: color 0.3s ease;
}
@media (min-width: 992px) {
  /* line 249, layout/_header.scss */
  .menu-collections a {
    padding: 0 20px;
  }
}
/* line 261, layout/_header.scss */
.menu-collections a:hover:before {
  right: 0;
  left: 0;
}
/* line 267, layout/_header.scss */
.menu-collections a.active.text-calm {
  color: #98c6c9;
}
/* line 269, layout/_header.scss */
.menu-collections a.active.text-calm:before {
  right: 0;
  left: 0;
}
/* line 274, layout/_header.scss */
.menu-collections a.active.text-free {
  color: #e26f4c;
}
/* line 276, layout/_header.scss */
.menu-collections a.active.text-free:before {
  right: 0;
  left: 0;
}
/* line 281, layout/_header.scss */
.menu-collections a.active.text-happy {
  color: #e3bf53;
}
/* line 283, layout/_header.scss */
.menu-collections a.active.text-happy:before {
  right: 0;
  left: 0;
}
/* line 288, layout/_header.scss */
.menu-collections a.active.text-chic {
  color: #cfb0a2;
}
/* line 290, layout/_header.scss */
.menu-collections a.active.text-chic:before {
  right: 0;
  left: 0;
}
/* line 295, layout/_header.scss */
.menu-collections a.active.text-wild {
  color: #968262;
}
/* line 297, layout/_header.scss */
.menu-collections a.active.text-wild:before {
  right: 0;
  left: 0;
}
/* line 303, layout/_header.scss */
.menu-collections a.text-calm:before {
  background: #98c6c9;
}
/* line 304, layout/_header.scss */
.menu-collections a.text-free:before {
  background: #e26f4c;
}
/* line 305, layout/_header.scss */
.menu-collections a.text-happy:before {
  background: #e3bf53;
}
/* line 306, layout/_header.scss */
.menu-collections a.text-chic:before {
  background: #cfb0a2;
}
/* line 307, layout/_header.scss */
.menu-collections a.text-wild:before {
  background: #968262;
}
/* line 309, layout/_header.scss */
.menu-collections a.text-calm:hover {
  color: #98c6c9;
}
/* line 310, layout/_header.scss */
.menu-collections a.text-free:hover {
  color: #e26f4c;
}
/* line 311, layout/_header.scss */
.menu-collections a.text-happy:hover {
  color: #e3bf53;
}
/* line 312, layout/_header.scss */
.menu-collections a.text-chic:hover {
  color: #cfb0a2;
}
/* line 313, layout/_header.scss */
.menu-collections a.text-wild:hover {
  color: #968262;
}
/* line 315, layout/_header.scss */
.menu-collections a:before {
  content: '';
  height: 1px;
  position: absolute;
  top: 50%;
  right: 20px;
  left: 20px;
  transition: all 0.2s ease;
}
/* line 325, layout/_header.scss */
.menu-collections a span {
  padding: 0 18px;
  position: relative;
  background: white;
  z-index: 10;
}

@media (max-width: 768px) {
  /* line 335, layout/_header.scss */
  .menu-site {
    order: 2;
    margin: 10px 0 !important;
  }
}
/* line 341, layout/_header.scss */
.menu-site li {
  margin: 0 20px;
}
@media (max-width: 768px) {
  /* line 341, layout/_header.scss */
  .menu-site li {
    margin: 10px 20px;
  }
}
/* line 349, layout/_header.scss */
.menu-site a {
  color: #999999;
  transition: color 0.3s ease;
}
/* line 353, layout/_header.scss */
.menu-site a:hover {
  color: #231f20;
}

@keyframes borderchange {
  0% {
    border-color: #cfb0a2;
  }
  20% {
    border-color: #e3bf53;
  }
  40% {
    border-color: #e26f4c;
  }
  60% {
    border-color: #968262;
  }
  80% {
    border-color: #98c6c9;
  }
  100% {
    border-color: #cfb0a2;
  }
}
/* line 1, layout/_footer.scss */
.footer {
  min-height: 20px;
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 4500;
  vertical-align: bottom;
}
@media (min-width: 1250px) {
  /* line 1, layout/_footer.scss */
  .footer {
    bottom: 40px;
    left: 75px;
  }
}
@media (min-width: 768px) {
  /* line 1, layout/_footer.scss */
  .footer {
    bottom: 40px;
    left: 40px;
  }
}
/* line 22, layout/_footer.scss */
.footer a {
  color: #231f20;
}

/* line 27, layout/_footer.scss */
.footer-sanitana {
  color: white !important;
  font-size: 30px;
}
@media (max-width: 768px) {
  /* line 27, layout/_footer.scss */
  .footer-sanitana {
    font-size: 18px;
  }
}
/* line 35, layout/_footer.scss */
.footer-sanitana:focus {
  outline: none;
  text-decoration: none;
}

/* line 41, layout/_footer.scss */
.footer-loba {
  font-size: 11px;
  opacity: 0.2;
  transition: opacity 0.4s ease;
}
/* line 46, layout/_footer.scss */
.footer-loba:hover {
  opacity: 1;
}

/* line 51, layout/_footer.scss */
.footer-hide {
  display: none;
}
@media (min-width: 1200px) {
  /* line 51, layout/_footer.scss */
  .footer-hide {
    display: block;
  }
}

/* line 60, layout/_footer.scss */
.terms {
  display: none;
  padding: 10px 20px;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  font-family: 'Geogrotesque Rg';
  font-weight: normal;
  font-size: 11px;
}
/* line 73, layout/_footer.scss */
.terms a {
  display: inline-block;
  margin-right: 15px;
  color: white;
  opacity: 0.6;
  transition: all 0.2s ease;
}
/* line 80, layout/_footer.scss */
.terms a:hover {
  opacity: 1;
}
@media (max-width: 768px) {
  /* line 86, layout/_footer.scss */
  .terms * {
    text-align: left !important;
  }
}

/* line 92, layout/_footer.scss */
.terms-show {
  display: block;
}

/* line 96, layout/_footer.scss */
.terms-close {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: calc(50% - 8px);
  z-index: 99;
  border: none;
  background: transparent;
  color: white;
  cursor: pointer;
}
@media (max-width: 768px) {
  /* line 96, layout/_footer.scss */
  .terms-close {
    top: 10px;
    right: 10px;
    left: auto;
  }
}

/* line 115, layout/_footer.scss */
.hide-logo a {
  display: none;
}

/* line 1, layout/_index.scss */
.stage-hero {
  animation: colorchange 15s infinite;
}
/* line 4, layout/_index.scss */
.stage-hero > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  height: 100vh;
  padding: 40px 0;
}

@media (max-height: 565px) and (min-width: 768px) {
  /* line 17, layout/_index.scss */
  .stage-hero .col-xs-6.col-xs-offset-1.col-sm-9.col-sm-offset-0.text-center,
  .stage-hero .hero-news {
    width: 50%;
    margin-left: 0;
  }
  /* line 23, layout/_index.scss */
  .stage-hero .hero-news {
    margin-top: 10px;
  }
  /* line 27, layout/_index.scss */
  .stage-hero .col-lg-12 + .text-center {
    width: 50%;
    padding: 0 15px;
    float: right;
    text-align: left;
  }
  /* line 34, layout/_index.scss */
  .stage-hero .logoCollection {
    max-width: 200px !important;
  }
}
@media (max-width: 768px) {
  /* line 41, layout/_index.scss */
  .logoCollection {
    max-width: 100px !important;
  }
}
/* line 46, layout/_index.scss */
.anchors-home {
  position: fixed;
}

/* line 50, layout/_index.scss */
.hero-slogan {
  align-self: start;
  width: 100%;
  margin: 0;
  font-size: 14px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
@media (max-width: 620px) {
  /* line 50, layout/_index.scss */
  .hero-slogan {
    font-size: 11px;
  }
}
/* line 62, layout/_index.scss */
.hero-slogan.hide {
  transform: translate3d(0, 30px, 0);
  opacity: 0;
}
/* line 67, layout/_index.scss */
.hero-slogan + div {
  width: 100%;
  align-self: stretch;
}

/* line 73, layout/_index.scss */
.logoCollection {
  max-width: 240px;
  position: relative;
  margin-bottom: -10px;
  z-index: 10;
}
@media (max-width: 768px) {
  /* line 73, layout/_index.scss */
  .logoCollection {
    display: block;
    margin: -10px auto 50px auto;
  }
}

/* line 85, layout/_index.scss */
.hero-news {
  margin-top: -60px;
}
/* line 88, layout/_index.scss */
.hero-news div {
  width: 124px;
  height: 161px;
  padding: 40px 20px;
  float: left;
  margin-left: -1px;
  border: 1px solid white;
}
/* line 97, layout/_index.scss */
.hero-news h2,
.hero-news p {
  margin: 0;
  font-size: 17px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  /* line 97, layout/_index.scss */
  .hero-news h2,
  .hero-news p {
    font-size: 15px;
  }
}
/* line 108, layout/_index.scss */
.hero-news h2 {
  margin-bottom: 10px;
  color: white;
  font-size: 21px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media (max-width: 768px) {
  /* line 108, layout/_index.scss */
  .hero-news h2 {
    font-size: 18px;
    letter-spacing: 1px;
  }
}

/* line 124, layout/_index.scss */
.hero-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
/* line 135, layout/_index.scss */
.hero-video video {
  /* Make video to at least 100% wide and tall */
  min-width: 100%;
  min-height: 100%;
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;
  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 151, layout/_index.scss */
.show-index-video .hero-video {
  opacity: 1;
  visibility: visible;
  z-index: 99999;
}

/* line 158, layout/_index.scss */
.index-close-video {
  position: absolute;
  right: 75px;
  top: 40px;
  border: none;
  background: transparent;
  z-index: 99;
  color: white;
  cursor: pointer;
  font-size: 30px;
}

/* line 171, layout/_index.scss */
.collection .index-close-video {
  z-index: -99;
}

/* line 176, layout/_index.scss */
.play-video .collection .index-close-video {
  z-index: 999999;
}

/* line 213, layout/_index.scss */
.stage-background {
  max-width: none !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-size: cover;
}
@media (min-width: 1200px) {
  /* line 213, layout/_index.scss */
  .stage-background {
    display: none;
  }
}
/* line 227, layout/_index.scss */
.stage-background:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
}

/* line 239, layout/_index.scss */
#next-section {
  display: block;
  width: 36px;
  height: 36px;
  position: fixed;
  left: calc(50% - 18px);
  bottom: 40px;
  transform: rotate(90deg);
  border: 1px solid white;
  background: transparent;
  color: white;
  cursor: pointer;
  font-size: 10px;
  text-align: center;
  transition: transform 0.3s ease;
  transform-origin: center;
  z-index: 6000;
}
@media (max-height: 575px) {
  /* line 239, layout/_index.scss */
  #next-section {
    left: auto;
    right: 75px;
  }
}
@media (max-width: 768px) {
  /* line 239, layout/_index.scss */
  #next-section {
    right: 20px;
    bottom: 20px;
    left: auto;
  }
}
/* line 268, layout/_index.scss */
#next-section.toTop {
  transform: rotate(-90deg);
}
/* line 272, layout/_index.scss */
#next-section:focus {
  outline: none;
}

/* line 278, layout/_index.scss */
.home-video {
  display: inline-block;
  margin-top: 20px;
}
@media (max-width: 768px) {
  /* line 278, layout/_index.scss */
  .home-video {
    margin-top: 10px;
  }
}

/* line 287, layout/_index.scss */
.modal-video {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15000;
}
/* line 300, layout/_index.scss */
.modal-video:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.9;
  background: black;
}
/* line 312, layout/_index.scss */
.modal-video > div {
  width: calc(100% - 40px);
  max-width: 1200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
/* line 321, layout/_index.scss */
.modal-video > div > div {
  padding-bottom: 60%;
}
/* line 326, layout/_index.scss */
.modal-video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 335, layout/_index.scss */
.modal-video-close {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 99;
  background: transparent;
  border: none;
  cursor: pointer;
}
/* line 345, layout/_index.scss */
.modal-video-close:after {
  content: "";
  color: white;
  font-family: 'icomoon' !important;
}

@keyframes colorchange {
  0% {
    background: #cfb0a2;
  }
  20% {
    background: #e3bf53;
  }
  40% {
    background: #e26f4c;
  }
  60% {
    background: #968262;
  }
  80% {
    background: #98c6c9;
  }
  100% {
    background: #cfb0a2;
  }
}
@media (min-width: 1650px) {
  /* line 364, layout/_index.scss */
  .ie .stage-hero > .fp-tableCell > div:first-child {
    padding-top: 150px;
  }
}
/* line 372, layout/_index.scss */
#homepage #anchorcalm video {
  left: 0;
  transform: translate(0, -50%);
}
/* line 373, layout/_index.scss */
#homepage #anchor-happy video {
  left: auto;
  right: 0;
  transform: translate(0, -50%);
}
/* line 374, layout/_index.scss */
#homepage #anchor-free video {
  left: auto;
  right: 0;
  transform: translate(0, -50%);
}
/* line 375, layout/_index.scss */
#homepage #anchor-chic video {
  left: 0;
  transform: translate(0, -50%);
}
/* line 376, layout/_index.scss */
#homepage #anchor-wild video {
  left: 0;
  transform: translate(0, -50%);
}

/* line 1, layout/_list.scss */
.wrapper {
  width: 100%;
  min-height: 100vh;
  border: 20px solid;
  animation: borderchange 15s infinite;
}
@media (max-width: 768px) {
  /* line 1, layout/_list.scss */
  .wrapper {
    width: 100%;
  }
}
@media (max-width: 992px) {
  /* line 1, layout/_list.scss */
  .wrapper {
    border-width: 10px;
  }
}
/* line 15, layout/_list.scss */
.wrapper.collection {
  border: none !important;
  color: white;
}
/* line 19, layout/_list.scss */
.wrapper.collection * {
  border-color: rgba(255, 255, 255, 0.15);
  color: white;
}
/* line 24, layout/_list.scss */
.wrapper.collection .spec-download:hover {
  color: white;
}

/* line 31, layout/_list.scss */
.back-calm {
  background: #98c6c9;
}

/* line 32, layout/_list.scss */
.back-free {
  background: #e26f4c;
}

/* line 33, layout/_list.scss */
.back-happy {
  background: #e3bf53;
}

/* line 34, layout/_list.scss */
.back-chic {
  background: #cfb0a2;
}

/* line 35, layout/_list.scss */
.back-wild {
  background: #968262;
}

/* line 38, layout/_list.scss */
.wrapper-list {
  width: calc(100% - 400px);
  margin: 0 auto;
}
@media (max-width: 992px) {
  /* line 38, layout/_list.scss */
  .wrapper-list {
    width: calc(100% - 200px);
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 38, layout/_list.scss */
  .wrapper-list {
    width: calc(100% - 250px);
  }
}
@media (max-width: 768px) {
  /* line 38, layout/_list.scss */
  .wrapper-list {
    width: calc(100% - 150px);
  }
}
/* line 54, layout/_list.scss */
.wrapper-list div[class^='col'], .wrapper-list div[class*=' col'] > .row {
  border-right: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5;
}

/* line 60, layout/_list.scss */
.list-name {
  border-bottom: 1px solid #f5f5f5;
}
@media (max-width: 768px) {
  /* line 60, layout/_list.scss */
  .list-name {
    margin-top: 60px;
  }
}
/* line 67, layout/_list.scss */
.list-name h2 {
  line-height: 80px;
  margin: 0;
  font-size: 30px;
  font-weight: bold;
}

/* line 75, layout/_list.scss */
.list-products {
  padding: 10px 0;
}
@media (max-width: 992px) {
  /* line 75, layout/_list.scss */
  .list-products {
    min-height: calc(100vh - 20px - 160px - 1px);
  }
}
@media (max-width: 768px) {
  /* line 75, layout/_list.scss */
  .list-products {
    height: auto;
  }
}

/* line 91, layout/_list.scss */
.list-product img {
  height: 200px;
  margin: 20px 20px 0;
}
@media (max-width: 1200px) {
  /* line 91, layout/_list.scss */
  .list-product img {
    height: 150px;
    margin: 0 20px;
  }
}
/* line 101, layout/_list.scss */
.list-product h3 {
  height: 50px;
  margin: 30px 0 0 0;
  color: #bcbdc0;
  font-size: 18px;
}
@media (max-width: 768px) {
  /* line 101, layout/_list.scss */
  .list-product h3 {
    height: auto;
    margin: 20px 0 0;
  }
}

/* line 115, layout/_list.scss */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
  border-radius: 0;
  background: #ccc;
}

/* line 121, layout/_list.scss */
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background: #ccc;
}

/* line 125, layout/_list.scss */
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: #777 !important;
}

/* line 129, layout/_list.scss */
.mCSB_scrollTools .mCSB_draggerRail {
  background: transparent;
}

/* line 133, layout/_list.scss */
.mCSB_inside > .mCSB_container {
  margin-right: 0;
}
@media (max-width: 768px) {
  /* line 133, layout/_list.scss */
  .mCSB_inside > .mCSB_container {
    top: auto !important;
  }
}

@keyframes borderchange {
  0% {
    border-color: #cfb0a2;
  }
  20% {
    border-color: #e3bf53;
  }
  40% {
    border-color: #e26f4c;
  }
  60% {
    border-color: #968262;
  }
  80% {
    border-color: #98c6c9;
  }
  100% {
    border-color: #cfb0a2;
  }
}
/* line 2, layout/_detail.scss */
.product-nav {
  position: absolute;
  top: 80px;
  right: 0;
  left: 0;
  z-index: 9999;
}
/* line 9, layout/_detail.scss */
.product-nav a {
  color: #bebfc2;
  font-size: 10px;
}

/* line 15, layout/_detail.scss */
.product-prev {
  position: absolute;
  top: 200px;
  left: 5%;
  transform: rotate(180deg);
}

/* line 22, layout/_detail.scss */
.product-next {
  position: absolute;
  top: 200px;
  right: 5%;
}

@media (min-width: 992px) {
  /* line 29, layout/_detail.scss */
  .collection .wrapper-detail {
    min-height: 100vh !important;
  }
  /* line 33, layout/_detail.scss */
  .collection .wrapper-detail .product-overview {
    min-height: 100vh;
  }
}
/* line 38, layout/_detail.scss */
.collection .wrapper-detail > div > div[class^='col'], .collection .wrapper-detail > div > div[class*=' col'] > .row {
  border-color: rgba(255, 255, 255, 0.15);
}

/* line 44, layout/_detail.scss */
.wrapper-detail {
  width: calc(100% - 400px);
  min-height: calc(100vh - 40px);
  margin: 0 auto;
}
@media (max-width: 1250px) {
  /* line 44, layout/_detail.scss */
  .wrapper-detail {
    width: calc(100% - 200px);
  }
}
@media (max-width: 992px) {
  /* line 44, layout/_detail.scss */
  .wrapper-detail {
    width: calc(100% - 200px);
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 44, layout/_detail.scss */
  .wrapper-detail {
    width: calc(100% - 150px);
  }
}
@media (max-width: 768px) {
  /* line 44, layout/_detail.scss */
  .wrapper-detail {
    width: 100%;
  }
}
@media (max-width: 768px) {
  /* line 65, layout/_detail.scss */
  .wrapper-detail > .row {
    margin-right: -10px;
    margin-left: -10px;
    border: none;
  }
}
/* line 73, layout/_detail.scss */
.wrapper-detail > div > div[class^='col'], .wrapper-detail > div > div[class*=' col'] > .row {
  margin-left: -1px;
}
/* line 77, layout/_detail.scss */
.wrapper-detail div[class^='col'], .wrapper-detail div[class*=' col'] > .row {
  border-right: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5;
}
@media (max-width: 768px) {
  /* line 77, layout/_detail.scss */
  .wrapper-detail div[class^='col'], .wrapper-detail div[class*=' col'] > .row {
    padding: 0 10px;
    border: none;
  }
}

/* line 88, layout/_detail.scss */
.product-desc {
  padding-top: 80px;
  padding-bottom: 50px;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 88, layout/_detail.scss */
  .product-desc {
    padding-bottom: 100px;
  }
}
@media (min-width: 992px) {
  /* line 88, layout/_detail.scss */
  .product-desc {
    min-height: calc(100vh - 40px);
    padding-top: 100px;
    padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  /* line 88, layout/_detail.scss */
  .product-desc {
    margin-top: 50px;
  }
}
/* line 106, layout/_detail.scss */
.product-desc div[class^='col'], .product-desc div[class*=' col'] > .row {
  border: none;
}
@media (min-width: 992px) {
  /* line 110, layout/_detail.scss */
  .product-desc > div {
    width: 100%;
  }
}
@media (max-width: 768px) {
  /* line 110, layout/_detail.scss */
  .product-desc > div {
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media (min-width: 1690px) {
  /* line 121, layout/_detail.scss */
  .product-desc > div > div {
    width: 66.66667%;
  }
}
@media (min-width: 992px) and (max-width: 1100px) {
  /* line 127, layout/_detail.scss */
  .product-desc .row {
    margin: 0;
  }
}
@media (min-width: 520px) and (max-width: 768px) {
  /* line 132, layout/_detail.scss */
  .product-desc .row .col-lg-10 {
    width: 70% !important;
    float: none;
    margin: 0 auto;
  }
}
@media (min-width: 1100px) and (max-width: 1340px) {
  /* line 132, layout/_detail.scss */
  .product-desc .row .col-lg-10 {
    width: 91.66667%;
    margin-left: 8.333333%;
  }
}
@media (max-width: 1100px) {
  /* line 132, layout/_detail.scss */
  .product-desc .row .col-lg-10 {
    width: 100%;
  }
}

@media (min-width: 992px) {
  /* line 151, layout/_detail.scss */
  .product-overview {
    min-height: calc(100vh - 40px);
  }
}
/* line 156, layout/_detail.scss */
.product-overview img {
  max-width: 200px;
  width: 100%;
}
/* line 161, layout/_detail.scss */
.product-overview h2 {
  margin-bottom: 80px;
  font-size: 30px;
  line-height: 60px;
}
/* line 166, layout/_detail.scss */
.product-overview h2 a {
  color: inherit;
}
/* line 171, layout/_detail.scss */
.product-overview h1 {
  margin-top: 30px;
  color: #bcbdc0;
  font-size: 15px;
}

/* line 178, layout/_detail.scss */
.wrapper .wrapper-detail .product-overview h2 {
  line-height: 35px;
}

/* line 182, layout/_detail.scss */
.product-head {
  margin-bottom: 15px;
  border-bottom: 1px solid #f5f5f5;
}
@media (max-width: 768px) {
  /* line 182, layout/_detail.scss */
  .product-head {
    padding-left: 20px;
  }
}
/* line 191, layout/_detail.scss */
.product-head:after {
  content: '';
  display: block;
  width: 100%;
  float: none;
  clear: both;
}

/* line 200, layout/_detail.scss */
.product-title {
  padding-top: 30px;
  padding-bottom: 30px;
  float: left;
}
@media (max-width: 768px) {
  /* line 200, layout/_detail.scss */
  .product-title {
    width: calc(100% - 79px);
  }
}
/* line 211, layout/_detail.scss */
.product-title h1 {
  margin: 0;
  font-size: 25px;
  line-height: 30px;
}

/* line 218, layout/_detail.scss */
.product-price {
  width: 165px;
  padding-top: 35px;
  padding-bottom: 35px;
  padding-left: 20px;
  float: right;
  margin-left: -1px;
  border-left: 1px solid #f5f5f5;
  color: #bcbdc0;
  font-family: 'Geogrotesque Rg';
  font-weight: normal;
  font-size: 13px;
}
@media (max-width: 768px) {
  /* line 218, layout/_detail.scss */
  .product-price {
    width: 80px;
  }
}
/* line 234, layout/_detail.scss */
.product-price span {
  display: block;
  padding-top: 2px;
  font-family: 'DINCond-Bold';
  font-weight: bold;
  font-size: 25px;
  line-height: 30px;
}
/* line 240, layout/_detail.scss */
.product-price span:after {
  content: '\20AC  + IVA';
  display: inline-block;
  margin-left: 5px;
  font-size: 13px;
}

/* line 249, layout/_detail.scss */
.product-code {
  color: #bcbdc0;
  font-family: 'Geogrotesque Rg';
  font-weight: normal;
  font-size: 13px;
  line-height: 25px;
}

/* line 255, layout/_detail.scss */
.product-spec {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #f5f5f5;
}
/* line 260, layout/_detail.scss */
.product-spec:after {
  content: '';
  display: block;
  width: 100%;
  float: none;
  clear: both;
}
/* line 268, layout/_detail.scss */
.product-spec p {
  margin: 0;
  float: left;
}
/* line 273, layout/_detail.scss */
.product-spec a {
  color: inherit;
  text-decoration: underline;
}
/* line 277, layout/_detail.scss */
.product-spec a:hover {
  color: #333;
}

/* line 283, layout/_detail.scss */
.spec-type {
  width: 95px;
  margin-right: 35px !important;
  color: #231f20;
  font-family: 'DINCond-Bold';
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
}
@media (max-width: 1200px) {
  /* line 283, layout/_detail.scss */
  .spec-type {
    margin-right: 20px !important;
  }
}
@media (max-width: 768px) {
  /* line 283, layout/_detail.scss */
  .spec-type {
    width: 50%;
    padding-right: 5px;
    padding-left: 20px;
    margin-right: 0 !important;
  }
}

/* line 302, layout/_detail.scss */
.spec-desc {
  width: calc(100% - 95px - 35px);
  color: #bcbdc0;
  font-family: 'Geogrotesque Rg';
  font-weight: normal;
  font-size: 13px;
}
@media (max-width: 768px) {
  /* line 302, layout/_detail.scss */
  .spec-desc {
    width: 50%;
    padding-right: 20px;
    padding-left: 5px;
  }
}

/* line 314, layout/_detail.scss */
.spec-desc-download {
  text-decoration: none;
}
@media (min-width: 768px) {
  /* line 314, layout/_detail.scss */
  .spec-desc-download {
    width: calc(100% - 115px);
  }
}

@media (min-width: 768px) {
  /* line 322, layout/_detail.scss */
  .spec-download:first-child {
    margin-left: -5px;
  }
}
@media (min-width: 1400px) {
  /* line 322, layout/_detail.scss */
  .spec-download:first-child {
    margin-left: -15px;
  }
}

/* line 332, layout/_detail.scss */
.spec-download {
  padding: 16px 5px;
  position: relative;
  border-right: 1px solid #f5f5f5;
  color: #bcbdc0;
}
@media (max-width: 768px) {
  /* line 332, layout/_detail.scss */
  .spec-download {
    display: block;
    width: 100%;
    padding: 0 0 10px 0;
    border: none;
  }
}
@media (min-width: 1450px) {
  /* line 332, layout/_detail.scss */
  .spec-download {
    padding: 16px 15px;
  }
}
/* line 349, layout/_detail.scss */
.spec-download:hover {
  color: #bcbdc0;
}
/* line 352, layout/_detail.scss */
.spec-download:hover:before {
  transform: translate(-50%, 0);
  opacity: 1;
}
/* line 357, layout/_detail.scss */
.spec-download:hover span {
  transform: translateY(15px);
  opacity: 0;
}
/* line 363, layout/_detail.scss */
.spec-download:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, -15px);
  opacity: 0;
  font-family: 'icomoon' !important;
  font-size: 12px;
  transition: all 0.2s ease;
}
/* line 374, layout/_detail.scss */
.spec-download:last-child {
  border: none;
}
/* line 378, layout/_detail.scss */
.spec-download span {
  display: inline-block;
  transition: all 0.2s ease;
}

/* Contact */
/* line 4, layout/_contact.scss */
.stage-contact > div {
  height: auto !important;
  min-height: 100vh !important;
  padding: 150px 0;
}
@media (max-width: 768px) {
  /* line 4, layout/_contact.scss */
  .stage-contact > div {
    padding: 60px 0;
  }
}
/* line 14, layout/_contact.scss */
.stage-contact h1 {
  margin-bottom: 30px;
  color: white;
  font-size: 35px;
}
/* line 20, layout/_contact.scss */
.stage-contact small {
  display: block;
  margin-top: -30px;
  margin-bottom: 40px;
  font-family: 'DINCond-Bold';
  font-weight: bold;
  font-size: 18px;
}
@media (max-width: 768px) {
  /* line 29, layout/_contact.scss */
  .stage-contact .g-recaptcha {
    margin-top: 30px;
  }
  /* line 33, layout/_contact.scss */
  .stage-contact button.btn-text-animate.js-btn-submit {
    display: block;
    width: 100%;
  }
}

/* line 40, layout/_contact.scss */
label {
  display: block;
  margin-top: -7px;
  color: #231f20;
  font-family: 'DINCond-Bold';
  font-weight: bold;
  font-size: 25px;
}

/* line 47, layout/_contact.scss */
input, textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 10px 0;
  margin-bottom: 40px;
  border: none;
  border-bottom: 1px solid white;
  background: transparent;
  color: white;
  font-family: 'DINCond-Bold';
  font-weight: bold;
  font-size: 18px;
}
/* line 59, layout/_contact.scss */
input:focus, textarea:focus {
  outline: none;
}

/* line 64, layout/_contact.scss */
textarea {
  height: 46px;
  max-height: 200px;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
}

/* line 72, layout/_contact.scss */
select {
  display: block;
  width: 100%;
  height: 40px;
  padding: 10px 5px;
  position: relative;
  opacity: 0;
  z-index: 10;
  font-family: Arial, sans-serif;
}
/* line 82, layout/_contact.scss */
select + span {
  display: block;
  width: 100%;
  height: 40px;
  padding: 8px 0;
  position: relative;
  margin-top: -40px;
  margin-bottom: 35px;
  z-index: 5;
  border-bottom: 1px solid white;
  color: white;
  font-size: 18px;
}
/* line 95, layout/_contact.scss */
select + span:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: rotate(90deg) translateX(-50%);
  font-family: 'icomoon' !important;
  font-size: 10px;
}

/* line 110, layout/_contact.scss */
.contact-step {
  color: white;
  text-align: center;
}

/* line 115, layout/_contact.scss */
.contact-address {
  margin-bottom: 40px;
  color: white;
  font-size: 20px;
}

/* line 122, layout/_contact.scss */
.contact-accept input, .contact-accept label {
  display: inline;
  width: auto;
  max-width: none;
  float: left;
  font-family: 'DINCond-Bold';
  font-weight: bold;
  font-size: 17px;
}

/* line 131, layout/_contact.scss */
.contact-details {
  color: white;
  font-size: 18px;
}
@media (max-width: 768px) {
  /* line 136, layout/_contact.scss */
  .contact-details > div {
    margin-top: 50px;
  }
}
/* line 141, layout/_contact.scss */
.contact-details b {
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
  text-transform: uppercase;
}
/* line 148, layout/_contact.scss */
.contact-details button {
  margin-top: 40px;
}
/* line 152, layout/_contact.scss */
.contact-details a {
  color: white;
  text-decoration: none;
}
/* line 157, layout/_contact.scss */
.contact-details a.maps-button {
  padding-bottom: 15px;
  position: relative;
  color: white !important;
  font-size: 16px;
}
/* line 164, layout/_contact.scss */
.contact-details a.maps-button:hover:after {
  width: 100%;
}
/* line 169, layout/_contact.scss */
.contact-details a.maps-button:after {
  content: '';
  width: 20px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: white;
  transition: all 0.3s ease;
}

/* line 182, layout/_contact.scss */
.contact-mail {
  color: white;
  font-family: 'DINCond-Bold';
  font-weight: bold;
  font-size: 16px;
}

/* line 187, layout/_contact.scss */
.warning {
  padding: 10px;
  margin-bottom: 20px;
  background: green;
  color: white;
}
/* line 193, layout/_contact.scss */
.warning.error {
  background: red;
}

/* line 198, layout/_contact.scss */
label.error {
  color: white;
  background: red;
  float: left;
  padding: 2px 10px;
  font-size: 13px;
  border-radius: 5px;
  margin-top: -50px;
}