/* normalize.css v3.0.2 | MIT License | git.io/normalize */
* {
  margin: 0;
  padding: 0; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  font-size: 1em;
  line-height: 1;
  background: #fff;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit; }

a {
  outline: 0;
  background-color: transparent;
  text-decoration: none; }

nav ul, nav ol, nav ul li, nav ol li {
  list-style: none;
  list-style-image: none;
  display: inline-block; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

svg:not(:root) {
  overflow: hidden; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

em, q {
  font-style: italic; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 75%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #f0f3fa;
  margin: 1em 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

p, pre {
  padding: .4em 0; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
  outline: none; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

button, input {
  line-height: normal; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  /*border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em;*/ }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

optgroup {
  font-weight: bold; }

label {
  cursor: pointer; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0;
  vertical-align: top; }

/* Pure v0.6.2 */
.pure-g {
  letter-spacing: -.31em;
  *letter-spacing: normal;
  *word-spacing: -.43em;
  text-rendering: optimizespeed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  table .pure-g {
    display: block; } }
.opera-only :-o-prefocus, .pure-g {
  word-spacing: -.43em; }

.pure-u {
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto; }

.pure-u-1, .pure-u-1-1, .pure-u-1-2, .pure-u-1-3, .pure-u-2-3, .pure-u-1-4, .pure-u-3-4, .pure-u-1-5, .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-5-5, .pure-u-1-6, .pure-u-5-6, .pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, .pure-u-1-24, .pure-u-2-24, .pure-u-3-24, .pure-u-4-24, .pure-u-5-24, .pure-u-6-24, .pure-u-7-24, .pure-u-8-24, .pure-u-9-24, .pure-u-10-24, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto; }

.pure-u-1-24 {
  width: 4.1667%;
  *width: 4.1357%; }

.pure-u-1-12, .pure-u-2-24 {
  width: 8.3333%;
  *width: 8.3023%; }

.pure-u-1-8, .pure-u-3-24 {
  width: 12.5000%;
  *width: 12.4690%; }

.pure-u-1-6, .pure-u-4-24 {
  width: 16.6667%;
  *width: 16.6357%; }

.pure-u-1-5 {
  width: 20%;
  *width: 19.9690%; }

.pure-u-5-24 {
  width: 20.8333%;
  *width: 20.8023%; }

.pure-u-1-4, .pure-u-6-24 {
  width: 25%;
  *width: 24.9690%; }

.pure-u-7-24 {
  width: 29.1667%;
  *width: 29.1357%; }

.pure-u-1-3, .pure-u-8-24 {
  width: 33.3333%;
  *width: 33.3023%; }

.pure-u-3-8, .pure-u-9-24 {
  width: 37.5000%;
  *width: 37.4690%; }

.pure-u-2-5 {
  width: 40%;
  *width: 39.9690%; }

.pure-u-5-12, .pure-u-10-24 {
  width: 41.6667%;
  *width: 41.6357%; }

.pure-u-11-24 {
  width: 45.8333%;
  *width: 45.8023%; }

.pure-u-1-2, .pure-u-12-24 {
  width: 50%;
  *width: 49.9690%; }

.pure-u-13-24 {
  width: 54.1667%;
  *width: 54.1357%; }

.pure-u-7-12, .pure-u-14-24 {
  width: 58.3333%;
  *width: 58.3023%; }

.pure-u-3-5 {
  width: 60%;
  *width: 59.9690%; }

.pure-u-5-8, .pure-u-15-24 {
  width: 62.5000%;
  *width: 62.4690%; }

.pure-u-2-3, .pure-u-16-24 {
  width: 66.6667%;
  *width: 66.6357%; }

.pure-u-17-24 {
  width: 70.8333%;
  *width: 70.8023%; }

.pure-u-3-4, .pure-u-18-24 {
  width: 75%;
  *width: 74.9690%; }

.pure-u-19-24 {
  width: 79.1667%;
  *width: 79.1357%; }

.pure-u-4-5 {
  width: 80%;
  *width: 79.9690%; }

.pure-u-5-6, .pure-u-20-24 {
  width: 83.3333%;
  *width: 83.3023%; }

.pure-u-7-8, .pure-u-21-24 {
  width: 87.5000%;
  *width: 87.4690%; }

.pure-u-11-12, .pure-u-22-24 {
  width: 91.6667%;
  *width: 91.6357%; }

.pure-u-23-24 {
  width: 95.8333%;
  *width: 95.8023%; }

.pure-u-1, .pure-u-1-1, .pure-u-5-5, .pure-u-24-24 {
  width: 100%; }

@media screen and (min-width: 560px) {
  .pure-u-sm-1-24 {
    width: 4.1667%;
    *width: 4.1357%; }

  .pure-u-sm-1-12, .pure-u-sm-2-24 {
    width: 8.3333%;
    *width: 8.3023%; }

  .pure-u-sm-1-8, .pure-u-sm-3-24 {
    width: 12.5000%;
    *width: 12.4690%; }

  .pure-u-sm-1-6, .pure-u-sm-4-24 {
    width: 16.6667%;
    *width: 16.6357%; }

  .pure-u-sm-1-5 {
    width: 20%;
    *width: 19.9690%; }

  .pure-u-sm-5-24 {
    width: 20.8333%;
    *width: 20.8023%; }

  .pure-u-sm-1-4, .pure-u-sm-6-24 {
    width: 25%;
    *width: 24.9690%; }

  .pure-u-sm-7-24 {
    width: 29.1667%;
    *width: 29.1357%; }

  .pure-u-sm-1-3, .pure-u-sm-8-24 {
    width: 33.3333%;
    *width: 33.3023%; }

  .pure-u-sm-3-8, .pure-u-sm-9-24 {
    width: 37.5000%;
    *width: 37.4690%; }

  .pure-u-sm-2-5 {
    width: 40%;
    *width: 39.9690%; }

  .pure-u-sm-5-12, .pure-u-sm-10-24 {
    width: 41.6667%;
    *width: 41.6357%; }

  .pure-u-sm-11-24 {
    width: 45.8333%;
    *width: 45.8023%; }

  .pure-u-sm-1-2, .pure-u-sm-12-24 {
    width: 50%;
    *width: 49.9690%; }

  .pure-u-sm-13-24 {
    width: 54.1667%;
    *width: 54.1357%; }

  .pure-u-sm-7-12, .pure-u-sm-14-24 {
    width: 58.3333%;
    *width: 58.3023%; }

  .pure-u-sm-3-5 {
    width: 60%;
    *width: 59.9690%; }

  .pure-u-sm-5-8, .pure-u-sm-15-24 {
    width: 62.5000%;
    *width: 62.4690%; }

  .pure-u-sm-2-3, .pure-u-sm-16-24 {
    width: 66.6667%;
    *width: 66.6357%; }

  .pure-u-sm-17-24 {
    width: 70.8333%;
    *width: 70.8023%; }

  .pure-u-sm-3-4, .pure-u-sm-18-24 {
    width: 75%;
    *width: 74.9690%; }

  .pure-u-sm-19-24 {
    width: 79.1667%;
    *width: 79.1357%; }

  .pure-u-sm-4-5 {
    width: 80%;
    *width: 79.9690%; }

  .pure-u-sm-5-6, .pure-u-sm-20-24 {
    width: 83.3333%;
    *width: 83.3023%; }

  .pure-u-sm-7-8, .pure-u-sm-21-24 {
    width: 87.5000%;
    *width: 87.4690%; }

  .pure-u-sm-11-12, .pure-u-sm-22-24 {
    width: 91.6667%;
    *width: 91.6357%; }

  .pure-u-sm-23-24 {
    width: 95.8333%;
    *width: 95.8023%; }

  .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-5-5, .pure-u-sm-24-24 {
    width: 100%; } }
@media screen and (min-width: 768px) {
  .pure-u-md-1-24 {
    width: 4.1667%;
    *width: 4.1357%; }

  .pure-u-md-1-12, .pure-u-md-2-24 {
    width: 8.3333%;
    *width: 8.3023%; }

  .pure-u-md-1-8, .pure-u-md-3-24 {
    width: 12.5000%;
    *width: 12.4690%; }

  .pure-u-md-1-6, .pure-u-md-4-24 {
    width: 16.6667%;
    *width: 16.6357%; }

  .pure-u-md-1-5 {
    width: 20%;
    *width: 19.9690%; }

  .pure-u-md-5-24 {
    width: 20.8333%;
    *width: 20.8023%; }

  .pure-u-md-1-4, .pure-u-md-6-24 {
    width: 25%;
    *width: 24.9690%; }

  .pure-u-md-7-24 {
    width: 29.1667%;
    *width: 29.1357%; }

  .pure-u-md-1-3, .pure-u-md-8-24 {
    width: 33.3333%;
    *width: 33.3023%; }

  .pure-u-md-3-8, .pure-u-md-9-24 {
    width: 37.5000%;
    *width: 37.4690%; }

  .pure-u-md-2-5 {
    width: 40%;
    *width: 39.9690%; }

  .pure-u-md-5-12, .pure-u-md-10-24 {
    width: 41.6667%;
    *width: 41.6357%; }

  .pure-u-md-11-24 {
    width: 45.8333%;
    *width: 45.8023%; }

  .pure-u-md-1-2, .pure-u-md-12-24 {
    width: 50%;
    *width: 49.9690%; }

  .pure-u-md-13-24 {
    width: 54.1667%;
    *width: 54.1357%; }

  .pure-u-md-7-12, .pure-u-md-14-24 {
    width: 58.3333%;
    *width: 58.3023%; }

  .pure-u-md-3-5 {
    width: 60%;
    *width: 59.9690%; }

  .pure-u-md-5-8, .pure-u-md-15-24 {
    width: 62.5000%;
    *width: 62.4690%; }

  .pure-u-md-2-3, .pure-u-md-16-24 {
    width: 66.6667%;
    *width: 66.6357%; }

  .pure-u-md-17-24 {
    width: 70.8333%;
    *width: 70.8023%; }

  .pure-u-md-3-4, .pure-u-md-18-24 {
    width: 75%;
    *width: 74.9690%; }

  .pure-u-md-19-24 {
    width: 79.1667%;
    *width: 79.1357%; }

  .pure-u-md-4-5 {
    width: 80%;
    *width: 79.9690%; }

  .pure-u-md-5-6, .pure-u-md-20-24 {
    width: 83.3333%;
    *width: 83.3023%; }

  .pure-u-md-7-8, .pure-u-md-21-24 {
    width: 87.5000%;
    *width: 87.4690%; }

  .pure-u-md-11-12, .pure-u-md-22-24 {
    width: 91.6667%;
    *width: 91.6357%; }

  .pure-u-md-23-24 {
    width: 95.8333%;
    *width: 95.8023%; }

  .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-5-5, .pure-u-md-24-24 {
    width: 100%; } }
@media screen and (min-width: 1024px) {
  .pure-u-lg-1-24 {
    width: 4.1667%;
    *width: 4.1357%; }

  .pure-u-lg-1-12, .pure-u-lg-2-24 {
    width: 8.3333%;
    *width: 8.3023%; }

  .pure-u-lg-1-8, .pure-u-lg-3-24 {
    width: 12.5000%;
    *width: 12.4690%; }

  .pure-u-lg-1-6, .pure-u-lg-4-24 {
    width: 16.6667%;
    *width: 16.6357%; }

  .pure-u-lg-1-5 {
    width: 20%;
    *width: 19.9690%; }

  .pure-u-lg-5-24 {
    width: 20.8333%;
    *width: 20.8023%; }

  .pure-u-lg-1-4, .pure-u-lg-6-24 {
    width: 25%;
    *width: 24.9690%; }

  .pure-u-lg-7-24 {
    width: 29.1667%;
    *width: 29.1357%; }

  .pure-u-lg-1-3, .pure-u-lg-8-24 {
    width: 33.3333%;
    *width: 33.3023%; }

  .pure-u-lg-3-8, .pure-u-lg-9-24 {
    width: 37.5000%;
    *width: 37.4690%; }

  .pure-u-lg-2-5 {
    width: 40%;
    *width: 39.9690%; }

  .pure-u-lg-5-12, .pure-u-lg-10-24 {
    width: 41.6667%;
    *width: 41.6357%; }

  .pure-u-lg-11-24 {
    width: 45.8333%;
    *width: 45.8023%; }

  .pure-u-lg-1-2, .pure-u-lg-12-24 {
    width: 50%;
    *width: 49.9690%; }

  .pure-u-lg-13-24 {
    width: 54.1667%;
    *width: 54.1357%; }

  .pure-u-lg-7-12, .pure-u-lg-14-24 {
    width: 58.3333%;
    *width: 58.3023%; }

  .pure-u-lg-3-5 {
    width: 60%;
    *width: 59.9690%; }

  .pure-u-lg-5-8, .pure-u-lg-15-24 {
    width: 62.5000%;
    *width: 62.4690%; }

  .pure-u-lg-2-3, .pure-u-lg-16-24 {
    width: 66.6667%;
    *width: 66.6357%; }

  .pure-u-lg-17-24 {
    width: 70.8333%;
    *width: 70.8023%; }

  .pure-u-lg-3-4, .pure-u-lg-18-24 {
    width: 75%;
    *width: 74.9690%; }

  .pure-u-lg-19-24 {
    width: 79.1667%;
    *width: 79.1357%; }

  .pure-u-lg-4-5 {
    width: 80%;
    *width: 79.9690%; }

  .pure-u-lg-5-6, .pure-u-lg-20-24 {
    width: 83.3333%;
    *width: 83.3023%; }

  .pure-u-lg-7-8, .pure-u-lg-21-24 {
    width: 87.5000%;
    *width: 87.4690%; }

  .pure-u-lg-11-12, .pure-u-lg-22-24 {
    width: 91.6667%;
    *width: 91.6357%; }

  .pure-u-lg-23-24 {
    width: 95.8333%;
    *width: 95.8023%; }

  .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-5-5, .pure-u-lg-24-24 {
    width: 100%; } }
@media screen and (min-width: 1280px) {
  .pure-u-xl-1-24 {
    width: 4.1667%;
    *width: 4.1357%; }

  .pure-u-xl-1-12, .pure-u-xl-2-24 {
    width: 8.3333%;
    *width: 8.3023%; }

  .pure-u-xl-1-8, .pure-u-xl-3-24 {
    width: 12.5000%;
    *width: 12.4690%; }

  .pure-u-xl-1-6, .pure-u-xl-4-24 {
    width: 16.6667%;
    *width: 16.6357%; }

  .pure-u-xl-1-5 {
    width: 20%;
    *width: 19.9690%; }

  .pure-u-xl-5-24 {
    width: 20.8333%;
    *width: 20.8023%; }

  .pure-u-xl-1-4, .pure-u-xl-6-24 {
    width: 25%;
    *width: 24.9690%; }

  .pure-u-xl-7-24 {
    width: 29.1667%;
    *width: 29.1357%; }

  .pure-u-xl-1-3, .pure-u-xl-8-24 {
    width: 33.3333%;
    *width: 33.3023%; }

  .pure-u-xl-3-8, .pure-u-xl-9-24 {
    width: 37.5000%;
    *width: 37.4690%; }

  .pure-u-xl-2-5 {
    width: 40%;
    *width: 39.9690%; }

  .pure-u-xl-5-12, .pure-u-xl-10-24 {
    width: 41.6667%;
    *width: 41.6357%; }

  .pure-u-xl-11-24 {
    width: 45.8333%;
    *width: 45.8023%; }

  .pure-u-xl-1-2, .pure-u-xl-12-24 {
    width: 50%;
    *width: 49.9690%; }

  .pure-u-xl-13-24 {
    width: 54.1667%;
    *width: 54.1357%; }

  .pure-u-xl-7-12, .pure-u-xl-14-24 {
    width: 58.3333%;
    *width: 58.3023%; }

  .pure-u-xl-3-5 {
    width: 60%;
    *width: 59.9690%; }

  .pure-u-xl-5-8, .pure-u-xl-15-24 {
    width: 62.5000%;
    *width: 62.4690%; }

  .pure-u-xl-2-3, .pure-u-xl-16-24 {
    width: 66.6667%;
    *width: 66.6357%; }

  .pure-u-xl-17-24 {
    width: 70.8333%;
    *width: 70.8023%; }

  .pure-u-xl-3-4, .pure-u-xl-18-24 {
    width: 75%;
    *width: 74.9690%; }

  .pure-u-xl-19-24 {
    width: 79.1667%;
    *width: 79.1357%; }

  .pure-u-xl-4-5 {
    width: 80%;
    *width: 79.9690%; }

  .pure-u-xl-5-6, .pure-u-xl-20-24 {
    width: 83.3333%;
    *width: 83.3023%; }

  .pure-u-xl-7-8, .pure-u-xl-21-24 {
    width: 87.5000%;
    *width: 87.4690%; }

  .pure-u-xl-11-12, .pure-u-xl-22-24 {
    width: 91.6667%;
    *width: 91.6357%; }

  .pure-u-xl-23-24 {
    width: 95.8333%;
    *width: 95.8023%; }

  .pure-u-xl-1, .pure-u-xl-1-1, .pure-u-xl-5-5, .pure-u-xl-24-24 {
    width: 100%; } }
.pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form select,
.pure-form textarea {
  display: inline-block;
  /*padding:.6em; border:1px solid $colormidgray;*/
  vertical-align: middle;
  box-sizing: border-box; }

.pure-form input:not([type]) {
  display: inline-block;
  box-sizing: border-box; }

.pure-form input[type="color"] {
  padding: .2em .5em; }

.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
  outline: 0;
  border-color: #0098e9; }

.pure-form input:not([type]):focus {
  outline: 0;
  border-color: #0098e9; }

.pure-form input[type="file"]:focus,
.pure-form input[type="radio"]:focus,
.pure-form input[type="checkbox"]:focus {
  outline: thin solid #0098e9;
  outline: 1px auto #0098e9; }

.pure-form .pure-checkbox, .pure-form .pure-radio {
  margin: .5em 0;
  display: block; }

.pure-form input[type="text"][disabled],
.pure-form input[type="password"][disabled],
.pure-form input[type="email"][disabled],
.pure-form input[type="url"][disabled],
.pure-form input[type="date"][disabled],
.pure-form input[type="month"][disabled],
.pure-form input[type="time"][disabled],
.pure-form input[type="datetime"][disabled],
.pure-form input[type="datetime-local"][disabled],
.pure-form input[type="week"][disabled],
.pure-form input[type="number"][disabled],
.pure-form input[type="search"][disabled],
.pure-form input[type="tel"][disabled],
.pure-form input[type="color"][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
  cursor: not-allowed;
  opacity: .4; }

.pure-form input:not([type])[disabled] {
  cursor: not-allowed;
  opacity: .4; }

.pure-form input[readonly], .pure-form select[readonly], .pure-form textarea[readonly] {
  /*background-color:$colorgray1; color:$colortext; border-color:$colorgray1;*/ }

.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
  /*color:$colorred; border-color:$colorred;*/ }

.pure-form input[type="file"]:focus:invalid:focus,
.pure-form input[type="radio"]:focus:invalid:focus,
.pure-form input[type="checkbox"]:focus:invalid:focus {
  /*outline-color:$colorred;*/ }

.pure-form select {
  height: 2.25em;
  border: 1px solid #5a6d7e;
  background-color: #fff; }

.pure-form select[multiple] {
  height: auto; }

.pure-form-stacked input[type="text"],
.pure-form-stacked input[type="password"],
.pure-form-stacked input[type="email"],
.pure-form-stacked input[type="url"],
.pure-form-stacked input[type="date"],
.pure-form-stacked input[type="month"],
.pure-form-stacked input[type="time"],
.pure-form-stacked input[type="datetime"],
.pure-form-stacked input[type="datetime-local"],
.pure-form-stacked input[type="week"],
.pure-form-stacked input[type="number"],
.pure-form-stacked input[type="search"],
.pure-form-stacked input[type="tel"],
.pure-form-stacked input[type="color"],
.pure-form-stacked input[type="file"],
.pure-form-stacked select,
.pure-form-stacked label,
.pure-form-stacked textarea {
  display: block; }

.pure-form-stacked input:not([type]) {
  display: block; }

.pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
.pure-form-aligned .pure-help-inline,
.pure-form-message-inline {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle; }

.pure-form-aligned textarea {
  vertical-align: top; }

/* Aligned Forms */
.pure-form-aligned .pure-control-group {
  margin-bottom: 1em; }

.pure-form-aligned .pure-control-group label {
  display: inline-block;
  vertical-align: middle;
  width: 9em;
  padding: 0 1em 0 0; }

.pure-form-aligned .pure-controls {
  /*margin:1.5em 0 0 11em;*/ }

.pure-form .pure-input-1 {
  width: 100%; }

.pure-form .pure-input-3-4 {
  width: 75%; }

.pure-form .pure-input-2-3 {
  width: 66%; }

.pure-form .pure-input-1-2 {
  width: 50%; }

.pure-form .pure-input-1-3 {
  width: 33%; }

.pure-form .pure-input-1-4 {
  width: 25%; }

@media only screen and (max-width: 480px) {
  .pure-form input:not([type]),
  .pure-form input[type="text"],
  .pure-form input[type="password"],
  .pure-form input[type="email"],
  .pure-form input[type="url"],
  .pure-form input[type="date"],
  .pure-form input[type="month"],
  .pure-form input[type="time"],
  .pure-form input[type="datetime"],
  .pure-form input[type="datetime-local"],
  .pure-form input[type="week"],
  .pure-form input[type="number"],
  .pure-form input[type="search"],
  .pure-form input[type="tel"],
  .pure-form input[type="color"],
  .pure-form label {
    display: block; }

  .pure-group input:not([type]),
  .pure-group input[type="text"],
  .pure-group input[type="password"],
  .pure-group input[type="email"],
  .pure-group input[type="url"],
  .pure-group input[type="date"],
  .pure-group input[type="month"],
  .pure-group input[type="time"],
  .pure-group input[type="datetime"],
  .pure-group input[type="datetime-local"],
  .pure-group input[type="week"],
  .pure-group input[type="number"],
  .pure-group input[type="search"],
  .pure-group input[type="tel"],
  .pure-group input[type="color"] {
    margin-bottom: 0; }

  .pure-form-aligned .pure-control-group label {
    text-align: left;
    display: block;
    width: 100%; } }
@font-face {
  font-family: 'Bebas Neue';
  src: url("../font/BebasNeueRegular.eot");
  src: url("../font/BebasNeueRegular.eot?#iefix") format("embedded-opentype"), url("../font/BebasNeueRegular.woff") format("woff"), url("../font/BebasNeueRegular.ttf") format("truetype"), url("../font/BebasNeueRegular.svg#BebasNeueRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Bebas Neue';
  src: url("../font/BebasNeueBook.eot");
  src: url("../font/BebasNeueBook.eot?#iefix") format("embedded-opentype"), url("../font/BebasNeueBook.woff") format("woff"), url("../font/BebasNeueBook.ttf") format("truetype"), url("../font/BebasNeueBook.svg#BebasNeueBook") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Bebas Neue';
  src: url("../font/BebasNeueLight.eot");
  src: url("../font/BebasNeueLight.eot?#iefix") format("embedded-opentype"), url("../font/BebasNeueLight.woff") format("woff"), url("../font/BebasNeueLight.ttf") format("truetype"), url("../font/BebasNeueLight.svg#BebasNeueLight") format("svg");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: 'Bebas Neue';
  src: url("../font/BebasNeueThin.eot");
  src: url("../font/BebasNeueThin.eot?#iefix") format("embedded-opentype"), url("../font/BebasNeueThin.woff") format("woff"), url("../font/BebasNeueThin.ttf") format("truetype"), url("../font/BebasNeueThin.svg#BebasNeue-Thin") format("svg");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: 'Bebas Neue';
  src: url("../font/BebasNeueBold.eot");
  src: url("../font/BebasNeueBold.eot?#iefix") format("embedded-opentype"), url("../font/BebasNeueBold.woff") format("woff"), url("../font/BebasNeueBold.ttf") format("truetype"), url("../font/BebasNeueBold.svg#BebasNeueBold") format("svg");
  font-weight: bold;
  font-style: normal; }
/* linearicons */
@font-face {
  font-family: 'Linearicons';
  src: url("../font/Linearicons.eot?w118d");
  src: url("../font/Linearicons.eot?#iefixw118d") format("embedded-opentype"), url("../font/Linearicons.woff2?w118d") format("woff2"), url("../font/Linearicons.woff?w118d") format("woff"), url("../font/Linearicons.ttf?w118d") format("truetype"), url("../font/Linearicons.svg?w118d#Linearicons-Free") format("svg");
  font-weight: normal;
  font-style: normal; }
.lnr {
  font-family: 'Linearicons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.lnr-home:before {
  content: "\e800"; }

.lnr-apartment:before {
  content: "\e801"; }

.lnr-pencil:before {
  content: "\e802"; }

.lnr-magic-wand:before {
  content: "\e803"; }

.lnr-drop:before {
  content: "\e804"; }

.lnr-lighter:before {
  content: "\e805"; }

.lnr-poop:before {
  content: "\e806"; }

.lnr-sun:before {
  content: "\e807"; }

.lnr-moon:before {
  content: "\e808"; }

.lnr-cloud:before {
  content: "\e809"; }

.lnr-cloud-upload:before {
  content: "\e80a"; }

.lnr-cloud-download:before {
  content: "\e80b"; }

.lnr-cloud-sync:before {
  content: "\e80c"; }

.lnr-cloud-check:before {
  content: "\e80d"; }

.lnr-database:before {
  content: "\e80e"; }

.lnr-lock:before {
  content: "\e80f"; }

.lnr-cog:before {
  content: "\e810"; }

.lnr-trash:before {
  content: "\e811"; }

.lnr-dice:before {
  content: "\e812"; }

.lnr-heart:before {
  content: "\e813"; }

.lnr-star:before {
  content: "\e814"; }

.lnr-star-half:before {
  content: "\e815"; }

.lnr-star-empty:before {
  content: "\e816"; }

.lnr-flag:before {
  content: "\e817"; }

.lnr-envelope:before {
  content: "\e818"; }

.lnr-paperclip:before {
  content: "\e819"; }

.lnr-inbox:before {
  content: "\e81a"; }

.lnr-eye:before {
  content: "\e81b"; }

.lnr-printer:before {
  content: "\e81c"; }

.lnr-file-empty:before {
  content: "\e81d"; }

.lnr-file-add:before {
  content: "\e81e"; }

.lnr-enter:before {
  content: "\e81f"; }

.lnr-exit:before {
  content: "\e820"; }

.lnr-graduation-hat:before {
  content: "\e821"; }

.lnr-license:before {
  content: "\e822"; }

.lnr-music-note:before {
  content: "\e823"; }

.lnr-film-play:before {
  content: "\e824"; }

.lnr-camera-video:before {
  content: "\e825"; }

.lnr-camera:before {
  content: "\e826"; }

.lnr-picture:before {
  content: "\e827"; }

.lnr-book:before {
  content: "\e828"; }

.lnr-bookmark:before {
  content: "\e829"; }

.lnr-user:before {
  content: "\e82a"; }

.lnr-users:before {
  content: "\e82b"; }

.lnr-shirt:before {
  content: "\e82c"; }

.lnr-store:before {
  content: "\e82d"; }

.lnr-cart:before {
  content: "\e82e"; }

.lnr-tag:before {
  content: "\e82f"; }

.lnr-phone-handset:before {
  content: "\e830"; }

.lnr-phone:before {
  content: "\e831"; }

.lnr-pushpin:before {
  content: "\e832"; }

.lnr-map-marker:before {
  content: "\e833"; }

.lnr-map:before {
  content: "\e834"; }

.lnr-location:before {
  content: "\e835"; }

.lnr-calendar-full:before {
  content: "\e836"; }

.lnr-keyboard:before {
  content: "\e837"; }

.lnr-spell-check:before {
  content: "\e838"; }

.lnr-screen:before {
  content: "\e839"; }

.lnr-smartphone:before {
  content: "\e83a"; }

.lnr-tablet:before {
  content: "\e83b"; }

.lnr-laptop:before {
  content: "\e83c"; }

.lnr-laptop-phone:before {
  content: "\e83d"; }

.lnr-power-switch:before {
  content: "\e83e"; }

.lnr-bubble:before {
  content: "\e83f"; }

.lnr-heart-pulse:before {
  content: "\e840"; }

.lnr-construction:before {
  content: "\e841"; }

.lnr-pie-chart:before {
  content: "\e842"; }

.lnr-chart-bars:before {
  content: "\e843"; }

.lnr-gift:before {
  content: "\e844"; }

.lnr-diamond:before {
  content: "\e845"; }

.lnr-linearicons:before {
  content: "\e846"; }

.lnr-dinner:before {
  content: "\e847"; }

.lnr-coffee-cup:before {
  content: "\e848"; }

.lnr-leaf:before {
  content: "\e849"; }

.lnr-paw:before {
  content: "\e84a"; }

.lnr-rocket:before {
  content: "\e84b"; }

.lnr-briefcase:before {
  content: "\e84c"; }

.lnr-bus:before {
  content: "\e84d"; }

.lnr-car:before {
  content: "\e84e"; }

.lnr-train:before {
  content: "\e84f"; }

.lnr-bicycle:before {
  content: "\e850"; }

.lnr-wheelchair:before {
  content: "\e851"; }

.lnr-select:before {
  content: "\e852"; }

.lnr-earth:before {
  content: "\e853"; }

.lnr-smile:before {
  content: "\e854"; }

.lnr-sad:before {
  content: "\e855"; }

.lnr-neutral:before {
  content: "\e856"; }

.lnr-mustache:before {
  content: "\e857"; }

.lnr-alarm:before {
  content: "\e858"; }

.lnr-bullhorn:before {
  content: "\e859"; }

.lnr-volume-high:before {
  content: "\e85a"; }

.lnr-volume-medium:before {
  content: "\e85b"; }

.lnr-volume-low:before {
  content: "\e85c"; }

.lnr-volume:before {
  content: "\e85d"; }

.lnr-mic:before {
  content: "\e85e"; }

.lnr-hourglass:before {
  content: "\e85f"; }

.lnr-undo:before {
  content: "\e860"; }

.lnr-redo:before {
  content: "\e861"; }

.lnr-sync:before {
  content: "\e862"; }

.lnr-history:before {
  content: "\e863"; }

.lnr-clock:before {
  content: "\e864"; }

.lnr-download:before {
  content: "\e865"; }

.lnr-upload:before {
  content: "\e866"; }

.lnr-enter-down:before {
  content: "\e867"; }

.lnr-exit-up:before {
  content: "\e868"; }

.lnr-bug:before {
  content: "\e869"; }

.lnr-code:before {
  content: "\e86a"; }

.lnr-link:before {
  content: "\e86b"; }

.lnr-unlink:before {
  content: "\e86c"; }

.lnr-thumbs-up:before {
  content: "\e86d"; }

.lnr-thumbs-down:before {
  content: "\e86e"; }

.lnr-magnifier:before {
  content: "\e86f"; }

.lnr-cross:before {
  content: "\e870"; }

.lnr-menu:before {
  content: "\e871"; }

.lnr-list:before {
  content: "\e872"; }

.lnr-chevron-up:before {
  content: "\e873"; }

.lnr-chevron-down:before {
  content: "\e874"; }

.lnr-chevron-left:before {
  content: "\e875"; }

.lnr-chevron-right:before {
  content: "\e876"; }

.lnr-arrow-up:before {
  content: "\e877"; }

.lnr-arrow-down:before {
  content: "\e878"; }

.lnr-arrow-left:before {
  content: "\e879"; }

.lnr-arrow-right:before {
  content: "\e87a"; }

.lnr-move:before {
  content: "\e87b"; }

.lnr-warning:before {
  content: "\e87c"; }

.lnr-question-circle:before {
  content: "\e87d"; }

.lnr-menu-circle:before {
  content: "\e87e"; }

.lnr-checkmark-circle:before {
  content: "\e87f"; }

.lnr-cross-circle:before {
  content: "\e880"; }

.lnr-plus-circle:before {
  content: "\e881"; }

.lnr-circle-minus:before {
  content: "\e882"; }

.lnr-arrow-up-circle:before {
  content: "\e883"; }

.lnr-arrow-down-circle:before {
  content: "\e884"; }

.lnr-arrow-left-circle:before {
  content: "\e885"; }

.lnr-arrow-right-circle:before {
  content: "\e886"; }

.lnr-chevron-up-circle:before {
  content: "\e887"; }

.lnr-chevron-down-circle:before {
  content: "\e888"; }

.lnr-chevron-left-circle:before {
  content: "\e889"; }

.lnr-chevron-right-circle:before {
  content: "\e88a"; }

.lnr-crop:before {
  content: "\e88b"; }

.lnr-frame-expand:before {
  content: "\e88c"; }

.lnr-frame-contract:before {
  content: "\e88d"; }

.lnr-layers:before {
  content: "\e88e"; }

.lnr-funnel:before {
  content: "\e88f"; }

.lnr-text-format:before {
  content: "\e890"; }

.lnr-text-format-remove:before {
  content: "\e891"; }

.lnr-text-size:before {
  content: "\e892"; }

.lnr-bold:before {
  content: "\e893"; }

.lnr-italic:before {
  content: "\e894"; }

.lnr-underline:before {
  content: "\e895"; }

.lnr-strikethrough:before {
  content: "\e896"; }

.lnr-highlight:before {
  content: "\e897"; }

.lnr-text-align-left:before {
  content: "\e898"; }

.lnr-text-align-center:before {
  content: "\e899"; }

.lnr-text-align-right:before {
  content: "\e89a"; }

.lnr-text-align-justify:before {
  content: "\e89b"; }

.lnr-line-spacing:before {
  content: "\e89c"; }

.lnr-indent-increase:before {
  content: "\e89d"; }

.lnr-indent-decrease:before {
  content: "\e89e"; }

.lnr-pilcrow:before {
  content: "\e89f"; }

.lnr-direction-ltr:before {
  content: "\e8a0"; }

.lnr-direction-rtl:before {
  content: "\e8a1"; }

.lnr-page-break:before {
  content: "\e8a2"; }

.lnr-sort-alpha-asc:before {
  content: "\e8a3"; }

.lnr-sort-amount-asc:before {
  content: "\e8a4"; }

.lnr-hand:before {
  content: "\e8a5"; }

.lnr-pointer-up:before {
  content: "\e8a6"; }

.lnr-pointer-right:before {
  content: "\e8a7"; }

.lnr-pointer-down:before {
  content: "\e8a8"; }

.lnr-pointer-left:before {
  content: "\e8a9"; }

/* gral HTML =========================================================== */
html, body {
  width: 100%;
  height: 100%; }

html, body, button, input, select, textarea {
  color: #283f50;
  font-family: "Montserrat", "HelveticaNeue", Arial, sans-serif;
  font-weight: 300;
  letter-spacing: -.02em; }

body {
  font-size: 1em;
  background: #fff; }

::-moz-selection {
  background: #0098e9;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #0098e9;
  color: #fff;
  text-shadow: none; }

::-webkit-input-placeholder {
  color: #0098e9;
  font-weight: 200;
  letter-spacing: -.04em; }

:-moz-placeholder {
  color: #0098e9;
  font-weight: 200;
  letter-spacing: -.04em; }

::-moz-placeholder {
  color: #0098e9;
  font-weight: 200;
  letter-spacing: -.04em; }

:-ms-input-placeholder {
  color: #0098e9;
  font-weight: 200;
  letter-spacing: -.04em; }

h1, h2, h3, h4, h5, h6 {
  line-height: .9;
  position: relative;
  margin: .6em 0 .4em 0;
  font-family: "Bebas Neue", "HelveticaNeue", Arial, sans-serif;
  font-weight: 300; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0; }

h1 {
  font-size: 3.5em; }

h2 {
  font-size: 1.8em;
  font-weight: bold; }

h3 {
  font-size: 1.2em; }

h4 {
  font-size: 1.1rem; }

h5 {
  font-size: .9rem; }

h6 {
  font-size: .8em; }

h1 span {
  display: block;
  font-size: .7em;
  position: relative;
  z-index: 10; }

h1 strong {
  display: inline-block;
  position: relative;
  z-index: 10; }

a {
  color: #283f50; }

a:hover {
  color: #0098e9; }

.active a {
  cursor: default; }

strong {
  font-weight: 600; }

.alignc {
  text-align: center; }

.alignj {
  text-align: justify; }

.alignr {
  text-align: right; }

.align-middle, #btn-menu:before, #social-nav a:before, .featherlight:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.00000001em; }

.overflow {
  overflow: hidden; }

.hide {
  visibility: hidden;
  opacity: 0; }

.show {
  visibility: visible;
  opacity: 1; }

/* linearicons */
.fonticon, .open_div:before, #s5 .wrap_text li:before, .icon:before, label.error:before, .flickity-prev-next-button.previous:before, .flickity-prev-next-button.next:before {
  display: inline-block;
  font-family: 'Linearicons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* header */
#main-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  padding: 1.5em 0 0 9vw; }

#main-header.fixed {
  height: 0; }

/* main logo */
#main-logo, #icon-logo, #icon-logo img {
  display: inline-block; }

#main-logo {
  width: 12.5em;
  max-width: 40vw;
  position: relative;
  z-index: 0; }

#icon-logo {
  position: absolute;
  bottom: 1.2em;
  left: 9vw;
  z-index: 100;
  opacity: 0; }

#icon-logo img {
  height: 2.8em;
  width: auto; }

/* fixed header top */
.fixed #main-logo {
  opacity: 0;
  pointer-events: none; }

.fixed:not(.hidden) #icon-logo {
  opacity: 1; }

.fixed #main-nav {
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.05);
  background: #fff; }

/* nav top */
#main-nav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  text-align: right;
  text-transform: uppercase;
  padding: 2em 9vw; }

/* btn menu mobile */
#btn-menu, #btn-menu span, #btn-menu span:before, #btn-menu span:after {
  display: inline-block; }

