@charset "UTF-8";
/* Mixins */
/*  http://zerosixthree.se/8-sass-mixins-you-must-have-in-your-toolbox/ */
/* 1. Set a rem font size with pixel fallback */
/* 2. Breakpoints */
/* 3. SVG background images with PNG and retina fallback */
/* 4. Animations and keyframes  */
/* 5. Transitions */
/* 6. Cross browser opacity */
/* 7. Clearfix */
/* 8. Visually hide an element */
/*9. */
/* Tools */
/* #83B047 #84AF47 */
/* ===========================
   Tools/Helpers
   =========================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}

/* =Fonts
------------------- */
/* Chart Colors */
.f-color1 {
  color: red;
}

.f-color2 {
  color: blue;
}

/* Base */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* ===========================
   Base
   =========================== */
* {
  margin: 0;
}

*:focus {
  outline: none;
}

html {
  height: 100%;
  display: inline-block;
  position: relative;
}

body {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
  color: #000000;
  text-align: center;
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  text-align: center;
  text-rendering: optimizelegibility;
  overflow: auto;
  height: 100%;
  background-color: #FFFFFF;
  font-size: 15px;
  color: #676a6d;
}

a:active, a:hover, a:visited {
  outline: none;
  outline-width: 0;
  text-decoration: none;
}

pre {
  font-size: 1.5rem;
  text-align: left;
}

/* especificamos tamaños del sitio */
.wrappercon {
  float: left;
  position: relative;
  width: 100%;
  min-width: 320px;
  min-height: 100%;
}

.main-container {
  display: inline-block;
  position: relative;
  max-width: 1920px;
  width: 100%;
}

.seccion {
  float: left;
  position: relative;
  width: 100%;
}

/* limpiamos y acomodamos objetos */
.autopos {
  display: block;
  margin: 0 auto;
}

.no-padding {
  padding: 0px;
}

/* pantalla completa */
.fullwidth, .fullScreen, .fullScreen2 {
  width: 100%;
  height: 100%;
  display: inline-block;
  z-index: 1;
  /* min-height: 250px; */
}

