@charset "UTF-8";
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

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

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

[hidden],
template {
  display: none; }

a {
  background: transparent; }

a:active,
a:hover {
  outline: 0; }

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

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

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

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

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

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

input {
  line-height: normal; }

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

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

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

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

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

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  select {
    background: #fff !important; }
  .navbar {
    display: none; }
  .table td,
  .table th {
    background-color: #fff !important; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\2a"; }

.glyphicon-plus:before {
  content: "\2b"; }

.glyphicon-euro:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

* {
  box-sizing: border-box; }

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #fff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #428bca;
  text-decoration: none; }
  a:hover, a:focus {
    color: #2a6496;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  width: 100% \9;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
  h1 small,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777; }

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small,
  h1 .small, .h1 small,
  .h1 .small,
  h2 small,
  h2 .small, .h2 small,
  .h2 .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .small, .h6 small,
  .h6 .small {
    font-size: 75%; }

h1, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 21px; } }

small,
.small {
  font-size: 85%; }

cite {
  font-style: normal; }

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em; }

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

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

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

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

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #777777; }

.text-primary {
  color: #428bca; }

a.text-primary:hover {
  color: #3071a9; }

.text-success {
  color: #3c763d; }

a.text-success:hover {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover {
  color: #66512c; }

.text-danger {
  color: #a94442; }

a.text-danger:hover {
  color: #843534; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #428bca; }

a.bg-primary:hover {
  background-color: #3071a9; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled, .list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline {
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.428571429; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table; }

.dl-horizontal dd:after {
  clear: both; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.428571429;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014 \00A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: '\00A0 \2014'; }

blockquote:before,
blockquote:after {
  content: ""; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    box-shadow: none; }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

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

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.3333333333%; }

.col-xs-2 {
  width: 16.6666666667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.3333333333%; }

.col-xs-5 {
  width: 41.6666666667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.3333333333%; }

.col-xs-8 {
  width: 66.6666666667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.3333333333%; }

.col-xs-11 {
  width: 91.6666666667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.3333333333%; }

.col-xs-pull-2 {
  right: 16.6666666667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.3333333333%; }

.col-xs-pull-5 {
  right: 41.6666666667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.3333333333%; }

.col-xs-pull-8 {
  right: 66.6666666667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.3333333333%; }

.col-xs-pull-11 {
  right: 91.6666666667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.3333333333%; }

.col-xs-push-2 {
  left: 16.6666666667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.3333333333%; }

.col-xs-push-5 {
  left: 41.6666666667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.3333333333%; }

.col-xs-push-8 {
  left: 66.6666666667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.3333333333%; }

.col-xs-push-11 {
  left: 91.6666666667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.3333333333%; }

.col-xs-offset-2 {
  margin-left: 16.6666666667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.3333333333%; }

.col-xs-offset-5 {
  margin-left: 41.6666666667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.3333333333%; }

.col-xs-offset-8 {
  margin-left: 66.6666666667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.3333333333%; }

.col-xs-offset-11 {
  margin-left: 91.6666666667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.3333333333%; }
  .col-sm-2 {
    width: 16.6666666667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.3333333333%; }
  .col-sm-5 {
    width: 41.6666666667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.3333333333%; }
  .col-sm-8 {
    width: 66.6666666667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.3333333333%; }
  .col-sm-11 {
    width: 91.6666666667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.3333333333%; }
  .col-sm-pull-2 {
    right: 16.6666666667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.3333333333%; }
  .col-sm-pull-5 {
    right: 41.6666666667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.3333333333%; }
  .col-sm-pull-8 {
    right: 66.6666666667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.3333333333%; }
  .col-sm-pull-11 {
    right: 91.6666666667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.3333333333%; }
  .col-sm-push-2 {
    left: 16.6666666667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.3333333333%; }
  .col-sm-push-5 {
    left: 41.6666666667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.3333333333%; }
  .col-sm-push-8 {
    left: 66.6666666667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.3333333333%; }
  .col-sm-push-11 {
    left: 91.6666666667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%; }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%; }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%; }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%; }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.3333333333%; }
  .col-md-2 {
    width: 16.6666666667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.3333333333%; }
  .col-md-5 {
    width: 41.6666666667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.3333333333%; }
  .col-md-8 {
    width: 66.6666666667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.3333333333%; }
  .col-md-11 {
    width: 91.6666666667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.3333333333%; }
  .col-md-pull-2 {
    right: 16.6666666667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.3333333333%; }
  .col-md-pull-5 {
    right: 41.6666666667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.3333333333%; }
  .col-md-pull-8 {
    right: 66.6666666667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.3333333333%; }
  .col-md-pull-11 {
    right: 91.6666666667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.3333333333%; }
  .col-md-push-2 {
    left: 16.6666666667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.3333333333%; }
  .col-md-push-5 {
    left: 41.6666666667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.3333333333%; }
  .col-md-push-8 {
    left: 66.6666666667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.3333333333%; }
  .col-md-push-11 {
    left: 91.6666666667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.3333333333%; }
  .col-md-offset-2 {
    margin-left: 16.6666666667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.3333333333%; }
  .col-md-offset-5 {
    margin-left: 41.6666666667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.3333333333%; }
  .col-md-offset-8 {
    margin-left: 66.6666666667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.3333333333%; }
  .col-md-offset-11 {
    margin-left: 91.6666666667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.3333333333%; }
  .col-lg-2 {
    width: 16.6666666667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.3333333333%; }
  .col-lg-5 {
    width: 41.6666666667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.3333333333%; }
  .col-lg-8 {
    width: 66.6666666667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.3333333333%; }
  .col-lg-11 {
    width: 91.6666666667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.3333333333%; }
  .col-lg-pull-2 {
    right: 16.6666666667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.3333333333%; }
  .col-lg-pull-5 {
    right: 41.6666666667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.3333333333%; }
  .col-lg-pull-8 {
    right: 66.6666666667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.3333333333%; }
  .col-lg-pull-11 {
    right: 91.6666666667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.3333333333%; }
  .col-lg-push-2 {
    left: 16.6666666667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.3333333333%; }
  .col-lg-push-5 {
    left: 41.6666666667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.3333333333%; }
  .col-lg-push-8 {
    left: 66.6666666667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.3333333333%; }
  .col-lg-push-11 {
    left: 91.6666666667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%; }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%; }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%; }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%; }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

table {
  background-color: transparent; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch; }
    .table-responsive > .table {
      margin-bottom: 0; }
      .table-responsive > .table > thead > tr > th,
      .table-responsive > .table > thead > tr > td,
      .table-responsive > .table > tbody > tr > th,
      .table-responsive > .table > tbody > tr > td,
      .table-responsive > .table > tfoot > tr > th,
      .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap; }
    .table-responsive > .table-bordered {
      border: 0; }
      .table-responsive > .table-bordered > thead > tr > th:first-child,
      .table-responsive > .table-bordered > thead > tr > td:first-child,
      .table-responsive > .table-bordered > tbody > tr > th:first-child,
      .table-responsive > .table-bordered > tbody > tr > td:first-child,
      .table-responsive > .table-bordered > tfoot > tr > th:first-child,
      .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0; }
      .table-responsive > .table-bordered > thead > tr > th:last-child,
      .table-responsive > .table-bordered > thead > tr > td:last-child,
      .table-responsive > .table-bordered > tbody > tr > th:last-child,
      .table-responsive > .table-bordered > tbody > tr > td:last-child,
      .table-responsive > .table-bordered > tfoot > tr > th:last-child,
      .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0; }
      .table-responsive > .table-bordered > tbody > tr:last-child > th,
      .table-responsive > .table-bordered > tbody > tr:last-child > td,
      .table-responsive > .table-bordered > tfoot > tr:last-child > th,
      .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0; } }

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder {
    color: #777777;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #777777; }
  .form-control::-webkit-input-placeholder {
    color: #777777; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1; }

textarea.form-control {
  height: auto; }

input[type="search"] {
  -webkit-appearance: none; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 34px;
  line-height: 1.428571429 \0; }
  input[type="date"].input-sm, .form-horizontal .form-group-sm input.form-control[type="date"], .input-group-sm > input.form-control[type="date"],
  .input-group-sm > input.input-group-addon[type="date"],
  .input-group-sm > .input-group-btn > input.btn[type="date"],
  input[type="time"].input-sm,
  .form-horizontal .form-group-sm input.form-control[type="time"],
  .input-group-sm > input.form-control[type="time"],
  .input-group-sm > input.input-group-addon[type="time"],
  .input-group-sm > .input-group-btn > input.btn[type="time"],
  input[type="datetime-local"].input-sm,
  .form-horizontal .form-group-sm input.form-control[type="datetime-local"],
  .input-group-sm > input.form-control[type="datetime-local"],
  .input-group-sm > input.input-group-addon[type="datetime-local"],
  .input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
  input[type="month"].input-sm,
  .form-horizontal .form-group-sm input.form-control[type="month"],
  .input-group-sm > input.form-control[type="month"],
  .input-group-sm > input.input-group-addon[type="month"],
  .input-group-sm > .input-group-btn > input.btn[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg, .form-horizontal .form-group-lg input.form-control[type="date"], .input-group-lg > input.form-control[type="date"],
  .input-group-lg > input.input-group-addon[type="date"],
  .input-group-lg > .input-group-btn > input.btn[type="date"],
  input[type="time"].input-lg,
  .form-horizontal .form-group-lg input.form-control[type="time"],
  .input-group-lg > input.form-control[type="time"],
  .input-group-lg > input.input-group-addon[type="time"],
  .input-group-lg > .input-group-btn > input.btn[type="time"],
  input[type="datetime-local"].input-lg,
  .form-horizontal .form-group-lg input.form-control[type="datetime-local"],
  .input-group-lg > input.form-control[type="datetime-local"],
  .input-group-lg > input.input-group-addon[type="datetime-local"],
  .input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
  input[type="month"].input-lg,
  .form-horizontal .form-group-lg input.form-control[type="month"],
  .input-group-lg > input.form-control[type="month"],
  .input-group-lg > input.input-group-addon[type="month"],
  .input-group-lg > .input-group-btn > input.btn[type="month"] {
    line-height: 46px; }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label,
  .checkbox label {
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0; }
  .form-control-static.input-lg, .form-horizontal .form-group-lg .form-control-static.form-control, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0; }

.input-sm, .form-horizontal .form-group-sm .form-control, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm, .form-horizontal .form-group-sm select.form-control, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.form-horizontal .form-group-sm select.form-control[multiple],
.input-group-sm > select.form-control[multiple],
.input-group-sm > select.input-group-addon[multiple],
.input-group-sm > .input-group-btn > select.btn[multiple] {
  height: auto; }

.input-lg, .form-horizontal .form-group-lg .form-control, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px; }

select.input-lg, .form-horizontal .form-group-lg select.form-control, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px; }

textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.form-horizontal .form-group-lg select.form-control[multiple],
.input-group-lg > select.form-control[multiple],
.input-group-lg > select.input-group-addon[multiple],
.input-group-lg > .input-group-btn > select.btn[multiple] {
  height: auto; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control {
    padding-right: 42.5px; }

.form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center; }

.input-lg + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442; }

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }

.has-error .form-control-feedback {
  color: #a94442; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@media (min-width: 768px) {
  .form-inline .form-group, .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control, .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .input-group, .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon, .navbar-form .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .navbar-form .input-group .input-group-btn,
    .form-inline .input-group .form-control,
    .navbar-form .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control, .navbar-form .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label, .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio, .navbar-form .radio,
  .form-inline .checkbox,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label, .navbar-form .radio label,
    .form-inline .checkbox label,
    .navbar-form .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px; } }

.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px; }

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px; } }

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px; } }

.btn {
  max-width: 100%;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: normal; }
  .btn:focus, .btn:active:focus, .btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e5e5;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active,
  fieldset[disabled] .btn-default,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default:active,
  fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #3071a9;
    border-color: #285e8e; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active,
  fieldset[disabled] .btn-primary,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary:active,
  fieldset[disabled] .btn-primary.active {
    background-color: #428bca;
    border-color: #357ebd; }
  .btn-primary .badge {
    color: #428bca;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active,
  fieldset[disabled] .btn-success,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success:active,
  fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active,
  fieldset[disabled] .btn-info,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info:active,
  fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active,
  fieldset[disabled] .btn-warning,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning:active,
  fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active,
  fieldset[disabled] .btn-danger,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger:active,
  fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }

.btn-link {
  color: #428bca;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #2a6496;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px; }

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left; }
    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }
    .btn-group > .btn:focus,
    .btn-group-vertical > .btn:focus {
      outline: 0; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
  .btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table; }
  .btn-toolbar:after {
    clear: both; }
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }

.btn-group-vertical > .btn-group:after {
  clear: both; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%; }
  .btn-group-justified > .btn-group .btn {
    width: 100%; }
  .btn-group-justified > .btn-group .dropdown-menu {
    left: auto; }

[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0); }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px; }
  .input-group-addon.input-sm, .form-horizontal .form-group-sm .input-group-addon.form-control,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px; }
  .input-group-addon.input-lg, .form-horizontal .form-group-lg .input-group-addon.form-control,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
      z-index: 2; }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    margin-left: -1px; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #777777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777777;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #428bca; }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.428571429;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #555555;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 4px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #428bca; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      text-align: center;
      margin-bottom: 5px; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #fff; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    content: " ";
    display: table; }
  .navbar:after {
    clear: both; }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 4px; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }

.navbar-header:after {
  clear: both; }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse,
      .navbar-static-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }
  @media (max-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px; } }

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }
  @media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 7.5px -15px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px; }
  @media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none; }
      .navbar-nav .open .dropdown-menu > li > a,
      .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px; }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
  @media (min-width: 768px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 15px;
          padding-bottom: 15px; }
      .navbar-nav.navbar-right:last-child {
        margin-right: -15px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important; } }

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px; }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px; } }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      box-shadow: none; }
      .navbar-form.navbar-right:last-child {
        margin-right: -15px; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .navbar-text {
      float: left;
      margin-left: 15px;
      margin-right: 15px; }
      .navbar-text.navbar-right:last-child {
        margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5d5d;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
  .navbar-default .navbar-nav > li > a {
    color: #777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #333;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; } }
  .navbar-default .navbar-link {
    color: #777; }
    .navbar-default .navbar-link:hover {
      color: #333; }
  .navbar-default .btn-link {
    color: #777; }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #333; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:hover,
    fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090808; }
  .navbar-inverse .navbar-brand {
    color: #777777; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #777777; }
  .navbar-inverse .navbar-nav > li > a {
    color: #777777; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090808; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #090808;
    color: #fff; }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090808; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090808; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #777777; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090808; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-link {
    color: #777777; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: #777777; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      content: "/ ";
      padding: 0 5px;
      color: #ccc; }
  .breadcrumb > .active {
    color: #777777; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.428571429;
      text-decoration: none;
      color: #428bca;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    color: #2a6496;
    background-color: #eeeeee;
    border-color: #ddd; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center; }
  .pager:before, .pager:after {
    content: " ";
    display: table; }
  .pager:after {
    clear: both; }
  .pager li {
    display: inline; }
    .pager li > a,
    .pager li > span {
      display: inline-block;
      padding: 5px 14px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 15px; }
    .pager li > a:hover,
    .pager li > a:focus {
      text-decoration: none;
      background-color: #eeeeee; }
  .pager .next > a,
  .pager .next > span {
    float: right; }
  .pager .previous > a,
  .pager .previous > span {
    float: left; }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #777777;
    background-color: #fff;
    cursor: not-allowed; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
  .label:empty {
    display: none; }
  .btn .label {
    position: relative;
    top: -1px; }

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-default {
  background-color: #777777; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e; }

.label-primary {
  background-color: #428bca; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #3071a9; }

.label-success {
  background-color: #5cb85c; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }
  .label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f; }

.label-danger {
  background-color: #d9534f; }
  .label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px; }
  .badge:empty {
    display: none; }
  .btn .badge {
    position: relative;
    top: -1px; }
  .btn-xs .badge, .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px; }
  a.list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: #428bca;
    background-color: #fff; }
  .nav-pills > li > a > .badge {
    margin-left: 3px; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee; }
  .jumbotron h1,
  .jumbotron .h1 {
    color: inherit; }
  .jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200; }
  .jumbotron > hr {
    border-top-color: #d5d5d5; }
  .container .jumbotron {
    border-radius: 6px; }
  .jumbotron .container {
    max-width: 100%; }
  @media screen and (min-width: 768px) {
    .jumbotron {
      padding-top: 48px;
      padding-bottom: 48px; }
      .container .jumbotron {
        padding-left: 60px;
        padding-right: 60px; }
      .jumbotron h1,
      .jumbotron .h1 {
        font-size: 63px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out; }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto; }
  .thumbnail .caption {
    padding: 9px;
    color: #333333; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #428bca; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px; }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
  .alert-danger hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link {
    color: #843534; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease; }

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] {
  min-width: 30px; }

.progress-bar[aria-valuenow="0"] {
  color: #777777;
  min-width: 30px;
  background-color: transparent;
  background-image: none;
  box-shadow: none; }

.progress-bar-success {
  background-color: #5cb85c; }
  .progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5bc0de; }
  .progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }
  .progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #d9534f; }
  .progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media,
.media-body {
  overflow: hidden;
  zoom: 1; }

.media,
.media .media {
  margin-top: 15px; }

.media:first-child {
  margin-top: 0; }

.media-object {
  display: block; }

.media-heading {
  margin: 0 0 5px; }

.media > .pull-left {
  margin-right: 10px; }

.media > .pull-right {
  margin-left: 10px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  .list-group-item > .badge {
    float: right; }
  .list-group-item > .badge + .badge {
    margin-right: 5px; }

a.list-group-item {
  color: #555; }
  a.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:hover, a.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5; }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777; }
  .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit; }
  .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #777777; }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca; }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading > small,
  .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit; }
  .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #e1edf7; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success {
  color: #3c763d; }
  a.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:hover, a.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6; }
  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info {
  color: #31708f; }
  a.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:hover, a.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning {
  color: #8a6d3b; }
  a.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:hover, a.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger {
  color: #a94442; }
  a.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:hover, a.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }
  .panel-body:before, .panel-body:after {
    content: " ";
    display: table; }
  .panel-body:after {
    clear: both; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }
  .panel-title > a {
    color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0; }
  .panel > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px; }
  .panel > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
  .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
  .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px; }
  .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
  .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }
  .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px; }
  .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #ddd; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0; }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0; }

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0; }

.panel-group {
  margin-bottom: 20px; }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px; }
    .panel-group .panel + .panel {
      margin-top: 5px; }
  .panel-group .panel-heading {
    border-bottom: 0; }
    .panel-group .panel-heading + .panel-collapse > .panel-body {
      border-top: 1px solid #ddd; }
  .panel-group .panel-footer {
    border-top: 0; }
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }
  .panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd; }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ddd; }
    .panel-default > .panel-heading .badge {
      color: #f5f5f5;
      background-color: #333333; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd; }

.panel-primary {
  border-color: #428bca; }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #428bca;
    border-color: #428bca; }
    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #428bca; }
    .panel-primary > .panel-heading .badge {
      color: #428bca;
      background-color: #fff; }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #428bca; }

.panel-success {
  border-color: #d6e9c6; }
  .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
    .panel-success > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #d6e9c6; }
    .panel-success > .panel-heading .badge {
      color: #dff0d8;
      background-color: #3c763d; }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }
  .panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1; }
    .panel-info > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #bce8f1; }
    .panel-info > .panel-heading .badge {
      color: #d9edf7;
      background-color: #31708f; }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; }
    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #faebcc; }
    .panel-warning > .panel-heading .badge {
      color: #fcf8e3;
      background-color: #8a6d3b; }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }
  .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1; }
    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ebccd1; }
    .panel-danger > .panel-heading .badge {
      color: #f2dede;
      background-color: #a94442; }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0; }
  .embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%; }
  .embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.428571429px; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.428571429; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0); }
  .tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal; }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .carousel-inner > .item {
    display: none;
    position: relative;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
      width: 100% \9;
      max-width: 100%;
      height: auto;
      line-height: 1; }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .carousel-control.right {
    left: auto;
    right: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif; }
  .carousel-control .icon-prev:before {
    content: '\2039'; }
  .carousel-control .icon-next:before {
    content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0); }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn {
    text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important;
  visibility: hidden !important; }

.affix {
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

@-ms-viewport {
  width: device-width; }

.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

/* ==  Global  ============================ */
/* ==  PALETA DE COLORES =================== */
/*secciones*/
/*Animal categorias*/
/*Plant categorias*/
/*grises*/
/*fondo de la secciones*/
/* ==  TIPOGRAFIA =============================== */
/*Fuentes básicas*/
/*Fuentes básicas*/
/* == VARIABLES GENERALES DE BOOTSTRAP ======= */
/* ==  MARGENES ============================== */
/*
  Estilos globales a etiquetas
*/
html {
  height: 100%; }

body {
  font-family: opensans, Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #777;
  height: 100%;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body.st-menu-open {
  position: relative;
  /*overflow: hidden;*/
  height: 100%; }

a {
  outline: 0 !important;
  transition: all 0.3s;
  text-decoration: none;
  outline: 0;
  color: #353535; }
  a:hover {
    color: #007969 !important;
    text-decoration: none;
    transition: all 0.3s; }

.seccion p strong {
  font-weight: 600; }

svg {
  max-width: 100%;
  height: auto; }

/*Contenedor para una imagen*/
.bloque-imagen {
  overflow: hidden; }

@media (max-width: 480px) {
  .row {
    margin-left: 0 !important;
    margin-right: 0 !important; } }

/*pagina basica*/
.texto-pagina-basic {
  text-align: left; }
  @media (max-width: 768px) {
    .texto-pagina-basic {
      padding: 15px; } }

.view {
  color: #007969; }
  .view:hover {
    color: #7a8527 !important; }
  .view span {
    font-size: 12px; }

/*------------------------------------*\
  #bgvideo
\*------------------------------------*/
.bgvideo {
  padding: 0 0 20px;
  min-height: auto;
  position: relative; }
  .bgvideo .l-content-middle-small {
    text-align: center; }
  @media (max-width: 700px) {
    .bgvideo .inline-list .inline-list__item {
      display: inline-block; } }

.vjs-tech {
  position: relative !important;
  max-height: 720px !important; }

.bgvideo.dark-bg {
  color: #ffffff; }

.bgvideo .bgvideo__heading {
  margin-top: 0;
  margin-bottom: 30px;
  font-weight: 300;
  font-size: 34px; }

@media (min-width: 768px) {
  .bgvideo .bgvideo__heading {
    font-size: 48px; } }

@media (min-width: 1200px) {
  .bgvideo .bgvideo__heading {
    font-size: 54px; } }

.bgvideo .btn {
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .bgvideo .btn {
      margin-bottom: 30px; } }

.bgvideo--video {
  overflow: hidden; }

.bgvideo--video .vjs-control-bar {
  display: none; }

.bgvideo--video .vjs-poster {
  width: 100%;
  height: 100%; }

.bgvideo--video .loading {
  position: absolute;
  background-color: transparent;
  margin-top: -45px;
  height: 100%;
  width: 100%; }

.bgvideo--video .controls {
  width: 40px;
  height: 40px;
  padding-top: 7px;
  color: #fff;
  position: absolute;
  bottom: 5px;
  right: 15px;
  z-index: 980;
  display: block;
  border: 2px solid #fff;
  border-radius: 40px;
  text-align: center; }

@media (min-width: 768px) {
  .bgvideo--video .controls {
    bottom: 30px;
    right: 30px; } }

.bgvideo--video .play-toggle {
  font-size: 18px; }

.bgvideo--video .play-toggle .pause {
  display: none; }

.bgvideo--video #big-video-image {
  position: absolute;
  max-width: 1400px !important;
  margin: 0 auto !important; }

.lt-ie9 .bgvideo--video .loading {
  display: none; }

@media (min-width: 768px) {
  .bgvideo--vertical-centered .bgvideo__wrapper {
    width: 100%;
    height: 450px;
    display: table; } }

@media (min-width: 1200px) {
  .bgvideo--vertical-centered .bgvideo__wrapper {
    height: 510px; } }

@media (min-width: 768px) {
  .bgvideo--vertical-centered .bgvideo__wrapper__wrapper {
    display: table-cell;
    vertical-align: middle; } }

.bgvideo__scroll-down {
  display: none; }

@media (min-width: 992px) {
  .bgvideo__scroll-down {
    width: 56px;
    height: 50px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -28px;
    padding-top: 10px;
    z-index: 100;
    font-size: 24px;
    text-align: center;
    color: #fff; }
  .bgvideo__scroll-down:hover {
    height: 55px;
    color: #fff; } }

@media (min-width: 992px) and (max-height: 703px) {
  .bgvideo__scroll-down {
    position: fixed; } }

/*videos para videojuegos*/
.vjs-poster {
  background-repeat: no-repeat;
  background-size: cover; }

/*
spinner css3
*/
.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%; }

.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg); }

.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg); }

.circle1 {
  top: 0;
  left: 0; }

.circle2 {
  top: 0;
  right: 0; }

.circle3 {
  right: 0;
  bottom: 0; }

.circle4 {
  left: 0;
  bottom: 0; }

.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.container3 .circle1 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s; }

.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s; }

.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s; }

.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s; }

.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s; }

.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s; }

.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s; }

.img-bg-hard,
.img-bg-soft,
.img-bg-softer {
  background-position: center;
  position: relative; }

.img-bg-hard:before,
.img-bg-soft:before,
.img-bg-softer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10; }

.img-bg-hard.dark-bg:before,
.img-bg-soft.dark-bg:before,
.img-bg-softer.dark-bg:before {
  background-color: #2f4054; }

.img-bg-hard > .wrapper,
.img-bg-soft > .wrapper,
.img-bg-softer > .wrapper {
  position: relative;
  z-index: 20; }

.img-bg-hard.dark-bg:before {
  opacity: 0.3; }

.img-bg-top {
  background-position: top; }

.spinner {
  margin: 100px auto;
  width: 20px;
  height: 20px;
  position: relative; }

.container1 > div,
.container2 > div,
.container3 > div {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.wrappervideo img {
  display: block;
  height: auto;
  width: 100%; }

.wrappervideo iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.wrappervideo {
  float: left;
  position: relative; }

/*pagina del video*/
.videoshare {
  background: #333;
  text-align: center !important;
  padding: 25px 0; }
  .videoshare .seccion__titulo-grande {
    color: white; }

.node-type-page .botonera {
  text-align: center; }

.enlaceq {
  font-weight: bold; }
  .enlaceq a {
    font-size: 13px; }
  .enlaceq:after {
    font-family: 'olmix-icon';
    content: "\e605";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: graysc;
    position: relative;
    top: 2px;
    font-weight: bold;
    color: #007969 !important; }

.alert {
  width: 100%;
  top: 35px;
  border: none !important;
  margin: 0;
  text-align: left;
  position: relative;
  color: white; }
  @media (min-width: 992px) {
    .alert {
      width: 40%;
      top: 100px; }
      .alert li {
        font-size: 12px; } }

.alert-danger {
  background: #b50d19; }
  .alert-danger a {
    color: white;
    opacity: 1; }
  .alert-danger ul {
    list-style: none; }

.alert-danger:after {
  top: 100%;
  left: 80%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(218, 32, 78, 0);
  border-top-color: #b50d19;
  border-width: 20px;
  margin-left: -30px; }

.olmix-group-text {
  color: #00617c !important; }

.olmix-animal-care-text {
  color: #7a8527 !important; }

.white-text {
  color: white !important; }

.black-text {
  color: black !important; }

@media (max-width: 480px) {
  #cboxOverlay, #colorbox {
    display: none !important; } }

/* ==  Tools  ============================ */
/*doc
---
title: Espacios en blanco
category: Tools
---

Son una serie muy extensa de mixins para aplicar las propiedades de margin y padding en función de una escala de valores definida previamente. La escala esta disponible en el archivo `_sass/_variables.scss`. En caso de que necesitemos aplicar un tamaño de espacio diferente, lo haremos con una regla CSS normal.

```
$margin-small:6px; 
$margin: 15px;
$margin-medium: $margin * 2; //30px 
$margin-xmedium: $margin + 15px; //45px 
$margin-large: 	$margin-medium * 2; // 60px 
$margin-xlarge: $margin-large + 15px; // 75px
```

Se pueden modificar estos valores pero no es recomendable ya que la rejilla de Bootstrap se compone de calles cuya anchura es de 30px, una medida proporcional a nuestra unidad base de 15px.

Los mixins se definen añadiendo a cada propiedad (`margin-top`, `padding-bottom`, etc) el sufijo que especifica su tamaño (son cinco: `-xs` , `-sm` , `-md` , `-lg` , `-xl` ).

```
@mixin margin-top-xs {
	margin-top: $margin;
}

@mixin margin-top-sm {
	margin-top: $margin-medium;
}

@mixin margin-top-md {
	margin-top: $margin-xmedium;
}

@mixin margin-top-lg {
	margin-top: $margin-large;
}

@mixin margin-top-xl {
	margin-top: $margin-xlarge;
}
...
```

Disponemos también de otros mixins que sirven para elminar los espacios en blanco del elemento.

```
@mixin no-margin-top {
	margin-top: 0;
}
...
```

Además, tenemos otros mixins que combinan dos propiedades en función de si el espacio que crean es vertical u horizontal, y otros que modifican el espacio tanto vertical cómo horizontalmente.

```
@mixin margin-vertical-xs {
	@include margin-top-xs;
	@include margin-bottom-xs;
}

@mixin margin-vertical-sm {
	@include margin-top-sm;
	@include margin-bottom-sm;
}


@mixin margin-vertical-md {
	@include margin-top-md;
	@include margin-bottom-md;
}

@mixin margin-vertical-lg {
	@include margin-top-lg;
	@include margin-bottom-lg;
}

@mixin margin-vertical-xl {
	@include margin-top-xl;
	@include margin-bottom-xl;
}

@mixin no-margin-vertical {
	margin-top: 0;
	margin-bottom: 0;
}
...
```

```
@mixin margin-xs {
	margin: $margin;
}

@mixin margin-sm {
	margin: $margin-medium;
}

@mixin margin-md {
	margin: $margin-xmedium;
}

@mixin margin-lg {
	margin: $margin-large;
}

@mixin margin-xl {
	margin: $margin-xlarge;
}

@mixin no-margin {
	margin: 0;
}
...
```


*/
/*doc
---
title: Márgenes
category: Tools
---


Si necesitamos darle a un elemento un margen inferior para separarlo de otros, disponemos de las siguientes clases: `margen-muy-pequeno`, `margen-pequeno`, `margen-mediano`, `margen-largo`, `margen-muy-largo`.

```html_example
<div class="well margen-muy-pequeno">Margen muy pequeño</div>
<div class="well margen-pequeno">Margen pequeño</div>
<div class="well margen-mediano">Margen mediano</div>
<div class="well margen-largo">Margen largo</div>
<div class="well margen-muy-largo">Margen muy largo</div>
```

NOTA: Ignora el estilo `.well` , sólo sirve para diferenciar los bloques entre sí.

NOTA: Es recomendable no abusar de estas clases ya que son demasiado granulares. Para dar margenes inferiores a componentes u otros elementos reutilizables es recomendable utilizar los mixins del tipo ["Espacios en blanco"](/docs/mixins.html#Espacios_en_blanco). Estas clases son útiles para dar formato a contenido introducido mediante WYSWYG o en casos en los que no tiene sentido utilizar componentes.


<div class="separar-margen visible-xs-*"></div>

*/
.sin-margen {
  margin-bottom: 0; }

.margen-muy-pequeno {
  margin-bottom: 15px; }

.margen-pequeno {
  margin-bottom: 30px; }

.margen-mediano {
  margin-bottom: 45px; }

.margen-largo {
  margin-bottom: 60px; }

.margen-muy-largo {
  margin-bottom: 80px; }

.col-xs-12 {
  margin-bottom: 15px; }

.margin-arriba-abajo {
  padding-top: 30px;
  padding-bottom: 30px; }

.margin-vertical-md {
  margin-top: 45px;
  margin-bottom: 45px; }

.padding-vertical-md {
  padding-top: 30px;
  padding-bottom: 30px; }

.padding-horizontal-sm {
  padding-left: 30px;
  padding-right: 30px; }

.sin-padding {
  padding-bottom: 0 !important; }

.margen-auto {
  margin: 0 auto; }

.margen-horizontal-sm {
  margin-left: 30px;
  margin-right: 30px; }

.margen-left-sm {
  margin-left: 30px; }

@media (max-width: 480px) {
  .margen-bottom-only-mobile {
    margin-bottom: 30px; } }

@media (min-width: 992px) {
  .margen-left-sm-only-desktop {
    margin-left: 30px; } }

@media (min-width: 768px) {
  .margen-left-sm-up-tablet {
    margin-left: 30px; } }

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

@media (max-width: 767px) {
  .u-text-center-only-mobile {
    text-align: center; } }

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

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

.u-text-uppercase {
  text-transform: uppercase !important; }

.u-texto-white {
  color: white; }

.u-texto-colornorm {
  color: #656565; }

.u-texto-brand {
  color: #00617c !important; }

.u-texto-human {
  color: #00a493 !important; }

.u-texto-plant {
  color: #850f66 !important; }

.u-color-inherit {
  color: inherit; }

.u-texto-h1 {
  font-size: 48px; }

.u-texto-h1-small {
  font-size: 35px !important; }

.u-texto-h1-xsmall {
  font-size: 30px !important; }

.u-texto-h4 {
  font-size: 22px; }
  @media (max-width: 767px) {
    .u-texto-h4 {
      font-size: 18px; } }

@media (max-width: 768px) {
  .u-texto-h4\@only-mobile {
    font-size: 22px; } }

.u-texto-big {
  font-size: 48px; }

.u-texto-small {
  font-size: 12px; }

.u-flex {
  display: -ms-flexbox;
  display: flex; }

.u-flex-up-tablet {
  display: block; }
  @media (min-width: 768px) {
    .u-flex-up-tablet {
      display: -ms-flexbox;
      display: flex; } }

.u-flex-mobile {
  display: block; }
  @media (max-width: 767px) {
    .u-flex-mobile {
      display: -ms-flexbox;
      display: flex; } }

.u-flex-dircol {
  -ms-flex-direction: column;
      flex-direction: column; }

.u-flex1 {
  -ms-flex: 1;
      flex: 1; }

.u-flex-grow {
  -ms-flex-positive: 1;
      flex-grow: 1; }

.u-flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.u-flex-shrink {
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.u-flex-justify-center {
  -ms-flex-pack: center;
      justify-content: center; }

@media (max-width: 768px) {
  .u-flex-justify-center\@only-mobile {
    -ms-flex-pack: center;
        justify-content: center; } }

.u-flex-justify-evenly {
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly; }

.u-flex-align-baseline {
  -ms-flex-align: baseline;
      align-items: baseline; }

.u-flex-justify-between {
  -ms-flex-pack: justify;
      justify-content: space-between; }

.u-flex-align-center {
  -ms-flex-align: center;
      align-items: center; }

.u-margin-bottom {
  margin-bottom: 15px; }

.u-margin-bottom-medium {
  margin-bottom: 30px !important; }

@media (max-width: 767px) {
  .u-margin-bottom-sm-mobile {
    margin-bottom: 6px !important; } }

.u-no-padding {
  padding: 0 !important; }

@media (max-width: 767px) {
  .u-no-padding\@mobile {
    padding: 0; } }

.u-margin-left {
  margin-left: 15px; }

.u-margin-left-muy-pequeno {
  margin-left: 6px; }

.u-margin-right {
  margin-right: 15px; }

.u-margin-left-sm {
  margin-left: 6px; }

.u-margin-right-sm {
  margin-right: 6px; }

.u-margin-left-tiny {
  margin-left: 3px; }

.u-margin-right-tiny {
  margin-right: 3px; }

.u-margin-top {
  margin-top: 15px; }

.u-margin-bottom-sm {
  margin-bottom: 6px; }

.u-margin-bottom-none {
  margin-bottom: 0; }

.u-full-width {
  width: 100%; }

@media (max-width: 767px) {
  .u-full-width\@mobile {
    max-width: 100%; } }

@media (max-width: 480px) {
  .u-only-up-tablet {
    display: none; } }

@media (min-width: 768px) {
  .u-only-down-tablet {
    display: none; } }

@media (min-width: 768px) {
  .u-only-mobile {
    display: none !important; } }

.u-valign-middle {
  vertical-align: middle; }

.u-bold {
  font-weight: bold; }

.u-italic {
  font-style: italic; }

.u-valign-bottom {
  vertical-align: bottom; }

.u-white-text {
  color: #fff; }

/* ==  OBJETOS  ============================ */
/* Las unidades más básicas que serán usadas para construir componentes y módulos */
@font-face {
  font-family: 'olmix-icon';
  src: url("../fonts/olmix-icon.eot?8z91i6");
  src: url("../fonts/olmix-icon.eot?#iefix8z91i6") format("embedded-opentype"), url("../fonts/olmix-icon.woff?8z91i6") format("woff"), url("../fonts/olmix-icon.ttf?8z91i6") format("truetype"), url("../fonts/olmix-icon.svg?8z91i6#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  font-family: 'olmix-icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-filter-pets2:before {
  content: "\e914"; }

.icon-redes:before {
  content: "\e911"; }

.icon-mapa:before {
  content: "\e912"; }

.icon-chat:before {
  content: "\e913"; }

.icon-box_download:before {
  content: "\e910"; }

.icon-arrow-top:before {
  content: "\e90f"; }

.icon-ubicacion:before {
  content: "\e90c"; }

.icon-reloj:before {
  content: "\e90d"; }

.icon-enlace:before {
  content: "\e90e"; }

.icon-icon-bocadillo:before {
  content: "\e908"; }

.icon-Icon-mail:before {
  content: "\e909"; }

.icon-icon-persona:before {
  content: "\e90a"; }

.icon-Icon-compartir:before {
  content: "\e90b"; }

.icon-cuatro:before {
  content: "\e904"; }

.icon-dos:before {
  content: "\e905"; }

.icon-tres:before {
  content: "\e906"; }

.icon-uno:before {
  content: "\e907"; }

.icon-menu:before {
  content: "\e903"; }

.icon-logo-olmix-animal:before {
  content: "\e902"; }

.icon-home3:before {
  content: "\e61e"; }

.icon-ico-pdf:before {
  content: "\e901"; }

.icon-filter-pets:before {
  content: "\e900"; }

.icon-todos:before {
  content: "\e61d"; }

.icon-filter-bird2:before {
  content: "\e615"; }

.icon-filter-goat2:before {
  content: "\e616"; }

.icon-filter-cow2:before {
  content: "\e617"; }

.icon-filter-fish2:before {
  content: "\e618"; }

.icon-filter-horse2:before {
  content: "\e619"; }

.icon-filter-lamb2:before {
  content: "\e61a"; }

.icon-filter-pig2:before {
  content: "\e61b"; }

.icon-filter-sheep2:before {
  content: "\e61c"; }

.icon-filter-sheep:before {
  content: "\e612"; }

.icon-filter-goat:before {
  content: "\e613"; }

.icon-filter-fishCrustace:before {
  content: "\e614"; }

.icon-arrow-down:before {
  content: "\e611"; }

.icon-filter-crustacean:before {
  content: "\e60a"; }

.icon-filter-bird:before {
  content: "\e60b"; }

.icon-filter-lamb:before {
  content: "\e60c"; }

.icon-filter-fish:before {
  content: "\e60d"; }

.icon-filter-pig:before {
  content: "\e60e"; }

.icon-filter-cow:before {
  content: "\e60f"; }

.icon-filter-horse:before {
  content: "\e610"; }

.icon-download:before {
  content: "\e608"; }

.icon-separator:before {
  content: "\e609"; }

.icon-social-twitter:before {
  content: "\e600"; }

.icon-social-youtube:before {
  content: "\e601"; }

.icon-social-linkedin:before {
  content: "\e602"; }

.icon-social-facebook:before {
  content: "\e603"; }

.icon-logo:before {
  content: "\e604"; }

.icon-arrow-right:before {
  content: "\e605"; }

.icon-arrow-left:before {
  content: "\e606"; }

.icon-quote:before {
  content: "\e607"; }

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 19, 2015 */
@font-face {
  font-family: 'opensans';
  src: url("../fonts/OpenSans-Bold-webfont.eot");
  src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Bold-webfont.svg#open_sansbold") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'opensans';
  src: url("../fonts/OpenSans-Semibold-webfont.eot");
  src: url("../fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("../fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Semibold-webfont.svg#open_sansitalic") format("svg");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'opensans';
  src: url("../fonts/OpenSans-Italic-webfont.eot");
  src: url("../fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Italic-webfont.woff") format("woff"), url("../fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Italic-webfont.svg#open_sansitalic") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'opensans';
  src: url("../fonts/OpenSans-LightItalic-webfont.eot");
  src: url("../fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-LightItalic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-LightItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-LightItalic-webfont.svg#open_sansregular") format("svg");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'opensans';
  src: url("../fonts/OpenSans-Regular-webfont.eot");
  src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'opensans';
  src: url("../fonts/OpenSans-Light-webfont.eot");
  src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Light-webfont.svg#open_sanslight") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'conduit';
  src: url("../fonts/conduit_itc_bold1-webfont.woff2") format("woff2"), url("../fonts/conduit_itc_bold1-webfont.woff") format("woff"), url("../fonts/conduit_itc_bold1.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

/*doc
 ---
 title: Fuentes
 name: fuentes
 category: Objetos
 ---

### Títulos

```html_example
<h1>Título 1</h1>
<h2>Título 2</h2>
<h3>Título 3</h3>
<h4>Título 4</h4>
<h5>Título 5</h5>
<h6>Título 6</h6>
```

### Textos
```html_example
<p>Texto de tamaño base</p>
<p class="text-small">Texto de tamaño pequeño</p>
<p class="text-large">Texto de tamaño grande</p>
```

 */
.text-small {
  font-size: 12px; }

.text-large {
  font-size: 18px; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-top: 0;
  margin-bottom: 10px; }

h1, .h1 {
  font-family: opensans, Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  font-size: 35px;
  color: #00617c; }
  h1 else, .h1 else {
    font-weight: normal; }
  @media (min-width: 768px) {
    h1, .h1 {
      font-size: 48px; } }

h2, .h2 {
  font-family: opensans, Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  font-size: 24px; }
  h2 else, .h2 else {
    font-weight: normal; }
  @media (min-width: 768px) {
    h2, .h2 {
      font-size: 26px; } }

h3, .h3 {
  font-family: opensans, Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  font-size: 22px; }
  h3 else, .h3 else {
    font-weight: normal; }
  @media (min-width: 768px) {
    h3, .h3 {
      font-size: 24px; } }

h4, .h4 {
  font-family: opensans, Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  font-size: 20px; }
  h4 else, .h4 else {
    font-weight: normal; }
  @media (min-width: 768px) {
    h4, .h4 {
      font-size: 22px; } }

h5, .h5 {
  font-family: opensans, Helvetica, Arial, sans-serif;
  line-height: 1.1;
  color: inherit;
  font-size: 16px; }
  h5 else, .h5 else {
    font-weight: normal; }
  @media (min-width: 768px) {
    h5, .h5 {
      font-size: 18px; } }

h6, .h6 {
  font-family: opensans, Helvetica, Arial, sans-serif;
  line-height: 1.1;
  color: inherit;
  font-size: 12px; }
  h6 else, .h6 else {
    font-weight: normal; }
  @media (min-width: 768px) {
    h6, .h6 {
      font-size: 16px; } }

.u-text-family-second {
  font-family: conduit, Helvetica, Arial, sans-serif;
  text-transform: none !important; }

/*doc
---
title: Blockquote
category: Objetos
---

```html_example
<blockquote>
	<p><span class="icon-quote"></span>
	“The secret to Olmix Group’s success has been our visionary approach, identifying marine algae as a renewable raw material with a revolutionary potential to help feed 9 billion people sustainably by 2050.”</p>
</blockquote>
```
*/
@media (min-width: 768px) {
  blockquote {
    padding: 15px 30px; } }

@media (min-width: 992px) {
  blockquote {
    padding: 15px; } }

blockquote p {
  font-family: opensans, Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #656565;
  font-style: italic; }

.blockquote {
  width: 50%;
  float: right;
  text-align: left;
  border-left: 2px solid #222 !important;
  color: #353535;
  margin-left: 15px; }

.blockquote-person {
  font-size: 12px;
  color: #777; }

/*doc
---
title: Titulos de págin y sección
category: Objetos
---


##Titulo de página
```html_example
<div class="seccion-titulo">
	<h2 class="seccion__titulo"><strong>Innovation</strong> is of the hearth of olmix group <span class="detalle-titulo icon-separator"></span></h2>
	<p class="seccion__subtitulo">10% of employees and 6% of revenues dedicated to Innovation
Brittany: land of marine science expertise and resources. <strong>We decided to do it.</strong></p>
</div>
```

##Titulo de sección degradado
```html_example

<div class="seccion-titulo seccion-titulo--degradado">
	<h2 class="seccion__titulo"><strong>Innovation</strong> is of the hearth of olmix group <span class="detalle-titulo icon-separator"></span></h2>
	<p class="seccion__subtitulo">10% of employees and 6% of revenues dedicated to Innovation
Brittany: land of marine science expertise and resources. <strong>We decided to do it.</strong></p>
</div>
```

##Titulo de bloque dentro de seccion
```html_example
<h3 class="seccion__titulo--subbloque"><strong>Main stages</strong> of our industrial processes <span class="detalle-titulo icon-separator"></span></h3>
```
*/
.seccion-titulo {
  text-align: center;
  padding: 60px 0 30px;
  color: #00617c; }
  .seccion-titulo .detalle-titulo {
    color: #d8d8d8; }

.seccion-titulo__nopadding {
  padding: 0 0 30px; }

.detalle-titulo {
  font-size: 24px;
  display: block; }

.seccion-titulo--degradado {
  padding: 30px 0;
  background: #005265;
  background: -webkit-gradient(left top, right top, color-stop(0%, #005265), color-stop(100%, #0083a4));
  background: linear-gradient(to right, #005265 0%, #0083a4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005265', endColorstr='#0083a4', GradientType=1 ); }
  .seccion-titulo--degradado .seccion__titulo, .seccion-titulo--degradado .seccion__subtitulo, .seccion-titulo--degradado .detalle-titulo {
    color: white; }

.seccion-titulo--degradado_myco {
  padding: 30px 0;
  margin-bottom: 60px;
  background: #76405d;
  background: -webkit-gradient(left top, right top, color-stop(0%, #76405d), color-stop(100%, #92687f));
  background: linear-gradient(to right, #76405d 0%, #92687f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76405d', endColorstr='#92687f', GradientType=1 ); }
  .seccion-titulo--degradado_myco .seccion__titulo, .seccion-titulo--degradado_myco .seccion__subtitulo, .seccion-titulo--degradado_myco .detalle-titulo {
    color: white; }

.seccion__titulo {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  letter-spacing: 2.4px;
  position: relative; }
  @media (min-width: 768px) {
    .seccion__titulo {
      font-family: opensans, Helvetica, Arial, sans-serif;
      font-weight: 500;
      line-height: 1.1;
      color: inherit;
      font-size: 24px; }
      .seccion__titulo else {
        font-weight: normal; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .seccion__titulo {
      font-size: 26px; } }
  .seccion__titulo .icono-animal {
    position: absolute;
    font-size: 40px;
    margin-left: 15px;
    top: -7px; }

.titulo-seccion {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .titulo-seccion {
      font-family: opensans, Helvetica, Arial, sans-serif;
      font-weight: 500;
      line-height: 1.1;
      color: inherit;
      font-size: 24px; }
      .titulo-seccion else {
        font-weight: normal; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .titulo-seccion {
      font-size: 26px; } }

.seccion__subtitulo {
  font-size: 15px; }

.seccion__titulo--subbloque {
  text-align: center;
  margin: 15px 0;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  color: #00617c; }
  .seccion__titulo--subbloque span {
    font-size: 12px; }
  .seccion__titulo--subbloque a {
    color: #00617c; }
  .seccion__titulo--subbloque .detalle-titulo {
    font-size: 18px;
    color: #d8d8d8; }
  @media (min-width: 992px) {
    .seccion__titulo--subbloque {
      margin: 0 0 15px; } }

/*En la secciones los titulos cambian de color*/
.animal .seccion-titulo--degradado {
  background: #0083a4;
  background: -webkit-gradient(left top, right top, color-stop(0%, #0083a4), color-stop(100%, #4fbbd6));
  background: linear-gradient(to right, #0083a4 0%, #4fbbd6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083a4', endColorstr='#4fbbd6', GradientType=1 ); }

.plant .seccion-titulo--degradado {
  background: #7a1e5b;
  background: -webkit-gradient(left top, right top, color-stop(0%, #7a1e5b), color-stop(100%, #cb6bab));
  background: linear-gradient(to right, #7a1e5b 0%, #cb6bab 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a1e5b', endColorstr='#cb6bab', GradientType=1 ); }

.human .seccion-titulo--color {
  padding: 30px 0;
  color: white;
  background: #00a493; }

/*doc
---
title: Botonera
category: Objetos
---


##Ejemplo con dos botones##

```html_example
<div class="botonera" style="background: blue url('http://lorempixel.com/800/200/abstract'); background-size: cover;">
	<a href="#" class="btn btn-default">Boton default</a>
</div>

<div class="botonera" style="background: blue url('http://lorempixel.com/800/200/abstract'); background-size: cover;">
	<a href="#" class="btn btn-contenido">Boton contenido</a>
</div>

```
*/
.botonera {
  margin: 15px 0;
  clear: both; }
  @media (max-width: 480px) {
    .botonera .btn {
      margin-bottom: 15px; } }

.btn {
  border-radius: 0;
  padding: 15px 30px;
  font-size: 12px;
  border: none;
  color: #007969;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: none;
  letter-spacing: 1.1px; }

.btn-contenido {
  background: #00617c;
  color: white;
  border: 1px solid #00617c;
  text-decoration: none !important; }
  .btn-contenido:hover {
    border: 1px solid #00617c;
    color: #00617c;
    background-color: rgba(255, 255, 255, 0.3); }

.btn-plant {
  background: #850f66; }

.btn-animal {
  background: #0082a4; }

.btn-myconews {
  background: #76405d; }

.btn-negativo {
  background-color: white;
  color: #00617c;
  padding: 6px 15px;
  font-weight: bold;
  text-transform: uppercase;
  border: 1px solid #00617c;
  text-decoration: none !important; }

/*doc
---
title: Cifra
category: Objetos
---


##Ejemplo con dos botones##

```html_example
<div class="cifra">
	<p><span class="cifra-numero">20</span>
	<span class="cifra-texto">Sites</span></p>
</div>
```
*/
.cifra {
  background: #00617c;
  width: 110px;
  height: 110px;
  border-radius: 100px;
  text-align: center;
  color: white; }
  @media (min-width: 768px) {
    .cifra {
      width: 185px;
      height: 185px; } }
  .cifra a {
    color: white; }
  .cifra span {
    display: block; }
  .cifra p {
    position: relative;
    top: 20px; }
    @media (min-width: 768px) {
      .cifra p {
        top: 45px; } }

.cifra-numero {
  font-size: 24px;
  line-height: 30px; }
  @media (min-width: 768px) {
    .cifra-numero {
      font-size: 60px;
      line-height: 65px; } }

.cifra-texto {
  font-size: 15px; }
  @media (min-width: 768px) {
    .cifra-texto {
      font-size: 18px; } }

@media (min-width: 768px) {
  .cifra__small {
    width: 150px;
    height: 150px; } }

.cifra__small .cifra-numero {
  font-size: 60px;
  line-height: 50px; }
  @media (max-width: 480px) {
    .cifra__small .cifra-numero {
      font-size: 35px;
      line-height: 48px; } }

/*doc
---
title: Bloque basico
category: Objetos
---


##bloque de contenido basico
```html_example
<div class="bloque-basico-item">
	<img src="../img/mineral.jpg" alt="imagen de minerales" />
	<p class="bloque-basico-item-titulo">Clay minerals</p>
	<p class="bloque-basico-item-texto mineral">Understanding clay minerals and their uses is a science in its own right, involving many varieties, such as sepiolite, kaolinite, smectite and montmorillonite.</p>
</div>
```


##bloque de contenido basico carrusel
```html_example
<div class="bloque-basico-item bloque-basico-item-carrusel">

	<div class="carrusel carrusel-columna">

		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

		  <!-- Wrapper for slides -->
		  <div class="carousel-inner" role="listbox">
		    <div class="item active">
		      <img src="../img/logo-fam.jpg" alt="imagen de minerales" />
		    </div>
		    <div class="item">
		       <img src="../img/logo-iso.jpg" alt="imagen de minerales" />	     
		    </div>
		  </div>

		  <!-- Controls -->
		  <a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
				<span class="icon-arrow-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#carousel" role="button" data-slide="next">
				<span class="icon-arrow-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>
	</div>

	<p class="bloque-basico-item-titulo">Iso 9001:2008</p>
	<p class="bloque-basico-item-texto">Understanding clay minerals and their uses is a science in its own right, involving many varieties, such as sepiolite, kaolinite, smectite and montmorillonite.</p>
</div>
```

*/
.bloque-basico-item {
  width: 100%;
  padding: 30px;
  background: #fff;
  text-align: center; }
  .bloque-basico-item img {
    width: 100%; }
  .bloque-basico-item.bloque-basico-item-carrusel {
    background: none;
    padding: 0; }
    .bloque-basico-item.bloque-basico-item-carrusel img {
      width: auto; }
  .bloque-basico-item ul {
    list-style: none;
    margin: 0;
    padding: 0; }

.bloque-basico-item-titulo {
  font-size: 18px;
  font-weight: 600;
  color: #656565; }

.bloque-basico-item-texto {
  font-size: 15px;
  color: #656565; }
  .bloque-basico-item-texto.mineral {
    color: #00a493; }
  .bloque-basico-item-texto.trace {
    color: #0082a4; }
  .bloque-basico-item-texto.alga {
    color: #7a8527; }

/*doc
---
title: Descarga
category: Objetos
---


##Ejemplo listado basico##
```html_example
<p class="item-descarga item-descarga--simple"><a href=""><span class="icon-download"></span><span class="referencia">REF: OLM026.</span> Vétérinaire Commercial <span class="tamano">- 272KB</span></a></p>
```


##Ejemplo listado columnas##

```html_example
<div class="item-descarga item-descarga--completo">
	<p class="item-descarga--completo--titulo">Olmix to launch MFeed+ in Asia at VIV Asia 2015 </p>
	<span class="fecha">Feb 24, 2015</span>

	<span class="icon-download"></span> <span class="url">Download article.pdf <span class="tamano">(45Kbs)</span> </span>

</div>
```
*/
.item-descarga {
  text-align: left; }

.item-descarga--simple a {
  font-size: 15px;
  color: #007969; }
  .item-descarga--simple a .icon-download {
    margin-right: 6px;
    color: #353535; }
  .item-descarga--simple a .referencia {
    text-transform: uppercase;
    color: #353535;
    font-weight: 600; }
  .item-descarga--simple a .tamano {
    color: #656565; }

.item-descarga--simple a:hover .referencia, .item-descarga--simple a:hover .tamano {
  color: #007969 !important; }

.bloque-descargas {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  @media (max-width: 480px) {
    .bloque-descargas {
      display: block; } }

.bloque-descargas-item {
  margin-right: 10px; }

.item-descarga--completo {
  border-width: 4px 0 0 0;
  border-style: solid;
  padding-top: 15px; }
  .item-descarga--completo .item-descarga--completo--titulo {
    font-size: 15px;
    color: #353535;
    font-weight: 700; }
  .item-descarga--completo .fecha {
    display: block;
    font-size: 12px; }
  .item-descarga--completo .url {
    font-size: 12px; }
    .item-descarga--completo .url .tamano {
      display: block;
      margin-left: 20px; }

/*color del borde*/
.animal .item-descarga--completo {
  border-color: #0082a4; }

#securite .item-descarga--completo {
  border-color: #f4de40; }

#efficate .item-descarga--completo {
  border-color: #615d98; }

#risque .item-descarga--completo {
  border-color: #76405d; }

#inmunite .item-descarga--completo {
  border-color: #00ace5; }

#digestif .item-descarga--completo {
  border-color: #40b4a6; }

#mineral .item-descarga--completo {
  border-color: #ef7d00; }

#improvement .item-descarga--completo {
  border-color: #95c11f; }

#liquid .item-descarga--completo {
  border-color: #95c11f; }

#nutrition .item-descarga--completo {
  border-color: #95c11f; }

#optimization .item-descarga--completo {
  border-color: #95c11f; }

#soil-areation .item-descarga--completo, #soil-quality .item-descarga--completo {
  border-color: #a55a1a; }

#mineralization .item-descarga--completo, #nutrition-quality .item-descarga--completo {
  border-color: #95c11f; }

#germination .item-descarga--completo, #germination-vigour .item-descarga--completo {
  border-color: #0c5ba7; }

#photosynthesis .item-descarga--completo, #crop .item-descarga--completo {
  border-color: #00a9ce; }

/*doc
---
title: Bloque html
category: Objetos
---




```html_example
<div class="bloque-html ">
  <div class="bloque-html--img"><img src="../img/saco-mistral.jpg" alt="saco del procucto mistral" /></div>
  <div class="bloque-html--content">
    <p class="bloque-html-titulo">For an optimal efficiency in Cows, we advise the following doses frequency of use: use:</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>
  </div>
</div>


##borde
<div class="bloque-html bloque-html--basico ">
	<div class="bloque-html--img bloque-html--img-forma"><img src="../img/saco-mistral.jpg" alt="saco del procucto mistral" /></div>
	<div class="bloque-html--content">
		<p class="bloque-html-titulo">For an optimal efficiency in Cows, we advise the following doses frequency of use: use:</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>
	</div>
</div>



##tabla
<div class="bloque-html bloque-html--basico">
	<table class="table table-striped">
      <thead>
        <tr>
          <th>#</th>
          <th>First Name</th>
          <th>Last Name</th>
          <th>Username</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th scope="row">1</th>
          <td>Mark</td>
          <td>Otto</td>
          <td>@mdo</td>
        </tr>
        <tr>
          <th scope="row">2</th>
          <td>Jacob</td>
          <td>Thornton</td>
          <td>@fat</td>
        </tr>
        <tr>
          <th scope="row">3</th>
          <td>Larry</td>
          <td>the Bird</td>
          <td>@twitter</td>
        </tr>
      </tbody>
    </table>
</div>

```
*/
.bloque-html {
  overflow: hidden;
  text-align: left; }

.bloque-html--img {
  width: 100%;
  display: block;
  text-align: center; }
  @media (min-width: 992px) {
    .bloque-html--img {
      float: right;
      width: auto;
      margin-left: 15px; } }
  .bloque-html--img img {
    margin: 0 auto;
    width: 100%;
    height: auto; }

.bloque-html--basico {
  padding: 15px;
  border: 1px solid #e5e5e5; }

.bloque-html--content {
  float: left;
  width: 75%; }
  @media (min-width: 992px) {
    .bloque-html--content {
      width: 55%; } }
  .bloque-html--content .bloque-html-titulo {
    font-weight: 700px;
    font-size: 18px; }

.bloque-html--basico--content {
  width: 100%;
  margin-top: 15px; }
  @media (min-width: 992px) {
    .bloque-html--basico--content {
      max-width: 50%;
      margin-top: 0; } }

.bloque-html--img-forma {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  .bloque-html--img-forma img {
    border-radius: 100px;
    width: 125px;
    height: 125px; }
    @media (max-width: 480px) {
      .bloque-html--img-forma img {
        max-width: 75px;
        max-height: 75px; } }

/*doc
---
title: Bloque Producto
category: Objetos
---


##Noticias##

```html_example
<div class="bloque-producto bloque-producto--efficate">
	<div class="bloque-producto--logo"><img src="../img/logos/mfeed.svg" alt="logotipo del producto Mfeed" /></div>
	<div class="bloque-producto-content">
		<p class="bloque-producto--titulo">Mfeed for young calves</p>
		<p>MFeed prevents from digestive troubles and boost digestion in the preruminant period.</p>
	</div>
</div>
```

*/
.bloque-producto {
  text-align: center;
  margin-top: 30px; }
  .bloque-producto p {
    font-size: 15px;
    color: #353535; }

.bloque-producto--logo {
  height: 60px;
  margin: 0 auto; }
  .bloque-producto--logo img {
    width: auto; }

.bloque-producto--titulo {
  font-weight: 700;
  text-transform: uppercase; }

/*colores*/
.bloque-producto--efficate .bloque-producto--titulo a {
  color: #615d98; }

.bloque-producto--securite .bloque-producto--titulo a {
  color: #f4de40; }

.bloque-producto--risque .bloque-producto--titulo a {
  color: #76405d; }

.bloque-producto--animal .bloque-producto--titulo a {
  color: #0082a4; }

.bloque-producto--inmunite .bloque-producto--titulo a {
  color: #00ace5; }

.bloque-producto--digestif .bloque-producto--titulo a {
  color: #40b4a6; }

.bloque-producto--mineral .bloque-producto--titulo a {
  color: #ef7d00; }

.bloque-producto--soil-areation .bloque-producto--titulo a, .bloque-producto--soil-quality .bloque-producto--titulo a {
  color: #a55a1a; }

.bloque-producto--mineralization .bloque-producto--titulo a, .bloque-producto--nutrition-quality .bloque-producto--titulo a {
  color: #95c11f; }

.bloque-producto--germination .bloque-producto--titulo a, .bloque-producto--germination-vigour .bloque-producto--titulo a {
  color: #0c5ba7; }

.bloque-producto--photosynthesis .bloque-producto--titulo a, .bloque-producto--crop .bloque-producto--titulo a {
  color: #00a9ce; }

/*doc
---
title: Item producto
category: Objetos
---


##Ejemplo con dos botones##

```html_example
<div class="item-producto">
	<div class="logo">
		<a href=""><img src="../img/logos/mfeed.svg" alt="logotipo del producto Mfeed" />
		<span class="icon-arrow-right"></span></a>
	</div>
	<p class="item-producto-content">Lutter contre les poux rouges en aviculture</p>
	<ul class="inline-item">
		<li><span class="icono-animal icon-filter-cow"></span></li>
		<li><span class="icono-animal icon-filter-crustacean"></span></li>
		<li><span class="icono-animal icon-filter-bird"></span></li>
		<li><span class="icono-animal icon-filter-pig"></span></li>
	</ul>
</div>
```
*/
.item-producto {
  background: white;
  padding: 15px;
  position: relative; }
  .item-producto .icon-arrow-right {
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 18px; }

.logo {
  text-align: left;
  margin-bottom: 15px; }
  .logo img {
    max-height: 26px;
    width: auto; }
    @media (min-width: 992px) {
      .logo img {
        max-height: 20px; } }
    @media (min-width: 1200px) {
      .logo img {
        max-height: 26px; } }

.inline-item {
  list-style: none;
  padding: 0;
  margin-bottom: 10px; }
  .inline-item li {
    width: auto;
    display: inline; }
    .inline-item li span {
      font-size: 35px; }

.item-producto-content {
  font-size: 15px;
  line-height: 15px;
  color: #353535; }

.disponibilidad {
  font-size: 11px;
  color: #76405d;
  font-style: italic;
  position: absolute;
  bottom: 3px;
  left: 15px; }

/*doc
 ---
 title: Social link
 name: fuentes
 category: Objetos
 ---

### Títulos

```html_example
<h1>Título 1</h1>
<h2>Título 2</h2>
<h3>Título 3</h3>
<h4>Título 4</h4>
<h5>Título 5</h5>
<h6>Título 6</h6>
```

### Textos
```html_example
<ul class="list-inline social-link">
	<li><a href="" class="icon-social-facebook"><span>Facebook</span></a></li>
	<li><a href="" class="icon-social-twitter"><span>Twitter</span></a></li>
	<li><a href="" class="icon-social-youtube"><span>Youtube</span></a></li>
	<li><a href="" class="icon-social-linkedin"><span>linkedin</span></a></li>
</ul>
```

 */
.social-link {
  margin: 30px 0; }
  .social-link li {
    padding: 0; }
  .social-link a {
    color: #656565;
    font-size: 15px; }
  .social-link a:hover.icon-social-facebook {
    color: #3a5795 !important; }
  .social-link a:hover.icon-social-twitter {
    color: #00baf1 !important; }
  .social-link a:hover.icon-social-youtube {
    color: #c72c38 !important; }
  .social-link a:hover.icon-social-linkedin {
    color: #008ec6 !important; }
  .social-link span {
    display: none; }

/*Codigo real*/
.sharethis-buttons span {
  color: #656565;
  font-size: 15px;
  font-family: 'olmix-icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 10px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer; }
  .sharethis-buttons span:hover {
    color: #00617c; }

.st_twitter_custom:before {
  content: "\e600"; }

.icon-social-youtube:before {
  content: "\e601"; }

.st_linkedin_custom:before {
  content: "\e602"; }

.st_facebook_custom:before {
  content: "\e603"; }

/*doc
---
title: Boton contacto
category: Objetos
---


##Ejemplo con dos botones##

```html_example
  <a href="/" class="boton-contacto">Contact</a>
```
*/
.boton-contacto {
  position: fixed;
  bottom: 0;
  right: 2px;
  background: #00617c;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  padding: 6px 15px;
  border-top: 1px solid #00617c;
  border-left: 1px solid #00617c;
  border-right: 1px solid #00617c;
  z-index: 1000; }
  .boton-contacto:hover {
    background: white;
    height: 40px; }

.front .boton-contacto {
  right: 135px; }

.front div.texto-negativo a.boton {
  position: relative; }

/*doc
---
title: Pagina de error
category: Objetos
---


##Ejemplo con dos botones##

```html_example 

	<div class="error-page">
		<div class="error-page_img"><img alt="" src="/sites/default/files/1339147115_seahorse.png" style="height:256px; width:256px"></div>

		<div class="error-page_contet">
			<h2>Error 404</h2>

			<p>The page you are looking for has not been found</p>

			<p><a href="/">Go to home</a></p>
		</div>
	</div>
```
*/
.error-page {
  width: 100%;
  margin-top: 30px; }
  .error-page h2 {
    font-size: 35px;
    color: #7a8527; }
  .error-page p {
    font-size: 24px; }
  .error-page .error-page_img {
    width: 30%;
    float: left; }
  .error-page .error-page_contet {
    width: 50%;
    float: left; }

#sliding-popup {
  padding: 30px 15px !important;
  background: #00617c !important;
  width: 100% !important; }
  #sliding-popup #popup-buttons button {
    background: #00617c !important;
    border-radius: 0 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
    text-shadow: none !important;
    font-weight: normal !important;
    box-shadow: none !important; }

#sliding-popup .popup-content #popup-text {
  max-width: 100% !important; }
  @media (max-width: 1024px) {
    #sliding-popup .popup-content #popup-text {
      max-width: 100% !important; } }
  @media (max-width: 700px) {
    #sliding-popup .popup-content #popup-text {
      max-width: 100% !important; } }

.banner-myco {
  background: url("../img/banner-myco.png") left top no-repeat;
  background-size: cover;
  padding: 60px 0 60px 30px; }
  .banner-myco li,
  .banner-myco p {
    color: white; }
    .banner-myco li.banner-myco--content-tittle,
    .banner-myco p.banner-myco--content-tittle {
      text-transform: uppercase;
      font-weight: bold; }

.step-menu {
  overflow: hidden;
  margin: 15px 0;
  background: #76405d;
  text-align: center; }
  .step-menu .step-menu_item {
    display: inline-block;
    background: #ddbbcd;
    width: 24.5%; }
    .step-menu .step-menu_item a {
      color: white;
      font-size: 16px;
      font-weight: bold;
      padding: 0 15px;
      display: block; }
      .step-menu .step-menu_item a .icono {
        font-size: 50px;
        color: white; }
      .step-menu .step-menu_item a:hover {
        background: #76405d !important;
        color: white !important; }
        .step-menu .step-menu_item a:hover .icono {
          color: white; }
      .step-menu .step-menu_item a.activo {
        background: #76405d !important;
        color: white !important; }
        .step-menu .step-menu_item a.activo .icono {
          color: white; }

.img-round {
  border-radius: 100px;
  width: 175px;
  height: 175px; }

.o-media {
  display: -ms-flexbox;
  display: flex; }

.o-media__object {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 6px; }

.o-media__body {
  -ms-flex-positive: 1;
      flex-grow: 1; }

.o-media__body--title {
  margin-bottom: 5px; }

/* ==  COMPONENTES  ======================== */
/* Todos aquellos patrones que se repiten en las páginas */
/*doc
---
title: Rejillas
category: Componentes
---

Disponemos de varios tipos de rejilla adicionales para colocar varios elementos.

##Rejilla adaptable##

Este tipo de rejilla se comporta cómo una tabla, distribuyendo la anchura de sus columnas en función del tamaño de los elementos que contienen.

```html_example
<div class="rejilla--adaptable">
	<div class="rejilla--adaptable__contenedor">
		<div class="rejilla--adaptable__fila">
			<div class="rejilla--adaptable__columna rejilla--adaptable__columna--vertical-izquierda">
				<p>©2012 Olmix ®</p>
			</div>
			<div class="rejilla--adaptable__columna rejilla--adaptable__columna--vertical-izquierda">
				<ul class="list-inline">
					<li>Contact</li>
					<li>Credits</li>
					<li>Legal</li>
					<li>cookies</li>
				</ul>
			</div>
			<div class="rejilla--adaptable__columna rejilla--adaptable__columna--vertical-derecha">
				<ul class="list-inline">
					<li>Facebook</li>
					<li>twitter</li>
					<li>google</li>
				</ul>
			</div>
		</div>
	</div>
</div>
```

##Rejilla con aspecto de tabla##

Se trata de una rejilla con aspecto de tabla, que en pantallas pequeñas apila sus columnas en vertical.

```html_example
<div class="rejilla--tabla">
	<div class="rejilla--tabla__fila row hidden-xs">
		<div class="rejilla--tabla__columna rejilla--tabla__columna--cabecera rejilla--tabla__columna--izquierda col-sm-6">Entrada</div>
		<div class="rejilla--tabla__columna rejilla--tabla__columna--cabecera rejilla--tabla__columna--centrada col-sm-2">Precio ud.</div>
		<div class="rejilla--tabla__columna rejilla--tabla__columna--cabecera rejilla--tabla__columna--centrada col-sm-2">Cantidad</div>
		<div class="rejilla--tabla__columna rejilla--tabla__columna--cabecera rejilla--tabla__columna--centrada col-sm-2">Precio</div>
	</div>
	<div class="rejilla--tabla__fila row">
		<div class="rejilla--tabla__columna rejilla--tabla__columna--cabecera rejilla--tabla__columna--izquierda col-sm-6">Entrada individual <br><span class="fuente-normal">Exposiciones temporales + <em>Kunstmuseum Basel</em></span></div>
		<div class="rejilla--tabla__columna rejilla--tabla__columna--centrada col-sm-2">
			<span class="fuente-negrita visible-xs-inline">Precio ud.</span> 5€
		</div>
		<div class="rejilla--tabla__columna rejilla--tabla__columna--centrada col-sm-2">
			<span class="fuente-negrita visible-xs-inline">Cantidad</span> 8
		</div>
		<div class="rejilla--tabla__columna rejilla--tabla__columna--centrada col-sm-2">
			<span class="fuente-negrita visible-xs-inline">Precio</span> 40.00€
		</div>
	</div>
	<div class="rejilla--tabla__fila row">
		<div class="rejilla--tabla__columna rejilla--tabla__columna--cabecera rejilla--tabla__columna--izquierda col-sm-6">Gastos de gestión</div>
		<div class="rejilla--tabla__columna rejilla--tabla__columna--centrada col-sm-2">
			<span class="fuente-negrita visible-xs-inline">Precio ud.</span> 0.75€
		</div>
		<div class="rejilla--tabla__columna rejilla--tabla__columna--centrada col-sm-2">
			<span class="fuente-negrita visible-xs-inline">Cantidad.</span> 8
		</div>
		<div class="rejilla--tabla__columna rejilla--tabla__columna--centrada col-sm-2">
			<span class="fuente-negrita visible-xs-inline">Precio</span> 6.00€
		</div>
	</div>
	<div class="rejilla--tabla__fila row">
		<div class="rejilla--tabla__columna rejilla--tabla__columna--cabecera rejilla--tabla__columna--izquierda col-xs-6 col-sm-10">Total</div>
		<div class="rejilla--tabla__columna rejilla--tabla__columna--centrada col-xs-6 col-sm-2 text-right"><strong>46.00€</strong></div>
	</div>
</div>
```

##Rejilla con aspecto de tabla variante sin bordes##

Igual que la anterior pero sin bordes y con menos celdas

```html_example
<p class="lead"><strong>Tu reserva:</strong> Lunes, 16 febrero 2015 - 10:30h</p>

<div class="rejilla--tabla rejilla--tabla--sin-bordes">
	<div class="rejilla--tabla__fila row">
		<div class="rejilla--tabla__columna rejilla--tabla__columna--cabecera rejilla--tabla__columna--izquierda col-sm-8">Entrada individual <br><span class="fuente-normal">Exposiciones temporales + <em>Kunstmuseum Basel</em></span></div>
		<div class="rejilla--tabla__columna rejilla--tabla__columna--centrada col-sm-4"><span class="fuente-normal">8 x 8.00 €</span></div>
	</div>
	<div class="rejilla--tabla__fila row">
		<div class="rejilla--tabla__columna rejilla--tabla__columna--cabecera rejilla--tabla__columna--izquierda col-sm-8">Descuento Telefónica 50% <br /> <span class="fuente-normal">máx. 5 entradas</em></span></div>
		<div class="rejilla--tabla__columna rejilla--tabla__columna--centrada col-sm-4">
			<span class="fuente-normal">5 x -2.50€</span>
		</div>
	</div>
	<div class="rejilla--tabla__fila row">
		<div class="rejilla--tabla__columna rejilla--tabla__columna--cabecera rejilla--tabla__columna--izquierda col-sm-8">Gastos de gestión</div>
		<div class="rejilla--tabla__columna rejilla--tabla__columna--centrada col-sm-4">
			<span class="fuente-normal">8 x 0.75€</span>
		</div>
	</div>
	<div class="rejilla--tabla__fila row">
		<div class="rejilla--tabla__columna rejilla--tabla__columna--cabecera rejilla--tabla__columna--izquierda col-xs-6 col-sm-8">Total</div>
		<div class="rejilla--tabla__columna rejilla--tabla__columna--centrada col-xs-6 col-sm-4 text-right"><strong>33.50€</strong></div>
	</div>
</div>
```

*/
.outer-container {
  position: relative;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 768px) {
    .outer-container {
      max-width: 1200px; } }

.rejilla--adaptable {
  margin-left: -10px;
  margin-right: -10px; }

.rejilla--adaptable__contenedor {
  width: 100%;
  display: table;
  border-spacing: 10px 0; }

.rejilla--adaptable__fila {
  display: table-row; }

.rejilla--adaptable__columna {
  height: 100%;
  display: table-cell;
  vertical-align: top; }
  .rejilla--adaptable__columna p:last-child {
    margin-bottom: 0; }

.rejilla--adaptable__columna--vertical-izquierda {
  text-align: left; }

.rejilla--adaptable__columna--vertical-derecha {
  text-align: right; }

.rejilla--tabla {
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .rejilla--tabla {
      border-top: 1px solid #ddd; } }

.rejilla--tabla__fila {
  margin-left: 0;
  margin-right: 0;
  border-bottom: 1px solid #ddd; }
  @media (max-width: 767px) {
    .rejilla--tabla__fila {
      padding-top: 15px;
      padding-bottom: 15px; } }
  @media (min-width: 768px) {
    .rejilla--tabla__fila:first-child {
      border-bottom-width: 2px; } }
  .rejilla--tabla__fila:last-child {
    border-bottom: none; }

@media (min-width: 768px) {
  .rejilla--tabla__columna {
    padding: 15px 5px; } }

.rejilla--tabla__columna--cabecera {
  font-weight: bold; }

@media (min-width: 768px) {
  .rejilla--tabla__columna--izquierda {
    text-align: left; } }

@media (min-width: 768px) {
  .rejilla--tabla__columna--centrada {
    text-align: center; } }

@media (min-width: 768px) {
  .rejilla--tabla__columna--derecha {
    text-align: right; } }

.rejilla--tabla--sin-bordes {
  border: none; }
  .rejilla--tabla--sin-bordes .rejilla--tabla__fila {
    border-bottom: none; }
  .rejilla--tabla--sin-bordes .rejilla--tabla__columna {
    padding-left: 0;
    padding-right: 0; }
    @media (min-width: 768px) {
      .rejilla--tabla--sin-bordes .rejilla--tabla__columna {
        padding: 5px 0; } }

/*doc
---
title: Sección
category: Componentes
---

##Seccion
```html_example
<section class="seccion">
		<div class="seccion-titulo">
			<div class="container">
				<h2 class="seccion__titulo"><strong>Innovation</strong> is of the hearth of olmix group <span class="detalle-titulo icon-separator"></span></h2>
				<p class="seccion__subtitulo">10% of employees and 6% of revenues dedicated to Innovation
		Brittany: land of marine science expertise and resources. <strong>We decided to do it.</strong></p>
			</div>
		</div>

		<div class="seccion-content">
			<div class="container">
			... contenido ...
			</div>
		</div>
</section>
```

##Seccion con fondo en el titular
```html_example
<section class="seccion">
	<div class="seccion-titulo seccion-titulo--degradado">
		<div class="container">
			<h2 class="seccion__titulo"><strong>Innovation</strong> is of the hearth of olmix group <span class="detalle-titulo icon-separator"></span></h2>
			<p class="seccion__subtitulo">10% of employees and 6% of revenues dedicated to Innovation
	Brittany: land of marine science expertise and resources. <strong>We decided to do it.</strong></p>
		</div>
	</div>

	<div class="seccion-content">
		<div class="container">
		... contenido ...
		</div>
	</div>
</section>
```


##Seccion con fondo en el contenido y titulo degradado
```html_example
<section class="seccion">
		<div class="seccion-titulo seccion-titulo--degradado">
			<div class="container">
				<h2 class="seccion__titulo"><strong>Innovation</strong> is of the hearth of olmix group <span class="detalle-titulo icon-separator"></span></h2>
				<p class="seccion__subtitulo">10% of employees and 6% of revenues dedicated to Innovation
		Brittany: land of marine science expertise and resources. <strong>We decided to do it.</strong></p>
			</div>
		</div>

	<div class="seccion-content seccion-content-fondo">
		<div class="container">
		... contenido ...
		</div>
	</div>
</section>
```


##Seccion con fondo en el contenido
```html_example
<section class="seccion">
		<div class="seccion-titulo">
			<div class="container">
				<h2 class="seccion__titulo"><strong>Innovation</strong> is of the hearth of olmix group <span class="detalle-titulo icon-separator"></span></h2>
				<p class="seccion__subtitulo">10% of employees and 6% of revenues dedicated to Innovation
		Brittany: land of marine science expertise and resources. <strong>We decided to do it.</strong></p>
			</div>
		</div>

		<div class="seccion-content seccion-content-fondo">
			<div class="container">
			... contenido ...
			</div>
		</div>
</section>
```
##seccion con imagen de fondo
```html_example
<section class="seccion seccion-img" style="background-image: url(../img/fondo-alga.jpg);">
		<div class="seccion-titulo">
			<div class="container">
				<h2 class="seccion__titulo"><strong>Innovation</strong> is of the hearth of olmix group <span class="detalle-titulo icon-separator"></span></h2>
				<p class="seccion__subtitulo">10% of employees and 6% of revenues dedicated to Innovation
		Brittany: land of marine science expertise and resources. <strong>We decided to do it.</strong></p>
			</div>
		</div>

		<div class="seccion-content">
			<div class="container">
			... contenido ...
			</div>
		</div>
</section>
```

##seccion con con fondo degradado sin titulo
```html_example
<section class="seccion seccion--degradado">
		<div class="seccion-content">
			<div class="container">
			... contenido ...
			</div>
		</div>
</section>
```

*/
.seccion {
  text-align: center;
  position: relative;
  /*> *:last-child {
		margin-bottom: 0;
		padding: 0;
	}*/ }
  .seccion.seccion-basica {
    text-align: left; }
    .seccion.seccion-basica .container {
      padding: 6px 30px; }
      @media (min-width: 768px) {
        .seccion.seccion-basica .container {
          padding: 30px 0; } }
    .seccion.seccion-basica h3 {
      color: #7a8527;
      margin-top: 15px; }
    .seccion.seccion-basica .img-ancho img {
      width: 100% !important;
      height: auto !important; }
    .seccion.seccion-basica .nav-pills {
      padding: 30px 0; }
      .seccion.seccion-basica .nav-pills li {
        display: inline-block !important;
        width: auto; }
        .seccion.seccion-basica .nav-pills li a {
          background-color: #f1f1f1;
          color: #00617c;
          padding: 10px 15px;
          border-radius: 4px;
          display: block; }
          .seccion.seccion-basica .nav-pills li a:hover {
            background-color: #007969;
            color: #fff !important; }
        .seccion.seccion-basica .nav-pills li span.active {
          background-color: #007969;
          color: #fff !important;
          padding: 10px 15px;
          border-radius: 4px;
          display: block; }

@media (min-width: 768px) {
  .seccion-content .container {
    padding: 30px 0; } }

.seccion-content .container .intro {
  margin: 15px 0 30px;
  text-align: left; }

@media (min-width: 768px) {
  .seccion-content .container .texto-pagina {
    width: 75%; } }

@media (min-width: 768px) {
  .seccion-content__medium {
    padding: 60px 0; } }

.seccion__bloque-sin-margen-inferior {
  position: relative; }
  @media (min-width: 768px) {
    .seccion__bloque-sin-margen-inferior {
      margin-bottom: -80px; } }

.seccion-content-fondo {
  background: #f5f8f8; }
  .seccion-content-fondo .container {
    padding: 6px 0; }
    @media (min-width: 768px) {
      .seccion-content-fondo .container {
        padding: 60px 0; } }
    @media (max-width: 768px) {
      .seccion-content-fondo .container {
        padding: 15px; } }

.seccion-content-fondo--dark {
  background: #e9e9e9; }
  .seccion-content-fondo--dark .container {
    padding: 6px 0; }
    @media (min-width: 768px) {
      .seccion-content-fondo--dark .container {
        padding: 60px 0; } }

/*con imagen que crece al poner el raton*/
.seccion-fondo-img__wrap {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
  transition: all 300ms ease; }
  .seccion-fondo-img:hover .seccion-fondo-img__wrap {
    -webkit-transform: scale(1.09);
    transform: scale(1.09); }

.seccion-img {
  padding: 6px 0; }
  @media (max-width: 480px) {
    .seccion-img {
      background-image: none !important; } }
  @media (min-width: 768px) {
    .seccion-img {
      padding: 60px 0;
      background-repeat: no-repeat;
      background-position: left bottom; } }

.seccion--degradado {
  background: #005265;
  background: -webkit-gradient(left top, right top, color-stop(0%, #005265), color-stop(100%, #0083a4));
  background: linear-gradient(to right, #005265 0%, #0083a4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=  '#005265', endColorstr='#0083a4', GradientType=1 ); }

.animal .seccion--degradado {
  background: #0083a4;
  background: -webkit-gradient(left top, right top, color-stop(0%, #0083a4), color-stop(100%, #4fbbd6));
  background: linear-gradient(to right, #0083a4 0%, #4fbbd6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=  '#0083a4', endColorstr='#4fbbd6', GradientType=1 ); }

.plant .seccion--degradado {
  background: #7a1e5b;
  background: -webkit-gradient(left top, right top, color-stop(0%, #7a1e5b), color-stop(100%, #cb6bab));
  background: linear-gradient(to right, #7a1e5b 0%, #cb6bab 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=  '#7a1e5b', endColorstr='#cb6bab', GradientType=1 ); }

/*bloque legal para los productos*/
.seccion-legal p {
  font-size: 12px;
  text-align: right; }

/*Estilos para accionistas*/
.shareholder h2 {
  font-size: 26px;
  color: #00617c; }

.shareholder ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  .shareholder ul li {
    border-bottom: 1px dashed #9aa7af;
    padding-bottom: 15px;
    margin-bottom: 15px; }
    .shareholder ul li h2 {
      font-size: 24px;
      color: #007969; }
    .shareholder ul li h3 {
      font-size: 22px;
      color: #007969 !important; }

.seccion-brand-bgcolor {
  background-color: #00617c; }

.section-content-human {
  padding: 35px 0;
  background: url(../img/fondo-alga2-1.png) top right no-repeat; }
  @media (max-width: 480px) {
    .section-content-human {
      background: none; } }

/*doc
---
title: Sección seleccion
category: Componentes
---

```html_example
<section class="seccion seccion--seleccion">
	<div class="container">
		<h2 class="seccion__titulo">Mistral for</h2>
		<div>
			<ul class="list-inline">
				<li>Pig</li>
				<li>Caw</li>
				<li>Chicken</li>
				<li>Seheep</li>
			</ul>
		</div>
	</div>
</section>
```
*/
/*doc
---
title: Sección cabecera
category: Componentes
---


##Seccion cabecera
```html_example
<div id="carousel" class="carousel slide seccion-cabecera--home" data-ride="carousel">
	<!-- Indicators -->
	<ol class="carousel-indicators">
		<li data-target="#carousel" data-slide-to="0" class="active"></li>
		<li data-target="#carousel" data-slide-to="1"></li>
	</ol>

	<!-- Wrapper for slides -->
	<div class="carousel-inner" role="listbox">
		<section class="seccion-cabecera  item active" style="background-image: url(../img/foto-seccioncabecera.jpg);">

			<div class="container">

				<p class="logo-index"><span class="icon-logo"><span class="hidden">logotipo del grupo olmix</span></span></p>

				<h1 class="seccion-cabecera__titulo"><strong>The power of algae,</strong>
					serving the planet</h1>
				<p>Lorem Ipsum is simply dummy text of the printing and typesettin</p>

				<a href="" class="btn btn-default">Link interior</a>

				<a href="#que" class="seccion-cabecera__continuar icon-down-arrow js-scroll-to"></a>
			</div>

		</section>
		<section class="seccion-cabecera item" style="background-image: url(../img/fondo-alga.jpg);">

			<div class="container">

				<p class="logo-index"><span class="icon-logo"><span class="hidden">logotipo del grupo olmix</span></span></p>

				<h1 class="seccion-cabecera__titulo"><strong>The power of algae,</strong>
					serving the planet</h1>
				<p>Lorem Ipsum is simply dummy text of the printing and typesettin</p>

				<a href="" class="btn btn-default">Link interior</a>

				<a href="#que" class="seccion-cabecera__continuar icon-down-arrow js-scroll-to"></a>
			</div>

		</section>
	</div>
	<!-- Controls -->
	<a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
		<span class="icon-arrow-left" aria-hidden="true"></span>
	</a>
	<a class="right carousel-control" href="#carousel" role="button" data-slide="next">
		<span class="icon-arrow-right aria-hidden="true"></span>
	</a>
</div>
```


##version para interiores con carrusel
```html_example

<div id="group-carousel" class="carousel slide seccion-cabecera--interiores" data-ride="carousel">

	<!-- Indicators -->
	<ol class="carousel-indicators">
		<li data-target="#group-carousel" data-slide-to="0" class="active"></li>
	</ol>

	<!-- Wrapper for slides -->
	<div class="carousel-inner" role="listbox">
		<section class="seccion-cabecera item active" style="background-image: url(../img/bkgroup-cabecera.jpg);">

			<div class="container">
				<h1 class="seccion-cabecera__titulo"><strong>The oceans, </strong>an unparalleled natural resource</h1>
				<p>The oceans, especially their plant biomass, are pools or renewable bioresources whose full potential is still being discovered. Rich in original active ingredients and compounds, algae represent a powerful source of "blue biotechnology"</p>
			</div>

		</section>
	</div>
	<!-- Controls -->
	<a class="left carousel-control" href="#group-carousel" role="button" data-slide="prev">
		<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		<span class="sr-only">Previous</span>
	</a>
	<a class="right carousel-control" href="#group-carousel" role="button" data-slide="next">
		<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		<span class="sr-only">Next</span>
	</a>
</div>
```

##version para interiores SIN carrusel
```html_example
<section class="seccion-cabecera" style="background-image: url(../img/bkgroup-cabecera.jpg);">
	<div class="container">
		<h1 class="seccion-cabecera__titulo"><strong>The oceans, </strong>an unparalleled natural resource</h1>
		<p class="texto-negativo">The oceans, especially their plant biomass, are pools or renewable bioresources whose full potential is still being discovered. Rich in original active ingredients and compounds, algae represent a powerful source of "blue biotechnology"</p>
	</div>

</section>

```

##con el titular en blanco
```html_example
<section class="seccion-cabecera seccion-cabecera--producto" style="background-image: url(../img/bkficha-cabecera.jpg);">
	<div class="container">
		<h1 class="seccion-cabecera__titulo seccion-cabecera__titulo--negativo"><strong>MISTRAL,</strong> LITTER CONDITIONER</h1>
		<p class="texto-negativo">The litter conditioner Mistral is the management tool which allows farmers to respect, in a simple and efficient way, the ground rules of animal husbandry and the physiological balance of the animal.</p>
	</div>

</section>
```
*/
.carousel-indicators {
  z-index: 1000; }
  @media (min-width: 768px) {
    .carousel-indicators {
      bottom: 10px; } }
  @media (min-width: 992px) {
    .carousel-indicators {
      bottom: 20px; } }
  @media (min-width: 1450px) {
    .carousel-indicators {
      bottom: 10px; } }

.enlacebox {
  min-height: 100%;
  min-width: 100%;
  display: block; }
  @media (min-width: 992px) {
    .enlacebox {
      min-height: 160px;
      min-width: 300px; } }
  @media (min-width: 1200px) {
    .enlacebox {
      min-height: 200px; } }
  @media (min-width: 1450px) {
    .enlacebox {
      min-height: 220px; } }

.seccion-cabecera {
  position: relative;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: visible;
  color: white;
  padding: 30px 0; }
  @media (min-width: 768px) {
    .seccion-cabecera {
      padding: 60px 0 30px;
      min-height: 250px; } }
  @media (min-width: 992px) {
    .seccion-cabecera {
      padding: 80px 0 30px;
      min-height: 330px; } }
  .seccion-cabecera p {
    color: #353535;
    font-weight: bold;
    text-transform: none;
    font-size: 12px; }
    @media (min-width: 768px) {
      .seccion-cabecera p {
        font-size: 20px; } }
    @media (min-width: 992px) {
      .seccion-cabecera p {
        width: 70%; } }
  .seccion-cabecera__titulo {
    font-size: 16px !important;
    text-transform: uppercase;
    line-height: 18px;
    margin-bottom: 6px; }
    @media (min-width: 768px) {
      .seccion-cabecera__titulo {
        margin-bottom: 30px; } }
    .seccion-cabecera__titulo a {
      color: white; }
      .seccion-cabecera__titulo a:hover {
        color: #353535 !important; }
      .seccion-cabecera__titulo a.btn:hover {
        color: #353535 !important;
        background: #fff !important; }
    .seccion-cabecera__titulo strong {
      display: block;
      font-size: 20px;
      line-height: 20px; }
      .seccion-cabecera__titulo strong sup {
        text-transform: none !important;
        font-size: 24px;
        font-weight: 300;
        top: -20px; }
      @media (min-width: 992px) {
        .seccion-cabecera__titulo strong {
          font-size: 48px;
          line-height: 48px;
          margin-bottom: 15px; } }
    @media (min-width: 768px) {
      .seccion-cabecera__titulo {
        font-family: opensans, Helvetica, Arial, sans-serif;
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
        font-size: 22px;
        line-height: 28px;
        color: white; }
        .seccion-cabecera__titulo else {
          font-weight: normal; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .seccion-cabecera__titulo {
      font-size: 24px; } }
    @media (min-width: 992px) {
      .seccion-cabecera__titulo {
        font-size: 30px !important;
        line-height: 35px;
        color: white; } }

.front .seccion-cabecera .container {
  position: relative;
  top: 0; }
  @media (min-width: 768px) {
    .front .seccion-cabecera .container {
      top: 25%; } }

.texto-negativo {
  color: white !important; }
  .texto-negativo p, .texto-negativo span, .texto-negativo a {
    color: white !important; }
  @media (max-width: 768px) {
    .texto-negativo {
      font-size: 15px;
      line-height: 22px; } }

@media (max-width: 768px) {
  div.texto-negativo a.boton {
    position: absolute;
    top: -17px;
    left: 10px; } }

.news-events .seccion-cabecera {
  position: relative;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: visible;
  color: white;
  padding: 30px 0; }
  @media (min-width: 768px) {
    .news-events .seccion-cabecera {
      padding: 60px 0 30px;
      min-height: 200px; } }
  @media (min-width: 992px) {
    .news-events .seccion-cabecera {
      min-height: 230px;
      padding: 80px 0 30px; } }
  @media (min-width: 1200px) {
    .news-events .seccion-cabecera {
      min-height: 350px;
      padding: 80px 0 30px; } }
  @media (min-width: 1500px) {
    .news-events .seccion-cabecera {
      min-height: 435px;
      padding: 80px 0 30px; } }

.logo-index {
  margin-bottom: 6px; }
  .logo-index span {
    font-size: 120px;
    color: white; }
  @media (min-width: 768px) {
    .logo-index {
      margin-bottom: 30px; } }

.seccion-cabecera__continuar {
  font-size: 48px;
  color: white;
  left: 50%;
  margin-left: -35px;
  position: absolute;
  bottom: -10px; }
  .seccion-cabecera__continuar:hover, .seccion-cabecera__continuar:active {
    text-decoration: none;
    color: #00617c; }

.seccion-cabecera--home {
  height: 100%; }
  .seccion-cabecera--home .carousel-inner {
    height: 100%; }
    .seccion-cabecera--home .carousel-inner .seccion-cabecera {
      height: 100%; }

.seccion-cabecera--interiores .seccion-cabecera__titulo {
  color: white;
  text-align: left; }
  @media (min-width: 768px) {
    .seccion-cabecera--interiores .seccion-cabecera__titulo {
      width: 70%; } }
  .seccion-cabecera--interiores .seccion-cabecera__titulo strong {
    display: block; }

.seccion-cabecera--interiores p {
  color: white; }
  @media (min-width: 768px) {
    .seccion-cabecera--interiores p {
      width: 70%; } }

.seccion-cabecera__titulo--negativo {
  color: white !important; }

.carousel-control {
  background-image: none !important;
  width: 3%; }
  .carousel-control span {
    font-size: 100px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: white;
    text-shadow: none;
    opacity: 1; }
    .carousel-control span.icon-arrow-left {
      left: 5px; }
    .carousel-control span.icon-arrow-right {
      right: 10px; }

/*la seccion cabecera en la ficha dependera de donde este*/
.animal .seccion-cabecera__titulo, .animal .bloque-noticia-etiqueta {
  color: #0082a4; }

.group .bloque-noticia-etiqueta {
  color: #00617c; }

#efficate .seccion-cabecera__titulo {
  color: #615d98; }

#securite .seccion-cabecera__titulo {
  color: #f4de40; }

#risque .seccion-cabecera__titulo {
  color: #76405d; }

#inmunite .seccion-cabecera__titulo {
  color: #00ace5; }

#digestif .seccion-cabecera__titulo {
  color: #40b4a6; }

#mineral .seccion-cabecera__titulo {
  color: #ef7d00; }

.plant .seccion-cabecera__titulo, .plant .bloque-noticia-etiqueta {
  color: #850f66; }

.human .seccion-cabecera__titulo, .human .bloque-noticia-etiqueta {
  color: #00a493; }

/*#improvement{
	.seccion-cabecera__titulo{
		color:$improvement;
	}

}
#liquid{
	.seccion-cabecera__titulo{
		color:$liquid;
	}

}
#nutrition{
	.seccion-cabecera__titulo{
		color:$nutrition;
	}

}
#optimization{
	.seccion-cabecera__titulo{
		color:$optimization;
	}

}

#optimization{
	.seccion-cabecera__titulo{
		color:$optimization;
	}

}*/
@media (max-width: 480px) {
  .seccion-cabecera .nowrap {
    white-space: normal !important; } }

.front .seccion-cabecera {
  background-size: cover;
  max-height: 100% !important; }

.video-cabecera {
  margin-bottom: 30px; }
  .video-cabecera .embed-responsive {
    border: 1px solid rgba(245, 245, 245, 0.45); }
    @media (max-width: 750px) and (orientation: landscape) {
      .video-cabecera .embed-responsive {
        display: none; } }
  .video-cabecera p.texto-negativo {
    padding: 5px;
    float: right; }
  .video-cabecera .swipebox-video {
    float: right;
    color: #fff; }
  .video-cabecera .video-imagen, .video-cabecera .video-texto-full {
    font-size: 14px; }
    @media (max-width: 750px) and (orientation: landscape) {
      .video-cabecera .video-imagen, .video-cabecera .video-texto-full {
        display: none; } }
    @media (max-width: 750px) and (orientation: landscape) {
      .video-cabecera .video-imagen .video-texto-mob, .video-cabecera .video-texto-full .video-texto-mob {
        display: block; } }
  .video-cabecera .video-texto-mob {
    font-size: 12px; }
  @media (max-width: 500px) {
    .video-cabecera #videoiframe, .video-cabecera #video-player {
      display: none; }
    .video-cabecera .video-imagen {
      display: block; }
    .video-cabecera .video-texto-full {
      display: none; }
    .video-cabecera .video-texto-mob {
      display: block; } }
  @media (min-width: 768px) {
    .video-cabecera #videoiframe {
      display: block; }
    .video-cabecera .video-imagen {
      display: none; }
    .video-cabecera .video-texto-full {
      display: block; }
    .video-cabecera .video-texto-mob {
      display: none; } }

.seccion-cabecera-news {
  padding: 60px 0;
  background: url(../img/bk-news.png) left top no-repeat;
  background-size: cover; }

.seccion-cabecera-eventos {
  padding: 60px 0;
  background: url(../img/bk-cabecera-eventos.png) left top no-repeat;
  background-size: cover; }

.seccion-cabecera-sala {
  padding: 60px 0;
  background: url(../img/bk-salaprensa.png) left top no-repeat;
  background-size: cover; }

.eventos-header {
  text-align: center;
  color: #fff; }

.eventos-header__title {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase; }

.eventos-header__subtitle {
  font-size: 20px;
  text-transform: uppercase; }
  @media (max-width: 768px) {
    .eventos-header__subtitle {
      font-size: 18px;
      line-height: 32px; } }

.eventos-header-boton {
  margin-top: 45px; }
  .eventos-header-boton .btn {
    border: 1px solid #fff;
    color: #fff; }

#soil-areation .seccion-cabecera__titulo, #soil-quality .seccion-cabecera__titulo {
  color: #a55a1a; }

#mineralization .seccion-cabecera__titulo, #nutrition-quality .seccion-cabecera__titulo {
  color: #95c11f; }

#germination .seccion-cabecera__titulo, #germination-vigour .seccion-cabecera__titulo {
  color: #0c5ba7; }

#photosynthesis .seccion-cabecera__titulo, #crop .seccion-cabecera__titulo {
  color: #00a9ce; }

/*doc
---
title: bloques inline
category: Componentes
---


##bloques en linea ajustandose al ancho listado##

```html_example
<ul class="bloques-inline">
	<li class="bloques-inline--item"><img src="../img/logos/logo-vegenov.png" alt="Logotipo Vegenov"/></li>
	<li class="bloques-inline--item"><img src="../img/logos/logo-cate.png" alt="Logotipo cate"/></li>
	<li class="bloques-inline--item"><img src="../img/logos/logo-zoopole.png" alt="Logotipo zoopole"/></li>
	<li class="bloques-inline--item"><img src="../img/logos/logo-inra.png" alt="Logotipo inra"/></li>
	<li class="bloques-inline--item"><img src="../img/logos/logo-instTema.png" alt="Logotipo Instituto Thematiques"/></li>
	<li class="bloques-inline--item"><img src="../img/logos/logo-valorial.png" alt="Logotipo zoopole"/></li>
	<li class="bloques-inline--item"><img src="../img/logos/logo-centreculinaire.png" alt="Logotipo inra"/></li>
</ul>
```
##bloques en linea ajustandose al ancho bloques
```html_example
<div class="bloques-inline bloques-inline--posicionados">
	<div class="bloques-inline--item">
			<div class="cifra">
				<p><span class="cifra-numero">20</span>
				<span class="cifra-texto">Sites</span></p>
			</div>
	</div>

	<div class="bloques-inline--item">
			<div class="cifra">	
				<p><span class="cifra-numero">70</span>
				<span class="cifra-texto">Countries</span></p>
			</div>
	</div>
	<div class="bloques-inline--item">
			<div class="cifra">	
				<p><span class="cifra-numero">320</span>
				<span class="cifra-texto">Employees</span></p>
			</div>	
	</div>
</div>
```

*/
.bloques-inline {
  width: auto;
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0; }
  .bloques-inline .bloques-inline--item {
    display: inline-block;
    margin-bottom: 15px; }
    @media (min-width: 768px) {
      .bloques-inline .bloques-inline--item {
        display: inline-block;
        margin: 0 6px; } }

/*doc
---
title: Testimonial
category: Componentes
---


##Seccion cabecera
```html_example
<section class="seccion seccion-testimonio seccion-testimonio-default" style="background-image: url(../img/fondo-alga.jpg);">
		<div class="container">
			<blockquote>
				<p><span class="icon-quote"></span>
				“The secret to Olmix Group’s success has been our visionary approach, identifying marine algae as a renewable raw material with a revolutionary potential to help feed 9 billion people sustainably by 2050.”</p>
			</blockquote>
			<div class="seccion-testimonio-nombre">
				<p><strong>Hervé Balusson</strong>, Olmix Group founder and CEO</p>
				<div class="seccion-testimonio-img">
					<img src="../img/foto-testimonio.png" alt="Fotografia de Hervé Balusson" />
				</div>
			</div>

		</div>

</section>
```
*/
.seccion-testimonio {
  text-align: center;
  background-color: white;
  background-repeat: no-repeat;
  background-position: -350px -100px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 45px 0; }
  @media (min-width: 768px) {
    .seccion-testimonio {
      background-position: -250px 0px; } }
  @media (min-width: 992px) {
    .seccion-testimonio {
      background-position: -200px 30px; } }
  @media (min-width: 1200px) {
    .seccion-testimonio {
      background-position: -50px -6px; } }
  .seccion-testimonio .carousel-control {
    color: #00617c;
    font-size: 18px;
    opacity: 1; }
    .seccion-testimonio .carousel-control span {
      color: #00617c !important;
      font-size: 50px; }

blockquote {
  width: 89%;
  text-align: center;
  border-left: none;
  margin: 0 auto; }
  blockquote p {
    font-size: 18px;
    font-style: italic;
    font-weight: 300; }
    @media (min-width: 768px) {
      blockquote p {
        font-size: 22px; } }
    blockquote p span {
      display: block;
      color: #00617c;
      font-size: 26px; }

.seccion-testimonio-nombre {
  padding: 6px 0; }
  .seccion-testimonio-nombre p {
    color: #00617c;
    font-size: 15px; }
  .seccion-testimonio-nombre .seccion-testimonio-img {
    text-align: center; }
    .seccion-testimonio-nombre .seccion-testimonio-img img {
      width: 100px;
      height: 100px;
      margin: 0 auto;
      border-radius: 100px;
      border: 3px solid #d8d8d8; }

/*variantes de bloques*/
/*doc
---
title: Mapa grupo
category: Componentes
---


##Ejemplo con dos botones

```html_example
<div class="mapa-google">
	<div class="mapa-google--img"><img src="../img/mapa-google.jpg" alt="Mapa de google"/></div>

	<div class="bloques-inline bloques-inline--posicionados">
		<div class="bloques-inline--item">
			<div class="cifra">
				<p><span class="cifra-numero">20</span>
				<span class="cifra-texto">Sites</span></p>
			</div>
		</div>

		<div class="bloques-inline--item">
			<div class="cifra">	
				<p><span class="cifra-numero">70</span>
				<span class="cifra-texto">Countries</span></p>
			</div>
		</div>
		<div class="bloques-inline--item">
			<div class="cifra">	
				<p><span class="cifra-numero">320</span>
				<span class="cifra-texto">Employees</span></p>
			</div>	
		</div>
	</div>
</div>
```
*/
.mapa-google {
  position: relative; }
  @media (max-width: 480px) {
    .mapa-google #mapa-google {
      display: none; } }
  @media (min-width: 768px) {
    .mapa-google {
      padding-bottom: 60px; } }

.bloques-inline--posicionados {
  width: 90%; }
  @media (max-width: 480px) {
    .bloques-inline--posicionados {
      padding: 10px 0 !important; } }
  @media (min-width: 768px) {
    .bloques-inline--posicionados {
      position: absolute;
      bottom: 0; } }
  .bloques-inline--posicionados .cifra {
    display: inline-block;
    margin: 0 15px; }

.mapa-google--img {
  border-bottom: 16px solid #f7f8f9; }

/*mapa fijo imagen*/
.mapa {
  position: relative;
  text-align: center; }
  @media (max-width: 480px) {
    .mapa {
      padding: 0 5px; } }
  .mapa img {
    position: relative;
    top: -60px;
    width: 100%; }
  .mapa .cifra {
    position: static;
    display: block;
    margin: 0 auto 15px; }
    @media (min-width: 768px) {
      .mapa .cifra {
        position: absolute;
        margin-bottom: 0; } }
    .mapa .cifra.cifra-uno {
      left: 45px;
      top: 25px; }
    .mapa .cifra.cifra-dos {
      right: 20px;
      top: 25px; }
    .mapa .cifra.cifra-tres {
      left: 45%;
      top: 350px; }
      @media (min-width: 768px) {
        .mapa .cifra.cifra-tres {
          top: 206px; } }
      @media (min-width: 992px) {
        .mapa .cifra.cifra-tres {
          left: 40%;
          top: 375px; } }

/*doc
---
title: Listado descargas
category: Componentes
---


##Seccion cabecera
```html_example

<div class="listado-descargas">
	<p class="titulo">Animal Care</p>

	<ul>
		<li class="col-md-6"><p class="item-descarga"><span class="icon-download"></span><span class="referencia">REF: OLM026.</span> Vétérinaire Commercial <span class="tamano">- 272KB</span></p></li>

		<li class="col-md-6"><p class="item-descarga"><span class="icon-download"></span><span class="referencia">REF: OLM031.</span> Stage Système d'Information <span class="tamano">- 272KB</span></p></li>
		<li class="col-md-6"><p class="item-descarga"><span class="icon-download"></span><span class="referencia">REF: OLM032.</span> Vétérinaire Commercial <span class="tamano">- 272KB</span></p></li>
		<li class="col-md-6"><p class="item-descarga"><span class="icon-download"></span><span class="referencia">REF: OLM035.</span> Vétérinaire Commercial <span class="tamano">- 272KB</span></p></li>
		<li class="col-md-6"><p class="item-descarga"><span class="icon-download"></span><span class="referencia">REF: OLM026.</span> Asia Technical Supervisor <span class="tamano">- 272KB</span></p></li>
		<li class="col-md-6"><p class="item-descarga"><span class="icon-download"></span><span class="referencia">REF: OLM026.</span> Vétérinaire Commercial <span class="tamano">- 272KB</span></p></li>
		<li class="col-md-6"><p class="item-descarga"><span class="icon-download"></span><span class="referencia">REF: OLM026.</span> Vétérinaire Commercial <span class="tamano">- 272KB</span></p></li>
		<li class="col-md-6"><p class="item-descarga"><span class="icon-download"></span><span class="referencia">REF: OLM026.</span> Asia Technical Supervisor <span class="tamano">- 272KB</span></p></li>
		<li class="col-md-6"><p class="item-descarga"><span class="icon-download"></span><span class="referencia">REF: OLM026.</span> Vétérinaire Commercial <span class="tamano">- 272KB</span></p></li>
		<li class="col-md-6"><p class="item-descarga"><span class="icon-download"></span><span class="referencia">REF: OLM026.</span> Vétérinaire Commercial <span class="tamano">- 272KB</span></p></li>
		<li class="col-md-6"><p class="item-descarga"><span class="icon-download"></span><span class="referencia">REF: OLM026.</span> Vétérinaire Commercial <span class="tamano">- 272KB</span></p></li>
		<li class="col-md-6"><p class="item-descarga"><span class="icon-download"></span><span class="referencia">REF: OLM026.</span> Stage Système d'Information <span class="tamano">- 272KB</span></p></li>

	</ul>
</div>

```
*/
.listado-descargas {
  text-align: left;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 30px; }
  .listado-descargas .titulo {
    font-family: opensans, Helvetica, Arial, sans-serif;
    line-height: 1.1;
    color: inherit;
    font-size: 12px;
    color: #7a8527;
    font-weight: 700;
    margin-bottom: 15px; }
    .listado-descargas .titulo else {
      font-weight: normal; }
    @media (min-width: 768px) {
      .listado-descargas .titulo {
        font-size: 16px; } }
  .listado-descargas ul {
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0 0 15px; }
    .listado-descargas ul:last-child {
      margin: 0; }
    .listado-descargas ul li {
      padding-left: 0; }

/*Press clipping*/
/*doc
---
title: Time line
category: Componentes
---


##Titulo de página
```html_example
<section id="cd-timeline" class="cd-container">
		<div class="cd-timeline-block">
			<div class="cd-timeline-img cd-picture">
				<img src="../img/icono-timeline.png" alt="Picture" />
			</div> <!-- cd-timeline-img -->

			<div class="cd-timeline-content">
				<h2>Title of section 1</h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.</p>
				<span class="cd-date">1995</span>
			</div> <!-- cd-timeline-content -->
		</div> <!-- cd-timeline-block -->

		<div class="cd-timeline-block">
			<div class="cd-timeline-img cd-movie">
				<img src="../img/icono-timeline.png" alt="Picture" />
			</div> <!-- cd-timeline-img -->

			<div class="cd-timeline-content">
				<h2>Title of section 2</h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde?</p>
				<span class="cd-date">1996</span>
			</div> <!-- cd-timeline-content -->
		</div> <!-- cd-timeline-block -->

		
	</section> <!-- cd-timeline -->
```
*/
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  max-width: 1170px;
  margin: 0 auto; }
  .cd-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both; }

/* -------------------------------- 

Main components 

-------------------------------- */
#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em; }
  #cd-timeline::before {
    /* this is the vertical line */
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 2px;
    background: #d6d6d6; }
  @media only screen and (min-width: 1170px) {
    #cd-timeline {
      margin-top: 3em;
      margin-bottom: 3em; }
      #cd-timeline::before {
        left: 50%;
        margin-left: -2px; } }

.cd-timeline-block {
  position: relative;
  margin: 2em 0; }
  .cd-timeline-block:before, .cd-timeline-block:after {
    content: " ";
    display: table; }
  .cd-timeline-block:after {
    clear: both; }
  .cd-timeline-block:first-child {
    margin-top: 0; }
  .cd-timeline-block:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 1170px) {
    .cd-timeline-block {
      margin: 4em 0; }
      .cd-timeline-block:first-child {
        margin-top: 0; }
      .cd-timeline-block:last-child {
        margin-bottom: 0; } }

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%; }
  .cd-timeline-img img {
    display: block;
    width: auto;
    height: auto;
    position: relative;
    left: 10px;
    top: 10px;
    margin-left: -12px;
    margin-top: -12px; }
  @media only screen and (min-width: 1170px) {
    .cd-timeline-img {
      width: 60px;
      height: 60px;
      left: 50%;
      margin-left: -30px;
      /* Force Hardware Acceleration in WebKit */
      -webkit-transform: translateZ(0);
      -webkit-backface-visibility: hidden; }
      .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden; }
      .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s; } }

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5); }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1); } }

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  padding: 15px;
  text-align: left;
  box-shadow: 1px 2px 0px -1px #d8d8d8; }
  .cd-timeline-content:before, .cd-timeline-content:after {
    content: " ";
    display: table; }
  .cd-timeline-content:after {
    clear: both; }
  .cd-timeline-content h2 {
    color: #7a8527;
    font-size: 18px;
    font-weight: 700; }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    display: inline-block; }
  .cd-timeline-content p {
    margin: 1em 0;
    font-size: 15px; }
  .cd-timeline-content .cd-date {
    float: left;
    opacity: 1;
    color: #00617c;
    font-size: 26px; }
  .cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white; }
  @media only screen and (min-width: 1170px) {
    .cd-timeline-content {
      margin-left: 0;
      padding: 1.6em;
      width: 45%; }
      .cd-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: white; }
      .cd-timeline-content .cd-read-more {
        float: left; }
      .cd-timeline-content .cd-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 6px; }
      .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right; }
        .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
          top: 24px;
          left: auto;
          right: 100%;
          border-color: transparent;
          border-right-color: white; }
        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
          float: right; }
        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
          left: auto;
          right: 122%;
          text-align: right; }
      .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden; }
      .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s; } }

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s; } }

@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px); }
  100% {
    -webkit-transform: translateX(0); } }

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }
  100% {
    -webkit-transform: translateX(0); } }

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

/*doc
---
title: Bloques tipo contenido
category: Componentes
---


##bloques en linea ajustandose al ancho listado##

```html_example
<div class="bloques-tipo">
	<div class="bloques-tipo-item animal">
		<div class="bloques-tipo--img"><img src="../img/_foto-animal.jpg" alt="imagen de una vaca" /></div>
		<div class="bloques-tipo--content">

			<a href="subhome-animal.html" class="bloques-tipo--link"><span class="h3">Animal care</span>
			<span class="bloques-tipo-text">Feeding animals better to better feed humans</a>

			<div class="bloques-tipo--grupo">
				<span>By</span>
				<a hef="landing-olmix.html"><img src="../img/logo-olmix.svg" alt="logotipo olmix" /></a>
			</div>
		</div>
	</div>



	<div class="bloques-tipo-item plant">
		<div class="bloques-tipo--img"><img src="../img/_foto-plant.jpg" alt="imagen de trigo" /></div>
		<div class="bloques-tipo--content">

			<a href="subhome-plant.html" class="bloques-tipo--link"><span class="h3">Animal care</span>
			<span class="bloques-tipo-text">Feeding animals better to better feed humans</a>

			<div class="bloques-tipo--grupo">
				<span>By</span>
				<a hef="landing-olmix.html"><img src="../img/logo-olmix.svg" alt="logotipo olmix" /></a>
			</div>
		</div>
	</div>


	<div class="bloques-tipo-item human">
		<div class="bloques-tipo--img"><img src="../img/_foto-human.jpg" alt="imagen de una mama con su nene" /></div>
		<div class="bloques-tipo--content">

			<a href="subhome-human.html" class="bloques-tipo--link"><span class="h3">Animal care</span>
			<span class="bloques-tipo-text">Feeding animals better to better feed humans</a>

			<div class="bloques-tipo--grupo">
				<span>By</span>
				<a hef="landing-olmix.html"><img src="../img/logo-olmix.svg" alt="logotipo olmix" /></a>
			</div>
		</div>
	</div>
</div>
```

*/
.bloques-tipo {
  display: table;
  width: 100%;
  border-bottom: 1px solid #d8d8d8; }
  .bloques-tipo .bloques-tipo-item {
    display: block;
    margin-bottom: 15px; }
    @media (min-width: 768px) {
      .bloques-tipo .bloques-tipo-item {
        display: table-cell;
        border-right: 1px solid #d8d8d8;
        margin-bottom: 0; } }
    .bloques-tipo .bloques-tipo-item:last-child {
      border-right: none; }
  .bloques-tipo img {
    width: 100%; }
  .bloques-tipo .bloques-tipo--img {
    z-index: 10; }
  .bloques-tipo .bloques-tipo--content {
    text-align: center;
    position: relative;
    min-height: 155px;
    z-index: 20; }
    .bloques-tipo .bloques-tipo--content .bloques-tipo--link {
      display: block;
      padding: 15px;
      cursor: pointer;
      height: 105px;
      overflow: hidden;
      transition: all 0.1s ease 0s;
      position: absolute;
      bottom: 82px;
      left: 0;
      width: 100%; }
      .bloques-tipo .bloques-tipo--content .bloques-tipo--link:hover {
        height: 125px;
        color: white !important; }
        .bloques-tipo .bloques-tipo--content .bloques-tipo--link:hover span {
          color: white !important; }
        @media (min-width: 992px) {
          .bloques-tipo .bloques-tipo--content .bloques-tipo--link:hover {
            height: 150px; } }
      .bloques-tipo .bloques-tipo--content .bloques-tipo--link .h3 {
        font-size: 18px;
        color: white;
        font-weight: 600; }
        @media (min-width: 992px) {
          .bloques-tipo .bloques-tipo--content .bloques-tipo--link .h3 {
            font-size: 24px; } }
      .bloques-tipo .bloques-tipo--content .bloques-tipo--link span {
        font-size: 12px;
        color: white;
        font-weight: 600;
        display: block; }
        @media (min-width: 992px) {
          .bloques-tipo .bloques-tipo--content .bloques-tipo--link span {
            font-size: 16px; } }
  .bloques-tipo .animal .bloques-tipo--link {
    background: #0082a4; }
    .bloques-tipo .animal .bloques-tipo--link:before {
      background-color: #0082a4; }
  .bloques-tipo .plant .bloques-tipo--link {
    background: #850f66; }
  .bloques-tipo .human .bloques-tipo--link {
    background: #00a493; }

.bloques-tipo--grupo {
  background: #f5f8f8;
  position: absolute;
  width: 100%;
  bottom: 0;
  min-height: 90px; }
  .bloques-tipo--grupo a {
    max-width: 250px;
    display: inline-block;
    cursor: pointer; }
  .bloques-tipo--grupo img {
    display: inline-block;
    width: auto; }

.bloques-selector {
  display: block; }
  @media (min-width: 768px) {
    .bloques-selector {
      display: -ms-flexbox;
      display: flex; } }
  .bloques-selector img {
    max-width: 100%; }

.bloques-selector-item {
  margin-bottom: 10px;
  position: relative; }
  @media (min-width: 768px) {
    .bloques-selector-item {
      margin: 0 10px; } }
  .bloques-selector-item .bloques-selector--content {
    background: #850f66;
    padding: 10px 0;
    width: 100%;
    height: 50px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    cursor: pointer;
    transition: height 0.5s ease; }
    .bloques-selector-item .bloques-selector--content:hover {
      height: 100px;
      transition: height 0.5s ease; }
    .bloques-selector-item .bloques-selector--content span {
      display: block;
      text-align: center;
      background: #850f66; }
    .bloques-selector-item .bloques-selector--content a {
      color: white; }
      .bloques-selector-item .bloques-selector--content a:hover {
        color: white !important; }

.columnas-plant {
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 480px) {
    .columnas-plant {
      display: block; } }
  .columnas-plant .col-md-3 {
    background: white;
    margin: 0 5px; }

/*doc
---
title: Bloque Media
category: Componentes
---


##Noticias##

```html_example
<div class="bloque-media">
	<div class="bloque-media--img"><img src="../img/foto-noticia.jpg" alt="imagen de un barco" /></div>
	<div class="bloque-media-content">
		<span class="categoria animal"><a href="listado-animal.html">Animal care</a></span>
		<p class="bloque-media--titulo"><a href="">Olmix to launch MFeed+ in Asia at VIV Asia 2015</a></p>
		<span class="fecha">30-01-2015</span>
		<p>Olmix will launch MFeed+, a feed additive based on clay and seaweed designed to optimise efficacy of enzymes in the intestine, at VIV Asia 2015 in Bangkok, Thailand.</p>
	</div>
</div>
```

*/
.bloque-media {
  border: 1px solid #e5e5e5;
  display: inline-block;
  margin: 0 6px;
  background: white;
  text-align: left; }

.bloque-media--img {
  max-height: 180px;
  overflow: hidden; }
  .bloque-media--img img {
    width: 100%;
    height: auto; }

.bloque-media-content {
  font-size: 15px;
  color: #353535;
  padding: 15px; }

.categoria {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px; }
  .categoria a:hover {
    color: #7a8527; }
  .categoria.animal a {
    color: #0082a4; }
  .categoria.plant a {
    color: #850f66; }
  .categoria.human a {
    color: #00a493; }
  .categoria.group a {
    color: #00617c; }
  .categoria.job-animal {
    color: #0082a4; }
  .categoria.job-plant {
    color: #850f66; }
  .categoria.job-human {
    color: #00a493; }
  .categoria.job-group {
    color: #00617c; }

.fecha {
  display: block;
  margin: 6px 0;
  font-size: 12px; }

.bloque-media--titulo {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  color: #353535;
  margin: 6px 0; }
  .bloque-media--titulo a {
    color: #353535; }

.bloque-media--press {
  border: none;
  text-align: center;
  float: left;
  background: #eee;
  padding: 25px 0; }
  .bloque-media--press .bloque-media--img {
    max-height: 200px !important;
    text-align: center; }
  .bloque-media--press .bloque-media--titulo {
    font-size: 22px;
    padding: 30px 0; }
  @media (max-width: 480px) {
    .bloque-media--press {
      width: 100%;
      float: none;
      border-left: none; } }
  .bloque-media--press .bloque-media-content {
    position: relative;
    padding: 0; }
    .bloque-media--press .bloque-media-content .botonera {
      width: 100%; }
      .bloque-media--press .bloque-media-content .botonera a {
        background: none;
        color: #074b58; }

.press-media .bloque-media--press {
  width: 48%; }
  @media (max-width: 480px) {
    .press-media .bloque-media--press {
      width: auto; } }

.press-media .bloque-media--press:last-child {
  border-left: 1px solid #ddd; }
  @media (max-width: 480px) {
    .press-media .bloque-media--press:last-child {
      border-left: none;
      border-top: 1px solid #ddd; } }

.bloque-media--product {
  display: -ms-flexbox;
  display: flex;
  border: none;
  margin: 0; }
  @media (max-width: 767px) {
    .bloque-media--product {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .bloque-media--product .bloque-media--img {
    -ms-flex-order: 2;
        order: 2;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    max-height: 100%;
    -ms-flex-item-align: center;
        align-self: center; }
  .bloque-media--product .bloque-media-content {
    padding-left: 0;
    color: #656565; }
    .bloque-media--product .bloque-media-content h4 {
      color: #353535; }
    .bloque-media--product .bloque-media-content p {
      width: 100%; }

/*doc
---
title: Carrusel
category: Componentes
---


##Carrusel sencillo de uno en uno##
```html_example
<div class="carrusel carrusel-columna ">
	<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
	  <!-- Wrapper for slides -->
		  <div class="carousel-inner" role="listbox">
		    <div class="item active">
		      <img src="../img/logo-fam.jpg" alt="imagen de minerales" />
				<p class="bloque-basico-item-titulo">Iso 9001:2008</p>
				<p class="bloque-basico-item-texto">Algae are an exceptionally varied source of nutrients, and in particular </p>
		    </div>
		    <div class="item">
		       <img src="../img/logo-iso.jpg" alt="imagen de minerales" />
		       <p class="bloque-basico-item-titulo">Iso 5000</p>
				<p class="bloque-basico-item-texto">Algae are an exceptionally varied source of nutrients, and in particular </p>
		    </div>
		  </div>

	  <!-- Controls -->
		  	<a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
				<span class="icon-arrow-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#carousel" role="button" data-slide="next">
				<span class="icon-arrow-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
	</div>
</div>
```

##Carrusel de varias noticias
```html_example
<div class="seccion-content">

 <div class="control-slide">
    <a class="btn prev"><span class="icon-arrow-left"></span> </a>
    <a class="btn next"><span class="icon-arrow-right"></span></a>
</div>

<div class="container">
	<div class="owl-carousel owl-theme">
		<div class="owl-wrapper-outer">
			<div class="owl-item">
				<div clas="bloque-media">
					<div class="bloque-media--img"><img src="../img/foto-noticia.jpg" alt="imagen de un barco" /></div>
					<div class="bloque-media-content">
						<span class="categoria animal">Animal care</span>
						<p class="bloque-media--titulo">Olmix to launch MFeed+ in Asia at VIV Asia 2015</p>
						<span class="fecha">30-01-2015</span>
						<p>Olmix will launch MFeed+, a feed additive based on clay and seaweed designed to optimise efficacy of enzymes in the intestine, at VIV Asia 2015 in Bangkok, Thailand.</p>
					</div>
				</div>
			</div>

			<div class="owl-item">
				<div clas="bloque-media">
					<div class="bloque-media--img"><img src="../img/foto-noticia.jpg" alt="imagen de un barco" /></div>
					<div class="bloque-media-content">
						<span class="categoria animal">Animal care</span>
						<p class="bloque-media--titulo">Olmix to launch MFeed+ in Asia at VIV Asia 2015</p>
						<span class="fecha">30-01-2015</span>
						<p>Olmix will launch MFeed+, a feed additive based on clay and seaweed designed to optimise efficacy of enzymes in the intestine, at VIV Asia 2015 in Bangkok, Thailand.</p>
					</div>
				</div>
			</div>

			<div class="owl-item">
				<div class="bloque-media">
					<div class="bloque-media--img"><img src="../img/foto-noticia.jpg" alt="imagen de un barco" /></div>
					<div class="bloque-media-content">
						<span class="categoria animal">Animal care</span>
						<p class="bloque-media--titulo">Olmix to launch MFeed+ in Asia at VIV Asia 2015</p>
						<span class="fecha">30-01-2015</span>
						<p>Olmix will launch MFeed+, a feed additive based on clay and seaweed designed to optimise efficacy of enzymes in the intestine, at VIV Asia 2015 in Bangkok, Thailand.</p>
					</div>
				</div>
			</div>

			<div class="owl-item">
				<div class="bloque-media">
					<div class="bloque-media--img"><img src="../img/foto-noticia.jpg" alt="imagen de un barco" /></div>
					<div class="bloque-media-content">
						<span class="categoria animal">Animal care</span>
						<p class="bloque-media--titulo">Olmix to launch MFeed+ in Asia at VIV Asia 2015</p>
						<span class="fecha">30-01-2015</span>
						<p>Olmix will launch MFeed+, a feed additive based on clay and seaweed designed to optimise efficacy of enzymes in the intestine, at VIV Asia 2015 in Bangkok, Thailand.</p>
					</div>
				</div>
			</div>
		</div>


		<div class="owl-controls clickable"><div class="owl-pagination"><div class="owl-page active"><span class=""></span></div><div class="owl-page"><span class=""></span></div></div></div></div>
	</div>
</div>
```

*/
.carrusel-columna {
  text-align: center;
  margin: 30px; }
  .carrusel-columna .carousel-inner {
    text-align: center; }
    .carrusel-columna .carousel-inner img {
      margin: 0 auto 30px; }
  .carrusel-columna .carousel-control span {
    font-size: 15px;
    color: #656565; }

.control-slide a {
  position: absolute;
  top: 30%;
  font-size: 26px;
  color: white; }
  .control-slide a span {
    font-weight: bold; }

.control-slide .prev {
  left: 0; }

.control-slide .next {
  right: 0; }

.owl-carousel {
  position: relative; }

/*doc
---
title: Bloque Evento
category: Componentes
---


##Noticias##

```html_example
<div class="bloque-evento animal">
	<div class="fecha-evento"><span><span class="numero">10</span> Mar</span></div>
	<div class="bloque-evento--img"><img src="../img/_logo-fiaap.jpg" alt="Logo Fiaap" /></div>
	<div class="bloque-evento-content">
		<p class="bloque-evento--titulo">Dag van de Sportaccomodatie</p>
		<ul>
			<li><strong>Place:</strong> THAILAND | Bangkok </li>
			<li><strong>Stand:</strong>  hall 102, booth L063</li>
		</ul>

		<span class="today-events">Today</span>
	</div>
	<ul class="list-inline social-link">
        <li><a href="" class="icon-social-facebook"><span>Facebook</span></a></li>
        <li><a href="" class="icon-social-twitter"><span>Twitter</span></a></li>
        <li><a href="" class="icon-social-youtube"><span>Youtube</span></a></li>
        <li><a href="" class="icon-social-linkedin"><span>linkedin</span></a></li>
    </ul>
</div>
```

*/
.bloque-evento {
  border-right: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  display: inline-block;
  background: white;
  margin: 0 6px;
  padding-bottom: 15px;
  position: relative;
  text-align: left;
  width: 100%; }
  .bloque-evento .etiq-today {
    position: absolute;
    background: #7a8527;
    color: white;
    padding: 4px 10px;
    /* IE 9 */
    -webkit-transform: rotate(-90deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-90deg); }
  .bloque-evento .fecha-evento {
    width: 70px;
    padding: 15px;
    color: white;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    left: 10px;
    top: 0; }
    .bloque-evento .fecha-evento .numero {
      display: block;
      font-size: 18px; }
  .bloque-evento.animal {
    border-top: 4px solid #0082a4; }
    .bloque-evento.animal .fecha-evento, .bloque-evento.animal .today-events {
      background: #0082a4; }
  .bloque-evento.human {
    border-top: 4px solid #00a493; }
    .bloque-evento.human .fecha-evento, .bloque-evento.human .today-events {
      background: #00a493; }
  .bloque-evento.plant {
    border-top: 4px solid #850f66; }
    .bloque-evento.plant .fecha-evento, .bloque-evento.plant .today-events {
      background: #850f66; }
  .bloque-evento.group {
    border-top: 4px solid #00617c; }
    .bloque-evento.group .fecha-evento, .bloque-evento.group .today-events {
      background: #00617c; }
  .bloque-evento ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .bloque-evento ul li {
      color: #656565; }

.bloque-evento-content {
  padding: 15px;
  margin-bottom: 15px; }
  .bloque-evento-content .animal {
    color: #0082a4; }
  .bloque-evento-content .plant {
    color: #850f66; }
  .bloque-evento-content .human {
    color: #00a493; }
  .bloque-evento-content .group {
    color: #00617c; }

.bloque-evento--img {
  position: absolute;
  top: 0;
  right: 10px; }
  .bloque-evento--img img {
    width: auto;
    position: relative;
    right: 0; }

.bloque-evento--titulo {
  font-size: 18px;
  color: #656565;
  font-weight: 600; }

.today-events {
  position: absolute;
  padding: 6px 15px;
  color: white;
  font-size: 12px;
  display: block;
  right: 0;
  bottom: 10px; }

.bloque-evento .social-link {
  position: absolute;
  bottom: 10px;
  padding: 0 15px !important; }

.listado-eventos {
  list-style: none; }

/*posicionar la etiqueta today por idioma*/
.i18n-en .bloque-evento .etiq-today {
  top: 12px;
  left: -44px; }

.i18n-fr .bloque-evento .etiq-today {
  top: 41px;
  left: -75px; }

.i18n-es .bloque-evento .etiq-today {
  top: 4px;
  left: -38px; }

.i18n-zh-hans .bloque-evento .etiq-today {
  top: 6px;
  left: -39px; }

.i18n-ru .bloque-evento .etiq-today {
  top: 21px;
  left: -54px; }

.i18n-vi .bloque-evento .etiq-today {
  top: 23px;
  left: -56px; }

.i18n-nl .bloque-evento .etiq-today {
  top: 21px;
  left: -54px; }

/*doc
---
title: Menu animal
category: Componentes
---


##Noticias##

```html_example
<div id="securite" class="animal">

	<div class="menu-animal">
		<div class="menu-animal--categoria">
			<div class="container">
				<span>Securite del Environment</span>
			</div>
		</div>

		<div class="menu-animal--bloque">

			<div class="container">
				<div class="menu-animal--logo"><img src="../img/mistral.png" alt="logo de mistral" /></div>

				<div class="menu-animal--selector">
					<span class="menu-animal--ico"><img src="../img/_icono-farm.png" alt="icono farm" /></span>
					<span class="menu-animal--label">Seleted animal:</span>
					<ul>
						<li><a href="/" class="activo"><span class="icono-animal icon-filter-cow"></span></a></li>
						<li><a href="/"><span class="icono-animal icon-filter-pig"></span></a></li>
						<li><a href="/"><span class="icono-animal icon-filter-bird"></span></a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>

</div>

#este bloque es el que coge toda la pagina depende de la categoria
<div class="animal">

	<div class="menu-animal">
		<div class="menu-animal--categoria">
			<div class="container">
				<span>Securite del Environment</span>
			</div>
		</div>

		<div class="menu-animal--bloque">

			<div class="container">
				<div class="menu-animal--logo"><img src="../img/mistral.png" alt="logo de mistral" /></div>

				<div class="menu-animal--selector">
					<span class="menu-animal--ico"><img src="../img/_icono-farm.png" alt="icono farm" /></span>
					<span class="menu-animal--label">Seleted animal:</span>
					<ul>
						<li><a href="/" class="activo"><span class="icono-animal icon-filter-cow"></span></a></li>
						<li><a href="/"><span class="icono-animal icon-filter-pig"></span></a></li>
						<li><a href="/"><span class="icono-animal icon-filter-bird"></span></a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>

</div>

#Cuando el menu es solo filltrado y no hay categoria
<div class="animal">
<div class="menu-animal menu-animal--sincategoria">
	<div class="menu-animal--bloque">

		<div class="container">
			<div class="menu-animal--selector">
				<span class="menu-animal--label ">Seleted animal:</span>
				<ul>
					<li><a href="/" class="activo"><span class="icono-animal icon-filter-cow"></span></a></li>
					<li><a href="/"><span class="icono-animal icon-filter-pig"></span></a></li>
					<li><a href="/"><span class="icono-animal icon-filter-bird"></span></a></li>
				</ul>
			</div>
		</div>
	</div>
</div>
</div>

##selector de texto
<div class="plant">
<div class="menu-animal menu-animal--sincategoria">
	<div class="menu-animal--bloque">

		<div class="container">
			<div class="menu-animal--selector">
				<span class="menu-animal--label menu-animal--label--texto">Selected plant:</span>
				<ul>
					<li><a href="/" class="activo"><span class="icono-animal icono-animal-texto">Turf</span></a></li>
					<li><a href="/"><span class="icono-animal icono-animal-texto">Horti</span></a></li>
					<li><a href="/"><span class="icono-animal icono-animal-texto">Agri</span></a></li>
				</ul>
			</div>
		</div>
	</div>
</div>
</div>

```
*/
/*Fijar el menu*/
.menu-animal.affix {
  top: 75px !important;
  position: fixed;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 90; }

/*calses genericas*/
.menu-animal {
  border-bottom: 1px solid #e5e5e5; }
  .menu-animal .menu-animal--categoria {
    padding: 6px; }
    .menu-animal .menu-animal--categoria span {
      color: white;
      text-transform: uppercase; }
    .menu-animal .menu-animal--categoria .container {
      padding: 0; }
  .menu-animal .menu-animal--bloque {
    padding: 6px 0 0;
    overflow: hidden; }
    .menu-animal .menu-animal--bloque .container {
      padding: 0; }
  .menu-animal .menu-animal--logo {
    width: auto;
    float: left; }
    @media (max-width: 480px) {
      .menu-animal .menu-animal--logo {
        display: none; } }
    .menu-animal .menu-animal--logo a {
      display: inline-block; }
    .menu-animal .menu-animal--logo img {
      max-height: 70px; }
  .menu-animal .menu-animal--selector {
    width: auto;
    float: right; }
    @media (max-width: 480px) {
      .menu-animal .menu-animal--selector {
        margin-right: 5px; } }
    .menu-animal .menu-animal--selector .menu-animal--label, .menu-animal .menu-animal--selector .menu-animal--ico {
      position: relative;
      top: -15px;
      width: auto;
      display: inline-block !important; }
      .menu-animal .menu-animal--selector .menu-animal--label img, .menu-animal .menu-animal--selector .menu-animal--ico img {
        width: auto; }
    @media (max-width: 480px) {
      .menu-animal .menu-animal--selector .menu-animal--label {
        display: none !important; } }
    .menu-animal .menu-animal--selector .menu-animal--ico {
      left: -25px; }
    .menu-animal .menu-animal--selector ul {
      list-style: none;
      padding: 0;
      display: inline-block;
      margin: 0 0 0 15px; }
      @media (max-width: 480px) {
        .menu-animal .menu-animal--selector ul {
          margin: 0 0 0 5px; } }
      .menu-animal .menu-animal--selector ul li {
        display: inline-block;
        position: relative;
        margin-left: 3px; }
        @media (min-width: 768px) {
          .menu-animal .menu-animal--selector ul li {
            margin-left: 15px; } }
        .menu-animal .menu-animal--selector ul li:before {
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 10px 0;
          position: absolute;
          top: -8px;
          left: 40%; }
        .menu-animal .menu-animal--selector ul li a, .menu-animal .menu-animal--selector ul li span {
          color: #e5e5e5; }
        .menu-animal .menu-animal--selector ul li .icono-animal {
          font-size: 48px; }
          @media (max-width: 480px) {
            .menu-animal .menu-animal--selector ul li .icono-animal {
              font-size: 32px; } }

.human .menu-animal--logo img {
  max-height: 65px; }

.animal .menu-animal--logo img {
  max-height: 65px; }

.icono-animal-texto {
  text-transform: uppercase;
  font-size: 15px !important;
  line-height: 40px;
  font-weight: 700 !important;
  display: block;
  position: relative !important; }
  @media (max-width: 480px) {
    .icono-animal-texto {
      font-size: 10px !important;
      line-height: 13px;
      font-weight: 500 !important;
      letter-spacing: -0.8px; } }

.plant h1.seccion__titulo strong {
  font-size: 15px !important;
  line-height: 13px; }

.plant h1.seccion__titulo .icono-animal-texto {
  font-size: 26px !important;
  top: 0 !important; }

.menu-animal--label--texto {
  top: -1px !important; }

/*colores que cambian por categoria*/
.plant .menu-animal--categoria {
  background: #850f66; }

.plant .menu-animal--selector a.activo span, .plant .menu-animal--selector a:hover span {
  color: #850f66 !important; }

.plant .menu-animal--selector ul li:before {
  border-color: #850f66 transparent transparent transparent; }

.plant section .icono-animal {
  color: #850f66;
  font-size: 26px; }

.human .menu-animal--categoria {
  background: #00a493; }

.human .menu-animal--selector a.activo span, .human .menu-animal--selector a:hover span {
  color: #00a493 !important; }

.human .menu-animal--selector ul li:before {
  border-color: #00a493 transparent transparent transparent; }

.human section .icono-animal {
  color: #00a493;
  font-size: 26px; }

.animal .menu-animal--categoria {
  background: #0082a4; }

.animal .menu-animal--selector a.activo span, .animal .menu-animal--selector a:hover span {
  color: #0082a4 !important; }

.animal .menu-animal--selector a.activo span {
  cursor: default !important; }

.animal .menu-animal--selector ul li:before {
  border-color: #0082a4 transparent transparent transparent; }

.animal section .icono-animal {
  color: #0082a4;
  font-size: 40px;
  top: 6px;
  position: relative; }

.animal section .icon-filter-bird {
  font-size: 50px;
  line-height: 28px;
  top: 10px; }

#securite .menu-animal--categoria {
  background: #f4de40; }

#securite .menu-animal--selector a.activo span, #securite .menu-animal--selector a:hover span {
  color: #f4de40 !important; }

#securite .menu-animal--selector ul li:before {
  border-color: #f4de40 transparent transparent transparent; }

#securite section .icono-animal {
  color: #f4de40; }

#efficate .menu-animal--categoria {
  background: #615d98; }

#efficate .menu-animal--selector a.activo span, #efficate .menu-animal--selector a:hover span {
  color: #615d98 !important; }

#efficate .menu-animal--selector ul li:before {
  border-color: #615d98 transparent transparent transparent; }

#efficate section .icono-animal {
  color: #615d98; }

#risque .menu-animal--categoria {
  background: #76405d; }

#risque .menu-animal--selector a.activo span, #risque .menu-animal--selector a:hover span {
  color: #76405d !important; }

#risque .menu-animal--selector ul li:before {
  border-color: #76405d transparent transparent transparent; }

#risque section .icono-animal {
  color: #76405d; }

#inmunite .menu-animal--categoria {
  background: #00ace5; }

#inmunite .menu-animal--selector a.activo span, #inmunite .menu-animal--selector a:hover span {
  color: #00ace5 !important; }

#inmunite .menu-animal--selector ul li:before {
  border-color: #00ace5 transparent transparent transparent; }

#inmunite section .icono-animal {
  color: #00ace5; }

#digestif .menu-animal--categoria {
  background: #40b4a6; }

#digestif .menu-animal--selector a.activo span, #digestif .menu-animal--selector a:hover span {
  color: #40b4a6 !important; }

#digestif .menu-animal--selector ul li:before {
  border-color: #40b4a6 transparent transparent transparent; }

#digestif section .icono-animal {
  color: #40b4a6; }

#mineral .menu-animal--categoria {
  background: #ef7d00; }

#mineral .menu-animal--selector a.activo span, #mineral .menu-animal--selector a:hover span {
  color: #ef7d00 !important; }

#mineral .menu-animal--selector ul li:before {
  border-color: #ef7d00 transparent transparent transparent; }

#mineral section .icono-animal {
  color: #ef7d00; }

#improvement .menu-animal--categoria {
  background: #95c11f; }

#improvement .menu-animal--selector a.activo span, #improvement .menu-animal--selector a:hover span {
  color: #95c11f !important; }

#improvement .menu-animal--selector ul li:before {
  border-color: #95c11f transparent transparent transparent; }

#improvement section .icono-animal {
  color: #95c11f; }

#liquid .menu-animal--categoria {
  background: #95c11f; }

#liquid .menu-animal--selector a.activo span, #liquid .menu-animal--selector a:hover span {
  color: #95c11f !important; }

#liquid .menu-animal--selector ul li:before {
  border-color: #95c11f transparent transparent transparent; }

#liquid section .icono-animal {
  color: #95c11f; }

#nutrition .menu-animal--categoria {
  background: #95c11f; }

#nutrition .menu-animal--selector a.activo span, #nutrition .menu-animal--selector a:hover span {
  color: #95c11f !important; }

#nutrition .menu-animal--selector ul li:before {
  border-color: #95c11f transparent transparent transparent; }

#nutrition section .icono-animal {
  color: #95c11f; }

#optimization .menu-animal--categoria {
  background: #95c11f; }

#optimization .menu-animal--selector a.activo span, #optimization .menu-animal--selector a:hover span {
  color: #95c11f !important; }

#optimization .menu-animal--selector ul li:before {
  border-color: #95c11f transparent transparent transparent; }

#optimization section .icono-animal {
  color: #95c11f; }

/*Sin categria*/
.menu-animal--sincategoria {
  border-top: 8px;
  border-style: solid;
  border-bottom: none;
  border-left: none;
  border-right: none; }

/*colores del borde dependiendo de la catrgoria*/
.plant .menu-animal--sincategoria {
  border-color: #850f66; }

.human .menu-animal--sincategoria {
  border-color: #00a493; }

.animal .menu-animal--sincategoria {
  border-color: #0082a4; }

#securite .menu-animal--sincategoria {
  border-color: #f4de40; }

#efficate .menu-animal--sincategoria {
  border-color: #615d98; }

#risque .menu-animal--sincategoria {
  border-color: #76405d; }

#inmunite .menu-animal--sincategoria {
  border-color: #00ace5; }

#digestif .menu-animal--sincategoria {
  border-color: #40b4a6; }

#soil-areation .menu-animal--sincategoria, #soil-quality .menu-animal--sincategoria {
  border-color: #a55a1a; }

#mineralization .menu-animal--sincategoria, #nutrition-quality .menu-animal--sincategoria {
  border-color: #95c11f; }

#germination .menu-animal--sincategoria, #germination-vigour .menu-animal--sincategoria {
  border-color: #0c5ba7; }

#photosynthesis .menu-animal--sincategoria, #crop .menu-animal--sincategoria {
  border-color: #00a9ce; }

/*estilos para el icono de todos*/
.todos span.icono-animal {
  font-size: 33px !important;
  position: relative;
  top: -9px; }
  @media (max-width: 480px) {
    .todos span.icono-animal {
      font-size: 24px !important; } }

.todos:before {
  top: -22px !important; }
  @media (max-width: 480px) {
    .todos:before {
      top: -16px !important; } }

#soil-areation .menu-animal--categoria, #soil-quality .menu-animal--categoria {
  background: #a55a1a; }

#soil-areation .menu-animal--selector a.activo span, #soil-areation .menu-animal--selector a:hover span,
#soil-quality .menu-animal--selector a.activo span, #soil-quality .menu-animal--selector a:hover span {
  color: #a55a1a !important; }

#soil-areation .menu-animal--selector ul li:before, #soil-quality .menu-animal--selector ul li:before {
  border-color: #a55a1a transparent transparent transparent; }

#soil-areation section .icono-animal, #soil-quality section .icono-animal {
  color: #a55a1a; }

#mineralization .menu-animal--categoria, #nutrition-quality .menu-animal--categoria {
  background: #95c11f; }

#mineralization .menu-animal--selector a.activo span, #mineralization .menu-animal--selector a:hover span,
#nutrition-quality .menu-animal--selector a.activo span, #nutrition-quality .menu-animal--selector a:hover span {
  color: #95c11f !important; }

#mineralization .menu-animal--selector ul li:before, #nutrition-quality .menu-animal--selector ul li:before {
  border-color: #95c11f transparent transparent transparent; }

#mineralization section .icono-animal, #nutrition-quality section .icono-animal {
  color: #95c11f; }

#germination .menu-animal--categoria, #germination-vigour .menu-animal--categoria {
  background: #0c5ba7; }

#germination .menu-animal--selector a.activo span, #germination .menu-animal--selector a:hover span,
#germination-vigour .menu-animal--selector a.activo span, #germination-vigour .menu-animal--selector a:hover span {
  color: #0c5ba7 !important; }

#germination .menu-animal--selector ul li:before, #germination-vigour .menu-animal--selector ul li:before {
  border-color: #0c5ba7 transparent transparent transparent; }

#germination section .icono-animal, #germination-vigour section .icono-animal {
  color: #0c5ba7; }

#photosynthesis .menu-animal--categoria, #crop .menu-animal--categoria {
  background: #00a9ce; }

#photosynthesis .menu-animal--selector a.activo span, #photosynthesis .menu-animal--selector a:hover span,
#crop .menu-animal--selector a.activo span, #crop .menu-animal--selector a:hover span {
  color: #00a9ce !important; }

#photosynthesis .menu-animal--selector ul li:before,
#crop .menu-animal--selector ul li:before {
  border-color: #00a9ce transparent transparent transparent; }

#photosynthesis section .icono-animal, #crop section .icono-animal {
  color: #00a9ce; }

/*doc
---
title: Bloque problema
category: Componentes
---


##Noticias##

```html_example
<div class="bloque-problema ">
	<div class="bloque-problema-content">
		<h3>The situation</h3>
		<p class="bloque-problema-titulo">Organic matter supply</p>
		<p>The soil is the habitat in which roots of crop dwell and it’s the location where our carbon reserve is stored. Many soil around the world are so degraded that the soil fails in both aspects. And also, intensive cropping systems deplete the soil from its natural buffering potential.</p>
		<p class="text-center icono"><span class="icon-arrow-down"></span></p>
	</div>
</div>
```

*/
.bloque-problema {
  overflow: hidden;
  margin-bottom: 30px; }
  @media (max-width: 480px) {
    .bloque-problema {
      padding: 15px; } }
  .bloque-problema h3 {
    color: #00617c;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700; }
    .bloque-problema h3 a {
      color: #00617c; }
      .bloque-problema h3 a:hover {
        color: #7a8527 !important; }
  .bloque-problema span {
    color: #00617c;
    background: #f5f8f8;
    border-radius: 100px;
    padding: 10px;
    font-size: 26px;
    display: inline-block; }

.bloque-problema--img {
  float: right;
  margin-left: 15px; }

.bloque-problema-content {
  text-align: left; }

.bloque-problema-titulo {
  font-size: 18px;
  font-weight: 600;
  line-height: 18px; }

.icono {
  clear: both; }

/*doc
---
title: Bloque banner
category: Componentes
---



```html_example
<div class="bloque-banner" style="background-image: url(../img/banner1.jpg);">
	<div class="container">
		<div class="bloque-banner--content">
			<p class="texto">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>

			<a href="#" class="btn btn-contenido">Ir a la calculadora</a>
		</div>
	</div>
</div>
```

```html_example
<div class="bloque-banner" style="background-image: url(../img/banner2.jpg);">
	<div class="container">
		<div class="bloque-banner--content">
			<p class="bloque-banner--titulo">TITULO</p>
			<p class="texto--negativo">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>

			<a href="#" class="btn btn-contenido">Ir a la calculadora</a>
		</div>
	</div>
</div>
```

```html_example
<div class="bloque-banner bloque-banner--centro" style="background-image: url(../img/banner3.jpg);">
	<div class="container">
		<div class="bloque-banner--content">
			<p class="text-center"><img src="../img/logo-thanks.png" alt="logo Thanks algae"/></p>
		</div>
	</div>
</div>
```

```html_example
<div class="bloque-banner bloque-banner--img" style="background-image: url(../img/banner3.jpg);">
	<div class="container">

		<div class="bloque-banner--content">
			<div class="text-text">
	            <p class="tith1">Algae: <span>A source of good health at each step of the food chain</span></p>
	  			<p class="texto-large">A healthy food chain thanks to algae</p>
			</div>
  			<p class="text-img"><img src="../img/logo-thanks.png" alt="logo Thanks algae"/></p>
        </div>
	</div>
</div>
```

```html_example
<div class="bloque-banner bloque-banner--subhome bloque-banner--plant">
	<div class="container">
		<div class="bloque-banner--content">
			<p><a href="/melspring"><img src="http://dev-olmix.pantheon.io/sites/default/files/logo-melspring.png" alt="logo Melspring"/></a></p>
		</div>
	</div>
</div>
```

```html_example
<div class="bloque-banner bloque-banner--subhome bloque-banner--animal">
	<div class="container">
		<div class="bloque-banner--content">
			<p><a href="/melspring"><img src="http://dev-olmix.pantheon.io/sites/default/files/logo-olmix.png" alt="logo Melspring"/></a></p>
		</div>
	</div>
</div>
```
```html_example
<div class="bloque-banner bloque-banner--subhome bloque-banner--human">
	<div class="container">
		<div class="bloque-banner--content">
			<p><a href="/melspring"><img src="http://dev-olmix.pantheon.io/sites/default/files/logo-amadeite.png" alt="logo Melspring"/></a></p>
		</div>
	</div>
</div>
```

*/
.bloque-banner {
  background-size: cover;
  padding: 30px 0; }
  @media (max-width: 480px) {
    .bloque-banner {
      background-image: none !important;
      background-color: #00617c; } }

.bloque-banner--titulo {
  font-family: opensans, Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 25px;
  margin-bottom: 6px;
  color: white; }
  .bloque-banner--titulo else {
    font-weight: normal; }
  @media (min-width: 768px) {
    .bloque-banner--titulo {
      font-size: 22px; } }
  @media (min-width: 768px) {
    .bloque-banner--titulo {
      margin-bottom: 30px; } }

.bloque-banner--content {
  text-align: left;
  width: 60%; }
  @media (max-width: 480px) {
    .bloque-banner--content {
      width: auto; }
      .bloque-banner--content p {
        color: white; } }
  .bloque-banner--content .icono-animal {
    color: white;
    font-size: 80px;
    position: relative;
    top: 20px;
    margin-right: 15px; }

.texto--negativo {
  color: white !important; }

.bloque-banner--centro .bloque-banner--content {
  text-align: center;
  width: auto; }

.link-banner {
  color: white !important;
  font-size: 50px; }
  .link-banner:hover {
    color: #7a8527 !important; }

.bloque-banner .tith1 {
  font-size: 26px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  width: 80%; }
  .bloque-banner .tith1 span {
    font-size: 26px;
    text-transform: none;
    font-weight: normal; }

.bloque-banner .texto-large {
  font-size: 20px;
  color: #fff; }

@media (max-width: 480px) {
  .bloque-banner .tith1 {
    font-size: 18px; }
    .bloque-banner .tith1 span {
      font-size: 18px; }
  .bloque-banner .texto-large {
    font-size: 16px; } }

.bloque-banner--subhome {
  text-align: center; }
  .bloque-banner--subhome .bloque-banner--content {
    width: 100%; }
  .bloque-banner--subhome p {
    width: 100%;
    text-align: center; }
    .bloque-banner--subhome p img {
      margin: 0 auto; }

.bloque-banner--img .text-text {
  width: 80%;
  float: left; }

.bloque-banner--img .text-img {
  width: 20%;
  float: left; }
  .bloque-banner--img .text-img img {
    width: 100%;
    height: auto; }

.bloque-banner--plant {
  border-top: 10px solid #850f66;
  background-color: white !important; }

.bloque-banner--animal {
  border-top: 10px solid #0082a4;
  background-color: white !important; }

.bloque-banner--human {
  border-top: 10px solid #00a493;
  background-color: white !important; }

.seccion-cabecera .tit-grande {
  font-size: 48px; }

.seccion-cabecera .texto-large {
  font-size: 24px;
  text-transform: uppercase; }

.seccion-cabecera .doslineas span {
  display: block; }

/*doc
---
title: Bloque ventaja
category: Componentes
---


##Noticias##

```html_example

<div class="risque">
	<div class="bloque-ventaja">
		<div class="cifra">
			<p><span class="cifra-numero">1</span>
		</div>
		<p class="bloque-ventaja--titulo">High wicking capacities</p>
	</div>
</div>
```

*/
.bloque-ventaja {
  overflow: hidden; }
  .bloque-ventaja .cifra {
    width: 40px;
    height: 40px;
    margin: 0 6px 0 0;
    float: left; }
    @media (min-width: 992px) {
      .bloque-ventaja .cifra {
        width: 50px;
        height: 50px;
        margin: 0 15px 0 0; } }
    .bloque-ventaja .cifra p {
      top: 5px; }
      @media (min-width: 768px) {
        .bloque-ventaja .cifra p {
          top: -10px; } }
      @media (min-width: 992px) {
        .bloque-ventaja .cifra p {
          top: -5px; } }
    .bloque-ventaja .cifra span {
      font-size: 24px;
      font-weight: 300; }

.bloque-ventaja--titulo {
  float: left;
  margin: 15px 0;
  font-weight: 600;
  font-size: 15px;
  max-width: 75%;
  text-align: left; }
  @media (min-width: 992px) {
    .bloque-ventaja--titulo {
      font-size: 18px; } }

.lista-ventajas {
  list-style: none;
  padding: 0;
  margin: 0; }
  .lista-ventajas li {
    margin: 0 0 6px; }

/*cambios de color con respecto a la categoria*/
.animal .cifra {
  background: #0082a4; }

.plant .cifra {
  background: #850f66; }

.human .cifra {
  background: #00a493; }

#securite .bloque-ventaja .cifra {
  background: #f4de40; }

#efficate .cifra {
  background: #615d98; }

#risque .cifra {
  background: #76405d; }

#inmunite .cifra {
  background: #00ace5; }

#digestif .cifra {
  background: #40b4a6; }

#mineral .bloque-ventaja .cifra {
  background: #ef7d00; }

#improvement .cifra {
  background: #95c11f; }

#liquid .cifra {
  background: #95c11f; }

#nutrition .cifra {
  background: #95c11f; }

#optimization .cifra {
  background: #95c11f; }

#soil-areation .cifra, #soil-quality .cifra {
  background: #a55a1a; }

#mineralization .cifra, #nutrition-quality .cifra {
  background: #95c11f; }

#germination .cifra, #germination-vigour .cifra {
  background: #0c5ba7; }

#photosynthesis .cifra, #crop .cifra {
  background: #00a9ce; }

/*doc
---
title: Galeria videos
category: Componentes
---


##Noticias##

```html_example
<div class="galeria-videos">
	<div class="row">
		<div class="col-xs-12" col-sm-6">
			<div class="video"><img src="../img/_foto-video.jpg" alt="imagen del video" /></div>
			<p class="galeria-videos-titulo galeria-videos-titulo-lg">Algae Sector 2050 (Green Algae Valorization) - Olmix prospective</p>
			<p>In 2050, we feed 9 billion people! We perfectly manage to do it, while preserving the Earth, the sea and the air, and respecting wildlife ... We do this for our balance and well-being and, of course, for that of our children and for their future. How did we do this? ... </p>
		</div>
		<div class="col-sm-6 hidden-xs">
			<div class="row">
				<div class="col-sm-6">
					<div class="video"><img src="../img/_foto-video.jpg" alt="imagen del video" /></div>
					<p class="galeria-videos-titulo galeria-videos-titulo-xs">Algae Sector 2050 (Green Algae Valorization) - Olmix prospective</p>
				</div>

				<div class="col-sm-6">
					<div class="video"><img src="../img/_foto-video.jpg" alt="imagen del video" /></div>
					<p class="galeria-videos-titulo galeria-videos-titulo-xs">Algae Sector 2050 (Green Algae Valorization) - Olmix prospective</p>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-6">
					<div class="video"><img src="../img/_foto-video.jpg" alt="imagen del video" /></div>
					<p class="galeria-videos-titulo galeria-videos-titulo-xs">Algae Sector 2050 (Green Algae Valorization) - Olmix prospective</p>
				</div>

				<div class="col-sm-6">
					<div class="video"><img src="../img/_foto-video.jpg" alt="imagen del video" /></div>
					<p class="galeria-videos-titulo galeria-videos-titulo-xs">Algae Sector 2050 (Green Algae Valorization) - Olmix prospective</p>
				</div>
			</div>
		</div>
	</div>
</div>
```

*/
.galeria-videos {
  text-align: left; }
  @media (max-width: 480px) {
    .galeria-videos {
      padding: 0 6px; } }
  .galeria-videos p {
    color: white; }
  .galeria-videos .video img {
    width: 100%; }
  .galeria-videos .row {
    margin-bottom: 30px; }

.galeria-videos-titulo {
  color: white !important;
  font-weight: 600;
  text-transform: uppercase; }
  .galeria-videos-titulo.galeria-videos-titulo-lg {
    font-family: opensans, Helvetica, Arial, sans-serif;
    line-height: 1.1;
    color: inherit;
    font-size: 16px;
    margin: 6px 0; }
    .galeria-videos-titulo.galeria-videos-titulo-lg else {
      font-weight: normal; }
    @media (min-width: 768px) {
      .galeria-videos-titulo.galeria-videos-titulo-lg {
        font-size: 18px; } }
    .galeria-videos-titulo.galeria-videos-titulo-lg a {
      color: white; }
      .galeria-videos-titulo.galeria-videos-titulo-lg a:hover {
        color: #d8d8d8 !important; }
    @media (min-width: 768px) {
      .galeria-videos-titulo.galeria-videos-titulo-lg {
        font-family: opensans, Helvetica, Arial, sans-serif;
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
        font-size: 20px; }
        .galeria-videos-titulo.galeria-videos-titulo-lg else {
          font-weight: normal; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .galeria-videos-titulo.galeria-videos-titulo-lg {
      font-size: 22px; } }
  .galeria-videos-titulo.galeria-videos-titulo-xs {
    margin: 6px 0;
    font-size: 12px;
    line-height: 16px; }
    .galeria-videos-titulo.galeria-videos-titulo-xs a {
      color: white; }
      .galeria-videos-titulo.galeria-videos-titulo-xs a:hover {
        color: #d8d8d8 !important; }

.videozh {
  overflow: hidden; }

#eventos-galeria {
  background: #fff; }

/*doc
---
title: Lista Categoria
category: Componentes
---


##Ejemplo con dos botones##

```html_example

<ul class="lista-categorias">

	<li class="securite">
		<div class="lista-categorias-header">
			<div class="container">
				<p class="lista-categorias-header--titulo">Sécurité de l’environnement</p>
			</div>
		</div>

		<div class="lista-categorias-content">
			<div class="container">
				<p class="lista-categorias-content-body">Excludat iurgia finis, “Est vetus atque pro- bus, centum qui perficit annos.” Quid, qui deperiit minor uno mense vel anno, inter quos referendus erit? veteresne poe- tas, an quos et praesens et postera respuat aetas?</p>

				<div class="row">
					<div class="col-xs-12 col-sm-6 col-md-3">
						<div class="item-producto">
							<div class="logo">
								<a href=""><img src="../img/logos/mfeed.svg" alt="logotipo del producto Mfeed" />
								<span class="icon-arrow-right"></span></a>
							</div>
							<p class="item-producto-content">Lutter contre les poux rouges en aviculture</p>
							<ul class="inline-item">
								<li><span class="icono-animal icon-filter-cow"></span></li>
								<li><span class="icono-animal icon-filter-crustacean"></span></li>
								<li><span class="icono-animal icon-filter-bird"></span></li>
								<li><span class="icono-animal icon-filter-pig"></span></li>
							</ul>
						</div>
					</div>

					<div class="col-xs-12 col-sm-6 col-md-3">
						<div class="item-producto">
							<div class="logo">
								<a href=""><img src="../img/logos/mfeed.svg" alt="logotipo del producto Mfeed" />
								<span class="icon-arrow-right"></span></a>
							</div>
							<p class="item-producto-content">Lutter contre les poux rouges en aviculture</p>
							<ul class="inline-item">
								<li><span class="icono-animal icon-filter-cow"></span></li>
								<li><span class="icono-animal icon-filter-crustacean"></span></li>
								<li><span class="icono-animal icon-filter-bird"></span></li>
								<li><span class="icono-animal icon-filter-pig"></span></li>
							</ul>
						</div>
					</div>

				</div>
			</div>
		</div>
	</li>
</ul>
```
*/
.lista-categorias {
  list-style: none;
  padding: 0;
  display: block;
  margin: 0; }
  .lista-categorias li {
    padding: 0 0 45px; }

.lista-categorias-header {
  background: white; }

.lista-categorias-header--titulo {
  font-size: 24px;
  text-transform: uppercase;
  border-bottom-width: 4px;
  border-style: solid;
  border-top: none;
  border-left: none;
  border-right: none;
  margin-bottom: 0;
  position: relative;
  top: 4px; }

.lista-categorias-content {
  background: #f5f8f8;
  padding: 30px 0; }

.lista-categorias-content-body {
  font-size: 15px;
  color: #656565; }

/**/
/*la seccion cabecera en la ficha dependera de donde este*/
.plant .lista-categorias-header--titulo {
  color: #850f66;
  border-color: #850f66; }

.plant .inline-item .icono-animal, .plant .icon-arrow-right {
  color: #850f66; }

.human .lista-categorias-header--titulo {
  color: #00a493;
  border-color: #00a493; }

.human .inline-item .icono-animal, .human .icon-arrow-right {
  color: #00a493; }

.animal .lista-categorias-header--titulo {
  color: #0082a4;
  border-color: #0082a4; }

.animal .inline-item .icono-animal, .animal .icon-arrow-right {
  color: #0082a4; }

.efficate .lista-categorias-header--titulo {
  color: #615d98;
  border-color: #615d98; }

.efficate .inline-item .icono-animal, .efficate .icon-arrow-right {
  color: #615d98; }

.securite .lista-categorias-header--titulo {
  color: #f4de40;
  border-color: #f4de40; }

.securite .inline-item .icono-animal, .securite .icon-arrow-right {
  color: #f4de40; }

.risque .lista-categorias-header--titulo {
  color: #76405d;
  border-color: #76405d; }

.risque .inline-item .icono-animal, .risque .icon-arrow-right {
  color: #76405d; }

.inmunite .lista-categorias-header--titulo {
  color: #00ace5;
  border-color: #00ace5; }

.inmunite .inline-item .icono-animal, .inmunite .icon-arrow-right {
  color: #00ace5; }

.digestif .lista-categorias-header--titulo {
  color: #40b4a6;
  border-color: #40b4a6; }

.digestif .inline-item .icono-animal, .digestif .icon-arrow-right {
  color: #40b4a6; }

.mineral .lista-categorias-header--titulo {
  color: #ef7d00;
  border-color: #ef7d00; }

.mineral .inline-item .icono-animal, .mineral .icon-arrow-right {
  color: #ef7d00; }

.soil-areation .lista-categorias-header--titulo, .soil-quality .lista-categorias-header--titulo {
  color: #a55a1a;
  border-color: #a55a1a; }

.soil-areation .inline-item .icono-animal, .soil-areation .icon-arrow-right, .soil-quality .inline-item .icono-animal, .soil-quality .icon-arrow-right {
  color: #a55a1a; }

.mineralization .lista-categorias-header--titulo, .nutrition-quality .lista-categorias-header--titulo {
  color: #95c11f;
  border-color: #95c11f; }

.mineralization .inline-item .icono-animal, .mineralization .icon-arrow-right, .nutrition-quality .inline-item .icono-animal, .nutrition-quality .icon-arrow-right {
  color: #95c11f; }

.germination .lista-categorias-header--titulo, .germination-vigour .lista-categorias-header--titulo {
  color: #0c5ba7;
  border-color: #0c5ba7; }

.germination .inline-item .icono-animal, .germination .icon-arrow-right, .germination-vigour .inline-item .icono-animal, .germination-vigour .icon-arrow-right {
  color: #0c5ba7; }

.photosynthesis .lista-categorias-header--titulo, .crop .lista-categorias-header--titulo {
  color: #00a9ce;
  border-color: #00a9ce; }

.photosynthesis .inline-item .icono-animal, .photosynthesis .icon-arrow-right, .crop .inline-item .icono-animal, .crop .icon-arrow-right {
  color: #00a9ce; }

#improvement .lista-categorias-header--titulo {
  color: #95c11f;
  border-color: #95c11f; }

#liquid .lista-categorias-header--titulo {
  color: #95c11f;
  border-color: #95c11f; }

#nutrition .lista-categorias-header--titulo {
  color: #95c11f;
  border-color: #95c11f; }

#optimization .lista-categorias-header--titulo {
  color: #95c11f;
  border-color: #95c11f; }

.listado-noticias ul {
  padding: 0;
  margin: 0;
  list-style: none; }

.listado-noticias li {
  padding: 15px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  text-align: left; }

.listado-noticias .views-field-field-news-image {
  width: 150px;
  float: left;
  margin: 0 6px 6px 0; }

.date-display-single {
  display: block;
  margin: 6px 0;
  font-size: 12px;
  color: #353535; }

.views-field-title {
  font-size: 18px;
  font-weight: 600px;
  color: #353535;
  margin: 6px 0; }
  .views-field-title a {
    color: #353535; }

.listado-eventos .bloque-evento-content {
  width: 85%;
  position: relative;
  left: 80px;
  top: -30px; }
  .listado-eventos .bloque-evento-content span {
    display: block;
    font-weight: 600;
    color: #353535; }
  .listado-eventos .bloque-evento-content .fecha-fin {
    color: #7a8527;
    margin: 6px 0; }

/*listado de documentos*/
.press .shareholder {
  text-align: center; }
  .press .shareholder h2 {
    margin: 15px 0;
    font-size: 24px; }
    .press .shareholder h2 a {
      color: #7a8527; }
  .press .shareholder iframe {
    margin: 0 auto; }
  .press .shareholder ul li {
    border-bottom: none !important;
    font-size: 16px;
    text-transform: uppercase;
    color: #074b58; }
    .press .shareholder ul li h4 {
      font-size: 15px;
      font-weight: 700;
      color: #7a8527;
      margin-top: 15px; }
      .press .shareholder ul li h4 a {
        color: #074b58; }
    .press .shareholder ul li h2 {
      font-size: 17px;
      text-transform: none;
      margin: 0; }
    .press .shareholder ul li a {
      text-transform: none;
      font-size: 15px; }

.listado-year li {
  border-right: 1px solid #e5e5e5; }
  .listado-year li:last-child {
    border-right: none; }

.listado-year a {
  font-weight: 700;
  color: #00617c; }
  .listado-year a.active {
    color: #7a8527; }

.visor {
  margin: 30px 0; }
  .visor h3 {
    margin: 15px 0;
    color: #7a8527; }
  .visor img {
    width: 100%; }

/*doc
---
title: Pagination
category: Componentes
---


##Noticias##

```html_example
<div class="pagination">
  	<ul>
      	<li class="active first"><a href="#">1</a></li>
		<li><a title="Go to page 2" href="/news-events/news?page=1">2</a></li>
		<li><a title="Go to page 3" href="/news-events/news?page=2">3</a></li>
		<li><a title="Go to page 4" href="/news-events/news?page=3">4</a></li>
		<li><a title="Go to page 5" href="/news-events/news?page=4">5</a></li>
		<li><a title="Go to page 6" href="/news-events/news?page=5">6</a></li>
		<li><a title="Go to page 7" href="/news-events/news?page=6">7</a></li>
		<li><a title="Go to page 8" href="/news-events/news?page=7">8</a></li>
		<li><a title="Go to page 9" href="/news-events/news?page=8">9</a></li>
		<li class="pager-ellipsis">…</li>
		<li class="next last"><a title="Go to next page" href="/news-events/news?page=1">next ›</a></li>
	</ul>
</div> 
```

*/
.pagination {
  margin: 15px 0; }
  .pagination li {
    display: inline-block;
    width: auto;
    padding: 0;
    border-bottom: none;
    border-right: 1px solid #e5e5e5; }
    .pagination li.last {
      border-right: none; }
    .pagination li.active a {
      color: #007969;
      background: none; }
    .pagination li a, .pagination li span {
      color: #00617c;
      font-weight: 700;
      border: none;
      padding: 0 15px; }
      .pagination li a:hover, .pagination li a.active, .pagination li span:hover, .pagination li span.active {
        color: #007969; }

/*doc
---
title: Noticia final
category: Componentes
---


##Noticias##

```html_example

<div class="noticia">
	<h3 class="seccion__titulo--subbloque"><strong>Olmix received</strong> "5 year longivity award" at midwest poultry federation <span class="detalle-titulo icon-separator"></span></h3>

	<div class="col-xs-12 col-sm-4">
		<div class="galeria">
			{% include galeria.html %}
		</div>
	</div>

	<div class="col-xs-12 col-sm-8">
		<div class="noticia--content">

			<span class="categoria animal"><a href="listado-animal.html">Animal care</a></span>
			<span class="fecha">20/03/2015</span>
			 <p class="noticia--intro">Gary Johnson, Olmix Nutrition Sales Specialist,  received "5 Year Longivity Award" on behalf of Olmix for exhibiting at the Midwest Poultry Federation for 5 consecutive years.</p>

			<p>The Midwest Poultry Federation (MPF) was founded in 1971 and held its first convention in Minneapolis in 1972. MPF’s primary purpose is to host an annual regional convention emphasizing on-farm poultry production. The convention’s goal is to offer cutting-edge information to attendees through a balanced offering of exhibits and educational workshops.</p>

			<p>During the event, Olmix introduced the latest developments related to Poultry production.</p>

			<ul class="list-inline social-link">
		        <li><a href="" class="icon-social-facebook"><span>Facebook</span></a></li>
		        <li><a href="" class="icon-social-twitter"><span>Twitter</span></a></li>
		        <li><a href="" class="icon-social-youtube"><span>Youtube</span></a></li>
		        <li><a href="" class="icon-social-linkedin"><span>linkedin</span></a></li>
		    </ul>
		    <p class="botonera"><a href="listado-news.html" class="btn btn-contenido">All news</a></p>
		</div>
	</div>
</div>
```

*/
.noticia .carrusel-columna {
  margin: 0 !important; }

.noticia .noticia--content .botonera {
  text-align: right; }

.pie-foto-titulo {
  font-size: 15px;
  color: #00617c; }

/*Noticia*/
.noticia {
  text-align: left; }
  .noticia .fecha {
    color: #7a8527;
    margin: 6px 0;
    font-weight: 600; }
  .noticia .noticia--intro {
    font-weight: 600;
    color: #353535;
    font-size: 18px; }

.seccion-noticia .container {
  padding: 0 !important; }

.eventos-noticias {
  max-width: 850px; }
  @media (max-width: 480px) {
    .eventos-noticias {
      width: 80%; } }
  .eventos-noticias .owl-item img {
    width: 100%; }

.seccion-noticia-bloque .img {
  position: relative; }
  .seccion-noticia-bloque .img img {
    width: 100%;
    height: auto; }
  .seccion-noticia-bloque .img .pie-foto {
    font-size: 12px;
    font-style: italic;
    color: #444;
    margin: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 5px;
    bottom: 0;
    width: 100%;
    color: #fff; }

.noticia--content a {
  text-decoration: underline !important; }

.bloque-noticia-body {
  padding: 15px; }

.ficha-noticia-header {
  padding: 60px 30px 0; }
  @media (max-width: 768px) {
    .ficha-noticia-header {
      padding: 30px; } }

.ficha-noticia-header__titulo {
  font-size: 35px;
  line-height: 48px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 30px; }
  @media (max-width: 768px) {
    .ficha-noticia-header__titulo {
      font-size: 24px;
      line-height: 26px; } }

.ficha-noticia-header__intro {
  font-size: 24px;
  text-align: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #d8d8d8; }
  @media (max-width: 768px) {
    .ficha-noticia-header__intro {
      font-size: 18px;
      line-height: 24px; } }

.ficha-noticia-header__share {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 15px; }
  @media (max-width: 768px) {
    .ficha-noticia-header__share {
      display: block;
      text-align: center; } }

.bloque-share {
  color: #9aa7af;
  position: relative; }
  .bloque-share .icon-text {
    display: none; }
  .bloque-share .icon {
    color: #9aa7af;
    font-size: 20px;
    padding-top: 10px;
    display: inline-block; }

@media (max-width: 768px) {
  .bloque-fecha {
    margin-bottom: 15px; } }

.bloque-fecha span {
  margin-right: 6px; }

.bloque-share__title {
  font-size: 12px;
  color: #9aa7af;
  position: relative;
  top: -15px; }

.img img {
  max-width: 100%; }

.ficha-noticia-header__carrusel {
  padding: 0 60px;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -ms-flex-pack: center;
      justify-content: center; }
  @media (max-width: 768px) {
    .ficha-noticia-header__carrusel {
      padding: 0;
      width: 90%;
      margin: 0 auto; } }
  .ficha-noticia-header__carrusel .icon {
    font-size: 60px;
    font-weight: bold;
    display: block;
    margin: 0 20px;
    color: #9aa7af; }
    @media (max-width: 768px) {
      .ficha-noticia-header__carrusel .icon {
        font-size: 15px;
        margin: 0 10px; } }
    .ficha-noticia-header__carrusel .icon::before {
      position: relative;
      top: 40%;
      margin-top: -60px; }

.carrusel-item img {
  max-width: 100%; }

.carrusel-item__pie-img, .img__pie-img {
  text-align: left;
  font-size: 12px;
  font-style: italic;
  margin-top: 6px; }

.ficha-noticia__body p {
  line-height: 24px;
  margin-bottom: 15px; }

.ficha-noticia__body-title {
  font-size: 26px;
  color: #00617c;
  font-weight: bold; }

.ficha-noticia__body-title-secundary {
  font-size: 20px;
  color: #00617c;
  font-weight: bold;
  margin-top: 15px; }

.ficha-noticia__body-bloques {
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 480px) {
    .ficha-noticia__body-bloques {
      display: block; } }
  .ficha-noticia__body-bloques .img {
    -ms-flex: 1;
        flex: 1; }
  .ficha-noticia__body-bloques .texto {
    -ms-flex: 1;
        flex: 1; }

.ficha-noticia__footer {
  margin-top: 60px; }

.ficha-noticia-footer-bloque {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #d8d8d8;
  text-align: right; }

.link-download span {
  color: #00617c; }

/*doc
---
title: Bloque Sites
category: Componentes
---


##Noticias##

```html_example

<div class="sites-tem">
	<h2>Olmix SA Site de Brenelle</h2>
	<p>1, rue de la Grosse Pierre - 2220 Brenelle - FRANCE</p>
	<ul>
		<li>Tel.:+33323741035 </li>
		<li>Fax:+33323740632</li>
	</ul>
</div>
```

*/
.bloque-sites .lista-site-region {
  list-style: none;
  display: block;
  overflow: hidden; }

.sites-tem {
  text-align: left;
  padding: 30px;
  border: 1px solid #e5e5e5; }
  .sites-tem h2 {
    color: #00617c;
    font-size: 18px; }
  .sites-tem ul {
    list-style: none;
    margin: 15px 0;
    padding: 0 0 0 15px; }
    .sites-tem ul li {
      color: #7a8527;
      font-size: 12px;
      font-weight: 600; }

/*doc
---
title: Bloque infografia
category: Componentes
---


##Noticias##

```html_example
<div class="info-animada">
	<div class="grafico">
		<img class="js-svg" src="../img/infografia/infografia.olmix.svg" alt="">
	</div>
	<div id="plant" class="info--texto activo">
		<h2>Plant Care</h2>
		<p class="info--texto--intro">"Growing plants better to better feed and humans"</p>
		<ul>
			<li>Biostimutaors</li>
			<li>Biostimutaors</li>
			<li>Biostimutaors</li>
		</ul>
		<a hef="landing-melspring.html"><img src="../img/logo-melspring.svg" alt="logotipo melspring" /></a>
	</div>
</div>
```

*/
.seccion-titulo--posicionado {
  z-index: 10;
  position: relative;
  top: 100px;
  margin: 0;
  padding: 0; }

.info-animada {
  position: relative;
  overflow: hidden;
  z-index: 1;
  height: 512px; }
  @media (max-width: 740px) {
    .info-animada {
      height: auto !important; } }

.grafico {
  width: 60%;
  position: relative;
  left: 5px;
  top: 20px;
  height: 512px; }
  @media screen and (min-width: 200px) and (max-width: 400px) {
    .grafico {
      height: auto !important; }
      .grafico img {
        position: relative;
        left: 0;
        max-width: 300px;
        top: 65px;
        height: auto;
        margin-bottom: 70px; } }
  @media screen and (min-width: 401px) and (max-width: 740px) {
    .grafico {
      height: auto !important; }
      .grafico img {
        position: relative;
        left: -10%;
        top: 65px;
        margin-bottom: 65px; } }

.info--texto {
  width: 40%;
  float: right;
  text-align: left;
  position: absolute;
  top: 175px;
  right: -105px;
  z-index: 1;
  opacity: 0; }
  .info--texto ul {
    list-style: disc;
    padding: 0;
    margin: 0 0 0 15px; }
  @media (max-width: 740px) {
    .info--texto {
      width: 100%;
      float: none;
      display: block;
      position: relative;
      opacity: 1 !important;
      top: 0;
      left: 0;
      padding: 0 15px; } }

#plant h2 a {
  color: #850f66; }
  #plant h2 a:hover {
    color: #00617c; }

#plant .info--texto--intro {
  font-weight: 600;
  font-style: italic;
  color: #850f66; }

#human h2 a {
  color: #00a493; }
  #human h2 a:hover {
    color: #00617c; }

#human .info--texto--intro {
  font-weight: 600;
  font-style: italic;
  color: #00a493; }

#animal h2 a {
  color: #0082a4; }
  #animal h2 a:hover {
    color: #00617c; }

#animal .info--texto--intro {
  font-weight: 600;
  font-style: italic;
  color: #0082a4; }

/*Codigo de Victor*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 9, 2015 */
#drawing {
  font-size: .9em;
  z-index: 100 !important; }

#drawing text {
  font-family: opensans, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal; }

#drawing {
  fill: #fff; }

#drawing .human-selected {
  stroke: #00a493;
  fill: #FFF; }

#drawing .animal-selected {
  stroke: #008DA9;
  fill: #FFF; }

#drawing .plant-selected {
  stroke: #8C2F92;
  fill: #FFF; }

#drawing .human-is-active {
  stroke: #00a493;
  fill: #FFF; }

#drawing .animal-is-active {
  stroke: #008DA9;
  fill: #FFF; }

#drawing .plant-is-active {
  stroke: #8C2F92;
  fill: #FFF; }

#drawing .radial-big {
  font-size: 18px; }

#drawing .radial-medium {
  font-size: 12.89px;
  fill: #FFF; }

#drawing .radial-little {
  font-family: opensans, Helvetica, Arial, sans-serif;
  font-size: 11.57px;
  font-weight: normal;
  font-style: italic; }

#drawing .human {
  fill: #00a493; }

#drawing .animal {
  fill: #008DA9; }

#drawing .plant {
  fill: #8C2F92; }

.host,
.grafico {
  width: 100%;
  text-align: center; }

.info--texto {
  opacity: 0; }

.is-visible {
  opacity: 1;
  top: 175px;
  right: 5px;
  transition: all 0.7s ease 0s; }

.anima-info {
  position: relative;
  transition: all 0.7s ease 0s; }
  @media (min-width: 768px) {
    .anima-info {
      left: -175px; } }
  @media (min-width: 992px) {
    .anima-info {
      left: -200px; } }

/*doc
---
title: Bloque sin productos 
category: Componentes
---


##Noticias##

```html_example
<div class="bloque-sinproductos">
	<div class="lista-categorias-header">
		<div class="container">
			<p class="lista-categorias-header--titulo">Human</p>
		</div>	
	</div>

	<div class="bloque-sinproductos--texto">
		<div class="bloque-sinproductos--texto--media"><img src="../img/saco-mistral.jpg" alt="saco del procucto mistral" /></div>
		<p>Excludat iurgia finis, “Est vetus atque pro- bus, centum qui perficit annos.” Quid, qui deperiit minor uno mense vel anno, inter quos referendus erit? veteresne poe- tas, an quos et praesens et postera respuat aetas?</p>
	</div>

</div>
```

*/
.bloque-sinproductos {
  padding: 15px; }
  .bloque-sinproductos .bloque-sinproductos--texto--media {
    width: 100%; }
    @media (min-width: 768px) {
      .bloque-sinproductos .bloque-sinproductos--texto--media {
        width: 25%;
        float: left;
        margin: 0 15px 15px 0; } }
    .bloque-sinproductos .bloque-sinproductos--texto--media img {
      width: 100%;
      height: auto; }
  .bloque-sinproductos .bloque-sinproductos--texto .btn-contenido {
    float: right; }
  .bloque-sinproductos .bloque-sinproductos--texto--media--video {
    width: 100%; }
    @media (min-width: 768px) {
      .bloque-sinproductos .bloque-sinproductos--texto--media--video {
        width: 50%;
        float: left;
        margin: 0 15px 15px 0; } }
    .bloque-sinproductos .bloque-sinproductos--texto--media--video iframe {
      width: 100%; }
  .bloque-sinproductos p {
    text-align: left; }

/*doc
---
title: Modal
category: Componentes
---


##Ejemplo con dos botones##

```html_example
<div class="modal-contacto fade in" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: block;">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
        <h4 class="modal-title" id="myModalLabel">Corporate Contact <span class="detalle-titulo icon-separator"></span></h4>
      </div>
      <div class="modal-body">
      <div id="webform-ajax-wrapper-2441"><form class="webform-client-form webform-client-form-2441" enctype="multipart/form-data" action="/" method="post" id="webform-client-form-2441" accept-charset="UTF-8"><div><div class="form-item webform-component webform-component-textfield webform-component--name">
        <label for="edit-submitted-name">Name <span class="form-required" title="This field is required.">*</span></label>
        <input class="form-control form-text required" type="text" id="edit-submitted-name" name="submitted[name]" value="" size="60" maxlength="128">
      </div>
      <div class="form-item webform-component webform-component-email webform-component--email">
        <label for="edit-submitted-email">Email <span class="form-required" title="This field is required.">*</span></label>
        <input class="email form-text form-email required" type="email" id="edit-submitted-email" name="submitted[email]" size="60">
      </div>
      <div class="form-item webform-component webform-component-textfield webform-component--telephone">
        <label for="edit-submitted-telephone">Telephone </label>
        <input class="form-control form-text" type="text" id="edit-submitted-telephone" name="submitted[telephone]" value="" size="60" maxlength="128">
      </div>
      <div class="form-item webform-component webform-component-textarea webform-component--comments">
        <label for="edit-submitted-comments">Comments <span class="form-required" title="This field is required.">*</span></label>
        <div class="form-textarea-wrapper resizable textarea-processed resizable-textarea"><textarea class="form-control form-textarea required" id="edit-submitted-comments" name="submitted[comments]" cols="60" rows="5"></textarea><div class="grippie"></div></div>
      </div>
      <div class="form-item webform-component webform-component-markup webform-component--legal">
        <p><strong>Protection of Personal Data</strong><br>
        <br>
        In accordance with the provisions of Organic Law 15/1999 on the Protection of Personal Data and regulations relating thereto, the relevant parties, having been informed for such purposes, authorize the incorporation of their data into the records held by OLMIX S.A., manager of said records, with the corporate address, ZA du Haut Bois, 56580 Bréhan (France). They likewise authorize the handling thereof in order to service and manage requests for information about products and services, as well as to facilitate communication and the contacting of the relevant parties, including by electronic means.</p>
      </div>
      <input type="hidden" name="details[sid]">
      <input type="hidden" name="details[page_num]" value="1">
      <input type="hidden" name="details[page_count]" value="1">
      <input type="hidden" name="details[finished]" value="0">
      <input type="hidden" name="form_build_id" value="form-A8G2C4nc1qXnpBagWQZjJjCRzJ3yQBHtLwZUZ5FUuzo">
      <input type="hidden" name="form_id" value="webform_client_form_2441">
      <input type="hidden" name="webform_ajax_wrapper_id" value="webform-ajax-wrapper-2441">
      <button class="webform-submit button-primary btn btn-primary form-submit ajax-processed" id="edit-webform-ajax-submit-2441" name="op" value="Submit" type="submit">Submit</button>
      </div></form></div>
      </div>

    </div>
  </div>
</div>
```
*/
.modal-contacto {
  z-index: 1000000; }
  .modal-contacto .modal-title {
    text-align: center;
    padding: 0;
    color: #00617c;
    margin-bottom: 0;
    font-size: 26px; }
    .modal-contacto .modal-title .detalle-titulo {
      color: #d8d8d8; }
  .modal-contacto .modal-footer,
  .modal-contacto .modal-header {
    border: none;
    padding: 15px 15px 0; }
  .modal-contacto .modal-body {
    padding: 15px;
    overflow: hidden; }
  .modal-contacto .form-item {
    overflow: hidden;
    margin-bottom: 15px;
    padding: 5px;
    position: relative; }
    .modal-contacto .form-item label {
      width: 21%;
      float: left;
      text-align: right;
      margin-right: 15px; }
      @media (max-width: 480px) {
        .modal-contacto .form-item label {
          width: 37%; } }
    .modal-contacto .form-item input,
    .modal-contacto .form-item select,
    .modal-contacto .form-item textarea {
      width: 65% !important;
      float: left;
      border: 1px solid #00617c !important;
      border-radius: 0 !important;
      font-size: 15px;
      padding: 5px !important; }
      @media (max-width: 480px) {
        .modal-contacto .form-item input,
        .modal-contacto .form-item select,
        .modal-contacto .form-item textarea {
          width: 57% !important; } }
  .modal-contacto .form-radios {
    text-align: center; }
    .modal-contacto .form-radios .form-item {
      width: 60%;
      margin: 0 auto; }
      .modal-contacto .form-radios .form-item label {
        width: 60% !important;
        font-size: 12px;
        text-align: left; }
      .modal-contacto .form-radios .form-item input {
        width: auto !important; }
  .modal-contacto .webform-submit {
    background: #00617c;
    color: white;
    border-radius: 0;
    padding: 15px 30px;
    font-size: 12px;
    border: 1px solid #00617c;
    cursor: pointer;
    float: right; }
    .modal-contacto .webform-submit:hover {
      border: 1px solid #00617c;
      color: #00617c;
      background-color: rgba(255, 255, 255, 0.3); }
  .modal-contacto .webform-component--species {
    background: #f6f6f6;
    padding: 10px 0;
    margin: 0; }
    .modal-contacto .webform-component--species .form-checkboxes {
      overflow: hidden;
      clear: both;
      padding-left: 15px; }
      @media (min-width: 768px) {
        .modal-contacto .webform-component--species .form-checkboxes {
          padding-left: 60px; } }
      .modal-contacto .webform-component--species .form-checkboxes .form-item {
        display: inline-block;
        width: 25%;
        overflow: hidden;
        padding: 0 5px 0 0 !important;
        margin-right: 5px;
        border-right: 1px solid #ddd; }
        @media (min-width: 768px) {
          .modal-contacto .webform-component--species .form-checkboxes .form-item {
            width: 15%; } }
        .modal-contacto .webform-component--species .form-checkboxes .form-item:last-child {
          border-right: none; }
        .modal-contacto .webform-component--species .form-checkboxes .form-item input {
          position: relative;
          width: 10px !important;
          top: 1px; }
        .modal-contacto .webform-component--species .form-checkboxes .form-item label {
          float: left;
          text-align: right;
          width: auto !important;
          padding: 0 !important;
          margin-right: 5px !important; }
  .modal-contacto .webform-component--other {
    background: #f6f6f6;
    padding: 0 0 10px; }

.modal-contacto .alert {
  top: 0;
  z-index: 100; }

.form-item-captcha-response label {
  float: none !important;
  position: static !important;
  width: 30% !important;
  text-align: left !important; }

.modal-footer {
  clear: both; }
  .modal-footer .btn {
    clear: both; }

.resizable-textarea .grippie {
  display: none !important; }

.webform-component--legal p {
  font-size: 12px; }

.modalmyco {
  padding-top: 60px; }
  .modalmyco .modal-header {
    padding: 10px 0; }
  .modalmyco .modal-title {
    text-align: left;
    color: #76405d;
    font-size: 24px;
    font-weight: bold; }
  .modalmyco .block-intro {
    margin: 10px 0 !important; }
  .modalmyco form.webform-client-form {
    margin-bottom: 10px;
    text-align: center;
    padding: 0 0 10px;
    overflow: hidden; }
    .modalmyco form.webform-client-form label {
      color: #76405d;
      text-align: left !important; }
    .modalmyco form.webform-client-form input.form-control, .modalmyco form.webform-client-form input.form-text {
      border: 1px solid #76405d !important;
      width: 75% !important; }
      @media (max-width: 768px) {
        .modalmyco form.webform-client-form input.form-control, .modalmyco form.webform-client-form input.form-text {
          width: 100% !important; } }
    .modalmyco form.webform-client-form .webform-submit {
      float: right;
      background: #76405d;
      border: 1px solid #76405d; }
      .modalmyco form.webform-client-form .webform-submit:hover {
        background: white;
        border: 1px solid #76405d;
        color: #76405d; }
  .modalmyco .modal-content {
    padding: 60px 30px 30px;
    position: relative; }
    .modalmyco .modal-content .close {
      position: absolute;
      top: 15px;
      right: 15px; }

.avisologin {
  border-top: 2px solid #e4e4e4;
  padding: 20px 0 0;
  text-align: right;
  color: #000; }
  .avisologin a {
    color: #0085A9;
    margin-left: 5px;
    font-weight: bold; }

.modal-contacto .form-item.webform-component--legal-check {
  margin-bottom: 0; }

.modal-contacto .webform-component--legal-check .form-checkboxes {
  margin-bottom: 0; }

.modal-contacto .webform-component--legal-check .form-checkboxes .checkbox {
  margin-bottom: 0; }

.modal-contacto .webform-component--legal-check .form-checkboxes input {
  float: right;
  width: 10% !important;
  margin-left: -5px !important; }

.modal-contacto .webform-component--legal-check .form-checkboxes label {
  float: right;
  width: 90%;
  text-align: left;
  padding-left: 10px; }

.form-cv .webform-component--legal {
  text-align: left;
  color: #fff; }
  .form-cv .webform-component--legal input {
    width: auto !important; }
  .form-cv .webform-component--legal a {
    color: #fff;
    text-decoration: underline; }

.seccion-formulario .webform-component--legal {
  text-align: left;
  color: #fff; }
  .seccion-formulario .webform-component--legal a {
    color: #fff;
    text-decoration: underline; }

.seccion-formulario .webform-component-checkboxes input {
  width: auto !important; }

.form-cv .webform-component--legal-consent,
.seccion-formulario .webform-component--legal-check {
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: left;
  color: #fff;
  width: 100%; }
  .form-cv .webform-component--legal-consent .form-item-submitted-legal-check-ok,
  .seccion-formulario .webform-component--legal-check .form-item-submitted-legal-check-ok {
    display: -ms-flexbox;
    display: flex; }
    .form-cv .webform-component--legal-consent .form-item-submitted-legal-check-ok input,
    .seccion-formulario .webform-component--legal-check .form-item-submitted-legal-check-ok input {
      margin-right: 10px; }

/*doc
---
title: Paralax
name: seccion-paralax
category: Componentes
---

```html_example

Paralax
<section id="paralax" class="seccion paralax-seccion" style="background-image: url(../img/fondo-salud.jpg);">
	<div class="container">
		<h2 class="seccion__titulo">¿Eres una óptica?</h2>
		<p class="seccion__subtitulo">Te hacemos una propuesta muy concreta</p>
		<div>
		Ejemplo de paralax generico que se puede aplicar a cualquier bloque
		</div>
	</div>
</section>

```
*/
#paralax {
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  display: table;
  position: relative;
  width: 100%;
  background-size: cover; }

.paralax-seccion {
  height: 600px; }

.paralax-seccion--detalle {
  height: 250px; }
  @media (max-width: 480px) {
    .paralax-seccion--detalle {
      display: none; } }

.enlace-evaluator {
  text-align: right;
  font-size: 12px;
  font-weight: bold; }
  .enlace-evaluator a {
    color: #76405d !important;
    font-weight: bold; }

.evaluator .header {
  background: #76405d !important; }
  .evaluator .header .container {
    padding: 0;
    background: url(../img/detalle-evaluator.png) right -70px no-repeat; }
    @media (max-width: 700px) {
      .evaluator .header .container {
        background: url(../img/detalle-evaluator.png) 300px -70px no-repeat; } }
  .evaluator .header h1 {
    color: white;
    padding: 15px 0;
    font-size: 24px; }
    @media (min-width: 992px) {
      .evaluator .header h1 {
        font-size: 48px; } }
  .evaluator .header span.seccion__titulo-grande {
    color: white;
    padding: 15px 0;
    display: block;
    font-size: 24px !important; }
    @media (min-width: 992px) {
      .evaluator .header span.seccion__titulo-grande {
        font-size: 26px; } }

.evaluator .contenido {
  background: url(../img/fondo-idiomas.png) left top no-repeat;
  background-size: cover;
  padding: 25px 0;
  max-height: 400px; }
  @media (max-width: 768px) {
    .evaluator .contenido {
      max-height: none; } }
  .evaluator .contenido .container {
    padding: 0; }

#evaluator-subheading {
  color: #fff;
  width: 400px;
  font-size: 15px;
  line-height: 20px;
  padding: 30px;
  background: rgba(0, 0, 0, 0.3); }

#evaluator-subheading span {
  display: block;
  color: #fff;
  font-weight: bold;
  margin: 0 auto; }

#evaluator-choose-language ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 95%;
  margin: 30px 0; }

#evaluator-choose-language ul li {
  display: inline-block;
  color: #fff;
  margin: 0 20px 20px 0;
  font-size: 14px;
  line-height: 20px;
  background: #76405d;
  border: 1px solid #76405d;
  cursor: pointer; }

#evaluator-choose-language ul li:hover {
  background: #fff;
  color: #76405d; }

#evaluator-choose-language a {
  color: #fff;
  display: block;
  padding: 10px; }
  #evaluator-choose-language a:hover {
    color: #76405d !important; }

#evaluator-choose-animal ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 30px 0; }

#evaluator-choose-animal ul li {
  display: inline-block;
  text-align: center;
  border: 3px solid #fff;
  padding: 30px 0;
  width: 30%;
  cursor: pointer;
  margin: 0 3% 3% 0; }
  @media (max-width: 768px) {
    #evaluator-choose-animal ul li {
      display: block;
      width: 100%; } }
  @media (min-width: 992px) {
    #evaluator-choose-animal ul li {
      padding: 80px 0; } }

#evaluator-choose-animal ul li:last-child {
  margin-right: 0; }

#evaluator-choose-animal-1 {
  background: url(/images/bk.vacas.jpg) center center no-repeat;
  background-size: cover; }

#evaluator-choose-animal-2 {
  background: url(/images/bk.cerdos.jpg) center center no-repeat;
  background-size: cover; }

#evaluator-choose-animal-3 {
  background: url(/images/bk.aves.jpg) center center no-repeat;
  background-size: cover; }

#evaluator-choose-animal a {
  display: inline-block;
  text-transform: uppercase;
  padding: 10px;
  background: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 1.3em;
  color: #333;
  cursor: pointer; }

#evaluator-choose-animal li:hover {
  filter: gray;
  -webkit-filter: grayscale(100%); }

.back {
  background: #074b58; }
  .back .container {
    padding: 15px 0 !important; }
    .back .container span {
      font-weight: bold;
      display: inline-block;
      color: white;
      margin-right: 15px; }
    .back .container a {
      color: white;
      font-weight: bold; }
      .back .container a:hover {
        color: black; }

.calculadora {
  padding: 0; }
  .calculadora .header {
    margin-bottom: 15px; }
  .calculadora h2 {
    font-size: 26px;
    color: #76405d;
    margin-bottom: 15px; }
  .calculadora .btn {
    background: #00617c;
    color: white;
    border: 1px solid #00617c; }
    .calculadora .btn:hover {
      border: 1px solid #00617c;
      color: #00617c;
      background-color: rgba(255, 255, 255, 0.3); }

.calculadora .field-name-body .field-items p {
  display: none; }

.calculadora .webform-client-form {
  clear: both;
  margin: 30px 0; }

.calculadora .webform-client-form fieldset {
  width: 100%;
  float: none;
  margin: 30px 0;
  border: none !important;
  border-radius: 0;
  box-shadow: none; }
  .calculadora .webform-client-form fieldset .panel-heading {
    background: none;
    padding: 0;
    margin-bottom: 15px; }
    .calculadora .webform-client-form fieldset .panel-heading .panel-title {
      font-size: 24px;
      color: #0082a4; }

.calculadora .webform-client-form fieldset.vaca {
  background: url(../img/vaca.jpg) right 140px no-repeat; }
  @media (max-width: 480px) {
    .calculadora .webform-client-form fieldset.vaca {
      background: none; } }

.calculadora .webform-client-form fieldset.alimento {
  background: url(../img/maiz.jpg) right 30px no-repeat; }
  @media (max-width: 480px) {
    .calculadora .webform-client-form fieldset.alimento {
      background: none; } }

.calculadora .webform-client-form fieldset.cerdo {
  background: url(../img/cerdito.jpg) right 300px no-repeat; }
  @media (max-width: 480px) {
    .calculadora .webform-client-form fieldset.cerdo {
      background: none; } }

.calculadora .webform-client-form fieldset.alimento_cerdo {
  background: url(../img/cereal.c.png) right bottom no-repeat; }
  @media (max-width: 480px) {
    .calculadora .webform-client-form fieldset.alimento_cerdo {
      background: none; } }

.calculadora .webform-client-form fieldset.almacenamiento {
  background: url(../img/storage.jpg) right 30px no-repeat; }
  @media (max-width: 480px) {
    .calculadora .webform-client-form fieldset.almacenamiento {
      background: none; } }

.calculadora .webform-client-form fieldset.almacenamiento_vaca {
  background: url(../img/storagevaca.jpg) right 30px no-repeat; }
  @media (max-width: 480px) {
    .calculadora .webform-client-form fieldset.almacenamiento_vaca {
      background: none; } }

.calculadora .webform-client-form fieldset.poultry {
  background: url(../img/poultry.jpg) right 140px no-repeat; }
  @media (max-width: 480px) {
    .calculadora .webform-client-form fieldset.poultry {
      background: none; } }

.calculadora .webform-client-form fieldset.broiler {
  background: url(../img/broiler.jpg) right 140px no-repeat; }
  @media (max-width: 480px) {
    .calculadora .webform-client-form fieldset.broiler {
      background: none; } }

.calculadora .webform-client-form fieldset.egg {
  background: url(../img/egg.jpg) right 30px no-repeat; }
  @media (max-width: 480px) {
    .calculadora .webform-client-form fieldset.egg {
      background: none; } }

.calculadora .webform-client-form .panel-body {
  width: 71%;
  padding: 0; }
  @media (max-width: 480px) {
    .calculadora .webform-client-form .panel-body {
      width: 90%; } }

.calculadora .webform-client-form .webform-component-checkboxes, .calculadora .webform-client-form .webform-component-select {
  background: url(../img/bk.enlaces.jpg) left top repeat-x;
  margin: 10px 20px 10px;
  padding: 11px;
  border-bottom: 1px solid #efefef;
  margin-left: 20px;
  width: 90%; }

.calculadora.evaluator form.webform-client-form label {
  color: #76405d;
  display: block;
  float: left;
  width: 95%;
  font-size: 14px;
  padding: 0; }
  @media (max-width: 480px) {
    .calculadora.evaluator form.webform-client-form label {
      width: 100%; } }

.calculadora form.webform-client-form .webform-component-checkboxes label {
  padding-left: 30px; }

.calculadora form.webform-client-form .webform-component-select {
  border-bottom: none;
  padding: 15px 0; }

.calculadora form.webform-client-form input {
  margin-left: 10px;
  width: auto; }

.calculadora form.webform-client-form .help-block {
  margin: 0 0px 20px;
  font-size: 16px;
  color: #737373; }

.calculadora form.webform-client-form .form-item {
  margin: 0;
  overflow: hidden; }
  .calculadora form.webform-client-form .form-item .form-type-checkbox {
    padding-left: 0; }

.calculadora .radio input[type="radio"], .checkbox input[type="checkbox"] {
  float: right; }

.calculadora_resultados {
  margin: 30px 0 0; }

.calculadora_rango {
  float: left;
  width: 70%;
  margin-left: 25px;
  padding: 15px 15px;
  border-left: 6px solid #005064; }

.calculadora_porcentaje {
  color: #007F71;
  font-size: 50px;
  width: 18%;
  float: left;
  margin: 0px 0 0 30px;
  padding: 20px 0; }

.calculadora_rango p {
  color: #005064;
  font-size: 16px;
  line-height: 24px; }

.mas_informacion {
  clear: both;
  padding: 30px;
  font-style: italic;
  font-size: 16px; }
  .mas_informacion .btn-contacto a {
    background: #76405d;
    color: white;
    border: 1px solid #76405d;
    padding: 10px;
    margin: 15px 0;
    display: inline-block;
    font-size: 14px; }
    .mas_informacion .btn-contacto a:hover {
      border: 1px solid #00617c;
      color: #00617c;
      background-color: rgba(255, 255, 255, 0.3); }

.contenedor_calculadora_resultados {
  overflow: hidden; }

.contenedor_calculadora_error {
  overflow: hidden; }

.contenedor_calculadora_error h3 {
  color: red; }

.seccion-titulo.myconews-dest {
  background: #8f627f;
  background: -webkit-gradient(left top, right top, color-stop(0%, #8f627f), color-stop(100%, #784062));
  background: linear-gradient(to right, #8f627f 0%, #784062 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f627f', endColorstr='#784062', GradientType=1 );
  padding: 0 !important; }
  .seccion-titulo.myconews-dest .myconews-dest-imagen {
    background: url(../img/cabecera-myco.png) 150px bottom no-repeat;
    padding: 45px 0; }
    .seccion-titulo.myconews-dest .myconews-dest-imagen .container {
      padding: 0 !important; }

.myconews-dest .bloque-media {
  overflow: hidden;
  margin-bottom: 30px;
  display: block; }

.myconews-dest .bloque-media--img {
  width: 30%;
  float: left;
  margin: 0; }
  .myconews-dest .bloque-media--img img {
    width: 100%; }

.myconews-dest .bloque-media-content {
  width: 67%;
  float: left; }

.myconews-dest .bloque-media--titulo a {
  color: #76405d; }

.myco-news h1 {
  color: #76405d;
  font-size: 26px; }

.link-suscribir {
  width: 200px;
  position: fixed;
  padding: 2px 0 2px 2px;
  background: #fff;
  border: 1px solid #e5e5e5;
  box-shadow: -5px 3px 10px 0px rgba(136, 136, 136, 0.6);
  font-size: 20px;
  right: 0;
  z-index: 100; }
  @media (max-width: 480px) {
    .link-suscribir {
      width: 100%;
      left: 0;
      bottom: 0; } }

.link-suscribir-body {
  padding: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  background: linear-gradient(to right, #a57593 0%, #7b4365 100%); }
  .link-suscribir-body .icon {
    font-size: 14px;
    color: #fff;
    margin-left: 10px;
    margin-top: 5px; }
    @media (max-width: 480px) {
      .link-suscribir-body .icon {
        margin-top: 0; } }
  .link-suscribir-body a {
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-align: left;
    margin-left: 10px;
    text-decoration: none; }
    .link-suscribir-body a:hover {
      color: #eac3d5 !important; }

.link-suscribir__title {
  margin: 0;
  background: #B85586;
  padding: 10px 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px; }

.landing-evento .seccion-fondo {
  background: #f5f8f8; }

.landing-evento .img {
  position: relative; }
  .landing-evento .img img {
    width: 100%; }

.landing-evento .pie-foto {
  font-size: 12px;
  font-style: italic;
  color: #444;
  margin: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 5px;
  bottom: 0;
  width: 100%;
  color: #fff; }

.landing-evento .bloque-banner--event {
  border-top: 10px solid #00617c;
  background-color: white !important; }

.landing-evento h2 {
  font-family: opensans, Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #00617c;
  text-transform: uppercase;
  font-size: 22px;
  margin-top: 15px;
  text-align: center; }

.landing-evento .seccion-cabecera--landing h1 {
  text-align: left;
  max-width: 60%;
  padding: 10px;
  margin: 0;
  color: white; }

.landing-evento .seccion-cabecera--landing p {
  text-align: left;
  color: white;
  text-transform: none;
  padding: 10px;
  max-width: 60%;
  margin: 0; }
  .landing-evento .seccion-cabecera--landing p.fecha-evento {
    text-transform: uppercase; }

.landing-evento .seccion-cronica {
  background: #f5f8f8;
  text-align: left;
  padding: 30px 0; }
  .landing-evento .seccion-cronica p {
    font-size: 15px;
    line-height: 17px;
    color: black; }
    @media (min-width: 768px) {
      .landing-evento .seccion-cronica p {
        font-size: 18px;
        line-height: 22px; } }

.landing-evento .seccion {
  padding: 30px 0; }

.landing-evento .seccion-noticia {
  padding: 30px 0; }
  .landing-evento .seccion-noticia h2 {
    margin-bottom: 30px; }
  .landing-evento .seccion-noticia p {
    text-align: left; }

.landing-evento .seccion-video {
  background: #555;
  text-align: left;
  font-family: opensans, Helvetica, Arial, sans-serif; }
  .landing-evento .seccion-video h1 {
    color: white;
    font-size: 18px;
    text-align: center; }
    @media (min-width: 768px) {
      .landing-evento .seccion-video h1 {
        font-size: 26px; } }
  .landing-evento .seccion-video .fecha-evento {
    color: white;
    font-size: 20px;
    margin-top: 15px; }
  .landing-evento .seccion-video .field-name-body {
    color: white;
    font-size: 15px; }

.landing-evento .conferencia-imagen img {
  width: 100%;
  height: auto; }

.landing-evento .bloque-conferencias {
  text-align: left;
  margin-top: 30px;
  overflow: hidden;
  border-bottom: 1px solid #ddd; }
  .landing-evento .bloque-conferencias .conferencia-titulo {
    color: #222;
    font-family: opensans, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 16px; }
  .landing-evento .bloque-conferencias .conferencia-persona {
    overflow: hidden;
    margin-top: 40px; }
    .landing-evento .bloque-conferencias .conferencia-persona .persona-imagen {
      float: left;
      width: 150px; }
      .landing-evento .bloque-conferencias .conferencia-persona .persona-imagen img {
        border-radius: 50%;
        height: 120px;
        width: 120px;
        border: 2px solid #00617c; }
    .landing-evento .bloque-conferencias .conferencia-persona .persona-datos p {
      margin: 0; }
    .landing-evento .bloque-conferencias .conferencia-persona .persona-datos .conferencia-nom {
      color: #00617c;
      font-family: opensans, Helvetica, Arial, sans-serif;
      font-weight: bold;
      font-size: 16px;
      text-transform: uppercase; }
    .landing-evento .bloque-conferencias .conferencia-persona .persona-datos .conferencia-cargo {
      color: #222;
      font-family: opensans, Helvetica, Arial, sans-serif;
      font-size: 15px;
      line-height: 18px; }
    .landing-evento .bloque-conferencias .conferencia-persona .persona-datos .conferencia-pdf {
      font-size: 15px;
      color: #656565;
      margin-top: 15px; }

.landing-evento .bloque-conferencias:last-child {
  border-bottom: none; }

.landing-evento .seccion-galeria {
  padding: 30px 0; }
  .landing-evento .seccion-galeria .bloque-carrusel {
    margin-top: 30px; }
  .landing-evento .seccion-galeria .control-slide a {
    padding: 0 !important;
    top: 50%; }
    .landing-evento .seccion-galeria .control-slide a.prev {
      left: 0; }
      @media (min-width: 768px) {
        .landing-evento .seccion-galeria .control-slide a.prev {
          left: 5px; } }
      @media (min-width: 992px) {
        .landing-evento .seccion-galeria .control-slide a.prev {
          left: 10px; } }
    .landing-evento .seccion-galeria .control-slide a.next {
      right: 0; }
      @media (min-width: 768px) {
        .landing-evento .seccion-galeria .control-slide a.next {
          right: 5px; } }
      @media (min-width: 992px) {
        .landing-evento .seccion-galeria .control-slide a.next {
          right: 10px; } }
  .landing-evento .seccion-galeria .owl-item {
    margin-right: 10px; }
  .landing-evento .seccion-galeria .item img {
    width: 100%;
    height: auto; }

.landing-evento .imagen-videos img {
  width: 100%;
  height: auto; }

.landing-evento .bloque-banner {
  padding: 80px 0 !important; }

.landing-evento .bloque-carrusel {
  background: black; }
  .landing-evento .bloque-carrusel .control-slide a {
    background: rgba(0, 0, 0, 0.6);
    padding: 5px 10px !important; }
  .landing-evento .bloque-carrusel .control-slide span {
    color: white; }
  .landing-evento .bloque-carrusel .control-slide .prev {
    left: 17px !important;
    text-decoration: none !important; }
  .landing-evento .bloque-carrusel .control-slide .next {
    right: 17px !important;
    text-decoration: none !important; }

.landing-evento.textoazul .seccion-cabecera__titulo, .landing-evento.textoazul .fecha-evento {
  color: #005265 !important; }

.xmas .seccion-header {
  height: auto !important;
  border-top: 2px solid #cff0fa;
  background: #fff url(../img/detalle-header.png) 15% 3% no-repeat;
  position: relative; }
  .xmas .seccion-header .container {
    padding: 30px 0 0; }
    .xmas .seccion-header .container .enlace {
      position: absolute;
      bottom: 5px;
      right: 200px; }
      .xmas .seccion-header .container .enlace a {
        color: #7a8527; }
    .xmas .seccion-header .container .logo-pagina img {
      max-width: 160px !important;
      height: auto; }

.xmas .seccion-basica {
  background: #cff0fa url(../img/fondo-navidad.png) left top no-repeat;
  text-align: center !important; }
  .xmas .seccion-basica .videotitulo {
    background: #00617c url(../img/estrellas-tit.png) right center no-repeat;
    padding: 0; }
    .xmas .seccion-basica .videotitulo h1 {
      text-transform: uppercase;
      color: white;
      font-size: 24px;
      text-align: left; }
  .xmas .seccion-basica .video-link {
    text-transform: uppercase;
    font-weight: bold;
    margin: 15px 0 0; }

.xmas .seccion-footer {
  background: #353535; }
  .xmas .seccion-footer .social-group .list-inline a {
    color: white; }
  .xmas .seccion-footer p {
    color: white; }
  .xmas .seccion-footer .logo-pie {
    background: #353535; }

.xmas .embed-responsive {
  position: relative;
  padding-bottom: 45%;
  width: 80%;
  margin: 0 auto;
  height: 0;
  overflow: hidden; }

.landing-algonite .seccion-titulo--degradado_myco {
  margin-bottom: 0;
  border-bottom: 3px solid #76405d;
  padding: 0; }
  .landing-algonite .seccion-titulo--degradado_myco .container {
    background: url("../img/alga-tituloalgonite.png") right bottom no-repeat;
    padding: 65px 0; }
    .landing-algonite .seccion-titulo--degradado_myco .container h2 {
      font-size: 45px; }
      @media (max-width: 768px) {
        .landing-algonite .seccion-titulo--degradado_myco .container h2 {
          font-size: 30px; } }

.landing-welfare .seccion-producto {
  text-align: left;
  border-bottom: 3px solid #40b4a6; }

.landing-welfare .seccion-producto-title h4 {
  text-transform: uppercase;
  color: #40b4a6;
  font-weight: bold; }

.landing-welfare .seccion-titulo--degradado_myco {
  background: #40b4a6;
  background: -webkit-gradient(left top, right top, color-stop(0%, #40b4a6), color-stop(100%, #60b4a6));
  background: linear-gradient(to right, #40b4a6 0%, #60b4a6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40b4a6', endColorstr='#60b4a6', GradientType=1 ); }

.seccion-producto-title {
  margin: 30px 0;
  text-align: center; }
  .seccion-producto-title .pack {
    max-height: 180px;
    max-width: 100%; }
  @media (max-width: 768px) {
    .seccion-producto-title .logo {
      max-width: 250px;
      height: auto; } }

.seccion-producto {
  text-align: left;
  border-bottom: 3px solid #76405d; }
  .seccion-producto p {
    margin-bottom: 15px; }
  .seccion-producto .img {
    text-align: center; }
  .seccion-producto .botonera {
    text-align: center; }
    .seccion-producto .botonera a {
      background: #00617c;
      width: 40%;
      margin: 5px auto;
      display: inline-block;
      color: #fff;
      padding: 15px;
      border: 1px solid #00617c; }
      @media (max-width: 768px) {
        .seccion-producto .botonera a {
          display: block;
          width: 70%; } }
      .seccion-producto .botonera a:hover {
        background: #fff;
        color: #00617c; }

.seccion-producto-texto {
  background: #efefef;
  padding: 50px; }
  @media (max-width: 768px) {
    .seccion-producto-texto {
      padding: 20px 10px; } }

.calculator .intro {
  padding: 30px 0; }

.calculator .link {
  margin-top: 20px;
  text-align: right; }
  .calculator .link a {
    color: #76405d;
    font-style: italic;
    font-style: 12px; }

.enlace-cabecera--calculator {
  font-size: 11px;
  font-weight: bold;
  color: #656565;
  position: absolute;
  top: 50px;
  right: 65px; }
  @media (min-width: 768px) {
    .enlace-cabecera--calculator {
      font-size: 15px;
      top: 30px;
      right: 160px; } }

.enlace-log-out {
  font-size: 11px;
  font-weight: bold;
  color: #656565;
  position: absolute;
  top: 50px;
  right: 15px; }
  .enlace-log-out a {
    color: #656565; }
  @media (min-width: 768px) {
    .enlace-log-out {
      font-size: 15px;
      top: 30px;
      right: 95px; } }

.seccion-footer-calculator {
  background: #f5f8f8;
  display: block;
  width: 100%;
  position: relative;
  bottom: 0; }
  .seccion-footer-calculator .navegacion-pie {
    margin: 0;
    padding: 22px 0; }
  .seccion-footer-calculator p {
    float: left;
    margin-right: 15px; }
  .seccion-footer-calculator .list-inline {
    float: left;
    margin: 0;
    padding: 0; }

.not-logged-in {
  /*.seccion-footer-calculator {
        position: absolute!important;
    }*/ }
  .not-logged-in .enlace-cabecera--calculator {
    display: none !important; }

@media (min-width: 768px) {
  .i18n-fr .login {
    background-image: url("../img/bk-loginfr-xs.png"); } }

@media (min-width: 1200px) {
  .i18n-fr .login {
    background-image: url("../img/bk-login-newFr.png"); } }

@media (min-width: 768px) {
  .i18n-es .login {
    background-image: url("../img/bk-logines-xs.png"); } }

@media (min-width: 1200px) {
  .i18n-es .login {
    background-image: url("../img/bk-login-newEs.png"); } }

@media (min-width: 768px) {
  .i18n-en .login {
    background-image: url("../img/bk-login-xs.png"); } }

@media (min-width: 1200px) {
  .i18n-en .login {
    background-image: url("../img/bk-login-new.png"); } }

.login {
  background-position: right 30px;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  text-align: center; }
  @media (min-width: 768px) {
    .login {
      height: 82%; } }
  .login .container {
    padding: 20px; }
    @media (min-width: 768px) {
      .login .container {
        padding: 30px 0 0; } }
    .login .container h1 {
      color: #76405d;
      font-weight: bold;
      font-size: 22px; }
      @media (min-width: 992px) {
        .login .container h1 {
          font-size: 35px; } }
      @media (min-width: 1200px) {
        .login .container h1 {
          font-size: 35px; } }
    .login .container p {
      font-size: 15px;
      color: #353535; }
      @media (min-width: 992px) {
        .login .container p {
          font-size: 22px; } }
      @media (min-width: 1200px) {
        .login .container p {
          font-size: 22px; } }
    .login .container .login-form {
      text-align: left;
      margin-top: 50px; }
      .login .container .login-form fieldset {
        text-align: center; }
      .login .container .login-form .btn {
        background: #76405d;
        color: white !important; }
        .login .container .login-form .btn:hover {
          background: white;
          color: #007969 !important; }
      @media (min-width: 992px) {
        .login .container .login-form {
          margin-top: 80px; } }
      .login .container .login-form .text {
        display: block;
        padding: 15px;
        border: 1px solid #76405d;
        background: white;
        width: 100%;
        font-size: 18px;
        margin: 30px 0 15px; }
        @media (min-width: 768px) {
          .login .container .login-form .text {
            width: 40%;
            margin: 30px 0 15px; } }
      .login .container .login-form select {
        display: block;
        border: 1px solid #76405d;
        background: white;
        color: black;
        width: 100%;
        height: auto !important;
        font-size: 15px;
        margin: 0 0 15px;
        border-radius: 0 !important; }
        @media (min-width: 768px) {
          .login .container .login-form select {
            width: 40% !important;
            margin: 0 0 15px; } }

.cabecera-selector {
  background: url("../img/cabecera-calculator.png") left top no-repeat;
  padding: 60px 0;
  background-size: cover;
  text-align: center; }
  .cabecera-selector h1 {
    color: white;
    font-weight: bold; }
  .cabecera-selector p {
    color: white;
    font-size: 18px;
    font-weight: bold;
    margin: 0; }

.selector-animal {
  padding: 60px 0;
  text-align: center; }
  .selector-animal h2 {
    font-size: 36px;
    color: #00617c;
    font-weight: bold; }
  .selector-animal p {
    margin: 0;
    font-size: 18px;
    font-weight: bold; }
  .selector-animal .col-sm-6 {
    padding: 0 !important; }
  .selector-animal .bloque-animal {
    height: 400px;
    margin-top: 45px;
    position: relative; }
    .selector-animal .bloque-animal.bloque-animal--ruminat {
      background: url("../img/cows.png") left top no-repeat;
      background-size: cover; }
    .selector-animal .bloque-animal.bloque-animal--monograstic {
      background: url("../img/monogastric.png") left top no-repeat;
      background-size: cover; }
    .selector-animal .bloque-animal .btn-selector {
      position: absolute;
      background: white;
      bottom: 100px;
      left: 50%;
      width: 400px;
      margin-left: -200px;
      display: block;
      padding: 15px;
      font-size: 18px;
      font-weight: bold; }

/*formulario*/
.calculator .header .container {
  padding: 0; }

.calculator .header span.seccion__titulo-grande {
  color: white;
  padding: 15px 10px;
  display: block;
  font-size: 24px !important; }
  @media (min-width: 992px) {
    .calculator .header span.seccion__titulo-grande {
      font-size: 26px; } }

.calculadora.calculator .webform-client-form .panel-body {
  width: 100%; }

.calculadora.calculator fieldset {
  margin: 30px 0 0 !important; }

.calculadora.calculator .form-item {
  margin: 0 0 15px !important; }
  .calculadora.calculator .form-item label {
    width: 100%;
    display: inline-block;
    color: #76405d; }
  .calculadora.calculator .form-item input {
    width: 35% !important;
    display: inline-block; }
  .calculadora.calculator .form-item .error {
    border: 1px solid #cc0000; }

@media (min-width: 992px) {
  .calculadora .webform-component--analysis-results {
    background: url("../img/bk-calculator.png") right center no-repeat;
    min-height: 530px; }
    .calculadora .webform-component--analysis-results .panel-body {
      width: 70% !important; } }

.calculadora .webform-component--analysis-results label {
  width: 60% !important; }
  @media (min-width: 992px) {
    .calculadora .webform-component--analysis-results label {
      width: 40% !important; } }

.calculadora .webform-component-number .webform-component--perc-inclusion label {
  width: 40% !important; }
  @media (min-width: 992px) {
    .calculadora .webform-component-number .webform-component--perc-inclusion label {
      width: 15% !important; } }

.calculadora.calculator .field-type-text-with-summary {
  background: url("../img/logo-calculator.png") right top no-repeat;
  padding-right: 160px;
  font-size: 18px;
  line-height: 20px; }

.calculadora.calculator .header {
  background: url("../img/cabecera-monogastric.png") left top no-repeat;
  background-size: cover;
  padding: 120px 0; }

.page-node-done .calculadora.calculator .header {
  background: url("../img/cabecera-monogastric.png") left center no-repeat !important;
  padding: 20px 0 !important; }

.page-node-done .calculadora.calculator.ruminant .header {
  background: url("../img/cabecera-ruminant.png") left center no-repeat !important;
  padding: 20px 0 !important; }

.calculadora.ruminant .header {
  background: url("../img/cabecera-ruminant.png") left top no-repeat;
  background-size: cover; }

@media (min-width: 992px) {
  .calculadora.ruminant .webform-component--analysis-results {
    background: url("../img/bk-calculator2.png") right center no-repeat; } }

.calculadora.ruminant .webform-component--1-type-of-analysis-and-sample--kg-partial label,
.calculadora.ruminant .webform-component--1-type-of-analysis-and-sample--kg-total label {
  width: 100% !important;
  display: block; }
  @media (min-width: 992px) {
    .calculadora.ruminant .webform-component--1-type-of-analysis-and-sample--kg-partial label,
    .calculadora.ruminant .webform-component--1-type-of-analysis-and-sample--kg-total label {
      width: 25% !important;
      display: inline-block !important; } }

.calculadora.ruminant .webform-component--1-type-of-analysis-and-sample--kg-partial input,
.calculadora.ruminant .webform-component--1-type-of-analysis-and-sample--kg-total input {
  width: 100%;
  display: block;
  margin: 0; }
  @media (min-width: 992px) {
    .calculadora.ruminant .webform-component--1-type-of-analysis-and-sample--kg-partial input,
    .calculadora.ruminant .webform-component--1-type-of-analysis-and-sample--kg-total input {
      width: 35% !important;
      display: inline-block !important; } }

.webform-confirmation {
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  color: #76405d; }
  .webform-confirmation .header {
    margin-bottom: 30px; }
  .webform-confirmation p {
    padding: 45px 0; }

.links {
  text-align: center;
  padding: 15px 0;
  margin-bottom: 45px; }
  .links a {
    background: #00617c;
    padding: 15px;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: white;
    border: 1px solid #00617c; }
    .links a:hover {
      background: white; }

.resultadocalculator {
  background: url("../img/logo-calculator.png") center top no-repeat;
  padding-top: 150px; }
  .resultadocalculator .cifrac {
    font-size: 48px;
    line-height: 50px;
    font-weight: bold;
    margin-bottom: 10px;
    display: inline;
    border-right: 1px dotted #76405d;
    padding-right: 25px;
    margin-right: 25px; }
    .resultadocalculator .cifrac span {
      font-size: 25px; }
  .resultadocalculator .textoc {
    margin: 30px 0; }

.textodato {
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 30px;
  display: inline; }
  .textodato span {
    font-size: 25px; }

.resultadocalculator {
  margin-bottom: 35px; }
  .resultadocalculator .intro {
    width: 60%;
    padding: 0;
    margin: 0 auto 30px;
    font-weight: bold;
    text-align: center; }
    .resultadocalculator .intro span {
      font-size: 20px;
      line-height: 25px;
      margin-bottom: 10px;
      display: block; }
    .resultadocalculator .intro .level {
      font-size: 30px;
      line-height: 33px;
      margin-bottom: 15px; }
  .resultadocalculator .btn-contacto {
    border-top: 1px solid #76405d;
    border-bottom: 1px solid #76405d;
    padding: 5px 0; }
    .resultadocalculator .btn-contacto a {
      color: #76405d; }

/*Error*/
.login-form .error {
  background: none; }
  .login-form .error input {
    border: 2px solid #b50d19 !important;
    background: white; }

.guia-calculator {
  padding-bottom: 45px; }
  .guia-calculator h1 {
    font-weight: bold;
    color: #76405d;
    margin: 45px 0;
    font-size: 30px;
    text-align: center; }
  .guia-calculator h2 {
    font-size: 20px;
    color: #444;
    font-weight: bold;
    margin-bottom: 35px; }
  .guia-calculator h3 {
    font-size: 18px;
    color: #76405d;
    margin-bottom: 10px;
    font-weight: bold; }
  .guia-calculator p {
    margin-bottom: 20px; }
  .guia-calculator h4 {
    font-size: 16px;
    color: #444;
    font-weight: bold; }
  .guia-calculator ul {
    margin-bottom: 35px; }

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
  background-color: white !important; }

.header-asia {
  padding: 6px 0 0;
  border-bottom: 20px solid #0082a4; }
  .header-asia .container {
    position: relative; }
  .header-asia .logo {
    margin: 0;
    width: 350px; }
    @media (max-width: 480px) {
      .header-asia .logo {
        width: 120px; } }
    .header-asia .logo h1 {
      width: auto !important;
      position: relative;
      top: 23px;
      margin: 0; }
    .header-asia .logo img {
      width: auto !important;
      height: auto;
      max-height: 195px !important; }
      @media (max-width: 480px) {
        .header-asia .logo img {
          width: 100% !important;
          position: relative;
          top: -12px; } }
  .header-asia .link-month {
    position: absolute;
    right: 5px;
    bottom: 9px;
    display: block; }
    @media (max-width: 480px) {
      .header-asia .link-month {
        right: 70px;
        bottom: 7px; } }
    .header-asia .link-month span {
      display: inline;
      background: #0082a4;
      color: white;
      padding: 10px;
      font-size: 15px; }
      @media (max-width: 480px) {
        .header-asia .link-month span {
          font-size: 12px; } }
    .header-asia .link-month .icono {
      font-size: 20px;
      position: relative;
      top: 3px; }

.asiaLanding {
  background: url(../img/bk-alga.png) -800px -150px no-repeat; }
  @media (max-width: 480px) {
    .asiaLanding {
      background: none; } }
  .asiaLanding .seccion {
    padding: 30px 0 0; }
  .asiaLanding h2 {
    color: #0082a4;
    font-weight: bold;
    font-size: 24px;
    margin: 0 0 30px; }
    @media (max-width: 480px) {
      .asiaLanding h2 {
        font-size: 18px; } }
  .asiaLanding .price-table {
    text-align: center; }
    .asiaLanding .price-table table {
      width: 70%;
      margin: 0 auto; }
      @media (max-width: 480px) {
        .asiaLanding .price-table table {
          width: 100%; } }
    .asiaLanding .price-table thead {
      border-bottom: 1px solid #0082a4; }
      .asiaLanding .price-table thead th {
        text-align: center;
        color: #0082a4;
        font-size: 15px; }
        @media (max-width: 480px) {
          .asiaLanding .price-table thead th {
            font-size: 12px; } }
    .asiaLanding .price-table tbody {
      text-align: left; }
      .asiaLanding .price-table tbody th {
        color: #0082a4;
        padding: 6px;
        font-size: 15px; }
        @media (max-width: 480px) {
          .asiaLanding .price-table tbody th {
            font-size: 12px; } }
      .asiaLanding .price-table tbody td {
        text-align: center;
        padding: 6px 0;
        font-size: 15px; }
        @media (max-width: 480px) {
          .asiaLanding .price-table tbody td {
            font-size: 12px; } }
    .asiaLanding .price-table .table-striped > tbody > tr:nth-child(odd) > td, .asiaLanding .price-table .table-striped > tbody > tr:nth-child(odd) > th {
      background-color: #e8f6f9; }
  .asiaLanding .listado-news {
    padding: 0;
    background: #f4f4f4; }
    .asiaLanding .listado-news .listado-news-items {
      list-style: none;
      text-align: left;
      padding: 0;
      margin: 0; }
      .asiaLanding .listado-news .listado-news-items li {
        padding: 30px 0; }
      .asiaLanding .listado-news .listado-news-items .listado-news--date, .asiaLanding .listado-news .listado-news-items .listado-news--author {
        color: #0082a4;
        font-weight: bold; }
      .asiaLanding .listado-news .listado-news-items h3 {
        color: black;
        font-weight: bold;
        margin: 15px 0;
        font-size: 22px; }
      .asiaLanding .listado-news .listado-news-items h4 {
        font-size: 18px;
        font-weight: bold;
        color: black;
        margin: 15px 0; }
      .asiaLanding .listado-news .listado-news-items p {
        font-size: 15px;
        color: black; }
        @media (max-width: 480px) {
          .asiaLanding .listado-news .listado-news-items p {
            font-size: 13px; } }
      .asiaLanding .listado-news .listado-news-items .img img {
        max-width: 100%;
        height: auto; }
      .asiaLanding .listado-news .listado-news-items .img-footer {
        font-size: 12px; }
      .asiaLanding .listado-news .listado-news-items li:nth-child(even) {
        background: #fff; }
      .asiaLanding .listado-news .listado-news-items li:last-child {
        padding-bottom: 140px; }
        @media (max-width: 480px) {
          .asiaLanding .listado-news .listado-news-items li:last-child {
            padding-bottom: 20px; } }

.footer-asia {
  background: transparent url("../img/bkpie.png") left top no-repeat;
  padding: 80px 0 0;
  position: relative;
  top: -170px; }
  @media (max-width: 480px) {
    .footer-asia {
      background: #0082a4;
      top: 0;
      padding: 30px 0; } }
  .footer-asia p {
    margin: 0;
    color: white; }
    .footer-asia p span {
      font-weight: bold;
      position: relative;
      top: 9px;
      font-size: 18px; }

.not-logged-in .mycoscreen-footer .seccion-footer-calculator {
  position: relative !important; }

.myco-header {
  background: url("../img/header-myco.jpg") left top no-repeat;
  text-align: center;
  padding: 60px 0; }

.myco-header_title {
  color: white !important; }
  .myco-header_title a {
    color: white !important; }

.block_title {
  text-align: center;
  color: #76405d;
  padding: 15px;
  font-weight: bold;
  margin: 0; }
  @media (max-width: 768px) {
    .block_title {
      padding: 15px 0; } }

.block-intro {
  background: #f1f1f1;
  padding: 15px;
  margin: 30px 0 15px; }

.block-intro--title {
  color: #76405d !important;
  font-size: 16px;
  font-weight: bold;
  text-align: center; }

.step-block {
  margin-bottom: 30px;
  overflow: hidden; }
  .step-block .icon {
    z-index: -1 !important;
    display: block;
    position: relative;
    top: 10px; }
  .step-block .icono {
    font-size: 75px;
    color: #76405d;
    opacity: 0.5; }
  .step-block .img {
    width: 100%;
    z-index: 1 !important;
    display: block;
    position: relative; }
    .step-block .img a {
      border: none; }
      .step-block .img a img {
        width: 100%; }
      .step-block .img a:hover img {
        opacity: 0.7; }
  .step-block h4 {
    color: #76405d;
    font-weight: bold;
    font-size: 14px;
    margin-top: 15px; }
  .step-block p {
    font-size: 12px;
    line-height: 14px; }

.next-step {
  text-align: center;
  margin: 60px 0; }
  .next-step a {
    background: #76405d;
    color: white;
    padding: 15px; }
    @media (max-width: 768px) {
      .next-step a {
        font-size: 12px; } }
    .next-step a .icono {
      color: white;
      font-size: 50px;
      position: relative;
      top: 16px; }
    .next-step a:hover {
      background: white;
      color: #76405d !important; }
      .next-step a:hover .icono {
        color: #76405d !important; }
  @media (max-width: 768px) {
    .next-step {
      margin: 15px 0; } }

.select-myco .myco-header {
  background: url("../img/cabecera-select.png") left top no-repeat;
  text-align: center;
  padding: 80px 0;
  background-size: cover; }

.select-myco .blocks {
  padding: 80px 0;
  overflow: hidden; }
  .select-myco .blocks .img {
    width: 100%;
    z-index: 1 !important;
    display: block;
    position: relative; }
    .select-myco .blocks .img a {
      border: none; }
      .select-myco .blocks .img a img {
        width: 100%; }
      .select-myco .blocks .img a:hover img {
        opacity: 0.7; }
  .select-myco .blocks h4 {
    margin: 15px 0;
    font-weight: bold;
    color: #76405d !important; }

/*Menu usuario*/
.menu-registrado-myco {
  float: right; }
  .menu-registrado-myco #user-menu {
    margin: 25px 80px 0 0; }
  .menu-registrado-myco li {
    display: inline-block; }
    .menu-registrado-myco li a {
      color: #76405d;
      font-size: 12px;
      padding: 7px;
      background: none;
      border: none; }
      .menu-registrado-myco li a:hover,
      .menu-registrado-myco li a a:focus {
        background: none !important; }
    .menu-registrado-myco li.first {
      font-weight: bold; }
    .menu-registrado-myco li .sub-menu {
      left: 0;
      top: 100%;
      border-radius: 0;
      background: #fff;
      border: 1px solid #76405d;
      overflow: hidden;
      display: none;
      padding: 5px 10px;
      margin: 0;
      width: 150px; }
      .menu-registrado-myco li .sub-menu li {
        text-align: left; }
        .menu-registrado-myco li .sub-menu li a {
          padding: 0; }
      .menu-registrado-myco li .sub-menu.active {
        display: block; }
    .menu-registrado-myco li li {
      display: block; }
  .menu-registrado-myco .toggle-help {
    display: none; }
  @media (max-width: 768px) {
    .menu-registrado-myco {
      position: absolute;
      left: 0;
      top: 10px;
      width: 100%; }
      .menu-registrado-myco .lines {
        position: absolute;
        right: 62px;
        top: 2px;
        color: #76405d; }
      .menu-registrado-myco #user-menu {
        width: 100%;
        background: white;
        position: absolute;
        left: 0;
        top: 60;
        margin: 0;
        padding: 0; }
        .menu-registrado-myco #user-menu li {
          display: block;
          padding: 5px 0; }
          .menu-registrado-myco #user-menu li .sub-menu {
            border: none;
            display: block;
            text-align: center;
            width: 100%;
            padding: 5px 10px 0; }
            .menu-registrado-myco #user-menu li .sub-menu li {
              text-align: center;
              padding: 0; }
              .menu-registrado-myco #user-menu li .sub-menu li a {
                font-size: 11px;
                color: #00617c; } }

/*Usuarios envio de correo*/
.mycoscreenusuarios {
  padding: 45px 0 0; }
  .mycoscreenusuarios .webform-client-form {
    margin-bottom: 40px; }
    .mycoscreenusuarios .webform-client-form .form-item {
      margin-bottom: 20px; }
    .mycoscreenusuarios .webform-client-form label {
      display: block;
      color: #76405d; }
    .mycoscreenusuarios .webform-client-form input,
    .mycoscreenusuarios .webform-client-form select {
      border-radius: 0 !important; }
    .mycoscreenusuarios .webform-client-form .webform-submit {
      background: #76405d;
      color: white;
      margin-top: 25px; }

/*Step one*/
.step-one_intro {
  overflow: hidden;
  margin: 30px 0; }
  .step-one_intro .img {
    width: 50%;
    float: right; }
    @media (max-width: 768px) {
      .step-one_intro .img {
        float: none;
        width: 100%;
        margin-bottom: 6px; } }
    .step-one_intro .img img {
      width: 100%;
      height: auto; }
  @media (max-width: 768px) {
    .step-one_intro {
      margin: 15px 0;
      padding: 0 10px; } }

.block-title {
  text-align: center;
  margin: 30px 0;
  color: #76405d;
  font-weight: bold;
  letter-spacing: 4px; }
  @media (max-width: 768px) {
    .block-title {
      font-size: 14px;
      margin: 15px 0; } }
  .block-title .detalle-titulo {
    color: #d8d8d8; }

.step-one_intro_text {
  width: 45%;
  float: left; }
  @media (max-width: 768px) {
    .step-one_intro_text {
      float: none;
      width: 100%; } }
  .step-one_intro_text .title {
    color: #76405d;
    font-weight: bold; }

@media (max-width: 768px) {
  .step-one_bloque-pestanas {
    border-top: 1px solid #76405d; } }

.step-one_bloque-pestanas .nav-tabs {
  text-align: center;
  border-bottom: 1px solid #76405d; }
  .step-one_bloque-pestanas .nav-tabs li {
    float: none;
    display: inline-block; }
    .step-one_bloque-pestanas .nav-tabs li a {
      border-radius: 0;
      border: none;
      color: #76405d;
      background: #f1f1f1;
      top: -1px; }
      .step-one_bloque-pestanas .nav-tabs li a:hover {
        background: #76405d;
        color: white !important;
        border: none; }
    .step-one_bloque-pestanas .nav-tabs li.active a {
      background: #76405d;
      color: white; }

.step-one_bloque-pestanas .tab-content {
  padding: 30px 0; }
  @media (max-width: 768px) {
    .step-one_bloque-pestanas .tab-content {
      padding: 0 15px; } }
  .step-one_bloque-pestanas .tab-content h3 {
    color: #76405d !important; }

.onfarm-list {
  list-style: none;
  margin: 60px 0 0;
  padding: 0; }

.onfarm-list-item {
  overflow: hidden;
  border-bottom: 1px solid #76405d;
  margin-bottom: 15px;
  padding-bottom: 15px; }
  .onfarm-list-item .img {
    float: left;
    width: 30%;
    margin-right: 60px; }
    @media (max-width: 768px) {
      .onfarm-list-item .img {
        float: none;
        width: 100%;
        margin-bottom: 6px; } }
    .onfarm-list-item .img img {
      width: 100%; }

.onfarm-list-item_text {
  width: 60%;
  float: left; }
  @media (max-width: 768px) {
    .onfarm-list-item_text {
      float: none;
      width: 100%; } }
  .onfarm-list-item_text h3 {
    margin: 0 0 15px;
    color: #76405d !important;
    font-weight: bold;
    font-size: 22px; }
  .onfarm-list-item_text ol,
  .onfarm-list-item_text ul {
    padding: 0;
    margin: 0;
    list-style-position: inside; }

.content-onfeed {
  border-bottom: 1px solid #76405d;
  padding: 0 0 15px; }
  .content-onfeed h3 {
    margin: 15px 0;
    color: #76405d !important;
    font-weight: bold;
    font-size: 22px; }
  .content-onfeed img {
    width: 100%; }

.packing {
  padding: 30px 0;
  overflow: hidden; }
  .packing .img {
    width: 30%;
    float: left;
    margin-right: 30px; }
    .packing .img img {
      width: 100%; }
    @media (max-width: 768px) {
      .packing .img {
        float: none;
        width: 100%;
        margin-bottom: 6px; } }
  .packing h3 {
    margin: 15px 0;
    color: #76405d;
    font-weight: bold;
    font-size: 22px; }

.packing-text {
  float: left;
  width: 65%;
  margin-top: 30px; }
  @media (max-width: 768px) {
    .packing-text {
      float: none;
      width: 100%; } }

@media (max-width: 768px) {
  #steptwo {
    display: block; } }

.step-menu-mobile {
  padding: 15px 10px;
  margin-top: 15px;
  overflow: hidden;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee; }
  .step-menu-mobile span {
    font-size: 14px;
    font-weight: bold; }

.step-active {
  float: left;
  color: #76405d; }

.more-steps {
  float: right; }

/*Step two*/
.myco-table {
  margin-bottom: 30px; }
  .myco-table .text-align-right,
  .myco-table p {
    font-weight: bold;
    color: #76405d; }
  .myco-table .text-align-right {
    text-align: right; }
  .myco-table table {
    width: 100%; }
  .myco-table thead {
    background: #76405d;
    border-bottom: 1px solid white; }
    .myco-table thead th {
      padding: 15px;
      color: white;
      text-align: center;
      font-size: 14px; }
  .myco-table tbody tr {
    border-bottom: 1px solid white; }
  .myco-table tbody th {
    background: #76405d;
    color: white;
    padding: 15px;
    font-size: 14px;
    border-bottom: 1px solid white; }
  .myco-table tbody td {
    padding: 15px;
    text-align: center;
    color: #222;
    background: #ececec;
    font-size: 13px; }
  .myco-table tbody .method {
    color: #76405d;
    font-weight: bold; }
  .myco-table tbody span {
    display: block;
    text-align: center; }
  .myco-table tbody .right {
    float: right; }
  .myco-table tbody .fully-row {
    border-bottom: 3px solid white; }
    .myco-table tbody .fully-row td {
      background: #e9e0e5; }

.type-analisis strong {
  color: #76405d; }

.type-analisis .laboratories {
  text-align: center;
  margin-bottom: 15px; }

.video-block {
  background: #efefef;
  padding: 30px;
  margin-bottom: 30px;
  overflow: hidden; }
  @media (max-width: 768px) {
    .video-block {
      padding: 15px; } }
  .video-block .video {
    width: 48%;
    float: left;
    margin: 0 10px;
    text-align: center; }
    @media (max-width: 768px) {
      .video-block .video {
        width: 47%; } }
    @media (max-width: 480px) {
      .video-block .video {
        width: 44%; } }
    .video-block .video iframe {
      width: 100%;
      height: auto !important; }
  .video-block p {
    font-size: 22px;
    margin-top: 60px;
    color: #76405d; }
    .video-block p img {
      display: block;
      margin-top: 30px; }

@media (max-width: 768px) {
  .type-analisis {
    padding: 0 10px; } }

.table-responsive {
  min-height: 0.01%;
  overflow-x: auto; }

/*Step three*/
.bloque-user {
  background: #76405d;
  color: white;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding: 15px;
  margin: 30px 0 0;
  border-radius: 0; }
  .bloque-user p {
    margin: 0; }
    .bloque-user p a {
      color: white !important;
      text-decoration: underline; }
      .bloque-user p a:hover {
        text-decoration: none; }

.step-contact,
.stepthree-intro {
  padding: 15px;
  background: #efefef;
  margin-bottom: 30px; }
  .step-contact p,
  .stepthree-intro p {
    margin: 0; }
    .step-contact p a,
    .stepthree-intro p a {
      font-weight: bold;
      text-decoration: underline; }
      .step-contact p a:hover,
      .stepthree-intro p a:hover {
        text-decoration: none; }
  @media (max-width: 768px) {
    .step-contact,
    .stepthree-intro {
      margin: 15px 0; } }

/*Formulario*/
.mycoscreenthree .webform-client-form {
  margin-bottom: 30px; }

.mycoscreenthree fieldset {
  box-shadow: none !important; }

.mycoscreenthree legend {
  color: #76405d;
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 30px;
  background-color: transparent !important;
  border: none !important; }
  .mycoscreenthree legend .fieldset-legend {
    color: #76405d; }

.mycoscreenthree .form-item {
  margin-bottom: 6px; }

.mycoscreenthree .form-control,
.mycoscreenthree .form-text {
  display: inline-block !important;
  box-shadow: none !important;
  border: 1px solid #ccc !important; }

.mycoscreenthree label {
  width: 25%;
  color: #76405d;
  display: inline-block !important;
  margin: 0 !important; }
  @media (max-width: 768px) {
    .mycoscreenthree label {
      display: block;
      width: 100%; } }

.mycoscreenthree input,
.mycoscreenthree select {
  width: 70%;
  padding: 6px;
  border-radius: 0; }
  @media (max-width: 768px) {
    .mycoscreenthree input,
    .mycoscreenthree select {
      display: block;
      width: 100%; } }
  .mycoscreenthree input.error,
  .mycoscreenthree select.error {
    border: 1px solid #b50d19 !important; }

.mycoscreenthree .form-type-radio {
  display: inline-block;
  width: 24%; }
  .mycoscreenthree .form-type-radio input {
    width: 15px; }
  @media (max-width: 768px) {
    .mycoscreenthree .form-type-radio {
      width: 100%; }
      .mycoscreenthree .form-type-radio input {
        position: relative;
        margin-left: 0;
        float: left; }
      .mycoscreenthree .form-type-radio label {
        float: left;
        width: 80%; } }

.mycoscreenthree .form-radios label {
  width: 90%;
  padding-left: 5px;
  float: none; }
  @media (min-width: 768px) {
    .mycoscreenthree .form-radios label {
      width: 96%; } }

.mycoscreenthree .webform-component-checkboxes {
  text-align: center; }
  .mycoscreenthree .webform-component-checkboxes .form-type-checkbox {
    width: 18%;
    display: inline-block;
    margin-bottom: 15px; }
    .mycoscreenthree .webform-component-checkboxes .form-type-checkbox input {
      width: 15px; }
    .mycoscreenthree .webform-component-checkboxes .form-type-checkbox label {
      width: 90%;
      padding-left: 5px;
      text-align: left;
      float: none; }
    @media (max-width: 768px) {
      .mycoscreenthree .webform-component-checkboxes .form-type-checkbox {
        width: 100%; }
        .mycoscreenthree .webform-component-checkboxes .form-type-checkbox input {
          position: relative;
          margin-left: 0;
          float: left;
          width: 10px; }
        .mycoscreenthree .webform-component-checkboxes .form-type-checkbox label {
          float: left;
          width: 80%; } }

.mycoscreenthree .form-submit {
  background: #76405d;
  color: white; }

.mycoscreenthree .back {
  display: none; }

.customer-data {
  background: #efefef;
  padding: 30px 15px;
  margin-bottom: 30px;
  border-radius: 0 !important; }
  .customer-data h3 {
    color: #76405d;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 30px; }

.sample-data {
  border: none; }

.bloque-toxin {
  border: 1px solid #76405d; }
  .bloque-toxin legend .fieldset-legend {
    color: white; }
  .bloque-toxin .panel-heading {
    background: #76405d !important;
    color: white !important;
    margin-bottom: 15px; }
  .bloque-toxin fieldset {
    border: none !important; }
    .bloque-toxin fieldset .panel-heading {
      background: none !important; }
      .bloque-toxin fieldset .panel-heading .fieldset-legend {
        color: #76405d !important; }

.component--legal {
  font-size: 12px;
  margin-bottom: 45px; }

/*Step four*/
.step-contact,
.stepfour-intro {
  padding: 15px;
  background: #efefef;
  margin-bottom: 30px; }
  .step-contact p,
  .stepfour-intro p {
    margin: 0; }
    .step-contact p a,
    .stepfour-intro p a {
      font-weight: bold;
      text-decoration: underline; }
      .step-contact p a:hover,
      .stepfour-intro p a:hover {
        text-decoration: none; }
  @media (max-width: 768px) {
    .step-contact,
    .stepfour-intro {
      margin: 15px 0; } }

.stepfour-block-title {
  text-align: center;
  margin: 0 0 60px 0;
  color: #76405d;
  font-weight: bold; }
  @media (max-width: 768px) {
    .stepfour-block-title {
      font-size: 14px;
      margin: 15px 0; } }

.select-country {
  width: 100%;
  margin-bottom: 30px; }
  .select-country label {
    color: #76405d;
    width: 20%; }
  .select-country select {
    width: 70%;
    background: transparent;
    padding: 6px; }

.bloque-ejemplo {
  text-align: center; }
  .bloque-ejemplo img {
    width: 100%; }

.bloque-ejemplo-caption {
  background: #f6e4ee;
  padding: 15px;
  text-align: left;
  margin-bottom: 20px; }
  .bloque-ejemplo-caption h3 {
    text-align: center;
    color: white;
    margin: 0 0 25px;
    font-weight: bold; }
  .bloque-ejemplo-caption ul {
    list-style: none;
    text-align: center; }
    @media (max-width: 768px) {
      .bloque-ejemplo-caption ul {
        text-align: left; } }
    .bloque-ejemplo-caption ul li {
      display: inline-block;
      margin: 0 15px !important;
      border-bottom: none !important; }
      @media (max-width: 768px) {
        .bloque-ejemplo-caption ul li {
          display: block; } }
      .bloque-ejemplo-caption ul li strong {
        color: #76405d; }

.view-informes-myco .views-exposed-widget {
  width: 30%; }
  .view-informes-myco .views-exposed-widget label {
    color: #76405d !important; }

.view-informes-myco .form-submit {
  background: #76405d;
  color: white; }

.view-informes-myco .view-empty {
  text-align: center;
  padding: 30px 0;
  background: #eee;
  margin-bottom: 30px;
  color: #76405d; }

.view-informes-myco .view-content {
  padding: 30px 0; }

.bloque-informes {
  margin-bottom: 45px; }
  .bloque-informes .panel {
    border-radius: 0 !important;
    border: 1px solid #76405d; }
  .bloque-informes .panel-heading {
    border-radius: 0 !important;
    padding: 25px;
    background: #76405d url(../img/detalle-bloque.png) right bottom no-repeat; }
    .bloque-informes .panel-heading p {
      color: white;
      margin: 0; }
    .bloque-informes .panel-heading a {
      text-decoration: none; }
      .bloque-informes .panel-heading a:hover {
        text-decoration: none; }
  .bloque-informes h3 {
    color: white;
    border-top: 1px dotted #76405d;
    font-size: 28px;
    margin-bottom: 15px; }
    .bloque-informes h3:first-child {
      border: none; }
    .bloque-informes h3 img {
      max-height: 50px;
      width: auto; }
  .bloque-informes ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .bloque-informes ul li {
      padding: 5px 0;
      margin: 0;
      border-bottom: 1px solid #76405d; }
      .bloque-informes ul li:last-child {
        border-bottom: none; }
      @media (min-width: 768px) {
        .bloque-informes ul li {
          padding: 20px 0; } }

.bloque-informes--ademas {
  margin-bottom: 45px; }
  .bloque-informes--ademas h3 {
    color: #76405d;
    text-align: center; }
  .bloque-informes--ademas ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .bloque-informes--ademas ul li {
      padding: 20px 0;
      margin: 0;
      border-bottom: 1px solid #76405d; }
      .bloque-informes--ademas ul li:last-child {
        border-bottom: none; }

/*Formulario de recogida de leads*/
.intro {
  font-size: 18px;
  color: #000; }

.block-intro {
  margin: 40px 0; }

.contact-myco {
  margin-bottom: 30px; }
  .contact-myco a {
    color: #0085A9;
    text-decoration: none;
    font-weight: bold; }
  .contact-myco p {
    color: #000; }

.mycoscreenrecogida .webform-client-form {
  margin: 30px 0; }

.mycoscreenrecogida .form-item {
  margin-bottom: 6px; }

.mycoscreenrecogida .form-control,
.mycoscreenrecogida .form-text {
  display: inline-block !important;
  box-shadow: none !important;
  border: 1px solid #ccc !important; }

.mycoscreenrecogida label {
  width: 25%;
  color: #76405d;
  display: inline-block !important;
  margin: 0 !important; }
  @media (max-width: 768px) {
    .mycoscreenrecogida label {
      display: block;
      width: 100%; } }

.mycoscreenrecogida input,
.mycoscreenrecogida select {
  width: 70%;
  padding: 6px;
  border-radius: 0; }
  @media (max-width: 768px) {
    .mycoscreenrecogida input,
    .mycoscreenrecogida select {
      display: block;
      width: 100%; } }

.mycoscreenrecogida .form-submit {
  background: #76405d;
  color: white;
  margin-top: 45px; }

.mycoscreenrecogida .back {
  display: none; }

.stepfour-form .stepfour-form__select {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  padding: 6px;
  border-radius: 4px;
  border-color: #7a1e5b; }

.stepfour-link {
  color: #76405d;
  text-transform: uppercase;
  font-weight: bold; }

.bloque-descargas {
  padding: 45px;
  background: white; }
  @media (min-width: 768px) {
    .bloque-descargas {
      margin-left: 60px;
      margin-right: 60px; } }
  .bloque-descargas .bloque-descargas__title {
    font-weight: bold;
    margin-bottom: 30px;
    color: #850f66; }
  .bloque-descargas .bloque-descargas__item {
    -ms-flex: 1;
        flex: 1; }
    @media (max-width: 768px) {
      .bloque-descargas .bloque-descargas__item {
        margin-bottom: 30px; } }
    .bloque-descargas .bloque-descargas__item .icon-box_download {
      margin-bottom: 10px;
      display: block;
      line-height: 0.8; }

.stepfour-results .stepfour-mapa__tooltip {
  border: solid 1px #7a1e5b;
  box-shadow: 0 4px 15px 4px #000; }

.stepfour-mapa__tooltip-body {
  margin: 0 0 0 35px !important; }

.stepfour-mapa__tooltip--pais {
  padding: 10px 20px 10px 0; }

.mapa__tooltip--item {
  padding: 5px 10px 10px 5px;
  color: #76405d; }
  .mapa__tooltip--item a {
    color: #76405d; }

.stepfour-mapa {
  height: 800px;
  width: 100%; }
  @media (max-width: 768px) {
    .stepfour-mapa {
      display: none; } }

.google-visualization-tooltip {
  height: auto !important;
  box-shadow: -5px 7px 35px 2px #333 !important;
  border: 0 !important;
  min-width: 200px;
  max-width: 250px; }

.google-visualization-tooltip .google-visualization-tooltip-item-list .google-visualization-tooltip-item:first-child {
  padding: 0;
  margin: 0; }

.google-visualization-tooltip .google-visualization-tooltip-item-list {
  margin: 0; }

@media (min-width: 768px) {
  .stepfour-columns {
    margin: 0 140px; } }

.stepfour-columns__container {
  -ms-flex-pack: center;
      justify-content: center; }
  @media (min-width: 768px) {
    .stepfour-columns__container {
      margin-bottom: 60px; } }

.stepfour-columns__item {
  padding-left: 30px;
  padding-right: 30px;
  -ms-flex-positive: 1;
      flex-grow: 1; }
  @media (min-width: 768px) {
    .stepfour-columns__item {
      max-width: 33%; } }

.stepfour-selector {
  padding: 30px; }

.caption-color {
  display: inline-block;
  width: 24px;
  height: 24px; }

.caption-color--rare {
  background-color: #eac3d5; }

.caption-color--occasional {
  background-color: #d38baf; }

.caption-color--frequent {
  background-color: #B85586; }

.caption-color--veryfreq {
  background-color: #884061; }

.seccion-img--myco {
  background: #c5afba url(../img/fondo-img-myco.png) left bottom no-repeat; }

.seccion-cabecera-container--primero {
  background-color: white;
  margin-bottom: 30px;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 768px) {
    .seccion-cabecera-container--primero {
      margin-bottom: 0;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center; } }

.seccion-cabecera--ficha {
  position: relative;
  text-align: center;
  min-height: auto; }
  @media (min-width: 992px) {
    .seccion-cabecera--ficha .container {
      padding: 0 120px; } }
  .seccion-cabecera--ficha h1 {
    text-align: center;
    padding: 10px;
    margin: 0;
    font-size: 72px; }
    @media (max-width: 768px) {
      .seccion-cabecera--ficha h1 {
        font-size: 26px; } }
  .seccion-cabecera--ficha p {
    text-align: center;
    width: 100%;
    font-weight: normal; }
  .seccion-cabecera--ficha .logotipo-evento {
    width: 150px; }
    .seccion-cabecera--ficha .logotipo-evento img {
      width: 100%; }
    @media (max-width: 480px) {
      .seccion-cabecera--ficha .logotipo-evento {
        margin: 0 auto; } }
    @media (max-width: 768px) {
      .seccion-cabecera--ficha .logotipo-evento {
        position: relative;
        text-align: center;
        max-width: 100%; }
        .seccion-cabecera--ficha .logotipo-evento img {
          margin: 0 auto;
          width: 100px; } }

.seccion-cabecera--galeria {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 25px 0; }
  @media (max-width: 1200px) {
    .seccion-cabecera--galeria {
      display: none; } }

@media (max-width: 768px) {
  .section__titulo {
    font-size: 15px; } }

.evento-titulo {
  font-family: opensans, Helvetica, Arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 22px;
  text-align: center; }

.fecha-evento-grupo {
  text-transform: uppercase !important; }
  .fecha-evento-grupo .detalle-titulo {
    color: #d8d8d8 !important; }

.fecha-evento-grupo__fecha {
  text-transform: initial !important;
  font-weight: bold;
  color: #7a8527;
  margin-right: 20px; }

.evento-grupo {
  text-transform: uppercase;
  margin: 30px auto;
  padding: 20px 0;
  background-color: #7a8527;
  color: white; }

.direccion-info {
  font-weight: 600; }

.seccion-lugar {
  padding: 60px 0;
  background: url("../images/lugarstand.png") no-repeat center;
  background-size: cover; }

.seccion-social {
  text-align: center;
  padding: 40px 0;
  z-index: 20;
  position: relative; }
  .seccion-social [class^="icon-"] {
    font-size: 30px; }

.seccion-eventos {
  padding: 30px 0;
  background-color: #f5f8f8; }
  .seccion-eventos .container {
    padding: 0 120px; }
    @media (max-width: 768px) {
      .seccion-eventos .container {
        padding: 0 30px; } }

.tit-eventos {
  font-size: 26px;
  padding-top: 30px; }
  .tit-eventos .detalle-titulo {
    color: #d8d8d8; }

.eventos-texto {
  color: #656565;
  text-align: left !important; }
  .eventos-texto img {
    width: auto;
    max-width: 100% !important;
    height: auto !important; }

.seccion-formulario {
  padding: 30px 0;
  background-color: #00617c;
  color: white;
  text-align: center;
  z-index: 20;
  position: relative; }
  .seccion-formulario .container {
    padding: 0 120px; }
    @media (max-width: 768px) {
      .seccion-formulario .container {
        padding: 0 30px; } }
  @media (max-width: 768px) {
    .seccion-formulario h2 {
      font-size: 15px; } }
  .seccion-formulario form {
    display: -ms-webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #1c252c;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    margin-top: 30px;
    -ms-flex-pack: center;
        justify-content: center; }
    @media (max-width: 480px) {
      .seccion-formulario form {
        display: block; } }
    .seccion-formulario form .captcha .panel-body {
      display: -ms-flexbox;
      display: flex; }
      .seccion-formulario form .captcha .panel-body .help-block {
        text-align: left; }
  .seccion-formulario .form-item {
    margin-right: 5px; }
    @media (max-width: 480px) {
      .seccion-formulario .form-item {
        margin-left: 0; } }
  .seccion-formulario .formulario-mensaje {
    margin-left: 5px; }
    @media (max-width: 480px) {
      .seccion-formulario .formulario-mensaje {
        margin-left: 0; } }
  .seccion-formulario input {
    width: 100%;
    margin-bottom: 15px;
    padding: 6px;
    color: #656565;
    display: block;
    border-radius: 0;
    box-shadow: none;
    border: none; }
    @media (max-width: 480px) {
      .seccion-formulario input {
        width: 250px;
        margin: 0 auto 15px; } }
    .seccion-formulario input.name {
      background: #fff url(../img/persona.png) 10px 14px no-repeat;
      padding-left: 35px;
      height: 45px; }
    .seccion-formulario input.phone {
      background: #fff url(../img/phone.png) 10px 14px no-repeat;
      padding: 23px 0 22px 35px; }
    .seccion-formulario input.mail {
      background: #fff url(../img/mail.png) 10px 14px no-repeat;
      padding-left: 35px;
      height: 45px; }
    .seccion-formulario input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #cfcfcf; }
    .seccion-formulario input::-moz-placeholder {
      /* Firefox 19+ */
      color: #cfcfcf; }
    .seccion-formulario input:-ms-input-placeholder {
      /* IE 10+ */
      color: #cfcfcf; }
    .seccion-formulario input:-moz-placeholder {
      /* Firefox 18- */
      color: #cfcfcf; }
    .seccion-formulario input.multi {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0;
      padding: 0;
      font-size: 20px;
      opacity: 0;
      filter: alpha(opacity=0);
      cursor: pointer; }
  .seccion-formulario .formulario-mensaje {
    text-align: left;
    -ms-flex: 1;
        flex: 1; }
    @media (max-width: 1200px) {
      .seccion-formulario .formulario-mensaje {
        text-align: center; } }
  .seccion-formulario textarea {
    width: 100%;
    margin-bottom: 15px;
    padding: 6px;
    border-radius: 0;
    box-shadow: none;
    border: none; }
    @media (max-width: 480px) {
      .seccion-formulario textarea {
        width: 250px;
        margin: 0 auto 10px; } }
    .seccion-formulario textarea.text {
      background: #fff url(../img/bocadillo.png) 10px 9px no-repeat;
      padding-left: 35px; }
    .seccion-formulario textarea::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #cfcfcf; }
    .seccion-formulario textarea::-moz-placeholder {
      /* Firefox 19+ */
      color: #cfcfcf; }
    .seccion-formulario textarea:-ms-input-placeholder {
      /* IE 10+ */
      color: #cfcfcf; }
    .seccion-formulario textarea:-moz-placeholder {
      /* Firefox 18- */
      color: #cfcfcf; }
  .seccion-formulario .formulario-enviar {
    width: 100%; }

.boton-eventos-grupo {
  color: white !important;
  background-color: transparent;
  border: solid 1px white;
  font-size: 12px;
  padding: 6px 15px;
  text-transform: uppercase;
  text-decoration: none !important; }
  .boton-eventos-grupo:hover {
    background: white; }

.seccion-fechas {
  padding: 0; }

.seccion-fechas-calendario {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1px;
  margin-top: 30px; }
  @media (max-width: 992px) {
    .seccion-fechas-calendario {
      display: block; } }

.seccion-fechas--degradado {
  padding: 30px 0; }

.seccion-fechas__dia-wrapper {
  width: 100px;
  font-size: 12px;
  color: white;
  padding: 10px 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center; }
  @media (max-width: 992px) {
    .seccion-fechas__dia-wrapper {
      width: 100%; } }

.seccion-fecha__dia {
  width: 100px; }
  .seccion-fecha__dia.affix {
    top: 90px;
    z-index: 1;
    display: block; }
  @media (max-width: 768px) {
    .seccion-fecha__dia {
      width: 100%;
      position: static; } }

.seccion-fechas__dia--dia {
  margin: 0;
  font-size: 18px;
  font-weight: bold; }

.seccion-fechas__eventos {
  color: black;
  width: 100%; }

.seccion-fechas__eventos--impar {
  padding: 30px 0;
  background-color: #f5f8f8; }
  .seccion-fechas__eventos--impar > .container {
    display: -ms-flexbox;
    display: flex;
    padding: 0 120px; }
    @media (max-width: 480px) {
      .seccion-fechas__eventos--impar > .container {
        display: block; } }
    @media (max-width: 768px) {
      .seccion-fechas__eventos--impar > .container {
        padding: 0 30px; } }
  .seccion-fechas__eventos--impar .evento-texto {
    text-align: left; }
    .seccion-fechas__eventos--impar .evento-texto h5 {
      font-weight: bold; }
    .seccion-fechas__eventos--impar .evento-texto .evento-texto__localizacion, .seccion-fechas__eventos--impar .evento-texto .evento-texto__hora {
      font-size: 12px; }
    .seccion-fechas__eventos--impar .evento-texto .icono {
      font-size: 12px;
      color: #00617c; }
    .seccion-fechas__eventos--impar .evento-texto .evento-texto__ponente {
      margin: 0;
      color: #00617c; }
      .seccion-fechas__eventos--impar .evento-texto .evento-texto__ponente ~ p {
        color: #00617c; }
    .seccion-fechas__eventos--impar .evento-texto .evento-texto__link {
      font-size: 12px;
      color: #0082a4; }
    .seccion-fechas__eventos--impar .evento-texto span {
      font-style: italic;
      color: #9aa7af; }

.evento-imagen-circle {
  margin-right: 50px; }
  .evento-imagen-circle img {
    width: 100%;
    border-radius: 100%;
    width: 260px;
    height: 260px; }
  @media (max-width: 768px) {
    .evento-imagen-circle {
      margin: 0 15px 10px;
      text-align: center; } }

.seccion-fechas__eventos--par {
  padding: 30px 0; }
  .seccion-fechas__eventos--par > .container {
    display: -ms-flexbox;
    display: flex;
    padding: 0 120px; }
    @media (max-width: 480px) {
      .seccion-fechas__eventos--par > .container {
        display: block; } }
    @media (max-width: 768px) {
      .seccion-fechas__eventos--par > .container {
        padding: 0 30px; } }
  .seccion-fechas__eventos--par h4 .icon-separator:before {
    color: #e5e5e5; }
  .seccion-fechas__eventos--par .evento-texto {
    -ms-flex: 1;
        flex: 1;
    margin-right: 50px;
    text-align: left; }
    .seccion-fechas__eventos--par .evento-texto .evento-texto__hora {
      font-size: 12px; }
    @media (max-width: 992px) {
      .seccion-fechas__eventos--par .evento-texto {
        margin-right: 15px;
        margin-bottom: 10px; } }
    .seccion-fechas__eventos--par .evento-texto ul {
      font-size: 15px;
      line-height: 20px;
      color: #656565; }

.evento-imagen {
  width: 40%; }
  .evento-imagen img {
    width: 100%;
    height: auto; }
  @media (max-width: 480px) {
    .evento-imagen {
      width: 100%; } }

.evento-descripcion {
  font-size: 15px;
  line-height: 20px;
  color: #656565;
  margin-right: 15px;
  margin-bottom: 15px; }
  @media (max-width: 768px) {
    .evento-descripcion {
      margin: 0 auto 25px; } }
  .evento-descripcion .btn {
    width: 300px; }
    @media (max-width: 768px) {
      .evento-descripcion .btn {
        width: 100%; } }

.seccion-informacion {
  padding: 30px 0;
  background-color: #f5f8f8;
  z-index: 20;
  position: relative; }
  .seccion-informacion > .container {
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 992px) {
      .seccion-informacion > .container {
        display: block; } }

.seccion-logo {
  padding: 30px 0;
  z-index: 20;
  position: relative; }

.seccion-eventos-item {
  padding: 30px 0 0;
  color: black;
  text-align: left; }
  .seccion-eventos-item > .container {
    display: -ms-flexbox;
    display: flex;
    padding: 30px 120px; }
    @media (max-width: 768px) {
      .seccion-eventos-item > .container {
        display: block;
        padding: 30px 30px; } }
  @media (max-width: 768px) {
    .seccion-eventos-item {
      padding: 30px 15px 0; } }
  .seccion-eventos-item .evento-texto {
    -ms-flex: 1;
        flex: 1; }
    .seccion-eventos-item .evento-texto h5 {
      font-weight: bold;
      font-size: 24px;
      margin-bottom: 30px; }
    .seccion-eventos-item .evento-texto .evento-texto__ponente-cargo {
      display: block;
      font-size: 12px;
      margin-top: 15px; }
    .seccion-eventos-item .evento-texto .evento-texto__link {
      font-size: 12px; }
    .seccion-eventos-item .evento-texto .evento-cita {
      position: relative;
      margin-left: 60px; }
      @media (min-width: 992px) {
        .seccion-eventos-item .evento-texto .evento-cita {
          padding-right: 70px; } }
      .seccion-eventos-item .evento-texto .evento-cita span {
        font-style: italic;
        color: #9aa7af;
        font-family: opensans, Helvetica, Arial, sans-serif;
        font-size: 15px;
        line-height: 20px; }
    .seccion-eventos-item .evento-texto .evento-cita:before {
      content: '"';
      position: absolute;
      top: -40px;
      left: -70px;
      color: #9aa7af;
      font-size: 170px; }
    @media (max-width: 480px) {
      .seccion-eventos-item .evento-texto {
        margin-bottom: 15px; } }

.seccion-citas__cita--par {
  background-color: #f5f8f8; }

.sin-fondo {
  background-color: transparent !important; }

.seccion-recuerdos {
  padding: 90px 0 50px;
  background: #f5f8f8 url(../img/foto-camara.png) top right no-repeat; }
  .seccion-recuerdos .boton-eventos-grupo {
    font-size: 18px;
    padding: 25px; }
  @media (max-width: 480px) {
    .seccion-recuerdos {
      padding: 50px 0 50px; } }

.seccion-recuerdos-text {
  font-size: 22px;
  margin-bottom: 20px; }

.seccion-eventos-item {
  margin-bottom: 5px; }

.bloque-productos {
  width: 100%; }
  .bloque-productos .item-producto {
    width: 100%; }

.human-product {
  display: -ms-flexbox;
  display: flex;
  border: none; }
  @media (max-width: 480px) {
    .human-product {
      display: none; } }
  .human-product li {
    float: none;
    border: none;
    -ms-flex-positive: 1;
        flex-grow: 1; }
  .human-product .human-product__item {
    position: relative;
    border: none;
    padding: 0; }
    .human-product .human-product__item img {
      width: 100%; }
    .human-product .human-product__item .human-product__item-bottom {
      display: none;
      cursor: pointer; }
      .human-product .human-product__item .human-product__item-bottom .human-product__item-bottom-text {
        position: relative;
        bottom: 20px; }
        .human-product .human-product__item .human-product__item-bottom .human-product__item-bottom-text p {
          font-size: 20px; }
    .human-product .human-product__item:hover .human-product__item-bottom {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      color: white;
      -ms-flex-align: end;
          align-items: flex-end;
      text-align: left;
      background: #1c252c;
      background: -webkit-gradient(left bottom, right bottom, color-stop(0%, #1c252c), color-stop(50%, transparent));
      background: linear-gradient(to top, #1c252c 0%, transparent 50%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c252c', endColorstr='transparent', GradientType=1 ); }
  .human-product:focus {
    border: none;
    box-shadow: none; }
  .human-product:hover .human-product__item,
  .human-product li.active .human-product__item {
    border: none; }
    .human-product:hover .human-product__item:hover,
    .human-product li.active .human-product__item:hover {
      border: none; }
  .human-product li.active {
    border: none; }
    .human-product li.active .human-product__item-bottom {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      color: white;
      -ms-flex-align: end;
          align-items: flex-end;
      text-align: left;
      background: #1c252c;
      background: -webkit-gradient(left bottom, right bottom, color-stop(0%, #1c252c), color-stop(50%, transparent));
      background: linear-gradient(to top, #1c252c 0%, transparent 50%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c252c', endColorstr='transparent', GradientType=1 ); }

.human-tabs-container {
  padding: 0 0 30px; }

@media (max-width: 480px) {
  .human-product--content-item {
    display: block !important;
    opacity: 1 !important; } }

.listado-deco {
  list-style: none;
  padding: 25px 0; }
  .listado-deco li {
    background: url(../img/lista-plant.png) left top no-repeat;
    padding: 10px 0 20px 45px; }

.listado-deco--human li {
  background: url(../img/lista-human.png) left top no-repeat; }

.bloque-empresa {
  background: white;
  text-align: center;
  padding: 25px  20px;
  height: 100%; }
  .bloque-empresa img {
    margin: 0 auto 10px; }

.products-label {
  margin-top: 30px; }

.products-label__name {
  background: #00a493;
  padding: 6px 30px;
  color: white;
  border-radius: 30px;
  font-size: 22px;
  text-transform: uppercase;
  position: relative;
  z-index: 10; }
  .products-label__name::before {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #00a493;
    top: 50%;
    left: -20px;
    width: 20px; }
  .products-label__name::after {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #00a493;
    top: 50%;
    right: -20px;
    width: 20px; }

.job-tabs {
  overflow: hidden; }

.job-tabs-nav {
  border-bottom: none; }
  .job-tabs-nav .tabs-control {
    color: #00617c;
    border: 1px solid #00617c;
    width: 100%;
    padding: 6px;
    position: relative; }
    .job-tabs-nav .tabs-control select {
      width: 100%; }
    .job-tabs-nav .tabs-control span {
      position: absolute;
      top: 10px;
      right: 13px; }

.job-tabs--item {
  width: 45%;
  border: none;
  text-align: center;
  border: 1px solid #979797;
  text-transform: uppercase;
  margin: 0 20px 0 0; }

.job-tabs-nav > li > a {
  border: none;
  border-radius: 0;
  margin: 0; }
  .job-tabs-nav > li > a:hover {
    background: #00617c;
    color: white !important; }

.job-tabs-nav > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border: 1px solid #00617c;
  background: #00617c;
  color: white; }

.job-tabs-filter {
  margin: 30px 0 60px;
  padding: 0; }
  .job-tabs-filter li {
    list-style: none;
    display: inline-block;
    margin-right: 6px; }
    .job-tabs-filter li a {
      padding: 6px;
      border-radius: 5px;
      display: block;
      text-decoration: none; }
    .job-tabs-filter li.all-theme a {
      border: 1px solid #7a8527;
      color: #7a8527; }
      .job-tabs-filter li.all-theme a:hover, .job-tabs-filter li.all-theme a.active {
        background: #7a8527;
        color: white !important; }
    .job-tabs-filter li.all-theme.active a {
      background: #7a8527;
      color: white !important; }
    .job-tabs-filter li.brand-theme a {
      border: 1px solid #00617c;
      color: #00617c; }
      .job-tabs-filter li.brand-theme a:hover {
        background: #00617c;
        color: white !important; }
    .job-tabs-filter li.brand-theme.active a {
      background: #00617c;
      color: white !important; }
    .job-tabs-filter li.plant-theme a {
      border: 1px solid #850f66;
      color: #850f66; }
      .job-tabs-filter li.plant-theme a:hover {
        background: #850f66;
        color: white !important; }
    .job-tabs-filter li.plant-theme.active a {
      background: #850f66;
      color: white !important; }
    .job-tabs-filter li.animal-theme a {
      border: 1px solid #0082a4;
      color: #0082a4; }
      .job-tabs-filter li.animal-theme a:hover {
        background: #0082a4;
        color: white !important; }
    .job-tabs-filter li.animal-theme.active a {
      background: #0082a4;
      color: white !important; }
    .job-tabs-filter li.human-theme a {
      border: 1px solid #00a493;
      color: #00a493; }
      .job-tabs-filter li.human-theme a:hover {
        background: #00a493;
        color: white !important; }
    .job-tabs-filter li.human-theme.active a {
      background: #00a493;
      color: white !important; }

.job-tabs-title {
  color: white;
  font-size: 18px;
  padding: 6px 30px;
  text-transform: uppercase;
  margin-bottom: 30px; }

.job-list ul {
  padding: 0;
  margin: 0; }

.job-list-item {
  list-style: none;
  padding: 0 0 30px 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid #d8d8d8; }
  .job-list-item ul {
    list-style: none;
    padding: 0;
    margin: 0; }

.job-list-item-title a {
  font-size: 16px;
  font-weight: bold !important;
  text-decoration: none !important; }

.theme-brand .job-tabs-title {
  background: #00617c; }

.theme-brand .job-list-item-title {
  color: #00617c; }
  .theme-brand .job-list-item-title a {
    color: #00617c;
    text-decoration: none !important; }

.theme-plant .job-tabs-title {
  background: #850f66; }

.theme-plant .job-list-item-title a {
  color: #850f66; }

.theme-animal .job-tabs-title {
  background: #0082a4; }

.theme-animal .job-list-item-title a {
  color: #0082a4; }

.theme-human .job-tabs-title {
  background: #00a493; }

.theme-human .job-list-item-title a {
  color: #00a493; }

.link-top {
  text-align: right;
  position: relative;
  padding-top: 14px; }
  .link-top span {
    position: absolute;
    top: 0;
    right: 13px;
    font-size: 20px;
    display: block; }

.link-top-item {
  color: #00617c !important;
  text-transform: uppercase;
  text-decoration: none !important; }

.job-offers .carousel {
  padding: 15px 0;
  min-height: 280px; }

.job-offers .carousel-control span {
  color: #00617c;
  font-size: 25px !important; }

.job-offers .webform-confirmation {
  padding: 30px;
  margin-bottom: 30px; }
  .job-offers .webform-confirmation p {
    color: white; }

.job-offers .links a {
  background: white;
  text-decoration: none; }

.olmix-color a {
  color: #00617c !important; }

.olmix-color a:hover {
  color: #7a8527 !important; }

.fileUpload {
  position: relative;
  overflow: hidden;
  margin: 10px auto; }
  .fileUpload span {
    color: white;
    position: relative;
    top: 8px;
    background: #00617c;
    width: 250px;
    padding: 15px 15px 10px; }

.MultiFile-list {
  margin-top: 60px; }

.MultiFile-label {
  margin-left: 45px;
  margin-bottom: 10px;
  text-align: left; }
  .MultiFile-label .MultiFile-remove {
    color: #00617c;
    text-decoration: none;
    font-size: 11px;
    font-style: italic;
    padding-right: 15px;
    margin-right: 5px;
    background: url("../img/ico-trash.svg") right top no-repeat;
    background-size: contain; }
    .MultiFile-label .MultiFile-remove:hover {
      color: #7a8527 !important; }
  .MultiFile-label .MultiFile-title {
    font-size: 12px;
    top: 0;
    background: white;
    padding: 0;
    color: #333; }

.seccion-offer {
  background-color: #f5f8f8;
  padding: 30px; }

.bloque-noticia {
  color: #353535;
  border: 1px solid #e5e5e5; }

.bloque-noticia--img {
  width: 100%; }
  .bloque-noticia--img img {
    max-width: 100%; }

.bloque-noticia-etiqueta {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold; }

.bloque-noticia-fecha {
  font-size: 12px; }

.bloque-noticia-titulo {
  font-size: 15px;
  font-weight: bold; }

.bloque-noticia__destacada-titulo {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 15px; }

.bloque-noticia__destacada-intro {
  font-size: 20px; }

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

.bloque-sala-prensa__header {
  background: #fff;
  padding: 30px 0 20px;
  text-align: center;
  text-transform: uppercase; }
  .bloque-sala-prensa__header p {
    color: #00617c;
    font-weight: bold; }
  .bloque-sala-prensa__header .detalle-titulo {
    color: #9aa7af; }

.bloque-sala-prensa-img img {
  max-width: 100%; }

.bloque-sala-prensa__body {
  padding: 30px 15px;
  background: #F5F8F8;
  color: #353535; }

.bloque-sala-prensa__etiqueta {
  color: #00617c;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 6px; }

.bloque-sala-prensa__fecha {
  font-size: 12px; }

.bloque-sala-prensa__titulo {
  font-weight: bold;
  font-size: 18px; }

.bloque-sala-prensa__footer {
  padding: 15px;
  font-size: 12px;
  color: #353535; }
  .bloque-sala-prensa__footer span {
    display: block; }

.bloque-sala-prensa-boton {
  text-align: center; }

.bloque-sala-prensa_corporativo {
  background: #f5f8f8; }
  .bloque-sala-prensa_corporativo .bloque-sala-prensa__header {
    background: transparent;
    padding: 30px 0 10px; }
    .bloque-sala-prensa_corporativo .bloque-sala-prensa__header p {
      margin: 0; }

.listado-download {
  list-style: none;
  margin-bottom: 20px; }
  .listado-download li {
    font-size: 13px; }
    .listado-download li a {
      color: #00617c; }

.bloque-noticia-body_title {
  text-align: center;
  color: #00617c;
  text-transform: uppercase; }
  .bloque-noticia-body_title span {
    color: #9aa7af; }

.bloque-noticia--img img {
  margin: 0 auto 15px;
  width: 100%; }

.bloque-noticia--img p {
  font-size: 12px;
  color: #00617c;
  padding: 0;
  margin-bottom: 5px; }

.link-kit {
  margin-bottom: 30px;
  position: relative;
  padding: 40px 0; }
  .link-kit .bloque {
    background: #00617c;
    max-height: 64px; }
  .link-kit img {
    position: absolute;
    top: 13px;
    left: 30px; }
    @media (max-width: 1024px) {
      .link-kit img {
        left: 3px; } }
    @media (max-width: 500px) {
      .link-kit img {
        left: 20px; } }

.link-kit-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end; }
  .link-kit-link .link-kit-link-icon {
    width: 75px;
    background: #007d9d;
    color: #fff;
    font-size: 25px;
    height: 64px;
    margin-left: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    @media (max-width: 1024px) {
      .link-kit-link .link-kit-link-icon {
        margin-left: 5px; } }

.link-kit-link-text {
  color: #fff; }
  .link-kit-link-text:hover {
    color: #7a8527 !important; }

.link-video {
  background: #00617c;
  margin-bottom: 30px; }

.link-video-link {
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -ms-flex-align: center;
      align-items: center; }
  .link-video-link img {
    margin-right: 15px; }
  .link-video-link:hover {
    color: #7a8527 !important; }

body.cookiedis {
  background: #000; }

.contentpage.cookiedis {
  opacity: 0.1; }

.eu-cookie-compliance-more-button {
  display: none !important; }

.sliding-popup-bottom {
  width: 100% !important; }

.popup-content {
  margin: 0 auto !important;
  display: block !important; }

#popup-text {
  display: block !important;
  margin: 0 auto !important;
  margin: 0 !important; }
  #popup-text p {
    font-size: 16px !important;
    font-weight: normal !important; }
    @media (max-width: 700px) {
      #popup-text p {
        font-size: 12px !important; } }
    #popup-text p a {
      text-decoration: underline !important;
      color: #fff !important; }
  @media (max-width: 700px) {
    #popup-text .img-responsive {
      width: 30%; } }

#sliding-popup #popup-buttons {
  display: block !important;
  max-width: 100% !important; }
  @media (max-width: 700px) {
    #sliding-popup #popup-buttons {
      text-align: center; } }
  #sliding-popup #popup-buttons button {
    padding: 15px !important; }
  #sliding-popup #popup-buttons .eu-cookie-compliance-secondary-button {
    font-size: 20px !important;
    float: right !important;
    margin: 0 5px !important;
    color: #005266 !important;
    background: #fff !important; }
    @media (max-width: 700px) {
      #sliding-popup #popup-buttons .eu-cookie-compliance-secondary-button {
        float: none !important;
        margin: 20px 10px 10px 0 !important;
        font-size: 16px !important; } }
  #sliding-popup #popup-buttons .eu-cookie-compliance-default-button {
    font-size: 20px !important;
    float: right !important;
    margin: 0px 5px !important; }
    @media (max-width: 700px) {
      #sliding-popup #popup-buttons .eu-cookie-compliance-default-button {
        float: none !important;
        margin: 20px 0 10px 0 !important;
        font-size: 16px !important; } }

.seccion-destacado-eventos {
  padding: 30px 0; }

.seccion-eventos_antetitle {
  text-transform: uppercase;
  font-size: 26px;
  color: #00617c;
  margin-bottom: 15px !important; }
  @media (max-width: 700px) {
    .seccion-eventos_antetitle {
      padding: 10px; } }

.bloque-evento-destacado__data-logo {
  margin-right: 80px;
  width: 165px;
  text-align: center;
  color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .bloque-evento-destacado__data-logo img {
    margin: 0 auto; }
  @media (max-width: 700px) {
    .bloque-evento-destacado__data-logo {
      display: -ms-flexbox;
      display: flex;
      width: 100%; } }

.bloque-evento-destacado__data {
  display: block;
  height: 165px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  @media (max-width: 700px) {
    .bloque-evento-destacado__data {
      min-width: 100px;
      height: 100px; } }

.bloque-evento-destacado__data-day {
  font-size: 26px; }

.bloque-evento-destacado__data-month {
  text-transform: uppercase;
  font-size: 18px; }

.bloque-evento-destacado__logo {
  background: #fff;
  height: 165px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0 10px; }
  .bloque-evento-destacado__logo img {
    max-width: 100%; }
  @media (max-width: 700px) {
    .bloque-evento-destacado__logo {
      min-width: 100px;
      height: 100px; } }

.bloque-evento-destacado__body {
  padding: 60px 0;
  color: #fff;
  -ms-flex-positive: 1;
      flex-grow: 1; }
  @media (max-width: 700px) {
    .bloque-evento-destacado__body {
      padding: 30px 0 50px; } }

.bloque-evento-destacado__body-title {
  color: #fff;
  text-transform: uppercase;
  font-size: 48px;
  font-weight: bold; }
  @media (max-width: 700px) {
    .bloque-evento-destacado__body-title {
      font-size: 24px; } }

.bloque-evento-destacado__content {
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0;
  -ms-flex-align: center;
      align-items: center; }
  .bloque-evento-destacado__content .icon {
    font-size: 50px;
    margin-right: 15px; }
    @media (max-width: 700px) {
      .bloque-evento-destacado__content .icon {
        font-size: 30px; } }
  .bloque-evento-destacado__content span {
    font-size: 26px;
    display: block;
    line-height: 25px;
    text-transform: uppercase;
    border-bottom: 3px solid #fff;
    padding-bottom: 15px; }
    @media (max-width: 700px) {
      .bloque-evento-destacado__content span {
        font-size: 20px;
        padding-bottom: 5px; } }

.bloque-evento-destacado__stand {
  margin-right: 30px; }

.eventos-body-boton {
  padding: 60px 0 0;
  color: #fff; }
  @media (max-width: 700px) {
    .eventos-body-boton {
      text-align: center;
      padding: 15px 0 0; } }
  .eventos-body-boton a {
    color: #fff !important;
    border: 1px solid #fff; }

.seccion-eventos__listado {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left; }

.seccion-eventos__listado-item {
  border-top: 5px solid #d8d8d8;
  cursor: pointer;
  margin-bottom: 15px;
  position: relative; }
  .seccion-eventos__listado-item:hover {
    background: #f5f8f8; }

.seccion-eventos__listado-item-data {
  color: #fff;
  width: 165px;
  height: 165px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative; }
  .seccion-eventos__listado-item-data .data-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    font-size: 30px; }
    @media (max-width: 700px) {
      .seccion-eventos__listado-item-data .data-item {
        font-size: 18px; } }
  .seccion-eventos__listado-item-data .data-separator {
    padding: 0 10px;
    display: block;
    font-size: 48px; }
    @media (max-width: 700px) {
      .seccion-eventos__listado-item-data .data-separator {
        font-size: 18px; } }
  .seccion-eventos__listado-item-data span {
    display: block;
    text-transform: uppercase;
    font-size: 18px; }
  .seccion-eventos__listado-item-data .seccion-eventos__listado-item-today {
    position: absolute;
    font-size: 16px;
    padding: 5px 0;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    background: #7a8527; }
    @media (max-width: 700px) {
      .seccion-eventos__listado-item-data .seccion-eventos__listado-item-today {
        font-size: 11px; } }
  .seccion-eventos__listado-item-data .seccion-eventos__listado-item-today:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(122, 133, 39, 0);
    border-top-color: #7a8527;
    border-width: 9px;
    margin-left: -9px; }
    @media (max-width: 700px) {
      .seccion-eventos__listado-item-data .seccion-eventos__listado-item-today:after {
        border-width: 4px;
        margin-left: -4px; } }
  @media (max-width: 700px) {
    .seccion-eventos__listado-item-data {
      width: 100px;
      height: 100px;
      font-size: 20px;
      padding: 10px; }
      .seccion-eventos__listado-item-data span {
        font-size: 16px; } }

.seccion-eventos__listado-item-logo {
  width: 165px;
  height: 165px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: #fff;
  padding: 0 20px; }
  .seccion-eventos__listado-item-logo img {
    width: 100%; }
  @media (max-width: 700px) {
    .seccion-eventos__listado-item-logo {
      width: 60%;
      height: auto; } }

.seccion-eventos__listado-item-body {
  padding: 50px 0 0 40px; }
  .seccion-eventos__listado-item-body h4 a {
    text-decoration: none;
    font-weight: bold !important;
    text-transform: uppercase; }
    @media (max-width: 700px) {
      .seccion-eventos__listado-item-body h4 a {
        font-size: 18px; } }
  @media (max-width: 700px) {
    .seccion-eventos__listado-item-body {
      padding: 20px 10px; }
      .seccion-eventos__listado-item-body p span {
        display: block; } }

.seccion-eventos__listado-item-body-item {
  padding: 3px 7px;
  color: #fff;
  text-transform: uppercase; }
  @media (max-width: 700px) {
    .seccion-eventos__listado-item-body-item {
      margin-top: 15px;
      display: block; } }

.seccion-eventos__listado-item-body-next {
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 30px;
  text-decoration: none !important; }

.eventos-pasados {
  border-bottom: 1px solid #d8d8d8;
  border-top: 6px solid #00617c;
  padding: 80px 0;
  margin-top: 60px;
  background: #f5f8f8; }

.bloque-eventos-pasados {
  padding: 0 15px 15px !important;
  border-top: 2px solid #9aa7af; }
  .bloque-eventos-pasados p {
    padding-top: 15px;
    margin-bottom: 0; }

.bloque-eventos-pasados__data {
  margin: 0 15px 0 0;
  background: #9aa7af;
  padding: 15px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  min-width: 75px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  @media (max-width: 700px) {
    .bloque-eventos-pasados__data {
      margin: 0; } }
  .bloque-eventos-pasados__data span {
    display: block;
    text-transform: uppercase; }
    @media (max-width: 700px) {
      .bloque-eventos-pasados__data span {
        display: inline; } }

.theme-group a {
  text-decoration: underline;
  color: #00617c;
  font-weight: normal !important; }

.theme-group .seccion-cabecera--ficha h1 {
  color: #00617c; }

.theme-group .seccion-formulario {
  background-color: #00617c; }

.theme-group .evento-grupo {
  background-color: #7a8527; }

.theme-group .tit-eventos {
  color: #00617c; }

.theme-group .seccion-cabecera--titulo--largo {
  color: #00617c; }

.theme-group .fecha-evento-grupo__fecha {
  color: #7a8527; }

.theme-group .seccion-fechas__eventos--impar .evento-texto h5 {
  color: #00617c; }

.theme-group .seccion-fechas__eventos--impar .evento-texto .evento-texto__ponente {
  color: #00617c; }

.theme-group .seccion-fechas__eventos--par h4 {
  color: #00617c; }

.theme-group .seccion-informacion {
  border-top: solid 5px #00617c; }

.theme-group .seccion-informacion h4 {
  color: #00617c; }

.theme-group .block-action {
  background-color: #00617c; }

.theme-group .block-share {
  padding: 30px; }
  .theme-group .block-share .sharethis-buttons span {
    font-size: 45px;
    color: #005266; }

.theme-group .theme-group .evento-grupo {
  background-color: #7a8527; }

.theme-group .seccion-fechas--degradado,
.theme-group .bloque-evento-destacado,
.theme-group .seccion-news-moments__degradado {
  background: #00617c;
  background: -webkit-gradient(top top, top bottom, color-stop(0%, #00617c), color-stop(100%, #00b1e2));
  background: linear-gradient(to bottom, #00617c 0%, #00b1e2 100%); }

.theme-group .seccion-news-moments {
  border-bottom: 6px solid #00617c; }

.theme-group .seccion-titulo--degradado {
  padding: 30px 0;
  background: #00617c;
  background: -webkit-gradient(left top, right top, color-stop(0%, #00617c), color-stop(100%, #00b1e2));
  background: linear-gradient(to right, #00617c 0%, #00b1e2 100%); }
  .theme-group .seccion-titulo--degradado .seccion__titulo, .theme-group .seccion-titulo--degradado .seccion__subtitulo, .theme-group .seccion-titulo--degradado .detalle-titulo {
    color: white; }

.theme-group .seccion-news-moment__titulo {
  background-color: #00b1e2;
  padding: 10px;
  max-width: 90%; }

.theme-group .carrusel-arrow {
  background-color: #00b1e2; }

.theme-group .bloque-evento-destacado__data {
  background: #00617c !important; }

.theme-group .seccion-eventos__listado-item-data {
  background: #00617c !important; }

.theme-group .seccion-eventos__listado-item-body-item {
  background: #00617c !important; }

.theme-group .seccion-eventos__listado-item:hover {
  border-top: 5px solid #00617c !important; }

.theme-group .boton-eventos-grupo {
  display: inline-block; }
  .theme-group .boton-eventos-grupo:hover {
    color: #00617c !important; }

.theme-group .eventos-body-boton .btn {
  background: #00617c !important; }

.theme-group .evento-texto .icono {
  color: #00617c; }

.theme-group .seccion-eventos-item {
  border-left: 20px solid #00617c; }

.theme-group .evento-texto__ponente-cargo {
  color: #00617c; }

.theme-group .seccion-logo {
  border-top: solid 5px #00617c; }

.theme-group .boton-eventos-grupo:hover {
  color: #00617c !important; }

.theme-group .past-event-title {
  color: #00617c !important; }
  .theme-group .past-event-title a {
    text-decoration: none !important;
    font-weight: bold !important; }

.theme-animal a {
  text-decoration: underline;
  color: #0082a4;
  font-weight: normal !important; }

.theme-animal .seccion-cabecera--ficha h1 {
  color: #0082a4; }

.theme-animal .seccion-formulario {
  background-color: #0082a4; }

.theme-animal .evento-grupo {
  background-color: #54AAC1; }

.theme-animal .tit-eventos {
  color: #0082a4; }

.theme-animal .seccion-cabecera--titulo--largo {
  color: #0082a4; }

.theme-animal .fecha-evento-grupo__fecha {
  color: #54AAC1; }

.theme-animal .seccion-fechas__eventos--impar .evento-texto h5 {
  color: #0082a4; }

.theme-animal .seccion-fechas__eventos--impar .evento-texto .evento-texto__ponente {
  color: #0082a4; }

.theme-animal .seccion-fechas__eventos--par h4 {
  color: #0082a4; }

.theme-animal .seccion-informacion {
  border-top: solid 5px #0082a4; }

.theme-animal .seccion-informacion h4 {
  color: #0082a4; }

.theme-animal .block-action {
  background-color: #0082a4; }

.theme-animal .block-share {
  padding: 30px; }
  .theme-animal .block-share .sharethis-buttons span {
    font-size: 45px;
    color: #005266; }

.theme-animal .theme-group .evento-grupo {
  background-color: #54AAC1; }

.theme-animal .seccion-fechas--degradado,
.theme-animal .bloque-evento-destacado,
.theme-animal .seccion-news-moments__degradado {
  background: #0082a4;
  background: -webkit-gradient(top top, top bottom, color-stop(0%, #0082a4), color-stop(100%, #0bccff));
  background: linear-gradient(to bottom, #0082a4 0%, #0bccff 100%); }

.theme-animal .seccion-news-moments {
  border-bottom: 6px solid #0082a4; }

.theme-animal .seccion-titulo--degradado {
  padding: 30px 0;
  background: #0082a4;
  background: -webkit-gradient(left top, right top, color-stop(0%, #0082a4), color-stop(100%, #0bccff));
  background: linear-gradient(to right, #0082a4 0%, #0bccff 100%); }
  .theme-animal .seccion-titulo--degradado .seccion__titulo, .theme-animal .seccion-titulo--degradado .seccion__subtitulo, .theme-animal .seccion-titulo--degradado .detalle-titulo {
    color: white; }

.theme-animal .seccion-news-moment__titulo {
  background-color: #0bccff;
  padding: 10px;
  max-width: 90%; }

.theme-animal .carrusel-arrow {
  background-color: #0bccff; }

.theme-animal .bloque-evento-destacado__data {
  background: #0082a4 !important; }

.theme-animal .seccion-eventos__listado-item-data {
  background: #0082a4 !important; }

.theme-animal .seccion-eventos__listado-item-body-item {
  background: #0082a4 !important; }

.theme-animal .seccion-eventos__listado-item:hover {
  border-top: 5px solid #0082a4 !important; }

.theme-animal .boton-eventos-grupo {
  display: inline-block; }
  .theme-animal .boton-eventos-grupo:hover {
    color: #0082a4 !important; }

.theme-animal .eventos-body-boton .btn {
  background: #0082a4 !important; }

.theme-animal .evento-texto .icono {
  color: #0082a4; }

.theme-animal .seccion-eventos-item {
  border-left: 20px solid #0082a4; }

.theme-animal .evento-texto__ponente-cargo {
  color: #0082a4; }

.theme-animal .seccion-logo {
  border-top: solid 5px #0082a4; }

.theme-animal .boton-eventos-grupo:hover {
  color: #0082a4 !important; }

.theme-animal .past-event-title {
  color: #0082a4 !important; }
  .theme-animal .past-event-title a {
    text-decoration: none !important;
    font-weight: bold !important; }

.theme-plant a {
  text-decoration: underline;
  color: #850f66;
  font-weight: normal !important; }

.theme-plant .seccion-cabecera--ficha h1 {
  color: #850f66; }

.theme-plant .seccion-formulario {
  background-color: #850f66; }

.theme-plant .evento-grupo {
  background-color: #8FC100; }

.theme-plant .tit-eventos {
  color: #850f66; }

.theme-plant .seccion-cabecera--titulo--largo {
  color: #850f66; }

.theme-plant .fecha-evento-grupo__fecha {
  color: #8FC100; }

.theme-plant .seccion-fechas__eventos--impar .evento-texto h5 {
  color: #850f66; }

.theme-plant .seccion-fechas__eventos--impar .evento-texto .evento-texto__ponente {
  color: #850f66; }

.theme-plant .seccion-fechas__eventos--par h4 {
  color: #850f66; }

.theme-plant .seccion-informacion {
  border-top: solid 5px #850f66; }

.theme-plant .seccion-informacion h4 {
  color: #850f66; }

.theme-plant .block-action {
  background-color: #850f66; }

.theme-plant .block-share {
  padding: 30px; }
  .theme-plant .block-share .sharethis-buttons span {
    font-size: 45px;
    color: #005266; }

.theme-plant .theme-group .evento-grupo {
  background-color: #8FC100; }

.theme-plant .seccion-fechas--degradado,
.theme-plant .bloque-evento-destacado,
.theme-plant .seccion-news-moments__degradado {
  background: #850f66;
  background: -webkit-gradient(top top, top bottom, color-stop(0%, #850f66), color-stop(100%, #e119ac));
  background: linear-gradient(to bottom, #850f66 0%, #e119ac 100%); }

.theme-plant .seccion-news-moments {
  border-bottom: 6px solid #850f66; }

.theme-plant .seccion-titulo--degradado {
  padding: 30px 0;
  background: #850f66;
  background: -webkit-gradient(left top, right top, color-stop(0%, #850f66), color-stop(100%, #e119ac));
  background: linear-gradient(to right, #850f66 0%, #e119ac 100%); }
  .theme-plant .seccion-titulo--degradado .seccion__titulo, .theme-plant .seccion-titulo--degradado .seccion__subtitulo, .theme-plant .seccion-titulo--degradado .detalle-titulo {
    color: white; }

.theme-plant .seccion-news-moment__titulo {
  background-color: #e119ac;
  padding: 10px;
  max-width: 90%; }

.theme-plant .carrusel-arrow {
  background-color: #e119ac; }

.theme-plant .bloque-evento-destacado__data {
  background: #850f66 !important; }

.theme-plant .seccion-eventos__listado-item-data {
  background: #850f66 !important; }

.theme-plant .seccion-eventos__listado-item-body-item {
  background: #850f66 !important; }

.theme-plant .seccion-eventos__listado-item:hover {
  border-top: 5px solid #850f66 !important; }

.theme-plant .boton-eventos-grupo {
  display: inline-block; }
  .theme-plant .boton-eventos-grupo:hover {
    color: #850f66 !important; }

.theme-plant .eventos-body-boton .btn {
  background: #850f66 !important; }

.theme-plant .evento-texto .icono {
  color: #850f66; }

.theme-plant .seccion-eventos-item {
  border-left: 20px solid #850f66; }

.theme-plant .evento-texto__ponente-cargo {
  color: #850f66; }

.theme-plant .seccion-logo {
  border-top: solid 5px #850f66; }

.theme-plant .boton-eventos-grupo:hover {
  color: #850f66 !important; }

.theme-plant .past-event-title {
  color: #850f66 !important; }
  .theme-plant .past-event-title a {
    text-decoration: none !important;
    font-weight: bold !important; }

.theme-human a {
  text-decoration: underline;
  color: #00a493;
  font-weight: normal !important; }

.theme-human .seccion-cabecera--ficha h1 {
  color: #00a493; }

.theme-human .seccion-formulario {
  background-color: #00a493; }

.theme-human .evento-grupo {
  background-color: #44CDBF; }

.theme-human .tit-eventos {
  color: #00a493; }

.theme-human .seccion-cabecera--titulo--largo {
  color: #00a493; }

.theme-human .fecha-evento-grupo__fecha {
  color: #44CDBF; }

.theme-human .seccion-fechas__eventos--impar .evento-texto h5 {
  color: #00a493; }

.theme-human .seccion-fechas__eventos--impar .evento-texto .evento-texto__ponente {
  color: #00a493; }

.theme-human .seccion-fechas__eventos--par h4 {
  color: #00a493; }

.theme-human .seccion-informacion {
  border-top: solid 5px #00a493; }

.theme-human .seccion-informacion h4 {
  color: #00a493; }

.theme-human .block-action {
  background-color: #00a493; }

.theme-human .block-share {
  padding: 30px; }
  .theme-human .block-share .sharethis-buttons span {
    font-size: 45px;
    color: #005266; }

.theme-human .theme-group .evento-grupo {
  background-color: #44CDBF; }

.theme-human .seccion-fechas--degradado,
.theme-human .bloque-evento-destacado,
.theme-human .seccion-news-moments__degradado {
  background: #00a493;
  background: -webkit-gradient(top top, top bottom, color-stop(0%, #00a493), color-stop(100%, #0bffe6));
  background: linear-gradient(to bottom, #00a493 0%, #0bffe6 100%); }

.theme-human .seccion-news-moments {
  border-bottom: 6px solid #00a493; }

.theme-human .seccion-titulo--degradado {
  padding: 30px 0;
  background: #00a493;
  background: -webkit-gradient(left top, right top, color-stop(0%, #00a493), color-stop(100%, #0bffe6));
  background: linear-gradient(to right, #00a493 0%, #0bffe6 100%); }
  .theme-human .seccion-titulo--degradado .seccion__titulo, .theme-human .seccion-titulo--degradado .seccion__subtitulo, .theme-human .seccion-titulo--degradado .detalle-titulo {
    color: white; }

.theme-human .seccion-news-moment__titulo {
  background-color: #0bffe6;
  padding: 10px;
  max-width: 90%; }

.theme-human .carrusel-arrow {
  background-color: #0bffe6; }

.theme-human .bloque-evento-destacado__data {
  background: #00a493 !important; }

.theme-human .seccion-eventos__listado-item-data {
  background: #00a493 !important; }

.theme-human .seccion-eventos__listado-item-body-item {
  background: #00a493 !important; }

.theme-human .seccion-eventos__listado-item:hover {
  border-top: 5px solid #00a493 !important; }

.theme-human .boton-eventos-grupo {
  display: inline-block; }
  .theme-human .boton-eventos-grupo:hover {
    color: #00a493 !important; }

.theme-human .eventos-body-boton .btn {
  background: #00a493 !important; }

.theme-human .evento-texto .icono {
  color: #00a493; }

.theme-human .seccion-eventos-item {
  border-left: 20px solid #00a493; }

.theme-human .evento-texto__ponente-cargo {
  color: #00a493; }

.theme-human .seccion-logo {
  border-top: solid 5px #00a493; }

.theme-human .boton-eventos-grupo:hover {
  color: #00a493 !important; }

.theme-human .past-event-title {
  color: #00a493 !important; }
  .theme-human .past-event-title a {
    text-decoration: none !important;
    font-weight: bold !important; }

.seccion-news-moments {
  padding: 40px 0 90px;
  background-image: url(../img/bk-moments.png);
  background-repeat: no-repeat;
  background-size: cover; }
  .seccion-news-moments .icon {
    color: #fff; }
  .seccion-news-moments .control-slide .btn {
    position: absolute;
    padding: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 10;
    text-decoration: none; }
    @media (max-width: 768px) {
      .seccion-news-moments .control-slide .btn {
        top: 10%; } }
    .seccion-news-moments .control-slide .btn span {
      padding: 10px;
      opacity: 0.7; }
  .seccion-news-moments .control-slide a.prev {
    left: 15px; }
    @media (max-width: 768px) {
      .seccion-news-moments .control-slide a.prev {
        left: 5px; } }
  .seccion-news-moments .control-slide a.next {
    right: 320px; }
    @media (max-width: 768px) {
      .seccion-news-moments .control-slide a.next {
        right: 5px; } }

.seccion-news-moment__titulo {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  max-width: 80%;
  margin: 0 auto 15px;
  font-weight: bold;
  text-align: center;
  font-size: 18px; }
  @media (max-width: 768px) {
    .seccion-news-moment__titulo {
      font-size: 16px;
      line-height: 22px; } }

.carrusel-item__moments {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  background: white;
  padding: 5px; }
  @media (max-width: 768px) {
    .carrusel-item__moments {
      display: block; } }

.carrusel-item__img {
  position: relative;
  width: 80%; }
  @media (max-width: 768px) {
    .carrusel-item__img {
      width: 100%; } }
  .carrusel-item__img img {
    width: 100%; }

.carrusel-item__text {
  width: 20%;
  padding: 20px; }
  @media (max-width: 768px) {
    .carrusel-item__text {
      width: 100%;
      width: 100%; } }

.carrusel-item__moments-title {
  font-size: 26px;
  color: #353535;
  font-weight: bold; }
  @media (max-width: 480px) {
    .carrusel-item__moments-title {
      font-size: 22px; } }

.carrusel-item__moments-subtitle {
  font-size: 18px;
  color: #353535;
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: bold; }

.seccion-news-moments__footer {
  text-align: center;
  margin-top: 30px; }
  .seccion-news-moments__footer .logo-pie--icono {
    font-size: 100px;
    color: #00617c; }

.region-select {
  margin: 45px 0;
  padding: 30px;
  border-top: 4px solid #0082a4;
  background: #f5f8f8;
  text-align: center; }
  .region-select p {
    margin-bottom: 25px; }
  .region-select .form-select {
    appearance: menulist;
    max-width: 25%;
    margin: 0 auto; }
    @media (max-width: 768px) {
      .region-select .form-select {
        max-width: 100%; } }

.popup-algimun {
  max-width: 100%;
  min-height: 520px;
  position: relative;
  overflow: hidden;
  background: #fff;
  padding-bottom: 20px; }

.popup-algimun--content {
  float: right; }
  @media (max-width: 480px) {
    .popup-algimun--content {
      float: none; } }

.popup-algimun--title {
  width: 395px;
  padding: 30px 50px;
  text-align: right;
  color: #fff;
  background: linear-gradient(to right, #02c1ff 0%, #00a0d4 58%, #00a0d4 69%, #00a0d4 100%); }
  @media (max-width: 480px) {
    .popup-algimun--title {
      padding: 20px 25px; } }
  @media (max-width: 480px) {
    .popup-algimun--title {
      width: 100%; } }
  .popup-algimun--title p {
    font-size: 30px;
    line-height: 40px;
    font-family: 'Montserrat', sans-serif; }

.popup-algimun--img {
  position: absolute;
  left: 0; }
  @media (max-width: 480px) {
    .popup-algimun--img {
      top: 170px; }
      .popup-algimun--img img {
        width: 170px; } }
  .popup-algimun--img p {
    color: #00617c;
    font-size: 13px;
    font-weight: bold;
    text-align: center; }

.popup-algimun--logos {
  margin-bottom: 20px;
  padding: 20px 50px 0;
  text-align: right; }
  @media (max-width: 480px) {
    .popup-algimun--logos {
      padding: 20px 25px 0; } }
  .popup-algimun--logos p {
    color: #00617c;
    font-weight: 600;
    margin-bottom: 10px; }
  .popup-algimun--logos img {
    margin-left: 30px; }
    @media (max-width: 480px) {
      .popup-algimun--logos img {
        margin-left: 3px; } }

.popup-algimun--boton {
  padding: 0 50px;
  text-align: right; }
  @media (max-width: 480px) {
    .popup-algimun--boton {
      padding: 50px; } }
  .popup-algimun--boton a {
    background: #354e65;
    width: 190px;
    padding: 10px 30px; }

.revista-content {
  padding: 0;
  background: #00617c;
  background-image: url(../img/bk-moments.png);
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 600px) {
    .revista-content iframe {
      height: 600px !important; } }
  .revista-content iframe .fbTopBar {
    display: none !important; }

.titulo-seccion-revista {
  margin-bottom: 0; }

.listado-revista {
  padding-bottom: 30px; }
  .listado-revista .date-display-single {
    font-size: 16px;
    color: #00617c;
    margin-bottom: 0; }

.revista-numero {
  font-size: 14px; }

.bloque-lates {
  margin-bottom: 40px; }
  @media (max-width: 768px) {
    .bloque-lates {
      text-align: center; }
      .bloque-lates .texto {
        text-align: left; } }
    @media (max-width: 768px) and (max-width: 768px) {
      .bloque-lates .texto h2 {
        font-size: 20px; }
      .bloque-lates .texto h5 {
        font-size: 16px; }
      .bloque-lates .texto .btn {
        display: none; } }
  @media (min-width: 992px) {
    .bloque-lates {
      display: -ms-flexbox;
      display: flex;
      border: 1px solid #eee;
      padding: 20px;
      margin-bottom: 15px; } }
  .bloque-lates .img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 20px;
    max-width: 180px; }
    @media (max-width: 768px) {
      .bloque-lates .img {
        margin: 0 auto 24px; } }
  @media (max-width: 768px) {
    .bloque-lates {
      border-bottom: 1px solid #eee;
      padding-bottom: 16px; } }
  .bloque-lates .link-read {
    color: #00617c; }

.shareholder {
  padding: 10px; }

.newspaper-list li {
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 768px) {
    .newspaper-list li {
      display: block;
      text-align: center; } }
  .newspaper-list li .img {
    width: 15%;
    margin-right: 20px; }
    @media (max-width: 768px) {
      .newspaper-list li .img {
        width: 100%;
        margin: 0 auto; } }
  .newspaper-list li p {
    color: #00617c; }
  .newspaper-list li .texto {
    width: 80%;
    margin-right: 20px;
    text-align: left; }
    @media (max-width: 768px) {
      .newspaper-list li .texto {
        width: 100%; } }
    .newspaper-list li .texto .olmix-color {
      font-size: 20px !important; }
    .newspaper-list li .texto h5 {
      font-size: 14px !important; }

@media (max-width: 768px) {
  .seccion-basica .seccion__titulo-grande {
    font-size: 32px;
    text-align: center; } }

.seccion-basica .seccion-titulo .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
  @media (max-width: 768px) {
    .seccion-basica .seccion-titulo .icon {
      font-size: 40px; } }

@media (max-width: 768px) {
  .cabecera_revista {
    display: none; } }

/* ==  MODULOS  ======================== */
/* Un bloque no reutilizable pero que tiene entidad propia */
/*doc
---
title: Footer 
category: Modulos
---

```html_example
<footer class="seccion seccion-footer">	

	<div class="navegacion-pie">
		<div class="container">
			<ul class="list-inline">
				<li><a href="">Credits</a></li>
				<li><a href="">Legal</a></li>
				<li><a href="">cookies</a></li>
			</ul>
		</div>
	</div>
	
	<div class="social-group">
		<div class="container">
			<ul class="list-inline">
				<li><a href="" class="icon-social-facebook"><span>Facebook</span></a></li>
				<li><a href="" class="icon-social-twitter"><span>Twitter</span></a></li>
				<li><a href="" class="icon-social-youtube"><span>Youtube</span></a></li>
				<li><a href="" class="icon-social-linkedin"><span>linkedin</span></a></li>
			</ul>
			<p>Olmix Group ©Copyright 2015.</p>
		</div>
	</div>

	<div class="logo-pie">
		<span class="logo-pie--icono icon-logo"><span class="hidden">logotipo del grupo olmix</span></span>
	</div>
</footer>
```

*/
.seccion-footer {
  margin: 0;
  background: #fff url(../img/imgenbk-pie.png) left top no-repeat;
  text-align: left;
  position: relative;
  padding: 15px 0 0;
  border-top: 1px solid #f5f8f8; }
  @media (min-width: 768px) {
    .seccion-footer {
      padding: 60px 0 0; } }

.navegacion-pie {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px; }
  .navegacion-pie li a {
    font-size: 12px;
    color: #00617c;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.1px; }

.social-group {
  padding: 15px 0 60px; }
  .social-group p {
    color: black;
    font-size: 12px;
    font-weight: 600; }
  .social-group .list-inline {
    margin: 0 0 15px; }
    .social-group .list-inline a {
      color: #656565;
      font-size: 22px; }
    .social-group .list-inline a:hover.icon-social-facebook {
      color: #3a5795 !important; }
    .social-group .list-inline a:hover.icon-social-twitter {
      color: #00baf1 !important; }
    .social-group .list-inline a:hover.icon-social-youtube {
      color: #c72c38 !important; }
    .social-group .list-inline a:hover.icon-social-linkedin {
      color: #008ec6 !important; }
    .social-group .list-inline span {
      display: none; }

.logo-pie {
  background: white;
  padding: 5px;
  position: absolute;
  color: #00617c;
  right: 15px;
  top: 45px; }
  @media (max-width: 480px) {
    .logo-pie {
      width: 100px; }
      .logo-pie img {
        width: 100%;
        height: auto; } }
  @media (min-width: 768px) {
    .logo-pie {
      right: 150px;
      top: 50px; } }
  .logo-pie span {
    font-size: 48px;
    padding: 0 15px; }
    @media (min-width: 768px) {
      .logo-pie span {
        font-size: 100px; } }

/*doc
---
title: Header
category: Modulos
---

```html_example
En la interiores el logo es el h1 pero en la home es una <p>
<header class="seccion-header clearfix affix-top" data-spy="affix" data-offset-top="1250">
	<div class="container">
		<h1 class="logo">
			<span class="logo-cabecera--icono icon-logo"><span class="hidden">logotipo del grupo olmix</span></span>
		</h1>
		<div class="navegacion-principal">


			<nav class="navbar navbar-default">
			        <div class="container-fluid">
			          <div class="navbar-header">
			            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
			              <span class="sr-only">Toggle navigation</span>
			              <span class="icon-bar"></span>
			              <span class="icon-bar"></span>
			              <span class="icon-bar"></span>
			            </button>
			          </div>
			          <div id="navbar" class="navbar-collapse collapse">
			            <ul class="nav navbar-nav">
				            <li class="group"><a href="">Olmix group</a></li>
							<li class="plant"><a href="">Plant care</a></li>
							<li class="animal"><a href="">Animal care</a></li>
							<li class="human"><a href="">Human care</a></li>
							<li class="news"><a href="">News/Events</a></li>
			            </ul>

			          </div><!--/.nav-collapse -->
			        </div><!--/.container-fluid -->
			</nav>

		</div>




		<ul class="idiomas">
			<li class="expanded dropdown">
				<a href="/node/2362" data-target="#" class="dropdown-toggle active" data-toggle="dropdown">English<span class="caret"></span></a>
				<ul class="dropdown-menu">
					<li><a href="/fr/evenements-calendrier/les-rencontres-de-linstitut-carnot-sante-animale-icsa">Français</a></li>
					<li><a href="/es/calendario-eventos/encuentros-del-instituto-carnot-sante-animale-icsa">Español</a></li>
					<li><a href="/zh/huo-dong-ri-li-biao/ou-mi-si-jiang-can-jia-fa-guo-guo-jia-nong-ye-yan-jiu-yuan-inra-icsahui-yi">简体中文</a></li>
					<li><a href="/br/node/2362">Brasil</a></li><li><a href="/ru/node/2362">Русский</a></li>
					<li><a href="/vn/node/2362">Tiếng Việt</a></li>
				</ul>
			</li>
			</ul>

	</div>
</header>
```

*/
.header-calculator {
  border-bottom: 3px solid #76405d; }

.seccion-header {
  background: #fff;
  color: #000;
  height: 75px;
  border-bottom: 1px solid #e5e5e5;
  z-index: 100;
  width: 100%; }
  .seccion-header .container {
    position: relative; }
  .seccion-header .logo {
    width: auto;
    float: left;
    margin: 10px 0 0;
    color: #00617c;
    position: relative;
    left: 25px;
    z-index: 100; }
    .seccion-header .logo a {
      color: #00617c !important; }
    .seccion-header .logo span {
      font-size: 50px;
      margin-right: 10px; }
      @media (min-width: 768px) {
        .seccion-header .logo span {
          font-size: 60px; } }
  .seccion-header .logo-animal {
    position: absolute;
    top: 9px;
    right: 10px; }
    @media (min-width: 768px) {
      .seccion-header .logo-animal {
        right: 10px; } }
    .seccion-header .logo-animal .icono {
      color: #0082a4;
      font-size: 40px; }
      @media (min-width: 768px) {
        .seccion-header .logo-animal .icono {
          font-size: 60px; } }
  .seccion-header .logo-pagina {
    width: auto;
    float: left;
    margin: 10px 0 0;
    position: relative;
    left: 25px;
    z-index: 100;
    cursor: pointer; }
    .seccion-header .logo-pagina img {
      max-width: 100px;
      height: auto; }
  .seccion-header .container {
    width: 100%; }

.affix {
  top: 0; }

.navbar-default {
  background: none;
  border: none;
  padding: 0;
  margin: 0; }
  .navbar-default .navbar-collapse {
    border: none;
    padding: 0;
    margin: 0;
    text-align: center;
    z-index: 1000;
    top: 50px; }

@media (max-width: 768px) {
  .front .navegacion-principal .navbar-nav li {
    border-right: none; }
  .front .affix-top .navbar-default .navbar-collapse {
    top: -297%;
    border: none; } }

.container-fluid {
  padding: 0;
  margin: 0; }

.navegacion-principal {
  width: auto;
  margin: 10px 0 0 5px;
  z-index: 10;
  position: relative; }
  @media (min-width: 768px) {
    .navegacion-principal {
      width: auto;
      text-align: center;
      height: 75px;
      margin: 0; } }
  .navegacion-principal .navbar-nav {
    width: auto;
    float: none;
    display: table;
    margin: 0;
    z-index: 1000 !important; }
    @media (min-width: 768px) {
      .navegacion-principal .navbar-nav {
        margin: 0 0 0 140px; } }
    @media (min-width: 992px) {
      .navegacion-principal .navbar-nav {
        margin: 0 auto; } }
    .navegacion-principal .navbar-nav li {
      float: none;
      display: table-cell;
      padding: 0;
      white-space: nowrap;
      height: 75px;
      border-right: 1px solid #e5e5e5; }
      @media (min-width: 768px) {
        .navegacion-principal .navbar-nav li:first-child {
          border-left: 1px solid #e5e5e5; } }
      .navegacion-principal .navbar-nav li a {
        font-size: 12px;
        color: #353535;
        font-weight: 700;
        text-transform: uppercase;
        position: relative;
        display: block;
        line-height: 74px;
        background-color: white !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        border-right: none !important;
        transition: color 0.1s ease 0s;
        overflow: hidden; }
        @media (min-width: 768px) {
          .navegacion-principal .navbar-nav li a {
            padding: 8px; } }
        @media (min-width: 992px) {
          .navegacion-principal .navbar-nav li a {
            padding: 10px 15px; } }

@media (max-width: 700px) {
  .navbar-collapse {
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 1000 !important;
    background: white;
    border: 1px solid #ddd; }
    .navbar-collapse li {
      width: 100%;
      display: block !important;
      border-right: none !important;
      border-bottom: 1px solid #d8d8d8 !important;
      height: 31px !important; }
      .navbar-collapse li a {
        line-height: 30px !important; }
  .bloques-tipo-text {
    display: none !important; } }

/*enlaces*/
.navbar-nav a:before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  height: 8px;
  transition: bottom 0.1s; }

.navbar-nav li.group a:hover {
  color: #00617c; }

.navbar-nav li.group a:before {
  background-color: #00617c; }

.navbar-nav li.plant a:hover {
  color: #850f66; }

.navbar-nav li.plant a:before {
  background-color: #850f66; }

.navbar-nav li.animal a:hover {
  color: #0082a4; }

.navbar-nav li.animal a:before {
  background-color: #0082a4; }

.navbar-nav li.human a:hover {
  color: #00a493; }

.navbar-nav li.human a:before {
  background-color: #00a493; }

.navbar-nav li.news a:hover {
  color: #7a8527; }

.navbar-nav li.news a:before {
  background-color: #7a8527; }

.navbar-nav a:hover:before {
  bottom: 0; }

.navbar-nav a.active-trail:before,
.navbar-nav a.active:before {
  bottom: 0; }

.idiomas {
  z-index: 110;
  width: auto;
  float: right;
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  right: 40px;
  top: 20px; }
  @media (max-width: 767px) {
    .idiomas {
      width: auto;
      margin: 0 45px 0 0; } }
  @media (max-width: 790px) {
    .idiomas {
      right: 10px; } }
  .idiomas li {
    height: auto;
    text-align: center; }
    @media (max-width: 790px) {
      .idiomas li {
        margin-right: 10px; } }
    .idiomas li a {
      font-size: 12px;
      color: #656565;
      font-weight: 700;
      text-transform: uppercase;
      position: relative;
      top: 35%; }

.dropdown-menu {
  margin: 0;
  padding: 0;
  top: 65%;
  left: -100px;
  z-index: 1000 !important; }
  .dropdown-menu li {
    height: auto;
    text-align: left;
    border-bottom: 1px solid #d2d2d2; }
    .dropdown-menu li a {
      padding: 6px 15px; }
    .dropdown-menu li:last-child {
      border-bottom: none; }

.front .affix-top .dropdown-menu {
  top: -275px; }

/*doc
---
title: Landing
category: Modulos
---


##Cabecera de las landing

```html_example

<section class="seccion-cabecera seccion-cabecera--landing" style="background-image: url(../img/bkficha-cabecera.jpg);">
	<div class="container">
		<h1 class="seccion-cabecera__titulo">
			<img src="../img/logo-melspring-cabecera.png" alt="logotipo de Melspring" />
			<span>more than 80 years of experience!</span>
		</h1>

	</div>

</section>
```

##desripcion de solo texto de las landing
<section class="seccion seccion-description">
    <div class="seccion-titulo">
	      <div class="container">
	        <h2 class="seccion__titulo"><strong>Description</strong> <span class="detalle-titulo icon-separator"></span></h2>
	    </div>
    </div>

    <div class="seccion-content seccion-content-fondo">
      <div class="container">
        <div class="bloque-sinproductos">
          <div class="bloque-sinproductos--texto">
            <p>The roots of Melspring date from 1936. In that year, the company started to import raw materials for fertilizers for the Dutch market. Through the years Melspring developed from importer and trading company into a company that develops and produces its own products, and exports it to countries throughout the world.</p>
            <p>The goal of this Olmix Group subsidiary, acquired in 2006, is to grow healthier plants and crops and to contribute to a cleaner and healthier world with sustainable solutions for specialists in golf, sport, public green spaces, horticulture and agriculture.</p>
            <p>With in-depth knowledge of soil dynamics, nutrition and plant pathology Melspring develops balanced nutrient and soil structure programs for plant vitality and plant health. The unique products, based on innovative green concepts, are patented European wide. </p>
            <p>Thanks to Melsprings high quality standards and the continuous growing expertise within the organisation Melspring has been a well appreciated player on the market for many years.</p>
          </div>
        </div>
      </div>
    </div>
</section>

*/
.seccion-cabecera--landing .seccion-cabecera__titulo img {
  display: block; }

.seccion-cabecera--landing .seccion-cabecera__titulo span {
  display: block;
  text-transform: none; }

.melspring .seccion-cabecera--landing .seccion-cabecera__titulo span {
  color: #850f66; }

.melspring .seccion-titulo, .melspring .cd-timeline-content .cd-date {
  color: #850f66; }

.melspring .seccion-titulo--degradado {
  background: #7a1e5b;
  background: -webkit-gradient(left top, right top, color-stop(0%, #7a1e5b), color-stop(100%, #ef77c7));
  background: linear-gradient(to right, #7a1e5b 0%, #ef77c7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a1e5b', endColorstr='#ef77c7', GradientType=1 ); }

.melspring .cd-timeline-content h2 {
  color: #9aa7af; }

.olmix .seccion-cabecera--landing .seccion-cabecera__titulo span {
  color: #0082a4; }

.olmix .seccion-titulo, .olmix .cd-timeline-content .cd-date {
  color: #0082a4; }

.olmix .seccion-titulo--degradado {
  background: #0083a4;
  background: -webkit-gradient(left top, right top, color-stop(0%, #0083a4), color-stop(100%, #ade5f3));
  background: linear-gradient(to right, #0083a4 0%, #ade5f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083a4', endColorstr='#ade5f3', GradientType=1 ); }

.olmix .cd-timeline-content h2 {
  color: #9aa7af; }

.amadeite .seccion-cabecera--landing .seccion-cabecera__titulo span {
  color: #00a493; }

.amadeite .seccion-titulo, .amadeite .cd-timeline-content .cd-date {
  color: #00a493; }

.amadeite .seccion-titulo--degradado {
  background: #6d311b;
  background: -webkit-gradient(left top, right top, color-stop(0%, #6d311b), color-stop(100%, #f9c8b7));
  background: linear-gradient(to right, #6d311b 0%, #f9c8b7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d311b', endColorstr='#f9c8b7', GradientType=1 ); }

.amadeite .cd-timeline-content h2 {
  color: #9aa7af; }

/* ========================================= */
/*
  Estilos de ayuda a la maquetación
*/
.opacity-hide {
  opacity: 0; }

.text-light {
  color: #fff; }

.background-cover {
  background-size: cover;
  background-position: center top; }

.pull-down {
  position: absolute;
  bottom: 0; }

.olmix-color {
  color: #005266; }

.back-link {
  color: #777; }
  .back-link:before {
    content: '<'; }

.bg-white {
  background: white; }

.img-30 {
  width: 30px; }

.uppercase {
  text-transform: uppercase; }

.bold {
  font-weight: bold; }

.italic {
  font-style: italic; }

.margin {
  margin-bottom: 15px; }

.margin-medium {
  margin-bottom: 30px; }

.margin-large {
  margin-bottom: 60px; }

@media (max-width: 767px) {
  .margin-medium-xs-only {
    margin-bottom: 30px; } }

.block-width-big {
  margin-left: auto;
  margin-right: auto;
  width: 100%; }
  @media (min-width: 768px) {
    .block-width-big {
      width: 75%; } }

.full-height {
  height: 100%; }

.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.ancla {
  display: block;
  margin-top: -105px;
  position: relative;
  padding-bottom: 105px; }

@-moz-document url-prefix() {
  .ancla {
    display: block;
    margin-top: -150px;
    position: relative;
    padding-bottom: 150px; } }

@media (min-width: 768px) {
  .dotted-list > li:not(:first-child)::before {
    content: '.';
    font-size: 4em;
    margin-right: 10px;
    color: #656565;
    line-height: 12px; } }