#btn-menu {
  position: relative;
  z-index: 100;
  width: 1.6em;
  height: 1em;
  text-align: right; }

#btn-menu span {
  width: 60%;
  height: 1px;
  background: #5a6d7e;
  vertical-align: middle; }

#btn-menu span:before, #btn-menu span:after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  background: #5a6d7e;
  -webkit-transform-origin: 54% 54%;
  -moz-transform-origin: 54% 54%;
  -ms-transform-origin: 54% 54%;
  -o-transform-origin: 54% 54%;
  transform-origin: 54% 54%; }

#btn-menu span:before {
  top: 0; }

#btn-menu span:after {
  bottom: 0; }

/* close btn */
.opened #btn-menu span {
  width: 0; }

.opened #btn-menu span:before {
  top: 50%; }

.opened #btn-menu span:after {
  bottom: 50%; }

/* main menu */
#menu-nav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  padding-top: 4em;
  font-size: 1.2em;
  width: 100%;
  height: 100vh;
  overflow: auto; }

#menu-nav li {
  display: block; }

#menu-nav li a {
  display: inline-block;
  position: relative;
  padding: 1em 9vw; }

#menu-nav li.active a {
  color: #0098e9; }

#menu-nav li:nth-of-type(2).active a, #menu-nav li:nth-of-type(2) a:hover {
  color: #da7100; }