/* animaciones */
.wow {
  opacity: 0;
  khtml-opacity: 0;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.visible {
  opacity: 1;
  khtml-opacity: 1;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

.coverBg {
  background-size: cover;
}

.animations *, .animated {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}

/* pagina 404*/
.no-found {
  padding-top: 20px;
  text-align: center;
}

.btn {
  border-radius: 0px;
}

/* Modules */
/* ==|====================
   fonts general
   ======================= */
/* Ionicons, v1.4.0
 * Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
 * https://twitter.com/helloimben  https://twitter.com/ionicframework
 * MIT License: https://github.com/driftyco/ionicons
*/
@font-face {
  font-family: Ionicons;
  src: url(../fonts/ionicons.eot?v=1.4.0);
  src: url(../fonts/ionicons.eot?v=1.4.0#iefix) format("embedded-opentype"), url(../fonts/ionicons.ttf?v=1.4.0) format("truetype"), url(../fonts/ionicons.woff?v=1.4.0) format("woff"), url(../fonts/ionicons.svg?v=1.4.0#Ionicons) format("svg");
  font-weight: 400;
  font-style: normal;
}
.ion, .ion-alert, .ion-alert-circled, .ion-android-add, .ion-android-add-contact, .ion-android-alarm, .ion-android-archive, .ion-android-arrow-back, .ion-android-arrow-down-left, .ion-android-arrow-down-right, .ion-android-arrow-up-left, .ion-android-arrow-up-right, .ion-android-battery, .ion-android-book, .ion-android-calendar, .ion-android-call, .ion-android-camera, .ion-android-chat, .ion-android-checkmark, .ion-android-clock, .ion-android-close, .ion-android-contact, .ion-android-contacts, .ion-android-data, .ion-android-developer, .ion-android-display, .ion-android-download, .ion-android-dropdown, .ion-android-earth, .ion-android-folder, .ion-android-forums, .ion-android-friends, .ion-android-hand, .ion-android-image, .ion-android-inbox, .ion-android-information, .ion-android-keypad, .ion-android-lightbulb, .ion-android-locate, .ion-android-location, .ion-android-mail, .ion-android-microphone, .ion-android-mixer, .ion-android-more, .ion-android-note, .ion-android-playstore, .ion-android-printer, .ion-android-promotion, .ion-android-reminder, .ion-android-remove, .ion-android-search, .ion-android-send, .ion-android-settings, .ion-android-share, .ion-android-social, .ion-android-social-user, .ion-android-sort, .ion-android-star, .ion-android-stopwatch, .ion-android-storage, .ion-android-system-back, .ion-android-system-home, .ion-android-system-windows, .ion-android-timer, .ion-android-trash, .ion-android-volume, .ion-android-wifi, .ion-archive, .ion-arrow-down-a, .ion-arrow-down-b, .ion-arrow-down-c, .ion-arrow-expand, .ion-arrow-graph-down-left, .ion-arrow-graph-down-right, .ion-arrow-graph-up-left, .ion-arrow-graph-up-right, .ion-arrow-left-a, .ion-arrow-left-b, .ion-arrow-left-c, .ion-arrow-move, .ion-arrow-resize, .ion-arrow-return-left, .ion-arrow-return-right, .ion-arrow-right-a, .ion-arrow-right-b, .ion-arrow-right-c, .ion-arrow-shrink, .ion-arrow-swap, .ion-arrow-up-a, .ion-arrow-up-b, .ion-arrow-up-c, .ion-at, .ion-bag, .ion-battery-charging, .ion-battery-empty, .ion-battery-full, .ion-battery-half, .ion-battery-low, .ion-beaker, .ion-beer, .ion-bluetooth, .ion-bookmark, .ion-briefcase, .ion-bug, .ion-calculator, .ion-calendar, .ion-camera, .ion-card, .ion-chatbox, .ion-chatbox-working, .ion-chatboxes, .ion-chatbubble, .ion-chatbubble-working, .ion-chatbubbles, .ion-checkmark, .ion-checkmark-circled, .ion-checkmark-round, .ion-chevron-down, .ion-chevron-left, .ion-chevron-right, .ion-chevron-up, .ion-clipboard, .ion-clock, .ion-close, .ion-close-circled, .ion-close-round, .ion-cloud, .ion-code, .ion-code-download, .ion-code-working, .ion-coffee, .ion-compass, .ion-compose, .ion-connection-bars, .ion-contrast, .ion-disc, .ion-document, .ion-document-text, .ion-drag, .ion-earth, .ion-edit, .ion-egg, .ion-eject, .ion-email, .ion-eye, .ion-eye-disabled, .ion-female, .ion-filing, .ion-film-marker, .ion-flag, .ion-flash, .ion-flash-off, .ion-flask, .ion-folder, .ion-fork, .ion-fork-repo, .ion-forward, .ion-game-controller-a, .ion-game-controller-b, .ion-gear-a, .ion-gear-b, .ion-grid, .ion-hammer, .ion-headphone, .ion-heart, .ion-help, .ion-help-buoy, .ion-help-circled, .ion-home, .ion-icecream, .ion-icon-social-google-plus, .ion-icon-social-google-plus-outline, .ion-image, .ion-images, .ion-information, .ion-information-circled, .ion-ionic, .ion-ios7-alarm, .ion-ios7-alarm-outline, .ion-ios7-albums, .ion-ios7-albums-outline, .ion-ios7-arrow-back, .ion-ios7-arrow-down, .ion-ios7-arrow-forward, .ion-ios7-arrow-left, .ion-ios7-arrow-right, .ion-ios7-arrow-thin-down, .ion-ios7-arrow-thin-left, .ion-ios7-arrow-thin-right, .ion-ios7-arrow-thin-up, .ion-ios7-arrow-up, .ion-ios7-at, .ion-ios7-at-outline, .ion-ios7-bell, .ion-ios7-bell-outline, .ion-ios7-bolt, .ion-ios7-bolt-outline, .ion-ios7-bookmarks, .ion-ios7-bookmarks-outline, .ion-ios7-box, .ion-ios7-box-outline, .ion-ios7-briefcase, .ion-ios7-briefcase-outline, .ion-ios7-browsers, .ion-ios7-browsers-outline, .ion-ios7-calculator, .ion-ios7-calculator-outline, .ion-ios7-calendar, .ion-ios7-calendar-outline, .ion-ios7-camera, .ion-ios7-camera-outline, .ion-ios7-cart, .ion-ios7-cart-outline, .ion-ios7-chatboxes, .ion-ios7-chatboxes-outline, .ion-ios7-chatbubble, .ion-ios7-chatbubble-outline, .ion-ios7-checkmark, .ion-ios7-checkmark-empty, .ion-ios7-checkmark-outline, .ion-ios7-circle-filled, .ion-ios7-circle-outline, .ion-ios7-clock, .ion-ios7-clock-outline, .ion-ios7-close, .ion-ios7-close-empty, .ion-ios7-close-outline, .ion-ios7-cloud, .ion-ios7-cloud-download, .ion-ios7-cloud-download-outline, .ion-ios7-cloud-outline, .ion-ios7-cloud-upload, .ion-ios7-cloud-upload-outline, .ion-ios7-cloudy, .ion-ios7-cloudy-night, .ion-ios7-cloudy-night-outline, .ion-ios7-cloudy-outline, .ion-ios7-cog, .ion-ios7-cog-outline, .ion-ios7-compose, .ion-ios7-compose-outline, .ion-ios7-contact, .ion-ios7-contact-outline, .ion-ios7-copy, .ion-ios7-copy-outline, .ion-ios7-download, .ion-ios7-download-outline, .ion-ios7-drag, .ion-ios7-email, .ion-ios7-email-outline, .ion-ios7-eye, .ion-ios7-eye-outline, .ion-ios7-fastforward, .ion-ios7-fastforward-outline, .ion-ios7-filing, .ion-ios7-filing-outline, .ion-ios7-film, .ion-ios7-film-outline, .ion-ios7-flag, .ion-ios7-flag-outline, .ion-ios7-folder, .ion-ios7-folder-outline, .ion-ios7-gear, .ion-ios7-gear-outline, .ion-ios7-glasses, .ion-ios7-glasses-outline, .ion-ios7-heart, .ion-ios7-heart-outline, .ion-ios7-help, .ion-ios7-help-empty, .ion-ios7-help-outline, .ion-ios7-infinite, .ion-ios7-infinite-outline, .ion-ios7-information, .ion-ios7-information-empty, .ion-ios7-information-outline, .ion-ios7-ionic-outline, .ion-ios7-keypad, .ion-ios7-keypad-outline, .ion-ios7-lightbulb, .ion-ios7-lightbulb-outline, .ion-ios7-location, .ion-ios7-location-outline, .ion-ios7-locked, .ion-ios7-locked-outline, .ion-ios7-medkit, .ion-ios7-medkit-outline, .ion-ios7-mic, .ion-ios7-mic-off, .ion-ios7-mic-outline, .ion-ios7-minus, .ion-ios7-minus-empty, .ion-ios7-minus-outline, .ion-ios7-monitor, .ion-ios7-monitor-outline, .ion-ios7-moon, .ion-ios7-moon-outline, .ion-ios7-more, .ion-ios7-more-outline, .ion-ios7-musical-note, .ion-ios7-musical-notes, .ion-ios7-navigate, .ion-ios7-navigate-outline, .ion-ios7-paperplane, .ion-ios7-paperplane-outline, .ion-ios7-partlysunny, .ion-ios7-partlysunny-outline, .ion-ios7-pause, .ion-ios7-pause-outline, .ion-ios7-people, .ion-ios7-people-outline, .ion-ios7-person, .ion-ios7-person-outline, .ion-ios7-personadd, .ion-ios7-personadd-outline, .ion-ios7-photos, .ion-ios7-photos-outline, .ion-ios7-pie, .ion-ios7-pie-outline, .ion-ios7-play, .ion-ios7-play-outline, .ion-ios7-plus, .ion-ios7-plus-empty, .ion-ios7-plus-outline, .ion-ios7-pricetag, .ion-ios7-pricetag-outline, .ion-ios7-printer, .ion-ios7-printer-outline, .ion-ios7-rainy, .ion-ios7-rainy-outline, .ion-ios7-recording, .ion-ios7-recording-outline, .ion-ios7-redo, .ion-ios7-redo-outline, .ion-ios7-refresh, .ion-ios7-refresh-empty, .ion-ios7-refresh-outline, .ion-ios7-reload, .ion-ios7-reloading, .ion-ios7-rewind, .ion-ios7-rewind-outline, .ion-ios7-search, .ion-ios7-search-strong, .ion-ios7-skipbackward, .ion-ios7-skipbackward-outline, .ion-ios7-skipforward, .ion-ios7-skipforward-outline, .ion-ios7-snowy, .ion-ios7-speedometer, .ion-ios7-speedometer-outline, .ion-ios7-star, .ion-ios7-star-outline, .ion-ios7-stopwatch, .ion-ios7-stopwatch-outline, .ion-ios7-sunny, .ion-ios7-sunny-outline, .ion-ios7-telephone, .ion-ios7-telephone-outline, .ion-ios7-thunderstorm, .ion-ios7-thunderstorm-outline, .ion-ios7-time, .ion-ios7-time-outline, .ion-ios7-timer, .ion-ios7-timer-outline, .ion-ios7-trash, .ion-ios7-trash-outline, .ion-ios7-undo, .ion-ios7-undo-outline, .ion-ios7-unlocked, .ion-ios7-unlocked-outline, .ion-ios7-upload, .ion-ios7-upload-outline, .ion-ios7-videocam, .ion-ios7-videocam-outline, .ion-ios7-volume-high, .ion-ios7-volume-low, .ion-ios7-wineglass, .ion-ios7-wineglass-outline, .ion-ios7-world, .ion-ios7-world-outline, .ion-ipad, .ion-iphone, .ion-ipod, .ion-jet, .ion-key, .ion-knife, .ion-laptop, .ion-leaf, .ion-levels, .ion-lightbulb, .ion-link, .ion-load-a, .ion-load-b, .ion-load-c, .ion-load-d, .ion-loading-a, .ion-loading-b, .ion-loading-c, .ion-loading-d, .ion-location, .ion-locked, .ion-log-in, .ion-log-out, .ion-loop, .ion-looping, .ion-magnet, .ion-male, .ion-man, .ion-map, .ion-medkit, .ion-mic-a, .ion-mic-b, .ion-mic-c, .ion-minus, .ion-minus-circled, .ion-minus-round, .ion-model-s, .ion-monitor, .ion-more, .ion-music-note, .ion-navicon, .ion-navicon-round, .ion-navigate, .ion-no-smoking, .ion-nuclear, .ion-paper-airplane, .ion-paperclip, .ion-pause, .ion-person, .ion-person-add, .ion-person-stalker, .ion-pie-graph, .ion-pin, .ion-pinpoint, .ion-pizza, .ion-plane, .ion-play, .ion-playstation, .ion-plus, .ion-plus-circled, .ion-plus-round, .ion-pound, .ion-power, .ion-pricetag, .ion-pricetags, .ion-printer, .ion-radio-waves, .ion-record, .ion-refresh, .ion-refreshing, .ion-reply, .ion-reply-all, .ion-search, .ion-settings, .ion-share, .ion-shuffle, .ion-skip-backward, .ion-skip-forward, .ion-social-android, .ion-social-android-outline, .ion-social-apple, .ion-social-apple-outline, .ion-social-bitcoin, .ion-social-bitcoin-outline, .ion-social-buffer, .ion-social-buffer-outline, .ion-social-designernews, .ion-social-designernews-outline, .ion-social-dribbble, .ion-social-dribbble-outline, .ion-social-dropbox, .ion-social-dropbox-outline, .ion-social-facebook, .ion-social-facebook-outline, .ion-social-freebsd-devil, .ion-social-github, .ion-social-github-outline, .ion-social-googleplus, .ion-social-googleplus-outline, .ion-social-hackernews, .ion-social-hackernews-outline, .ion-social-linkedin, .ion-social-linkedin-outline, .ion-social-pinterest, .ion-social-pinterest-outline, .ion-social-reddit, .ion-social-reddit-outline, .ion-social-rss, .ion-social-rss-outline, .ion-social-skype, .ion-social-skype-outline, .ion-social-tumblr, .ion-social-tumblr-outline, .ion-social-tux, .ion-social-twitter, .ion-social-twitter-outline, .ion-social-vimeo, .ion-social-vimeo-outline, .ion-social-windows, .ion-social-windows-outline, .ion-social-wordpress, .ion-social-wordpress-outline, .ion-social-yahoo, .ion-social-yahoo-outline, .ion-social-youtube, .ion-social-youtube-outline, .ion-speakerphone, .ion-speedometer, .ion-spoon, .ion-star, .ion-stats-bars, .ion-steam, .ion-stop, .ion-thermometer, .ion-thumbsdown, .ion-thumbsup, .ion-trash-a, .ion-trash-b, .ion-umbrella, .ion-unlocked, .ion-upload, .ion-usb, .ion-videocamera, .ion-volume-high, .ion-volume-low, .ion-volume-medium, .ion-volume-mute, .ion-waterdrop, .ion-wifi, .ion-wineglass, .ion-woman, .ion-wrench, .ion-xbox, .ionicons {
  display: inline-block;
  font-family: Ionicons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ion-ios7-reloading, .ion-loading-a, .ion-loading-b, .ion-loading-c, .ion-loading-d, .ion-looping, .ion-refreshing, .ion-spin {
  animation: spin 1s infinite linear;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ion-loading-a {
  animation-timing-function: steps(8, start);
}

.ion-alert:before {
  content: "";
}

.ion-alert-circled:before {
  content: "";
}

.ion-android-add:before {
  content: "";
}

.ion-android-add-contact:before {
  content: "";
}

.ion-android-alarm:before {
  content: "";
}

.ion-android-archive:before {
  content: "";
}

.ion-android-arrow-back:before {
  content: "";
}

.ion-android-arrow-down-left:before {
  content: "";
}

.ion-android-arrow-down-right:before {
  content: "";
}

.ion-android-arrow-up-left:before {
  content: "";
}

.ion-android-arrow-up-right:before {
  content: "";
}

.ion-android-battery:before {
  content: "";
}

.ion-android-book:before {
  content: "";
}

.ion-android-calendar:before {
  content: "";
}

.ion-android-call:before {
  content: "";
}

.ion-android-camera:before {
  content: "";
}

.ion-android-chat:before {
  content: "";
}

.ion-android-checkmark:before {
  content: "";
}

.ion-android-clock:before {
  content: "";
}

.ion-android-close:before {
  content: "";
}

.ion-android-contact:before {
  content: "";
}

.ion-android-contacts:before {
  content: "";
}

.ion-android-data:before {
  content: "";
}

.ion-android-developer:before {
  content: "";
}

.ion-android-display:before {
  content: "";
}

.ion-android-download:before {
  content: "";
}

.ion-android-dropdown:before {
  content: "";
}

.ion-android-earth:before {
  content: "";
}

.ion-android-folder:before {
  content: "";
}

.ion-android-forums:before {
  content: "";
}

.ion-android-friends:before {
  content: "";
}

.ion-android-hand:before {
  content: "";
}

.ion-android-image:before {
  content: "";
}

.ion-android-inbox:before {
  content: "";
}

.ion-android-information:before {
  content: "";
}

.ion-android-keypad:before {
  content: "";
}

.ion-android-lightbulb:before {
  content: "";
}

.ion-android-locate:before {
  content: "";
}

.ion-android-location:before {
  content: "";
}

.ion-android-mail:before {
  content: "";
}

.ion-android-microphone:before {
  content: "";
}

.ion-android-mixer:before {
  content: "";
}

.ion-android-more:before {
  content: "";
}

.ion-android-note:before {
  content: "";
}

.ion-android-playstore:before {
  content: "";
}

.ion-android-printer:before {
  content: "";
}

.ion-android-promotion:before {
  content: "";
}

.ion-android-reminder:before {
  content: "";
}

.ion-android-remove:before {
  content: "";
}

.ion-android-search:before {
  content: "";
}

.ion-android-send:before {
  content: "";
}

.ion-android-settings:before {
  content: "";
}

.ion-android-share:before {
  content: "";
}

.ion-android-social:before {
  content: "";
}

.ion-android-social-user:before {
  content: "";
}

.ion-android-sort:before {
  content: "";
}

.ion-android-star:before {
  content: "";
}

.ion-android-stopwatch:before {
  content: "";
}

.ion-android-storage:before {
  content: "";
}

.ion-android-system-back:before {
  content: "";
}

.ion-android-system-home:before {
  content: "";
}

.ion-android-system-windows:before {
  content: "";
}

.ion-android-timer:before {
  content: "";
}

.ion-android-trash:before {
  content: "";
}

.ion-android-volume:before {
  content: "";
}

.ion-android-wifi:before {
  content: "";
}

.ion-archive:before {
  content: "";
}

.ion-arrow-down-a:before {
  content: "";
}

.ion-arrow-down-b:before {
  content: "";
}

.ion-arrow-down-c:before {
  content: "";
}

.ion-arrow-expand:before {
  content: "";
}

.ion-arrow-graph-down-left:before {
  content: "";
}

.ion-arrow-graph-down-right:before {
  content: "";
}

.ion-arrow-graph-up-left:before {
  content: "";
}

.ion-arrow-graph-up-right:before {
  content: "";
}

.ion-arrow-left-a:before {
  content: "";
}

.ion-arrow-left-b:before {
  content: "";
}

.ion-arrow-left-c:before {
  content: "";
}

.ion-arrow-move:before {
  content: "";
}

.ion-arrow-resize:before {
  content: "";
}

.ion-arrow-return-left:before {
  content: "";
}

.ion-arrow-return-right:before {
  content: "";
}

.ion-arrow-right-a:before {
  content: "";
}

.ion-arrow-right-b:before {
  content: "";
}

.ion-arrow-right-c:before {
  content: "";
}

.ion-arrow-shrink:before {
  content: "";
}

.ion-arrow-swap:before {
  content: "";
}

.ion-arrow-up-a:before {
  content: "";
}

.ion-arrow-up-b:before {
  content: "";
}

.ion-arrow-up-c:before {
  content: "";
}

.ion-at:before {
  content: "";
}

.ion-bag:before {
  content: "";
}

.ion-battery-charging:before {
  content: "";
}

.ion-battery-empty:before {
  content: "";
}

.ion-battery-full:before {
  content: "";
}

.ion-battery-half:before {
  content: "";
}

.ion-battery-low:before {
  content: "";
}

.ion-beaker:before {
  content: "";
}

.ion-beer:before {
  content: "";
}

.ion-bluetooth:before {
  content: "";
}

.ion-bookmark:before {
  content: "";
}

.ion-briefcase:before {
  content: "";
}

.ion-bug:before {
  content: "";
}

.ion-calculator:before {
  content: "";
}

.ion-calendar:before {
  content: "";
}

.ion-camera:before {
  content: "";
}

.ion-card:before {
  content: "";
}

.ion-chatbox:before {
  content: "";
}

.ion-chatbox-working:before {
  content: "";
}

.ion-chatboxes:before {
  content: "";
}

.ion-chatbubble:before {
  content: "";
}

.ion-chatbubble-working:before {
  content: "";
}

.ion-chatbubbles:before {
  content: "";
}

.ion-checkmark:before {
  content: "";
}

.ion-checkmark-circled:before {
  content: "";
}

.ion-checkmark-round:before {
  content: "";
}

.ion-chevron-down:before {
  content: "";
}

.ion-chevron-left:before {
  content: "";
}

.ion-chevron-right:before {
  content: "";
}

.ion-chevron-up:before {
  content: "";
}

.ion-clipboard:before {
  content: "";
}

.ion-clock:before {
  content: "";
}

.ion-close:before {
  content: "";
}

.ion-close-circled:before {
  content: "";
}

.ion-close-round:before {
  content: "";
}

.ion-cloud:before {
  content: "";
}

.ion-code:before {
  content: "";
}

.ion-code-download:before {
  content: "";
}

.ion-code-working:before {
  content: "";
}

.ion-coffee:before {
  content: "";
}

.ion-compass:before {
  content: "";
}

.ion-compose:before {
  content: "";
}

.ion-connection-bars:before {
  content: "";
}

.ion-contrast:before {
  content: "";
}

.ion-disc:before {
  content: "";
}

.ion-document:before {
  content: "";
}

.ion-document-text:before {
  content: "";
}

.ion-drag:before {
  content: "";
}

.ion-earth:before {
  content: "";
}

.ion-edit:before {
  content: "";
}

.ion-egg:before {
  content: "";
}

.ion-eject:before {
  content: "";
}

.ion-email:before {
  content: "";
}

.ion-eye:before {
  content: "";
}

.ion-eye-disabled:before {
  content: "";
}

.ion-female:before {
  content: "";
}

.ion-filing:before {
  content: "";
}

.ion-film-marker:before {
  content: "";
}

.ion-flag:before {
  content: "";
}

.ion-flash:before {
  content: "";
}

.ion-flash-off:before {
  content: "";
}

.ion-flask:before {
  content: "";
}

.ion-folder:before {
  content: "";
}

.ion-fork:before {
  content: "";
}

.ion-fork-repo:before {
  content: "";
}

.ion-forward:before {
  content: "";
}

.ion-game-controller-a:before {
  content: "";
}

.ion-game-controller-b:before {
  content: "";
}

.ion-gear-a:before {
  content: "";
}

.ion-gear-b:before {
  content: "";
}

.ion-grid:before {
  content: "";
}

.ion-hammer:before {
  content: "";
}

.ion-headphone:before {
  content: "";
}

.ion-heart:before {
  content: "";
}

.ion-help:before {
  content: "";
}

.ion-help-buoy:before {
  content: "";
}

.ion-help-circled:before {
  content: "";
}

.ion-home:before {
  content: "";
}

.ion-icecream:before {
  content: "";
}

.ion-icon-social-google-plus:before {
  content: "";
}

.ion-icon-social-google-plus-outline:before {
  content: "";
}

.ion-image:before {
  content: "";
}

.ion-images:before {
  content: "";
}

.ion-information:before {
  content: "";
}

.ion-information-circled:before {
  content: "";
}

.ion-ionic:before {
  content: "";
}

.ion-ios7-alarm:before {
  content: "";
}

.ion-ios7-alarm-outline:before {
  content: "";
}

.ion-ios7-albums:before {
  content: "";
}

.ion-ios7-albums-outline:before {
  content: "";
}

.ion-ios7-arrow-back:before {
  content: "";
}

.ion-ios7-arrow-down:before {
  content: "";
}

.ion-ios7-arrow-forward:before {
  content: "";
}

.ion-ios7-arrow-left:before {
  content: "";
}

.ion-ios7-arrow-right:before {
  content: "";
}

.ion-ios7-arrow-thin-down:before {
  content: "";
}

.ion-ios7-arrow-thin-left:before {
  content: "";
}

.ion-ios7-arrow-thin-right:before {
  content: "";
}

.ion-ios7-arrow-thin-up:before {
  content: "";
}

.ion-ios7-arrow-up:before {
  content: "";
}

.ion-ios7-at:before {
  content: "";
}

.ion-ios7-at-outline:before {
  content: "";
}

.ion-ios7-bell:before {
  content: "";
}

.ion-ios7-bell-outline:before {
  content: "";
}

.ion-ios7-bolt:before {
  content: "";
}

.ion-ios7-bolt-outline:before {
  content: "";
}

.ion-ios7-bookmarks:before {
  content: "";
}

.ion-ios7-bookmarks-outline:before {
  content: "";
}

.ion-ios7-box:before {
  content: "";
}

.ion-ios7-box-outline:before {
  content: "";
}

.ion-ios7-briefcase:before {
  content: "";
}

.ion-ios7-briefcase-outline:before {
  content: "";
}

.ion-ios7-browsers:before {
  content: "";
}

.ion-ios7-browsers-outline:before {
  content: "";
}

.ion-ios7-calculator:before {
  content: "";
}

.ion-ios7-calculator-outline:before {
  content: "";
}

.ion-ios7-calendar:before {
  content: "";
}

.ion-ios7-calendar-outline:before {
  content: "";
}

.ion-ios7-camera:before {
  content: "";
}

.ion-ios7-camera-outline:before {
  content: "";
}

.ion-ios7-cart:before {
  content: "";
}

.ion-ios7-cart-outline:before {
  content: "";
}

.ion-ios7-chatboxes:before {
  content: "";
}

.ion-ios7-chatboxes-outline:before {
  content: "";
}

.ion-ios7-chatbubble:before {
  content: "";
}

.ion-ios7-chatbubble-outline:before {
  content: "";
}

.ion-ios7-checkmark:before {
  content: "";
}

.ion-ios7-checkmark-empty:before {
  content: "";
}

.ion-ios7-checkmark-outline:before {
  content: "";
}

.ion-ios7-circle-filled:before {
  content: "";
}

.ion-ios7-circle-outline:before {
  content: "";
}

.ion-ios7-clock:before {
  content: "";
}

.ion-ios7-clock-outline:before {
  content: "";
}

.ion-ios7-close:before {
  content: "";
}

.ion-ios7-close-empty:before {
  content: "";
}

.ion-ios7-close-outline:before {
  content: "";
}

.ion-ios7-cloud:before {
  content: "";
}

.ion-ios7-cloud-download:before {
  content: "";
}

.ion-ios7-cloud-download-outline:before {
  content: "";
}

.ion-ios7-cloud-outline:before {
  content: "";
}

.ion-ios7-cloud-upload:before {
  content: "";
}

.ion-ios7-cloud-upload-outline:before {
  content: "";
}

.ion-ios7-cloudy:before {
  content: "";
}

.ion-ios7-cloudy-night:before {
  content: "";
}

.ion-ios7-cloudy-night-outline:before {
  content: "";
}

.ion-ios7-cloudy-outline:before {
  content: "";
}

.ion-ios7-cog:before {
  content: "";
}

.ion-ios7-cog-outline:before {
  content: "";
}

.ion-ios7-compose:before {
  content: "";
}

.ion-ios7-compose-outline:before {
  content: "";
}

.ion-ios7-contact:before {
  content: "";
}

.ion-ios7-contact-outline:before {
  content: "";
}

.ion-ios7-copy:before {
  content: "";
}

.ion-ios7-copy-outline:before {
  content: "";
}

.ion-ios7-download:before {
  content: "";
}

.ion-ios7-download-outline:before {
  content: "";
}

.ion-ios7-drag:before {
  content: "";
}

.ion-ios7-email:before {
  content: "";
}

.ion-ios7-email-outline:before {
  content: "";
}

.ion-ios7-eye:before {
  content: "";
}

.ion-ios7-eye-outline:before {
  content: "";
}

.ion-ios7-fastforward:before {
  content: "";
}

.ion-ios7-fastforward-outline:before {
  content: "";
}

.ion-ios7-filing:before {
  content: "";
}

.ion-ios7-filing-outline:before {
  content: "";
}

.ion-ios7-film:before {
  content: "";
}

.ion-ios7-film-outline:before {
  content: "";
}

.ion-ios7-flag:before {
  content: "";
}

.ion-ios7-flag-outline:before {
  content: "";
}

.ion-ios7-folder:before {
  content: "";
}

.ion-ios7-folder-outline:before {
  content: "";
}

.ion-ios7-gear:before {
  content: "";
}

.ion-ios7-gear-outline:before {
  content: "";
}

.ion-ios7-glasses:before {
  content: "";
}

.ion-ios7-glasses-outline:before {
  content: "";
}

.ion-ios7-heart:before {
  content: "";
}

.ion-ios7-heart-outline:before {
  content: "";
}

.ion-ios7-help:before {
  content: "";
}

.ion-ios7-help-empty:before {
  content: "";
}

.ion-ios7-help-outline:before {
  content: "";
}

.ion-ios7-infinite:before {
  content: "";
}

.ion-ios7-infinite-outline:before {
  content: "";
}

.ion-ios7-information:before {
  content: "";
}

.ion-ios7-information-empty:before {
  content: "";
}

.ion-ios7-information-outline:before {
  content: "";
}

.ion-ios7-ionic-outline:before {
  content: "";
}

.ion-ios7-keypad:before {
  content: "";
}

.ion-ios7-keypad-outline:before {
  content: "";
}

.ion-ios7-lightbulb:before {
  content: "";
}

.ion-ios7-lightbulb-outline:before {
  content: "";
}

.ion-ios7-location:before {
  content: "";
}

.ion-ios7-location-outline:before {
  content: "";
}

.ion-ios7-locked:before {
  content: "";
}

.ion-ios7-locked-outline:before {
  content: "";
}

.ion-ios7-medkit:before {
  content: "";
}

.ion-ios7-medkit-outline:before {
  content: "";
}

.ion-ios7-mic:before {
  content: "";
}

.ion-ios7-mic-off:before {
  content: "";
}

.ion-ios7-mic-outline:before {
  content: "";
}

.ion-ios7-minus:before {
  content: "";
}

.ion-ios7-minus-empty:before {
  content: "";
}

.ion-ios7-minus-outline:before {
  content: "";
}

.ion-ios7-monitor:before {
  content: "";
}

.ion-ios7-monitor-outline:before {
  content: "";
}

.ion-ios7-moon:before {
  content: "";
}

.ion-ios7-moon-outline:before {
  content: "";
}

.ion-ios7-more:before {
  content: "";
}

.ion-ios7-more-outline:before {
  content: "";
}

.ion-ios7-musical-note:before {
  content: "";
}

.ion-ios7-musical-notes:before {
  content: "";
}

.ion-ios7-navigate:before {
  content: "";
}

.ion-ios7-navigate-outline:before {
  content: "";
}

.ion-ios7-paperplane:before {
  content: "";
}

.ion-ios7-paperplane-outline:before {
  content: "";
}

.ion-ios7-partlysunny:before {
  content: "";
}

.ion-ios7-partlysunny-outline:before {
  content: "";
}

.ion-ios7-pause:before {
  content: "";
}

.ion-ios7-pause-outline:before {
  content: "";
}

.ion-ios7-people:before {
  content: "";
}

.ion-ios7-people-outline:before {
  content: "";
}

.ion-ios7-person:before {
  content: "";
}

.ion-ios7-person-outline:before {
  content: "";
}

.ion-ios7-personadd:before {
  content: "";
}

.ion-ios7-personadd-outline:before {
  content: "";
}

.ion-ios7-photos:before {
  content: "";
}

.ion-ios7-photos-outline:before {
  content: "";
}

.ion-ios7-pie:before {
  content: "";
}

.ion-ios7-pie-outline:before {
  content: "";
}

.ion-ios7-play:before {
  content: "";
}

.ion-ios7-play-outline:before {
  content: "";
}

.ion-ios7-plus:before {
  content: "";
}

.ion-ios7-plus-empty:before {
  content: "";
}

.ion-ios7-plus-outline:before {
  content: "";
}

.ion-ios7-pricetag:before {
  content: "";
}

.ion-ios7-pricetag-outline:before {
  content: "";
}

.ion-ios7-printer:before {
  content: "";
}

.ion-ios7-printer-outline:before {
  content: "";
}

.ion-ios7-rainy:before {
  content: "";
}

.ion-ios7-rainy-outline:before {
  content: "";
}

.ion-ios7-recording:before {
  content: "";
}

.ion-ios7-recording-outline:before {
  content: "";
}

.ion-ios7-redo:before {
  content: "";
}

.ion-ios7-redo-outline:before {
  content: "";
}

.ion-ios7-refresh:before {
  content: "";
}

.ion-ios7-refresh-empty:before {
  content: "";
}

.ion-ios7-refresh-outline:before {
  content: "";
}

.ion-ios7-reload:before, .ion-ios7-reloading:before {
  content: "";
}

.ion-ios7-rewind:before {
  content: "";
}

.ion-ios7-rewind-outline:before {
  content: "";
}

.ion-ios7-search:before {
  content: "";
}

.ion-ios7-search-strong:before {
  content: "";
}

.ion-ios7-skipbackward:before {
  content: "";
}

.ion-ios7-skipbackward-outline:before {
  content: "";
}

.ion-ios7-skipforward:before {
  content: "";
}

.ion-ios7-skipforward-outline:before {
  content: "";
}

.ion-ios7-snowy:before {
  content: "";
}

.ion-ios7-speedometer:before {
  content: "";
}

.ion-ios7-speedometer-outline:before {
  content: "";
}

.ion-ios7-star:before {
  content: "";
}

.ion-ios7-star-outline:before {
  content: "";
}

.ion-ios7-stopwatch:before {
  content: "";
}

.ion-ios7-stopwatch-outline:before {
  content: "";
}

.ion-ios7-sunny:before {
  content: "";
}

.ion-ios7-sunny-outline:before {
  content: "";
}

.ion-ios7-telephone:before {
  content: "";
}

.ion-ios7-telephone-outline:before {
  content: "";
}

.ion-ios7-thunderstorm:before {
  content: "";
}

.ion-ios7-thunderstorm-outline:before {
  content: "";
}

.ion-ios7-time:before {
  content: "";
}

.ion-ios7-time-outline:before {
  content: "";
}

.ion-ios7-timer:before {
  content: "";
}

.ion-ios7-timer-outline:before {
  content: "";
}

.ion-ios7-trash:before {
  content: "";
}

.ion-ios7-trash-outline:before {
  content: "";
}

.ion-ios7-undo:before {
  content: "";
}

.ion-ios7-undo-outline:before {
  content: "";
}

.ion-ios7-unlocked:before {
  content: "";
}

.ion-ios7-unlocked-outline:before {
  content: "";
}

.ion-ios7-upload:before {
  content: "";
}

.ion-ios7-upload-outline:before {
  content: "";
}

.ion-ios7-videocam:before {
  content: "";
}

.ion-ios7-videocam-outline:before {
  content: "";
}

.ion-ios7-volume-high:before {
  content: "";
}

.ion-ios7-volume-low:before {
  content: "";
}

.ion-ios7-wineglass:before {
  content: "";
}

.ion-ios7-wineglass-outline:before {
  content: "";
}

.ion-ios7-world:before {
  content: "";
}

.ion-ios7-world-outline:before {
  content: "";
}

.ion-ipad:before {
  content: "";
}

.ion-iphone:before {
  content: "";
}

.ion-ipod:before {
  content: "";
}

.ion-jet:before {
  content: "";
}

.ion-key:before {
  content: "";
}

.ion-knife:before {
  content: "";
}

.ion-laptop:before {
  content: "";
}

.ion-leaf:before {
  content: "";
}

.ion-levels:before {
  content: "";
}

.ion-lightbulb:before {
  content: "";
}

.ion-link:before {
  content: "";
}

.ion-load-a:before, .ion-loading-a:before {
  content: "";
}

.ion-load-b:before, .ion-loading-b:before {
  content: "";
}

.ion-load-c:before, .ion-loading-c:before {
  content: "";
}

.ion-load-d:before, .ion-loading-d:before {
  content: "";
}

.ion-location:before {
  content: "";
}

.ion-locked:before {
  content: "";
}

.ion-log-in:before {
  content: "";
}

.ion-log-out:before {
  content: "";
}

.ion-loop:before, .ion-looping:before {
  content: "";
}

.ion-magnet:before {
  content: "";
}

.ion-male:before {
  content: "";
}

.ion-man:before {
  content: "";
}

.ion-map:before {
  content: "";
}

.ion-medkit:before {
  content: "";
}

.ion-mic-a:before {
  content: "";
}

.ion-mic-b:before {
  content: "";
}

.ion-mic-c:before {
  content: "";
}

.ion-minus:before {
  content: "";
}

.ion-minus-circled:before {
  content: "";
}

.ion-minus-round:before {
  content: "";
}

.ion-model-s:before {
  content: "";
}

.ion-monitor:before {
  content: "";
}

.ion-more:before {
  content: "";
}

.ion-music-note:before {
  content: "";
}

.ion-navicon:before {
  content: "";
}

.ion-navicon-round:before {
  content: "";
}

.ion-navigate:before {
  content: "";
}

.ion-no-smoking:before {
  content: "";
}

.ion-nuclear:before {
  content: "";
}

.ion-paper-airplane:before {
  content: "";
}

.ion-paperclip:before {
  content: "";
}

.ion-pause:before {
  content: "";
}

.ion-person:before {
  content: "";
}

.ion-person-add:before {
  content: "";
}

.ion-person-stalker:before {
  content: "";
}

.ion-pie-graph:before {
  content: "";
}

.ion-pin:before {
  content: "";
}

.ion-pinpoint:before {
  content: "";
}

.ion-pizza:before {
  content: "";
}

.ion-plane:before {
  content: "";
}

.ion-play:before {
  content: "";
}

.ion-playstation:before {
  content: "";
}

.ion-plus:before {
  content: "";
}

.ion-plus-circled:before {
  content: "";
}

.ion-plus-round:before {
  content: "";
}

.ion-pound:before {
  content: "";
}

.ion-power:before {
  content: "";
}

.ion-pricetag:before {
  content: "";
}

.ion-pricetags:before {
  content: "";
}

.ion-printer:before {
  content: "";
}

.ion-radio-waves:before {
  content: "";
}

.ion-record:before {
  content: "";
}

.ion-refresh:before, .ion-refreshing:before {
  content: "";
}

.ion-reply:before {
  content: "";
}

.ion-reply-all:before {
  content: "";
}

.ion-search:before {
  content: "";
}

.ion-settings:before {
  content: "";
}

.ion-share:before {
  content: "";
}

.ion-shuffle:before {
  content: "";
}

.ion-skip-backward:before {
  content: "";
}

.ion-skip-forward:before {
  content: "";
}

.ion-social-android:before {
  content: "";
}

.ion-social-android-outline:before {
  content: "";
}

.ion-social-apple:before {
  content: "";
}

.ion-social-apple-outline:before {
  content: "";
}

.ion-social-bitcoin:before {
  content: "";
}

.ion-social-bitcoin-outline:before {
  content: "";
}

.ion-social-buffer:before {
  content: "";
}

.ion-social-buffer-outline:before {
  content: "";
}

.ion-social-designernews:before {
  content: "";
}

.ion-social-designernews-outline:before {
  content: "";
}

.ion-social-dribbble:before {
  content: "";
}

.ion-social-dribbble-outline:before {
  content: "";
}

.ion-social-dropbox:before {
  content: "";
}

.ion-social-dropbox-outline:before {
  content: "";
}

.ion-social-facebook:before {
  content: "";
}

.ion-social-facebook-outline:before {
  content: "";
}

.ion-social-freebsd-devil:before {
  content: "";
}

.ion-social-github:before {
  content: "";
}

.ion-social-github-outline:before {
  content: "";
}

.ion-social-googleplus:before {
  content: "";
}

.ion-social-googleplus-outline:before {
  content: "";
}

.ion-social-hackernews:before {
  content: "";
}

.ion-social-hackernews-outline:before {
  content: "";
}

.ion-social-linkedin:before {
  content: "";
}

.ion-social-linkedin-outline:before {
  content: "";
}

.ion-social-pinterest:before {
  content: "";
}

.ion-social-pinterest-outline:before {
  content: "";
}

.ion-social-reddit:before {
  content: "";
}

.ion-social-reddit-outline:before {
  content: "";
}

.ion-social-rss:before {
  content: "";
}

.ion-social-rss-outline:before {
  content: "";
}

.ion-social-skype:before {
  content: "";
}

.ion-social-skype-outline:before {
  content: "";
}

.ion-social-tumblr:before {
  content: "";
}

.ion-social-tumblr-outline:before {
  content: "";
}

.ion-social-tux:before {
  content: "";
}

.ion-social-twitter:before {
  content: "";
}

.ion-social-twitter-outline:before {
  content: "";
}

.ion-social-vimeo:before {
  content: "";
}

.ion-social-vimeo-outline:before {
  content: "";
}

.ion-social-windows:before {
  content: "";
}

.ion-social-windows-outline:before {
  content: "";
}

.ion-social-wordpress:before {
  content: "";
}

.ion-social-wordpress-outline:before {
  content: "";
}

.ion-social-yahoo:before {
  content: "";
}

.ion-social-yahoo-outline:before {
  content: "";
}

.ion-social-youtube:before {
  content: "";
}

.ion-social-youtube-outline:before {
  content: "";
}

.ion-speakerphone:before {
  content: "";
}

.ion-speedometer:before {
  content: "";
}

.ion-spoon:before {
  content: "";
}

.ion-star:before {
  content: "";
}

.ion-stats-bars:before {
  content: "";
}

.ion-steam:before {
  content: "";
}

.ion-stop:before {
  content: "";
}

.ion-thermometer:before {
  content: "";
}

.ion-thumbsdown:before {
  content: "";
}

.ion-thumbsup:before {
  content: "";
}

.ion-trash-a:before {
  content: "";
}

.ion-trash-b:before {
  content: "";
}

.ion-umbrella:before {
  content: "";
}

.ion-unlocked:before {
  content: "";
}

.ion-upload:before {
  content: "";
}

.ion-usb:before {
  content: "";
}

.ion-videocamera:before {
  content: "";
}

.ion-volume-high:before {
  content: "";
}

.ion-volume-low:before {
  content: "";
}

.ion-volume-medium:before {
  content: "";
}

.ion-volume-mute:before {
  content: "";
}

.ion-waterdrop:before {
  content: "";
}

.ion-wifi:before {
  content: "";
}

.ion-wineglass:before {
  content: "";
}

.ion-woman:before {
  content: "";
}

.ion-wrench:before {
  content: "";
}

.ion-xbox:before {
  content: "";
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 8, 2015 */
h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2.3rem;
}

h3 {
  font-size: 2.1rem;
}

h4 {
  font-size: 1.8rem;
}

h5 {
  font-size: 1.5rem;
}

h6 {
  font-size: 1rem;
}

.tit-1 {
  font-family: "Work Sans", sans-serif;
  font-weight: bold;
  font-size: 2.8rem;
  color: #8f7081;
}

.texto-generico-1 {
  font-family: "Work Sans", sans-serif;
  font-size: 2.5rem;
  color: #989898;
}

.texto-generico-2 {
  font-family: "Work Sans", sans-serif;
  font-size: 2.5rem;
  color: #989898;
  text-align: left;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.tit-banner-1 {
  color: #ffffff;
  font-size: 5rem;
}

/* Plugins */
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
  animation-duration: 0.75s;
}
@keyframes bounce {
  0%, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  40%, 43% {
    transform: translate3d(0, -30px, 0);
  }
  40%, 43%, 70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }
  70% {
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}
@keyframes pulse {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scaleX(1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes rubberBand {
  0% {
    transform: scaleX(1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scaleX(1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}
@keyframes shake {
  0%, to {
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  0% {
    transform: scaleX(1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    transform: scaleX(1);
  }
}
.tada {
  animation-name: tada;
}
@keyframes wobble {
  0% {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    transform: none;
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes jello {
  0%, 11.1%, to {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translateZ(0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(-1turn);
  }
  0%, 40% {
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(-190deg);
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(-170deg);
  }
  50%, 80% {
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
  }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  0%, 40% {
    animation-timing-function: ease-in;
  }
  40% {
    transform: perspective(400px) rotateX(-20deg);
  }
  60% {
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  0%, 40% {
    animation-timing-function: ease-in;
  }
  40% {
    transform: perspective(400px) rotateY(-20deg);
  }
  60% {
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
  }
  60%, 80% {
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  0% {
    transform-origin: center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  0%, to {
    -webkit-transform-origin: center;
  }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-45deg);
    opacity: 0;
  }
  0%, to {
    -webkit-transform-origin: left bottom;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(45deg);
    opacity: 0;
  }
  0%, to {
    -webkit-transform-origin: right bottom;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(45deg);
    opacity: 0;
  }
  0%, to {
    -webkit-transform-origin: left bottom;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  0%, to {
    -webkit-transform-origin: right bottom;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  0% {
    transform-origin: center;
    opacity: 1;
  }
  0%, to {
    -webkit-transform-origin: center;
  }
  to {
    transform-origin: center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  0%, to {
    -webkit-transform-origin: left bottom;
  }
  to {
    transform-origin: left bottom;
    transform: rotate(45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  0%, to {
    -webkit-transform-origin: right bottom;
  }
  to {
    transform-origin: right bottom;
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  0%, to {
    -webkit-transform-origin: left bottom;
  }
  to {
    transform-origin: left bottom;
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  0%, to {
    -webkit-transform-origin: right bottom;
  }
  to {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes hinge {
  0% {
    transform-origin: top left;
  }
  0%, 20%, 60% {
    -webkit-transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
  }
  40%, 80% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  animation-name: hinge;
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.rollIn {
  animation-name: rollIn;
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50%, to {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}
@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list, .slick-slider .slick-track {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:after, .slick-track:before {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}
/* theme slick-slider*/
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-slide:focus {
  outline: none;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-loading .slick-list {
  background: #fff url("../img/ajax-loader.gif") center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next {
  transition: background 0.8s ease;
  margin: 0 0 0 0;
  display: block;
  padding: 0px;
  text-align: center;
  position: absolute;
  top: 50%;
  color: #ffffff;
  transform: translateY(-50%);
  z-index: 3;
  transition: all 0.3s ease;
  width: 50px;
  height: 50px;
  background-color: #b798a5;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  font-size: 0px;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before, .slick-next:before {
  font-family: FontAwesome;
  font-size: 20px;
  line-height: 1;
  color: #ffffff;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: 25px;
}
.slick-prev:before {
  content: "";
}
[dir=rtl] .slick-prev:before {
  content: "";
}

.slick-next {
  right: 25px;
}
[dir=rtl] .slick-next {
  left: 25px;
  right: auto;
}
.slick-next:before {
  content: "";
}
[dir=rtl] .slick-next:before {
  content: "";
}

/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: FontAwesome;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #000000;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #000000;
  opacity: 1;
}

@media screen and (max-width: 780px) {
  .slick-prev, .slick-next {
    width: 25px;
    height: 25px;
  }

  .slick-prev:before, .slick-next:before {
    font-size: 12px;
  }
}
.web {
  display: inline-block;
}

.movil {
  display: none;
}

.mobile .movil {
  display: inline-block;
}

.mobile .web {
  display: none;
}

.parent {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 210;
  bottom: 76px;
}

.text-swift {
  position: absolute;
  left: -137px;
  background-color: #04e07a;
  border-radius: 45px 0px 0px 45px;
  padding: 0px 25px;
  line-height: inherit;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 26px;
  height: 28px;
  margin-top: 12px;
  z-index: -1;
}

.img-whats {
  width: 23px;
  margin-top: -8px;
  left: 15px;
}

.heart {
  position: relative;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background: linear-gradient(to bottom, #03e27b, #0dbf6d);
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.2);
  animation: beat 1.5s ease 0s infinite;
}

.heart span {
  font-size: 22pt;
  color: white;
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.4);
}

.heart:before, .heart:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #03e27b;
  opacity: 0.4;
  border-radius: inherit;
}

.heart:before {
  z-index: -2;
  animation: beat-before 1.5s ease 100ms infinite;
}

.heart:after {
  z-index: -1;
  animation: beat-after 1.5s ease 200ms infinite;
}
@keyframes beat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
@keyframes beat-before {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
@keyframes beat-after {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
}
.grecaptcha-badge {
  opacity: 0;
}

/* Layout */
.header {
  position: relative;
  display: inline-block;
  width: 100%;
  z-index: 10;
  background-color: transparent;
  top: 0px;
  left: 0px;
  padding: 0px 15px;
  transition: all 0.5s ease-out;
}
.header.menu_index {
  position: fixed;
}
.header .linea-morada {
  color: #ffffff;
  font-weight: 500;
  padding: 5px 15px;
  background-color: #442B39;
}
.header .logo-integro {
  display: inline-block;
  position: relative;
  width: 100%;
  background-color: transparent;
}
.header .logo-integro img {
  width: 250px;
  display: inline-block;
  margin: 15px auto;
}
@media (max-width: 920px) {
  .header .logo-integro img {
    float: left;
    margin: 15px;
  }
}
@media (max-width: 500px) {
  .header .logo-integro img {
    width: 150px;
  }
}
.header > .flex-serf-2 {
  background-color: transparent;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  position: relative;
  color: #989898;
}
.header > .flex-serf-2 a .logo {
  padding: 10px 15px;
  width: 20rem;
  transition: all 0.5s ease-out;
}
@media (max-width: 1708px) {
  .header > .flex-serf-2 a .logo {
    width: 20rem;
    padding: 20px 33px;
  }
}
@media (max-width: 1130px) {
  .header > .flex-serf-2 a .logo {
    width: 20rem;
    padding: 10px 15px;
  }
}
.header.menu_index, .header.p-404 {
  background-color: #ffffff;
  position: fixed;
}
.header.menu_index .linea-morada, .header.p-404 .linea-morada {
  display: none;
}

.menu {
  display: inline-block;
  margin-bottom: 0px;
  border: none;
  padding: 0px;
}
.menu .navbar-nav > li {
  margin: 3px 39px;
}
.menu .navbar-nav > li > a.menu_links {
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 18px;
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px);
  background-image: -ms-linear-gradient(transparent 95%, currentColor 2px);
  transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  background-size: 0 96%;
}
.menu .navbar-nav > li > a.menu_links:hover, .menu .navbar-nav > li > a.menu_links.active {
  background-color: transparent;
  background-size: 100% 96%;
}
@media (max-width: 1708px) {
  .menu .navbar-nav > li > a.menu_links {
    font-size: 20px;
  }
}
@media (max-width: 1200px) {
  .menu .navbar-nav > li > a.menu_links {
    font-size: 18px;
  }
}
@media (max-width: 970px) {
  .menu .navbar-nav > li > a.menu_links {
    font-size: 15px;
  }
}
@media (max-width: 1820px) {
  .menu .navbar-nav > li {
    margin: 3px 20px;
  }
}
@media (max-width: 1450px) {
  .menu .navbar-nav > li {
    margin: 3px 5px;
  }
}
@media (max-width: 1300px) {
  .menu .navbar-nav > li {
    margin: 3px 2px;
  }
}
@media (max-width: 990px) {
  .menu .navbar-nav > li {
    margin: 3px 2px;
  }
}
@media (max-width: 600px) {
  .menu .navbar-nav > li {
    margin: 3px 5px;
  }
}
@media (max-width: 920px) {
  .menu {
    display: none;
  }
}

.menu-2 {
  display: inline-block;
  margin-bottom: 0px;
  border: none;
  padding: 0px;
}
.menu-2 .navbar-nav > li {
  margin: 3px 15px;
}
.menu-2 .navbar-nav > li > a.menu_links {
  color: #989898;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 18px;
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px);
  background-image: -ms-linear-gradient(transparent 95%, currentColor 2px);
  transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  background-size: 0 96%;
}
.menu-2 .navbar-nav > li > a.menu_links:hover, .menu-2 .navbar-nav > li > a.menu_links.active {
  background-color: transparent;
  background-size: 100% 96%;
}
@media (max-width: 1708px) {
  .menu-2 .navbar-nav > li > a.menu_links {
    font-size: 18px;
    padding: 8px;
  }
}
@media (max-width: 1200px) {
  .menu-2 .navbar-nav > li > a.menu_links {
    font-size: 15px;
    padding: 10px 5px;
  }
}
@media (max-width: 1024px) {
  .menu-2 .navbar-nav > li > a.menu_links {
    font-size: 14px;
    padding: 10px 5px;
  }
}
@media (max-width: 980px) {
  .menu-2 .navbar-nav > li > a.menu_links {
    font-size: 10px;
    padding: 10px 2px;
  }
}
@media (max-width: 1820px) {
  .menu-2 .navbar-nav > li {
    margin: 3px 20px;
  }
}
@media (max-width: 1450px) {
  .menu-2 .navbar-nav > li {
    margin: 3px 5px;
  }
}
@media (max-width: 1300px) {
  .menu-2 .navbar-nav > li {
    margin: 3px 2px;
  }
}
@media (max-width: 990px) {
  .menu-2 .navbar-nav > li {
    margin: 3px 2px;
  }
}
@media (max-width: 600px) {
  .menu-2 .navbar-nav > li {
    margin: 3px 5px;
  }
}
@media (max-width: 920px) {
  .menu-2 .navbar-nav {
    display: none;
  }
}

.cd-primary-nav-trigger {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 50px;
  display: none;
}
@media (max-width: 920px) {
  .cd-primary-nav-trigger {
    display: inline-block;
  }
}

.cd-primary-nav-trigger .cd-menu-text {
  color: #989898;
  text-transform: uppercase;
  font-weight: 500;
  font-family: "Work Sans", sans-serif;
  /* hide the text on small devices */
  display: none;
}

.cd-primary-nav-trigger .cd-menu-icon {
  /* this span is the central line of the menu icon */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;
  background-color: #989898;
  transition: background-color 0.3s;
  /* these are the upper and lower lines in the menu icon */
}

.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #989898;
  right: 0;
  transition: transform 0.3s, top 0.3s, background-color 0s;
}

.cd-primary-nav-trigger .cd-menu-icon::before {
  top: -5px;
}

.cd-primary-nav-trigger .cd-menu-icon::after {
  top: 5px;
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
  background-color: rgba(152, 152, 152, 0);
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  background-color: #989898;
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
  top: 0;
  transform: rotate(135deg);
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  top: 0;
  transform: rotate(225deg);
}

@media only screen and (min-width: 768px) {
  .cd-primary-nav-trigger {
    width: 100px;
    padding-left: 1em;
    background-color: transparent;
    height: 30px;
    line-height: 34px;
    right: 2.2em;
    bottom: 10%;
    transform: translateY(-50%);
    text-align: left;
  }

  .cd-primary-nav-trigger .cd-menu-text {
    display: inline-block;
  }

  .cd-primary-nav-trigger .cd-menu-icon {
    left: auto;
    right: 1em;
    transform: translateX(0) translateY(-50%);
  }
}
@media only screen and (min-width: 0px) {
  .menu_index .cd-primary-nav-trigger {
    bottom: 15%;
  }

  .cd-primary-nav-trigger {
    width: 100px;
    padding-left: 1em;
    background-color: transparent;
    height: 30px;
    line-height: 34px;
    right: 2.2em;
    bottom: 10%;
    transform: translateY(-50%);
    text-align: left;
  }

  .cd-primary-nav-trigger .cd-menu-text {
    display: inline-block;
  }

  .cd-primary-nav-trigger .cd-menu-icon {
    left: auto;
    right: 1em;
    transform: translateX(0) translateY(-50%);
  }
}
.cd-primary-nav {
  /* by default it's hidden - on top of the viewport */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #989898;
  z-index: 2;
  text-align: center;
  padding: 50px 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  transform: translateY(-100%);
  transition-property: transform;
  transition-duration: 0.4s;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  flex-wrap: wrap;
  flex-direction: column;
}

.cd-primary-nav li {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0.2em 0;
  text-transform: capitalize;
}

.cd-primary-nav a {
  display: inline-block;
  padding: 0.4em 1em;
  border-radius: 0.25em;
  transition: background 0.2s;
  font-size: 2rem;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
}

.no-touch .cd-primary-nav a:hover {
  background-color: #e36767;
}

.cd-primary-nav .cd-label {
  color: #06446e;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 2.4em 0 0.8em;
  font-size: 2rem;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
}

.cd-primary-nav .cd-social {
  display: inline-block;
  margin: 0 0.4em;
}

.cd-primary-nav .cd-social a {
  width: 44px;
  height: 44px;
  padding: 0;
  background-repeat: no-repeat;
  /* image replacement */
  overflow: hidden;
  white-space: nowrap;
  color: #ffffff;
}

.cd-primary-nav .cd-facebook a {
  background-position: 0 0;
}

.cd-primary-nav .cd-instagram a {
  background-position: -44px 0;
}

.cd-primary-nav .cd-dribbble a {
  background-position: -88px 0;
}

.cd-primary-nav .cd-twitter a {
  background-position: -132px 0;
}

.cd-primary-nav.is-visible {
  transform: translateY(0);
}

@media only screen and (min-width: 768px) {
  .cd-primary-nav {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-primary-nav li {
    font-size: 30px;
    font-size: 1.875rem;
  }

  .cd-primary-nav .cd-label {
    font-size: 16px;
    font-size: 1rem;
  }
}
.redes-top {
  position: absolute;
  right: 25px;
  top: 35px;
  display: inline-block;
  z-index: 2;
}
.redes-top ul {
  display: inline-block;
  position: relative;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.redes-top ul li {
  display: inline-block;
  float: left;
  color: #CFAEB8;
}
.redes-top ul li a {
  font-size: 25px;
  color: #CFAEB8;
  width: 30px;
  height: 30px;
  margin: 5px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
}
@media screen and (max-width: 920px) {
  .redes-top {
    top: 15px;
  }
}
@media screen and (max-width: 500px) {
  .redes-top {
    display: none;
    top: 0px;
    left: 0px;
    position: relative;
    z-index: 2;
    background-color: #ffffff;
    width: 100%;
  }
}

.redes-ver-2 {
  display: inline-block;
  z-index: 2;
}
.redes-ver-2 ul {
  display: inline-block;
  position: relative;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.redes-ver-2 ul li {
  display: inline-block;
  float: left;
  color: #CFAEB8;
}
.redes-ver-2 ul li a {
  font-size: 18px;
  color: #F48120;
  width: 40px;
  height: 40px;
  margin: 5px;
  border: 2px none #2c724f;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  transition: all 1s ease;
}
.redes-ver-2 ul li a:hover {
  color: #ffffff;
  background-color: #F48120;
}
@media (max-width: 920px) {
  .redes-ver-2 {
    display: none;
  }
}

.carrucel {
  display: inline-block;
  position: relative;
  width: 100%;
}

.textos-slider {
  display: inline-block;
  text-align: left;
}
.textos-slider .top-title {
  position: relative;
  color: #666666;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.textos-slider .mid-title {
  display: inline-block;
  position: relative;
  color: #000000;
  font-weight: 300;
  line-height: 1.1em;
  margin-top: 30px;
  font-size: 50px;
}
.textos-slider .mid-title span.verde {
  font-weight: 600;
  color: #2c724f;
}
.textos-slider .text {
  display: inline-block;
  position: relative;
  color: #666666;
  font-weight: 400;
  line-height: 1.7em;
  font-size: 15px;
  margin-top: 50px;
  margin-bottom: 75px;
}
.textos-slider .btn-1 {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  padding: 20px 30px;
  font-weight: 600;
  border-radius: 2px;
  background-color: #2c724f;
  text-transform: uppercase;
  letter-spacing: 0px;
}

.slider-home {
  display: inline-block;
  position: relative;
  max-width: 100%;
  width: 100%;
}
.slider-home .item-slide {
  display: inline-block;
  position: relative;
  max-width: 100%;
}
.slider-home .waves {
  bottom: -1px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 6;
}

.caption-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  top: 0px;
  left: 0px;
  transition: transform 0.35s;
  transition: all 1s ease-in-out;
  transform: scale(1.2);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.slider [data-animation-in] {
  opacity: 0;
  animation-duration: 1.5s;
  transition: opacity 0.5s ease 0.3s;
  transition: 1s;
}

@media screen and (max-width: 780px) {
  .slider-home .waves {
    bottom: -134px;
  }
}
@media screen and (max-width: 600px) {
  .slider-home .waves {
    bottom: -184px;
  }
}
.section {
  display: inline-block;
  position: relative;
  width: 100%;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  float: left;
}
.section.white-fondo {
  background-color: #ffffff;
}

.separador {
  position: relative;
  transition: all 250ms ease;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  height: 42px;
  float: left;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.text-tipe-1 {
  font-size: 2.8rem;
  color: #6b6b6b;
  font-weight: 300;
}

.img-center {
  margin: 0 auto;
}

.item-cualidades {
  display: inline-block;
  text-align: center;
}
.item-cualidades .media {
  margin: 10px auto;
  max-width: 150px;
  margin-bottom: 30px;
}
.item-cualidades .context {
  font-family: "Work Sans", sans-serif;
  font-size: 2.5rem;
  font-weight: 300;
  color: #98989A;
}

.servicios-flex .flex-cube {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.servicios-flex .flex-cube:nth-child(3) {
  flex-direction: row-reverse;
}
.servicios-flex .flex-cube:nth-child(4) {
  flex-direction: row-reverse;
}
.servicios-flex .flex-cube .cont-imagen {
  overflow: hidden;
}
.servicios-flex .chancla {
  width: 100%;
}

.item-erp {
  padding: 15px;
}
.item-erp .erp {
  margin: 10px auto;
  max-width: 250px;
  margin-bottom: 30px;
}
.item-erp .name-erp {
  font-family: "Work Sans", sans-serif;
  font-size: 2rem;
  font-weight: 300;
  color: #98989A;
  text-align: center;
}

.content-dash {
  display: inline-block;
  padding: 10px 0px;
  border: 3px dashed #B491A3;
  width: 100%;
  border-left: 0px;
  border-right: 0px;
}

.flex-infi-ers {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.flex-cube img.chancla {
  -webkit-transition: all 0.9s ease;
  /* Safari y Chrome */
  -moz-transition: all 0.9s ease;
  /* Firefox */
  -o-transition: all 0.9s ease;
  /* IE 9 */
  -ms-transition: all 0.9s ease;
  /* Opera */
  width: 100%;
}

.flex-cube:hover img.chancla {
  transform: scale(1.25);
}

.text-about {
  text-align: left;
}

.text-about-2 {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
}

.text-1 {
  position: relative;
  color: #666666;
  font-size: 14px;
  line-height: 1.6em;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.text-2 {
  position: relative;
  color: #000000;
  font-weight: 300;
  line-height: 1.3em;
  margin-top: 15px;
  font-size: 48px;
}

.text-3 {
  position: relative;
  color: #666666;
  font-size: 14px;
  line-height: 2em;
  margin-bottom: 20px;
}

.text-4 {
  position: relative;
  font-weight: 600;
  color: #000000;
  font-size: 14px;
  display: block;
  margin-top: 10px;
  text-transform: uppercase;
  font-family: "Work Sans", sans-serif;
}

.cancel-back {
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: inherit;
}

.banner-txt-1 {
  text-align: center;
  font-size: 30px;
  line-height: 1;
  font-weight: 400;
  color: #686868;
  margin-bottom: 15px;
  font-weight: 100;
}
.banner-txt-1 .txt-esp {
  color: #F48120;
  font-weight: bold;
}

.banner-txt-2 {
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  color: #686868;
}

.banner-txt-3 {
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 15px;
}

.banner-txt-4 {
  text-align: center;
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 15px;
  font-weight: 100;
}

.banner-txt-5 {
  font-size: 25px;
  font-weight: 600;
}

.banner-txt-6 {
  font-size: 18px;
  color: #F48120;
}

.tit-proyect-1 {
  position: relative;
  color: #666666;
  font-size: 14px;
  line-height: 1.6em;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: left;
}

.tit-proyect-2 {
  position: relative;
  color: #000000;
  font-weight: 300;
  line-height: 1.3em;
  margin-top: 15px;
  font-size: 48px;
  text-align: left;
}

.btn-proyectos {
  position: relative;
  color: #000000;
  font-size: 14px;
  margin-top: 60px;
  display: inline-block;
  text-transform: uppercase;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.cont-imagen {
  overflow: hidden;
}

.tit-cube {
  padding: 15px;
  font-family: Gilroy;
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}
.tit-cube img {
  margin: 10px auto;
  display: block;
}

.grey-fondo {
  background-color: #f5f5f5;
}

.cont-serv {
  padding: 45px 25px 45px 35px;
  border-top: 4px solid transparent;
  height: 100%;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #ebebeb;
}
.cont-serv .tit-serv {
  color: #000000;
  font-weight: 600;
  position: relative;
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 20px;
}
.cont-serv .des-serv {
  position: relative;
  color: #666666;
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom: 20px;
}

.progress {
  width: 100%;
  margin: 10px auto;
  padding: 0;
  height: 30px;
  overflow: hidden;
  background: #e5e5e5;
  border-radius: 6px;
}

.bar {
  width: 100%;
  position: relative;
  float: left;
  min-width: 1%;
  height: 100%;
  background: #2c724f;
}

.percent {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-size: 12px;
  color: #000000;
  text-align: center;
  font-weight: 600;
}

.prgres-dif {
  display: inline-block;
  width: 100%;
  color: #000000;
}

.txt-cotribuitor {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #838694;
}

.banner-grey {
  display: inline-block;
  padding: 50px 15px;
  position: relative;
  width: 100%;
  background-color: #cccccc;
  color: #ffffff;
  text-align: center;
  font-size: 35px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 5px;
}

.cont-brush {
  padding: 15px;
  text-align: left;
}
.cont-brush .tit-brush {
  font-size: 64px;
  line-height: 1;
  text-align: left;
  font-family: "brush";
  margin-bottom: 30px;
}
.cont-brush p {
  font-size: 18px;
}

.marco-inter {
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #ffffff;
  display: inline-block;
  position: relative;
  padding: 25px 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.05);
}

.puntos-index {
  position: absolute;
  z-index: 1;
  top: -36px;
  right: -39px;
  width: 120px;
}

.marco-photo {
  position: relative;
  z-index: 2;
  padding: 15px;
  margin-bottom: 15px;
  background-color: #ffffff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.05);
}

.photos-4 {
  margin: 5px 5px;
}

.extra-pading-marco {
  padding: 15px 30px;
}

.alinear-marco-info {
  text-align: left;
  display: flex;
  text-align: center;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

.txt-ln-1 {
  text-align: left;
  display: inline-block;
  width: 100%;
  font-weight: 600;
  text-transform: uppercase;
  color: #686969;
  font-size: 18px;
  line-height: 18px;
}

.txt-ln-2 {
  text-align: left;
  display: inline-block;
  width: 100%;
  font-size: 10px;
  color: #F48120;
}

.align-items-box {
  display: flex;
  text-align: center;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
}

.c-img {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
}

.align-turi {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #686969;
  font-weight: 600;
}
.align-turi img {
  max-width: 50px;
  display: inline-block;
  padding: 5px;
  justify-content: center;
}

.steam {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.effect-zoe {
  display: inline-block;
  height: 100%;
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 450px;
  overflow: hidden;
}

.effect-zoe img {
  text-align: center;
  display: inline-block;
  position: relative;
  margin: 50% auto;
  width: 50%;
}

.effect-zoe .fondo {
  opacity: 1;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  transition: transform 0.35s;
  transition: all 1s ease-in-out;
  transform: scale(1.2);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.effect-zoe:hover .fondo, .effect-zoe:focus .fondo {
  opacity: 1;
  transform: scale(1);
  background-position: center;
}

.effect-zoe .caption-zoe {
  opacity: 0;
  position: absolute;
  z-index: 100;
  float: left;
  left: 0;
  right: 0;
  font-weight: bold;
  font-size: 45px;
  top: 65%;
  text-transform: uppercase;
}

.effect-zoe:hover .caption-zoe, .effect-zoe:focus .caption-zoe {
  opacity: 1;
  position: absolute;
  z-index: 100;
  float: left;
  font-size: 45px;
  left: 0;
  right: 0;
}

.effect-zoe:hover .info .fa {
  background-color: #fff;
  color: #5A3733;
}

.info {
  color: #ffffff;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 50px 30px;
  text-align: left;
  z-index: 2;
}

.info .head {
  display: block;
  position: relative;
  z-index: 2;
}

.info .fa:hover {
  background-color: #fff;
  color: #5A3733;
}

.info h4 {
  line-height: 1em;
  margin-bottom: 20px;
  font-size: 36px;
}

.info h4 span {
  color: #FFD832;
  display: block;
}

.info .fa {
  transition: all 0.6s ease;
  background-color: #ED7E17;
  color: #FFD832;
  display: inline-block;
  width: 50px;
  height: 50px;
  font-size: 16px;
  text-align: center;
  line-height: 50px;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  position: absolute;
  right: 0;
  top: 0;
}

.effect-zoe:hover:before {
  background-color: #5A3733;
  zoom: 1;
  filter: alpha(opacity=75);
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
}

.effect-zoe:before {
  content: "";
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#a6000000", GradientType=0);
  position: absolute;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 10px;
  -moz-background-clip: padding;
  background-clip: padding-box;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  transition: all 0.6s ease;
}

.camioneta {
  margin-bottom: -102px;
  z-index: 2;
}

.nube {
  position: absolute;
  top: -10%;
  left: -10%;
  z-index: 1;
  width: 55%;
}

.calm {
  z-index: 3;
  position: relative;
}

.info-carros {
  display: inline-block;
  text-align: left;
  width: 100%;
  font-size: 20px;
}
.info-carros ul {
  display: inline-block;
  position: relative;
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-top: 50px;
}
.info-carros ul li {
  display: flex;
  align-items: center;
  padding: 10px 0px;
}
.info-carros ul li img {
  width: 25px;
  margin-right: 15px;
}

.fnd-naranja {
  position: relative;
  display: inline-block;
  width: 100%;
}

.itr {
  background-image: url(../img/fondo-naranja.png);
  position: absolute;
  width: 65%;
  top: 0px;
  bottom: 0px;
  left: 0px;
  background-repeat: repeat-y;
  background-position: right;
  background-color: #ff6a11;
}

.puntos {
  background-image: url(../img/puntos.png);
  position: absolute;
  width: 45%;
  top: 0px;
  bottom: 0px;
  right: 0px;
  background-position: right;
  background-size: contain;
}

.sleper-round {
  border-radius: 30% 0% 30% 0%;
}

.barra-lateral {
  display: flex;
  position: absolute;
  height: 277px;
  background-color: #F5F5F5;
  width: 100%;
  left: 0px;
  top: -124px;
  transform: skewY(-7deg);
  overflow: hidden;
  flex-direction: row;
}

.barra-lateral-2 {
  display: flex;
  height: 154px;
  width: 100%;
  left: 0px;
  top: -50px;
  background-color: #ffffff;
  transform: skewY(3deg);
  overflow: hidden;
  flex-direction: row;
  background-size: 60%;
  background-position: left -48px;
}

.fondo-grey-shadow {
  padding: 15px;
  margin-bottom: 15px;
  background-color: #686969;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.05);
}

.naranja {
  color: #F48120;
}

.pang-deri {
  margin-top: 20px;
  margin-bottom: 20px;
}

.barra-lateral-invertida {
  display: flex;
  position: absolute;
  height: 200px;
  background-color: #F48120;
  width: 100%;
  left: 0px;
  top: -124px;
  transform: skewY(4deg);
  overflow: hidden;
  flex-direction: row;
}

.tit-vehiculo {
  color: #ffffff;
  text-align: center;
  margin: 0 auto;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 18px;
}

.efecto-sumer {
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
}

.marco-circular {
  background-color: #F5F5F5;
  z-index: 2;
  padding: 40px 0px 15px 0px;
  border-radius: 120px 0px 0px 0px;
}

.txt-3 {
  text-align: left;
}
.txt-3 ul {
  padding: 0px;
  margin: 0px;
}

.box {
  min-height: 250px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #ffffff;
  display: inline-block;
  position: relative;
  padding: 25px 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.05);
}
.box img {
  margin: 0 auto;
  width: 50px;
  margin-bottom: 15px;
}
.box .txt-1 {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}
.box .txt-2 {
  text-align: center;
  font-size: 15px;
  color: #F48120;
  margin-bottom: 15px;
}
.box .txt-3 ul {
  list-style: none;
}

.img-serv {
  max-width: 400px;
}

.txt-white {
  color: #ffffff;
}

.iffet {
  display: inline-block;
  position: relative;
}
.iffet img {
  width: 50%;
  margin: 5px auto;
  padding: 15px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.05);
}

.sistema-integro {
  display: inline-block;
  position: relative;
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-top: 50px;
  width: 100%;
}
.sistema-integro li {
  display: flex;
  align-items: center;
  padding: 10px 0px;
  width: 50%;
  float: left;
}
.sistema-integro li img {
  width: 25px;
  margin-right: 15px;
}

.slide_presentaciones {
  margin-bottom: 20px;
}
.slide_presentaciones img {
  margin: 0 auto;
}

.nav-tabs > li {
  margin-right: 15px;
}

.nav-tabs > li > a {
  color: #686868;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: #F48120;
  cursor: default;
  background-color: #fff;
  border: 0px solid #ddd;
  border-radius: 0px;
  border-bottom-color: transparent;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.05);
}

.nav-tabs {
  border-bottom: 0px;
}

.claims-3 .slick-slide img {
  transition: all 0.2s ease;
  padding: 30px;
}
.claims-3 .slick-center img {
  padding: 20px 0px 0px 0px;
}

.nuve-1, .nuve-2 {
  position: absolute;
  z-index: 2;
}

.nuve-1 {
  top: 2px;
  left: -5%;
  width: 350px;
}

.nuve-2 {
  top: -50px;
  right: -10%;
  width: 450px;
}

.item-campana {
  display: inline-block;
  position: relative;
  width: 100%;
  background-position: center center;
  background-size: contain;
  background-attachment: fixed;
}

.fondo-2 {
  position: relative;
  width: 100%;
  display: inline-block;
  position: relative;
  background-image: url(../img/fondo2.jpg);
  padding: 100px 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
}

.waves-2 {
  position: absolute;
  bottom: -50px;
  z-index: 2;
  width: 100%;
  left: 0px;
}
.waves-2 img {
  position: relative;
  width: 100%;
  /* height: 200px; */
  display: inline;
}

.caption {
  position: absolute;
  top: 35%;
  width: 500px;
  right: 14%;
  text-align: left;
  font-size: 2rem;
  max-width: 100%;
}

@media screen and (max-width: 780px) {
  .caption {
    display: inline-block;
    padding: 15px;
    position: relative;
    max-width: 100%;
    text-align: center;
    right: 0px;
  }
}
.img-wodth {
  width: 100%;
  opacity: 0px;
}

.contedata-lazyxt {
  font-size: 2rem;
  display: inline-block;
  letter-spacing: 1px;
  text-transform: uppercase;
}

@media screen and (max-width: 780px) {
  .img-wodth {
    display: none;
  }

  .item-campana {
    background-size: cover;
    padding: 50px 15px;
  }
}
.contenedor-producto {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 50px;
  padding: 15px 5px;
}
.contenedor-producto .img-producto {
  width: 100%;
  background-color: #f9f9f9;
  text-align: center;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.contenedor-producto .img-producto img {
  width: 100%;
  margin: 0 auto;
}
.contenedor-producto .img-producto:hover .hover-efect {
  bottom: 0px;
}
.contenedor-producto .img-producto .hover-efect {
  position: absolute;
  bottom: -67px;
  left: 0px;
  /* height: 100%; */
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 23px 0px;
  transition: all 0.5s ease;
  /* height: 0px; */
}
.contenedor-producto .img-producto .hover-efect .icon-store {
  width: 40px;
  height: 40px;
  margin: 30px 5px 0px 5px;
  background-color: #ff8087;
  color: #ffffff;
  border-radius: 2em;
  position: relative;
  padding: 15px 20px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contenedor-producto .img-producto .hover-efect .icon-store:before {
  display: block;
  content: "";
  position: absolute;
  z-index: 0;
  top: 3px;
  bottom: 3px;
  left: 3px;
  right: 3px;
  background: none;
  border: 2px dashed #ffffff;
  border-radius: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contenedor-producto .img-producto .hover-efect .icon-store:hover {
  background-color: #57c1db !important;
  color: #ffffff;
  text-decoration: none;
}
.contenedor-producto .sec-info {
  display: inline-block;
  position: relative;
  width: 100%;
  color: #000000;
  font-weight: bold;
  padding: 20px 15px;
  background-color: #ffffff;
}
.contenedor-producto .sec-info .tit-sec {
  color: #333333;
}
.contenedor-producto .sec-info .info-sec {
  margin-top: 15px;
}

.tit-biografia {
  text-align: left;
  display: inline-block;
  position: relative;
  color: #000000;
  font-weight: 300;
  line-height: 1.3em;
  margin-top: 15px;
  font-size: 48px;
  text-align: left;
  margin-bottom: 20px;
}

.desc-biografia {
  text-align: left;
  display: inline-block;
  font-size: 18px;
}

.panel-heading {
  padding: 0px;
}

.panel {
  border: 0px;
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
  border: 0px;
}

.panel-collapse {
  background-color: #f1f0f0;
}

.panel-title {
  text-align: left;
  padding: 18px 18px 18px 18px;
}
.panel-title a {
  position: relative;
  font-size: 16px;
  cursor: pointer;
  line-height: 34px;
  color: #000000;
  font-weight: 600;
  transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
}

.det-prod {
  text-align: left;
  margin: 15px;
  font-size: 18px;
}

#arlina {
  background: #fff;
  position: relative;
  margin: 5% auto;
  width: 100%;
  max-width: 100%;
  z-index: 3;
}

.gter {
  display: inline-block;
  position: relative;
}

#content {
  position: relative;
  margin: 0;
  background: #fff;
  padding: 20px;
  overflow: hidden;
}

#main {
  position: relative;
  float: left;
  width: 66%;
  background: #fff;
}

#side {
  width: 100%;
  max-width: 280px;
  float: right;
  position: relative;
  padding: 0;
  overflow: hidden;
}

#sidecontent2 {
  max-width: 100%;
  margin: 0 auto 20px auto;
  width: 280px;
  position: relative;
}

.sec-info-min-description {
  text-align: left;
}

.blok-face {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  padding: 0px 0px 20px 0px;
  border-bottom: 1px solid #cccccc;
}

.blok-tag {
  position: relative;
  color: #2c724f;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.blok-face-tit {
  position: relative;
  line-height: 1.3em;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 24px;
  color: #000000;
}
.blok-face-tit a {
  color: #000000;
}

.blok-face-desc-min {
  position: relative;
  margin-bottom: 10px;
}

.img-fondo {
  width: 100%;
}

.noticias-slick {
  display: inline-block;
  height: 250px;
  overflow: hidden;
  width: 100%;
  position: relative;
}

.noticias-slick .fondo {
  overflow: hidden;
  opacity: 1;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  transition: transform 0.35s;
  transition: all 1s ease-in-out;
  transform: scale(1.2);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.noticias-slick:hover:before {
  background-color: #000000;
  zoom: 1;
  filter: alpha(opacity=75);
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
}

.noticias-slick:before {
  content: "";
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#a6000000", GradientType=0);
  position: absolute;
  -webkit-border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 10px;
  -moz-background-clip: padding;
  background-clip: padding-box;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  transition: all 0.6s ease;
}

.noticias-slick:hover .fondo, .noticias-slick:focus .fondo {
  opacity: 1;
  transform: scale(1);
  background-position: center;
}

.info-cat {
  position: relative;
  color: #000000;
  font-weight: 600;
  font-size: 24px;
  display: inline-block;
  position: relative;
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
}

.tags {
  display: inline-block;
  width: 100%;
}
.tags .index-tags {
  width: 100%;
  list-style: none;
  text-align: left;
  padding: 0px;
  margin: 0px;
}
.tags .index-tags li {
  position: relative;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.tags .index-tags li a {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  display: block;
  padding: 13px 0px;
  text-transform: uppercase;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  border-bottom: 1px solid #ebebeb;
}

.sec-info {
  display: inline-block;
  text-align: left;
  color: #000000;
  width: 100%;
}
.sec-info a {
  color: #000000;
}

.tit-proyecto {
  color: #000000;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 18px;
  text-align: left;
  width: 100%;
  color: #000000;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 12px;
}

.desc-proyecto {
  text-align: left;
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}

.ser-proyecto {
  display: inline-block;
  height: 100px;
}

.titulo_producto_detail {
  text-align: left;
  color: #000000;
  margin-bottom: 30px;
}

.info-caracteristica {
  text-align: left;
}

.img-resp-sig {
  margin-top: 15px;
}

.sec-contacto {
  background-image: url(../img/fondo.jpg);
  padding: 0px 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  min-height: 100vh;
  display: flex;
  flex-direction: row;
  align-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}

.tit-contacto {
  font-size: 3.5rem;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.line-morada {
  display: inline-block;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.line-morada:before {
  content: " ";
  display: inline-block;
  height: 2px;
  background-color: #917083;
  width: 60px;
}

#contactForm input, #contactForm textarea {
  background-color: transparent;
  border: none;
  padding: 15px;
}
#contactForm input {
  border: 3px solid #B491A4;
  border-radius: 45px;
  margin-bottom: 20px;
}
#contactForm label {
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 2px;
  float: left;
  text-align: left;
}
#contactForm textarea {
  background-color: transparent;
  border: none;
  padding: 15px;
  box-shadow: 2px 4px 13px -10px rgba(0, 0, 0, 0.75);
}

.info-contacto {
  font-size: 2rem;
  letter-spacing: 2px;
  margin-bottom: 15px;
  color: #B491A4;
}

.btn-1 {
  background-color: #b491a4;
  padding: 10px 20px;
  color: #ffffff;
  letter-spacing: 2px;
  margin-top: 30px;
}

footer {
  display: inline-block;
  position: relative;
  width: 100%;
  float: left;
  background-color: #686969;
  background-attachment: fixed;
  background-size: cover;
  color: #ffffff;
  font-size: 16px;
  text-align: left;
}
@media (max-width: 980px) {
  footer {
    text-align: center;
  }
}
footer .logo-fotter {
  width: 100px;
  margin-top: 0px;
}
footer .copyandpaymets {
  background-color: #F48120;
  color: #ffffff;
  margin-top: -14px;
}
footer .tit-menu-inferior {
  font-family: "Work Sans", sans-serif;
  font-weight: bold;
  font-size: 15px;
  color: #000000;
  text-align: left;
  letter-spacing: 1px;
}
@media (max-width: 980px) {
  footer .tit-menu-inferior {
    text-align: center;
  }
}
footer .redes-bottom {
  display: inline-block;
  z-index: 2;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
footer .redes-bottom ul {
  float: left;
  display: inline-block;
  position: relative;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
footer .redes-bottom ul li {
  display: inline-block;
  float: left;
  color: #FFFFFF;
}
@media (max-width: 980px) {
  footer .redes-bottom ul li {
    text-align: center;
  }
}
footer .redes-bottom ul li a {
  font-size: 25px;
  color: #F48120;
  width: 30px;
  height: 30px;
  margin: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
}
footer .menu-inferior {
  display: flex;
  padding: 0px;
  position: relative;
  list-style: none;
  width: 100%;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 20px;
}
footer .menu-inferior li {
  display: inline-block;
  position: relative;
  float: left;
  text-align: left;
  /* width: 100%; */
  margin-right: 15px;
}
@media (max-width: 980px) {
  footer .menu-inferior li {
    text-align: center;
  }
}
footer .menu-inferior li a {
  position: relative;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  width: 100%;
}
footer .menu-inferior li a:hover {
  color: #cdadb7;
}
@media (max-width: 767px) {
  footer .menu-inferior li {
    width: 50%;
    text-align: left;
    padding: 15px;
  }
}
@media (max-width: 767px) {
  footer .menu-inferior {
    justify-content: left;
  }
}
footer .copyandpaymets {
  display: flex;
  padding: 15px 0px;
  flex-wrap: wrap;
  align-content: center;
  width: 100%;
  align-items: center;
}
footer .copyandpaymets .tarjetas {
  max-width: 200px;
  float: right;
}
footer .copyandpaymets .text-copy {
  text-align: left;
}
@media (max-width: 920px) {
  footer .copyandpaymets .text-copy {
    text-align: center;
  }
}

.oops {
  margin: 50px 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
}

.flex-oops {
  margin: 50px 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.flex-oops h1 {
  font-size: 10rem;
  line-height: 13rem;
  margin: 0px;
}
.flex-oops h2 {
  font-size: 6rem;
  line-height: 5rem;
  margin: 0px;
  margin-bottom: 50px;
}
.flex-oops p {
  font-size: 2.5rem;
}

.mensaje-404 {
  text-align: left;
}

.btn-goback {
  font-size: 2.5rem;
  color: #000000;
  margin-top: 30px;
}
/*# sourceMappingURL=style.css.map */