#menu-nav li:nth-of-type(3).active a, #menu-nav li:nth-of-type(3) a:hover {
  color: #ecca00; }

#menu-nav li:nth-of-type(4).active a, #menu-nav li:nth-of-type(4) a:hover {
  color: #24327e; }

#menu-nav li:nth-of-type(5).active a, #menu-nav li:nth-of-type(5) a:hover {
  color: #c80015; }

#menu-nav li:nth-of-type(6).active a, #menu-nav li:nth-of-type(6) a:hover {
  color: #71bd00; }

#menu-nav li.active a:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  margin: auto;
  background: #0098e9; }

#menu-nav li:nth-of-type(2).active a:before {
  background: #da7100; }

#menu-nav li:nth-of-type(3).active a:before {
  background: #ecca00; }

#menu-nav li:nth-of-type(4).active a:before {
  background: #24327e; }

#menu-nav li:nth-of-type(5).active a:before {
  background: #c80015; }

#menu-nav li:nth-of-type(6).active a:before {
  background: #71bd00; }

/* marcas */
#marcas {
  text-align: center;
  padding: 3em 0; }

#marcas p {
  text-transform: uppercase;
  font-size: .8em;
  padding-bottom: 1em;
  font-weight: 600; }

#marcas ul, #marcas li {
  list-style: none;
  padding: 0;
  display: inline-block;
  vertical-align: middle; }

#marcas img {
  max-height: 2.5em;
  width: auto;
  margin: .5em; }

/* footer */
#copyright {
  font-size: .8em;
  color: #5a6d7e;
  padding: 1em 0;
  text-align: center;
  border-top: 1px solid #f0f3fa; }

/* layout*/
section {
  position: relative;
  z-index: 0; }

.wrap {
  width: 82%;
  max-width: 90em;
  margin: 0 auto; }

.wrap_text {
  font-size: .8em;
  line-height: 1.4; }

/* titulo con stroke */
.stroke {
  position: relative;
  z-index: 0; }

.stroke strong {
  background: #fff;
  padding: 0 .4em; }

.stroke:before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 50%;
  left: 0;
  z-index: 0;
  background: #283f50;
  opacity: .2; }

/* padding */
.padding-top {
  padding-top: 4em; }

.padding-bottom {
  padding-bottom: 4em; }

.padding-top_med {
  padding-top: 2em; }

.padding-bottom_med {
  padding-bottom: 2em; }

/* sliders */
.flickity-slider .slide {
  opacity: 0; }

.flickity-slider .slide.is-selected {
  opacity: 1; }

.btn-link {
  display: inline-block;
  padding: .6em 1.4em;
  color: #fff;
  background: #0098e9;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .8em;
  margin: .5em 0; }

.btn-link:hover {
  color: #fff;
  background: #71bd00;
  cursor: pointer; }

/* INICIO */
#arrow-inicio {
  display: inline-block;
  width: 1em;
  font-size: 1.6em;
  color: #0098e9;
  position: absolute;
  bottom: .4em;
  left: 0;
  right: 0;
  z-index: 100;
  margin: auto;
  cursor: pointer;
  -webkit-animation: upndw 0.8s infinite ease-in-out;
  -moz-animation: upndw 0.8s infinite ease-in-out;
  -ms-animation: upndw 0.8s infinite ease-in-out;
  -o-animation: upndw 0.8s infinite ease-in-out;
  animation: upndw 0.8s infinite ease-in-out; }

/* slider main */
#s1 .slider {
  position: relative;
  z-index: 0;
  padding-bottom: 100vh; }

#s1 .slider .flickity-viewport, #s1 .slider .flickity-slider, #s1 .slider .slide, #s1 .slider .wrap {
  height: 100%; }

#s1 .slider .flickity-viewport {
  position: absolute;
  width: 100%; }

#s1 .slider .slide {
  background: #fff;
  width: 100%; }

#s1 .slider .wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

/* texto slide */
.slide_txt {
  padding-top: 3em;
  margin: 0; }

.slide_txt span, .slide_txt strong {
  display: inline-block;
  font-size: .8em; }

.slide_txt strong {
  z-index: 0;
  font-weight: normal; }

/* imagen slide */
.slide_img {
  position: relative;
  overflow: hidden; }

.slide_img:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: url(../img/slider-fg.png) center center no-repeat;
  background-size: 100%; }

.slide_img img {
  position: relative;
  z-index: 0;
  padding: .2em; }

.slide_txt {
  opacity: 0;
  -webkit-transform: translateX(-40vw);
  -moz-transform: translateX(-40vw);
  -ms-transform: translateX(-40vw);
  -o-transform: translateX(-40vw);
  transform: translateX(-40vw);
  -webkit-transition: -webkit-transform 0.6s 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s 0.4s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: -moz-transform 0.6s 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s 0.4s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: -ms-transform 0.6s 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s 0.4s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: -o-transform 0.6s 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s 0.4s cubic-bezier(0, 0, 0.58, 1);
  transition: transform 0.6s 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s 0.4s cubic-bezier(0, 0, 0.58, 1); }

.slide_img {
  opacity: 0;
  -webkit-transform: translateX(40vw);
  -moz-transform: translateX(40vw);
  -ms-transform: translateX(40vw);
  -o-transform: translateX(40vw);
  transform: translateX(40vw);
  -webkit-transition: -webkit-transform 0.6s 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s 0.4s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: -moz-transform 0.6s 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s 0.4s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: -ms-transform 0.6s 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s 0.4s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: -o-transform 0.6s 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s 0.4s cubic-bezier(0, 0, 0.58, 1);
  transition: transform 0.6s 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s 0.4s cubic-bezier(0, 0, 0.58, 1); }

.is-selected .slide_txt, .is-selected .slide_img {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

#s1 .flickity-prev-next-button {
  top: 50%;
  margin-top: -.5em;
  display: none; }

#s1 .flickity-prev-next-button.previous {
  left: 1em; }

#s1 .flickity-prev-next-button.next {
  right: 1em; }

/* NOSOTROS */
#s2 {
  overflow: hidden;
  background: url(../img/bg-letra.png) 15% 5% no-repeat;
  background-size: contain; }

#s2 h1 strong {
  color: #0098e9; }

#s2 img {
  position: relative;
  left: -12%;
  max-width: none;
  width: 124%;
  padding-top: 2em; }

/* SERVICIOS */
#s3 h1 strong {
  color: #ecca00; }

#s3 .slide {
  padding: 0 .6em;
  font-size: .8em;
  line-height: 1.4; }

#s3 .slide img {
  width: 100%;
  margin-bottom: 1em; }

#s3 .slide h2 {
  margin-bottom: 0; }

#s3 .slide > ul li {
  list-style: none;
  display: inline-block; }

.open_div {
  display: inline-block;
  padding: .2em .6em .2em 2em;
  position: relative;
  border: 1px solid #0098e9; }

.open_div small {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600; }

.open_div:before {
  color: #0098e9;
  position: absolute;
  top: .4em;
  left: .4em;
  content: "\e870"; }

.open_div:not(.opened):before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg); }

.product_list {
  padding: 1em 0 0 0;
  display: none;
  opacity: 0; }

.product_list.opened {
  display: block;
  opacity: 1; }

.list, .list ul {
  padding: .2em 0; }

.list, .list li {
  list-style: none; }

.list li {
  padding: .2em 0 .2em 1em;
  position: relative; }

.list li:before {
  content: '\2022';
  display: block;
  position: absolute;
  top: -.1em;
  left: 0;
  font-size: 2em;
  line-height: 1;
  color: #0098e9; }

.list li li:before {
  color: #5a6d7e; }

/* FABRICA */
#s4 {
  overflow: hidden; }

#s4 h1 {
  position: relative;
  padding: .25em 0 0 0; }

#s4 h1:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -12%;
  z-index: 0;
  width: 124%;
  height: 100%;
  background: #f0f3fa; }

#s4 h1 strong {
  color: #24327e; }

#s4 img {
  width: 100%; }

#s4 .pure-u-1 img {
  position: relative;
  left: -12%;
  max-width: none;
  width: 124%;
  padding-top: 2em; }

/* PROYECTOS - TESTIMONIOS */
#s5 h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0; }

#s5 h1 strong {
  color: #0098e9;
  padding: 0 .2em 0 9%; }

#s5 .stroke:before {
  bottom: 80%; }

#s5 .wrap_text {
  padding: 4em 9% 2em 9%; }

#s5 .wrap_text ul {
  padding: .2em 0;
  list-style: none; }

#s5 .wrap_text li {
  padding: .2em 0 .2em 2em;
  position: relative; }

#s5 .wrap_text li:before {
  color: #0098e9;
  content: '\e870';
  font-size: .7em;
  position: absolute;
  top: 1em;
  left: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#s5 .slide {
  width: 100%;
  position: absolute;
  top: 0; }

#s5 .slide img {
  width: 100%; }

#slider_proyectos {
  position: relative;
  z-index: 10; }

#slider_proyectos .flickity-prev-next-button {
  top: .5em;
  font-size: 1.4em; }

#slider_proyectos .flickity-prev-next-button.previous {
  left: 9vw; }

#slider_proyectos .flickity-prev-next-button.next {
  left: calc(9vw + 1.5em);
  right: auto; }

#slider_proyectos .flickity-prev-next-button.previous:before {
  content: '\e879'; }

#slider_proyectos .flickity-prev-next-button.next:before {
  content: '\e87a'; }

/* CONTACTO */
#s6 .wrap_text {
  padding: 1em 0; }

#s6 strong {
  color: #71bd00; }

#s6 a:hover {
  color: #71bd00; }

/* icons */
.icon {
  position: relative;
  padding-left: 2em;
  display: block; }

.icon:before {
  position: absolute;
  top: .4em;
  left: 0;
  color: #71bd00;
  font-size: 1.2em; }

.icon-address:before {
  content: '\e833'; }

.icon-phone:before {
  content: '\e830'; }

.icon-email:before {
  content: '\e818'; }

/* social links */
#social-nav {
  list-style: none;
  padding: 2em 0; }

#social-nav li {
  padding: 0 .4em 0 0;
  display: inline-block;
  text-align: center;
  font-size: 1.4em; }

#social-nav a {
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  position: relative;
  border-radius: 50%;
  color: #5a6d7e;
  background: #fff;
  border: 2px solid #f0f3fa; }

#social-nav a:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: #71bd00; }

#social-nav .fa {
  vertical-align: middle;
  position: relative;
  z-index: 10; }

#social-nav a:hover {
  color: #fff;
  border-color: #fff; }

#social-nav a:hover:after {
  width: 100%;
  height: 100%; }

/* gmap */
#wrap-map {
  position: relative;
  height: 0;
  padding-bottom: 100vh; }

.gmap {
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 0;
  position: absolute !important;
  top: 0;
  left: 0; }

.gmap h1 {
  font-size: 2em;
  padding: 12px 10px 0 10px; }

.gmap p {
  font-size: 1.2em;
  padding: 0 10px 10px 10px;
  line-height: 1.4; }

.gmap .fa {
  padding: .1em 0 0 .5em; }

.gmap img, .gmap object, .gmap embed {
  max-width: none;
  height: auto; }

/* forms */
form p {
  position: relative;
  padding: 1em 0 0 0; }

input, textarea, form button {
  background: #fff;
  border: solid #f0f3fa;
  border-width: 0 0 2px 0;
  padding: .6em 0;
  width: 100%; }

textarea {
  height: 7em; }

form input[type=submit], form button {
  border: 0;
  width: auto;
  padding: .6em 3em .5em 3em;
  background: #f0f3fa;
  margin-top: 1em;
  font-size: 1.4em;
  font-weight: normal;
  font-family: "Bebas Neue", "HelveticaNeue", Arial, sans-serif; }

form input[type=submit]:hover, form button:hover {
  color: #fff;
  background: #71bd00; }

label {
  cursor: default; }

.required {
  color: #71bd00;
  font-size: 1.2em; }

/* mensaje de error */
input.error, textarea.error {
  border-color: #ecca00 !important; }

label.error {
  position: absolute;
  top: 3em;
  right: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  color: #e34a67; }

label.error:before {
  content: '\e880';
  font-size: 1.2em; }

.errorMensaje {
  display: none;
  margin: 2em 0;
  color: #71bd00;
  font-weight: 600; }

/* transforms */
.opened #btn-menu span:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.opened #btn-menu span:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.fixed #main-logo, #icon-logo {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }

.fixed #icon-logo {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

@-webkit-keyframes upndw {
  0%,100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%); } }
@keyframes upndw {
  0%,100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%); } }
/* transitions */
a, img, button, #main-nav, #menu-nav li a:before, #btn-menu span, #btn-menu span:before, #btn-menu span:after, .open_div:before {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

#main-header, #main-logo, #icon-logo, #social-nav a:after, #menu-nav, .overlay, .flickity-viewport {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.slide {
  -webkit-transition: -webkit-transform .2s ease-in-out, opacity .15s ease-out;
  -moz-transition: -moz-transform .2s ease-in-out, opacity .15s ease-out;
  -ms-transition: -ms-transform .2s ease-in-out, opacity .15s ease-out;
  -ms-transition: -ms-transform .2s ease-in-out, opacity .15s ease-out;
  -o-transition: -o-transform .2s ease-in-out, opacity .15s ease-out;
  transition: transform .2s ease-in-out, opacity .15s ease-out; }

/* page loader */
#loader.hide {
  opacity: 0;
  visibility: hidden; }

#loader {
  opacity: 1;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transition: opacity 1s, visibility 0s 1s;
  -moz-transition: opacity 1s, visibility 0s 1s;
  -ms-transition: opacity 1s, visibility 0s 1s;
  -o-transition: opacity 1s, visibility 0s 1s;
  transition: opacity 1s, visibility 0s 1s; }

#spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  width: 3em;
  height: 3em;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

#spinner img {
  width: 100%;
  height: auto;
  -webkit-animation: scaleout 1s infinite ease-in-out;
  -moz-animation: scaleout 1s infinite ease-in-out;
  -ms-animation: scaleout 1s infinite ease-in-out;
  -o-animation: scaleout 1s infinite ease-in-out;
  animation: scaleout 1s infinite ease-in-out; }

@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }
@keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }
/* scroll up btn */
#scroll-up {
  display: inline-block;
  width: 2em;
  height: 2em;
  font-size: 1.5em;
  line-height: 2em;
  color: #fff;
  background: #0098e9;
  text-align: center;
  position: fixed;
  bottom: 1em;
  right: 1em;
  z-index: 10000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

#scroll-up:hover {
  background: #71bd00; }

/* Flickity v2.0.5 */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.flickity-prev-next-button {
  position: absolute;
  top: 3.4em;
  width: 1em;
  height: 1em;
  font-size: 1.4em;
  color: #0098e9;
  cursor: pointer;
  border: none;
  background: transparent; }

.flickity-prev-next-button:active {
  opacity: .6; }

.flickity-prev-next-button.previous {
  left: -1em; }

.flickity-prev-next-button.next {
  right: -1em; }

.flickity-prev-next-button .arrow {
  display: none; }

.flickity-prev-next-button:disabled {
  opacity: .2;
  cursor: auto; }

.flickity-prev-next-button.previous:before, .flickity-prev-next-button.next:before {
  position: absolute;
  top: 0; }

.flickity-prev-next-button.previous:before {
  content: '\e875';
  left: 0; }

.flickity-prev-next-button.next:before {
  content: '\e876';
  right: 0; }

.flickity-prev-next-button:hover:not(:disabled) {
  color: #71bd00; }

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: 1em;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
  z-index: 10000; }

.flickity-page-dots .dot {
  display: inline-block;
  width: .6em;
  height: .6em;
  margin: 0 .4em;
  padding: 0;
  background: #fff;
  opacity: .3;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  opacity: 1; }

.flickity-page-dots .dot:before {
  display: none; }

/* Featherlight - Version 1.7.8 */
html.with-featherlight {
  overflow: hidden; }

.featherlight {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999999;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  background: #000;
  background: rgba(0, 0, 0, 0); }

.featherlight:last-of-type {
  background: rgba(0, 0, 0, 0.9); }

.featherlight .featherlight-content {
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  overflow: auto;
  border-bottom: 0 solid transparent;
  min-width: 20em;
  max-width: 86%;
  max-height: 98%;
  cursor: auto;
  white-space: normal; }

.featherlight .featherlight-inner {
  display: block; }

.featherlight link.featherlight-inner, .featherlight script.featherlight-inner, .featherlight style.featherlight-inner {
  display: none; }

.featherlight .featherlight-close-icon {
  position: absolute;
  z-index: 9999;
  top: .25em;
  right: .25em;
  line-height: 2em;
  width: 2em;
  font-size: 2em;
  cursor: pointer;
  text-align: center;
  color: #fff;
  background: #0098e9;
  border: 0;
  padding: 0; }

.featherlight .featherlight-close-icon::-moz-focus-inner {
  border: 0;
  padding: 0; }

.featherlight .featherlight-image {
  width: 100%; }

.featherlight-iframe .featherlight-content {
  border-bottom: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll; }

.featherlight iframe {
  border: 0; }

.featherlight * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@media only screen and (max-width: 1279px) {
  #main-header.hidden {
    top: -5em;
    opacity: 0;
    pointer-events: none; }

  #menu-nav li.active a:before {
    bottom: 0;
    width: 1em;
    height: 1px; }

  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 0; }

  #menu-nav, .overlay {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }

  .opened #menu-nav, .opened .overlay {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@media only screen and (min-width: 375px) {
  h1 {
    font-size: 4em; }

  h2 {
    font-size: 2.2em; }

  #menu-nav {
    font-size: 1.4em; }

  .wrap_text, #s3 .slide {
    font-size: 1em;
    line-height: 1.5; }

  .flickity-prev-next-button {
    top: 4.2em; } }
@media only screen and (min-width: 414px) {
  #main-header {
    padding-top: 2em; }

  #main-nav {
    padding-top: 2em;
    padding-bottom: 2em; }

  #marcas img {
    max-height: 3em;
    margin: .8em; }

  #arrow-inicio {
    font-size: 2em; }

  .slide_txt {
    padding-top: 3.5em; }

  .padding-top {
    padding-top: 6em; }

  .padding-bottom {
    padding-bottom: 6em; }

  .padding-top_med {
    padding-top: 3em; }

  .padding-bottom_med {
    padding-bottom: 3em; }

  .flickity-prev-next-button {
    top: 4.6em; } }
@media only screen and (min-width: 560px) {
  h1 {
    font-size: 5em; }

  h2 {
    font-size: 2.4em; }

  #main-header {
    padding-top: 3.5em; }

  #main-nav {
    padding-top: 3.5em;
    padding-bottom: 3.5em; }

  #menu-nav {
    font-size: 1.6em;
    padding-top: 5em; }

  #icon-logo img {
    height: 3.4em; }

  .fixed #main-header {
    padding-top: 2em; }

  .fixed #main-nav {
    padding-top: 2em;
    padding-bottom: 2em; }

  .fixed #menu-nav {
    padding-top: 4.5em; }

  #btn-menu {
    width: 2em;
    height: 1.6em; }

  #btn-menu span, #btn-menu span:before, #btn-menu span:after {
    height: 2px; }

  .slide_txt span, .slide_txt strong {
    font-size: .9em; }

  .wrap_text, #s3 .slide {
    font-size: 1.1em; }

  #arrow-inicio {
    font-size: 2.6em; }

  #s3 .slide {
    padding: 0 1.4em; }

  #slider_proyectos .flickity-prev-next-button {
    font-size: 1.8em; }

  #s5 .wrap_text {
    padding-top: 5em; }

  .flickity-prev-next-button {
    font-size: 2em; } }
@media only screen and (min-width: 768px) {
  h1 {
    font-size: 6em; }

  #menu-nav {
    font-size: 2em; }

  .slide_txt {
    padding-top: 3em;
    line-height: .7; }

  .slide_txt span, .slide_txt strong {
    font-size: .8em; }

  #s6 .padding-right {
    padding-right: 1em; }

  #s6 .padding-left {
    padding-left: 1em; }

  .flickity-prev-next-button {
    font-size: 2.6em; } }
@media only screen and (min-width: 1024px) {
  #main-header {
    padding-left: 5.2vw; }

  #menu-nav {
    font-size: 1.5em; }

  #icon-logo {
    left: 5.2vw; }

  #main-nav, #menu-nav li a {
    padding-left: 5.2vw;
    padding-right: 5.2vw; }

  #marcas img {
    max-height: 3.5em;
    margin: 1em; }

  .wrap {
    width: 90%; }

  .slide_txt {
    position: absolute;
    bottom: 18%;
    left: 0;
    z-index: 10;
    width: 60%;
    padding-top: 0;
    line-height: .9; }

  .slide_txt span, .slide_txt strong {
    padding: .3em .3em 0 0;
    white-space: nowrap;
    background: #fff; }

  .slide_txt strong {
    top: -.25em; }

  .slide_img {
    position: absolute;
    right: 0;
    bottom: 5%;
    z-index: 0;
    width: 75%; }

  #s2 h1, #s4 h1, #slider_proyectos .wrap_text {
    text-align: right; }

  #s2 .wrap_text {
    position: relative;
    padding: 1em 0 0 3em; }

  #s2 img {
    position: absolute;
    left: auto;
    right: 100%;
    bottom: 2%;
    width: 80%; }

  #s3 .slide {
    font-size: 1em; }

  #s4 .wrap_text {
    padding-right: 3em; }

  #s4 .pure-u-1 img {
    left: 0;
    width: 100%;
    padding-top: 0; }

  #s4 h1:before {
    left: -14%;
    width: 130%; }

  #s5 h1 {
    font-size: 14em;
    margin: 0; }

  #s5 h1 strong {
    color: #f0f3fa;
    padding: 0 .1em 0 .2em; }

  #s5 .wrap_text {
    padding: 5em 5vw 2em 5vw; }

  #s5 .wrap_text li {
    padding: .2em 0; }

  #s5 .wrap_text li:before {
    left: auto;
    right: -2em; }

  #slider_proyectos {
    margin-top: 3em; }

  #slider_proyectos .flickity-prev-next-button {
    top: 1.5em; }

  #slider_proyectos .flickity-prev-next-button.previous {
    left: calc(28.3333% - 2.5em); }

  #slider_proyectos .flickity-prev-next-button.next {
    left: calc(28.3333% - 1em); }

  .flickity-prev-next-button {
    top: 16vh; } }
@media only screen and (min-width: 1280px) {
  #main-nav {
    padding: 0 5.2vw 0 0; }

  #btn-menu {
    display: none; }

  #icon-logo {
    bottom: .8em; }

  #icon-logo img {
    height: 2.8em; }

  #menu-nav {
    position: relative;
    padding-top: 0;
    font-size: 1em;
    height: auto;
    overflow: hidden; }

  #menu-nav li {
    display: inline-block;
    padding: 0 2em; }

  #menu-nav li:last-child {
    padding-right: 0; }

  #menu-nav li a {
    padding: 5em 0 1em 0; }

  #menu-nav li.active a:before {
    left: 0;
    width: 1px;
    height: 4em; }

  .fixed #menu-nav li a {
    padding-top: 2em; }

  .fixed #menu-nav li.active a:before {
    height: 1em; }

  .fixed #main-header {
    padding-top: 0; }

  .fixed #main-nav {
    padding-top: 0;
    padding-bottom: 0; }

  .fixed #menu-nav {
    padding-top: 0; }

  .fixed.hidden #icon-logo {
    opacity: 1; }

  #s1 .slider .wrap {
    width: 80%; }

  #s1 .flickity-prev-next-button {
    display: inline-block; }

  .slide_txt {
    bottom: 22%; }

  .slide_img {
    width: 65%; }

  #s2 img {
    width: 164%; }

  #s6 .pure-u-1.wrap_text {
    padding-left: 3em; }

  #wrap-map {
    padding-bottom: 80vh; }

  .flickity-prev-next-button {
    top: 12vh; } }
@media only screen and (min-width: 1366px) {
  #marcas img {
    max-height: 4em; }

  #s1 .slider .wrap {
    width: 70%; }

  #s2 .wrap_text {
    padding-top: 5em; }

  .flickity-prev-next-button {
    top: 14vh; } }
@media only screen and (min-width: 1440px) {
  .slide_txt {
    bottom: 25%; }

  .slide_img {
    bottom: 8%; } }
@media only screen and (min-width: 1600px) {
  h1 {
    font-size: 7em; }

  h2 {
    font-size: 2.6em; }

  #marcas img {
    max-height: 4.5em;
    margin: 1em 1.5em; }

  .wrap_text {
    font-size: 1.2em; }

  .slide_txt {
    bottom: 22%; }

  .slide_img {
    bottom: 5%; }

  #s2 .wrap_text {
    padding-top: 8em;
    padding-bottom: 8em; }

  #s5 h1 {
    font-size: 20em; }

  #slider_proyectos {
    margin-top: 8em; }

  #wrap-map {
    padding-bottom: 60vh; } }
@media only screen and (min-width: 1680px) {
  h1 {
    font-size: 8em; }

  #s1 .slider .wrap {
    width: 80%; }

  #s4 h1:before {
    left: auto;
    right: -5vw;
    width: 200%; } }