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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

.bg-cor1 {
  background-color: #f04f54 !important; }

.bg-cor2 {
  background-color: #01aef0 !important; }

.bg-cor3 {
  background-color: #2e3192 !important; }

.bg-cor4 {
  background-color: #8660a9 !important; }

.bg-cor5 {
  background-color: #3cb879 !important; }

.bg-cor6 {
  background-color: #f36c4f !important; }

.bg-cor7 {
  background-color: #d8ad4f !important; }

.cor1 {
  color: #f04f54 !important; }

.cor2 {
  color: #01aef0 !important; }

.cor3 {
  color: #2e3192 !important; }

.cor4 {
  color: #8660a9 !important; }

.cor5 {
  color: #3cb879 !important; }

.cor6 {
  color: #f36c4f !important; }

.cor7 {
  color: #d8ad4f !important; }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Roboto/Roboto-Thin.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/Roboto/Roboto-ThinItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Roboto/Roboto-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Roboto/Roboto-LightItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Roboto/Roboto-Italic.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Roboto/Roboto-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Roboto/Roboto-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Roboto/Roboto-Black.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/Roboto/Roboto-BlackItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Miso';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Miso/Miso-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'Miso';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Miso/Miso.ttf") format("truetype"); }

@font-face {
  font-family: 'Miso';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Miso/Miso-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../fonts/glyphicons/glyphicons-halflings-regular.eot");
  src: url("../fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons/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: "\002a"; }

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

.glyphicon-euro:before,
.glyphicon-eur: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"; }

.glyphicon-cd:before {
  content: "\e201"; }

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

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

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

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

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

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

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {
  height: 100%; }

body {
  height: 100%;
  font-size: 100%;
  font-family: Roboto, sans-serif;
  background-image: url("../img/bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed; }

img {
  max-width: 100%; }

h1 {
  display: inline-block;
  border: 3px solid #f04f54;
  padding: 6px 15px 3px;
  border-radius: 25px;
  color: #f04f54;
  margin: 35px 0;
  font-family: Miso;
  font-style: normal;
  font-weight: 700;
  font-size: 2.5em; }
  @media (max-width: 600px) {
    h1 {
      font-size: 2em; } }

h2 {
  font-style: normal;
  color: #f04f54;
  font-size: 1.6em;
  font-weight: 500;
  margin: 1em 0 0.5em; }
  @media (max-width: 600px) {
    h2 {
      font-size: 1.3em; } }

h3 {
  font-style: normal;
  font-size: 1.5em;
  font-weight: 700;
  margin: 1em 0 0.5em;
  line-height: 1.5em; }
  @media (max-width: 600px) {
    h3 {
      font-size: 1.15em; } }

p, section ol {
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1.75em;
  font-weight: 300;
  margin-bottom: .75em; }
  @media (max-width: 600px) {
    p, section ol {
      font-size: 1rem;
      line-height: 1.5em; } }

section ol {
  font-style: normal;
  padding: 0 0 0 1em;
  list-style: decimal; }

section ul {
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1.75em;
  font-weight: 300;
  list-style: none;
  padding: 0;
  margin: 0 0 .75em 0; }
  section ul > li {
    padding-left: 30px; }
    section ul > li:before {
      margin-top: 10px;
      margin-left: -25px;
      float: left;
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      border: 3px solid #f04f54; }
  @media (max-width: 600px) {
    section ul {
      font-size: 1rem;
      line-height: 1.5em; }
      section ul > li {
        padding-left: 30px; }
        section ul > li:before {
          margin-top: 5px;
          margin-left: -25px;
          float: left;
          content: '';
          display: block;
          width: 10px;
          height: 10px;
          border-radius: 50%;
          border: 3px solid #f04f54; } }
  section ul.lista-cor2 > li:before {
    border-color: #01aef0; }
  section ul.lista-cor3 > li:before {
    border-color: #2e3192; }
  section ul.lista-cor4 > li:before {
    border-color: #8660a9; }
  section ul.lista-cor5 > li:before {
    border-color: #3cb879; }
  section ul.lista-cor6 > li:before {
    border-color: #f36c4f; }
  section ul.lista-cor7 > li:before {
    border-color: #d8ad4f; }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

hr {
  margin-top: 15px;
  padding-top: 7px;
  height: 1px;
  border-top: 1px solid #cccccc;
  border-bottom: none;
  border-left: none;
  border-right: none; }

section {
  padding-top: 80px;
  padding-bottom: 40px;
  border-bottom: 4px dotted rgba(240, 79, 84, 0.1); }

a, a:visited {
  color: #0000EE;
  text-decoration: underline;
  -webkit-transition: color 1s;
  transition: color 1s; }
  a:hover, a:focus, a:visited:hover, a:visited:focus {
    color: #000088;
    -webkit-transition: color 1s;
    transition: color 1s; }

figure figcaption p {
  font-style: normal !important;
  font-size: 1em !important;
  font-weight: 400 !important;
  line-height: 1.3em !important; }

figure.esquerda {
  width: 100%;
  margin-right: 30px;
  max-width: 250px; }
  figure.esquerda img {
    width: 100%; }

table {
  font-style: normal; }

.cena {
  position: relative; }
  .cena .intro-modulo {
    font-family: Miso;
    font-size: 2em;
    line-height: 1em;
    color: gray; }
  .cena .figurativa-direita {
    float: right;
    width: 50%; }
    @media (max-width: 600px) {
      .cena .figurativa-direita {
        float: none;
        width: auto; } }
  .cena blockquote {
    margin: 30px 0;
    font-family: Miso;
    font-weight: 100; }
    .cena blockquote p, .cena blockquote ul {
      font-size: 1.8em;
      float: left;
      margin-top: 3%;
      width: 75%;
      line-height: 1.2em; }
      .cena blockquote p.rotulo, .cena blockquote ul.rotulo {
        float: none;
        padding-top: 10%; }
    .cena blockquote p + ul {
      margin-top: 0;
      margin-left: 17%; }
    .cena blockquote p + p {
      margin-top: -2%; }
    @media (max-width: 800px) and (min-width: 601px) {
      .cena blockquote p.rotulo {
        padding-top: 2.5%; } }
    @media (max-width: 600px) {
      .cena blockquote p, .cena blockquote ul {
        margin-top: 0;
        font-size: 1.25em; }
        .cena blockquote p.rotulo, .cena blockquote ul.rotulo {
          float: left;
          padding-top: 1.5%; }
      .cena blockquote p + ul {
        margin-top: 0;
        margin-left: 10%; } }
  .cena .instrucoes {
    margin: 60px auto 0;
    background-image: url("../img/instrucoes.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    padding-bottom: 100%; }
    @media (max-width: 600px) {
      .cena .instrucoes {
        margin: 30px auto 60px;
        background-image: url("../img/instrucoes_cel.jpg");
        padding-bottom: 230%; } }
  .cena .visao_geral {
    margin: 60px auto 0;
    background-image: url("../img/int_graf01.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    padding-bottom: 50%; }
    @media (max-width: 600px) {
      .cena .visao_geral {
        margin: 30px auto 60px;
        background-image: url("../img/int_graf01cel.jpg");
        padding-bottom: 160%; } }
  .cena .figura-sus-arcabouco {
    margin: 60px auto;
    background-image: url("../img/uni1_graf02.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 600px;
    width: 100%;
    padding-bottom: 6.5%;
    border: 1px solid transparent; }
    .cena .figura-sus-arcabouco a {
      margin-left: 55%;
      width: 17%;
      padding-bottom: 7.2%;
      cursor: pointer;
      display: block; }
      .cena .figura-sus-arcabouco a:first-of-type {
        margin-top: 10%; }
  .cena.referencias p {
    font-style: normal;
    line-height: 1.25em;
    margin-bottom: 1.75em; }

.conteudo {
  max-width: 1030px;
  padding: 0 15px;
  margin: 0 auto; }
  @media (max-width: 1300px) and (min-width: 900px) {
    .conteudo {
      max-width: 800px; } }

.colunas .coluna_1-3 {
  margin-bottom: 30px;
  width: 30%;
  margin-right: 2%;
  float: left; }
  .colunas .coluna_1-3:first-of-type {
    border-right: 1px dotted white;
    padding-right: 15px; }
  .colunas .coluna_1-3:last-of-type {
    border-left: 1px dotted white;
    padding-left: 15px;
    margin-right: 0; }
  @media (max-width: 700px) {
    .colunas .coluna_1-3 {
      width: 100%;
      border-left: none !important;
      border-right: none !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-right: 0 !important;
      margin-bottom: 0 !important; } }

.colunas .coluna_1-2 {
  margin-bottom: 30px;
  width: 48%;
  margin-right: 2%;
  float: left; }
  .colunas .coluna_1-2:first-of-type {
    border-right: 1px dotted white;
    padding-right: 2%; }
  .colunas .coluna_1-2:last-of-type {
    margin-right: 0; }
  @media (max-width: 600px) {
    .colunas .coluna_1-2 {
      width: 100%;
      margin-bottom: 0; }
      .colunas .coluna_1-2:first-of-type {
        border-right: none;
        padding-right: 0; } }

.box {
  border-radius: 20px;
  border: 3px solid #f8adaf;
  padding: 20px;
  margin: 30px 0 60px; }
  @media (max-width: 600px) {
    .box {
      margin: 30px 0; } }

.video-box {
  margin: 30px auto;
  max-width: 600px; }
  .video-box .video-conteiner {
    border: 8px double #f04f54;
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 0;
    height: 0;
    border-radius: 10px;
    overflow: hidden; }
    .video-box .video-conteiner iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .video-box .video-conteiner video {
      width: 100%; }
  .video-box.m1-video .video-conteiner {
    padding-bottom: 54.5%; }
  .video-box.apresentacao-video {
    max-width: 100%; }
    .video-box.apresentacao-video .video-conteiner {
      margin-top: -90px;
      padding-top: 0;
      padding-bottom: 55.25%; }
  .video-box + .legenda {
    margin: auto; }

.icone {
  display: block;
  width: 90px;
  height: 90px;
  float: left;
  margin-right: 15px; }
  @media (max-width: 600px) {
    .icone {
      width: 40px;
      height: 40px; } }
  .icone.icone-bg {
    font-family: Roboto;
    text-align: center;
    font-style: normal;
    background-image: url("../img/icon-bg.svg");
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 48px;
    line-height: 64px;
    padding-top: 15px;
    font-weight: 700;
    color: white; }
    @media (max-width: 600px) {
      .icone.icone-bg {
        font-size: 30px;
        line-height: 32px;
        padding-top: 7px; } }

.boxes .box {
  min-height: 340px; }

@media (max-width: 750px) {
  .boxes .box {
    min-height: 460px; } }

@media (max-width: 750px) and (max-width: 600px) {
  .boxes .box {
    min-height: 0;
    margin-bottom: 0; }
  .boxes .coluna_1-2:first-of-type {
    margin-bottom: 0; } }

.formula {
  border: 3px solid #f8adaf;
  border-radius: 20px;
  padding: 20px;
  margin: 30px auto; }

.atividades {
  background: rgba(240, 79, 84, 0.1); }

.atividade p.rotulo {
  width: 100%; }

@media (max-width: 755px) and (min-width: 601px) {
  .atividade .icone {
    width: 70px; }
    .atividade .icone.icone-bg {
      padding-top: 5px;
      font-size: 48px; } }

@media (max-width: 600px) {
  .atividade p.rotulo {
    width: 75%; } }

.videolink {
  position: relative; }
  .videolink:before {
    color: rgba(0, 0, 0, 0.5);
    font-size: 40px;
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    z-index: 2;
    font-family: 'Glyphicons Halflings';
    content: "\e029"; }

.tela_inteira {
  min-height: 480px !important;
  position: relative;
  margin-top: -80px;
  padding-top: 80px;
  padding-bottom: 80px; }
  .tela_inteira h1 {
    background: rgba(255, 255, 255, 0.8); }
  .tela_inteira .box {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 95%;
    max-width: 1030px;
    margin: 0 auto 60px;
    background: rgba(255, 255, 255, 0.8); }
  @media (max-width: 600px) {
    .tela_inteira .box {
      padding: 10px; }
      .tela_inteira .box p {
        font-size: 14px;
        line-height: 16px; } }

.semibold {
  font-weight: 500; }

.creditos p {
  line-height: 1.7em;
  margin-bottom: 0; }
  .creditos p.colaboracao {
    font-style: italic;
    font-size: 1.2em; }

.creditos h2 {
  padding-top: 30px; }

.creditos h3 {
  font-size: 1.4em; }

@media (max-width: 600px) {
  .creditos h3 {
    font-size: 1em; }
  .creditos p.colaboracao {
    font-size: .9em; } }

.creditos .autores h3 {
  font-size: 1.1em; }

.creditos .autores p {
  font-size: 1em; }

.controle {
  font-style: normal;
  clear: both;
  text-align: center;
  margin: 30px auto 0;
  width: 100%;
  max-width: 300px;
  padding-bottom: 15px; }
  .controle .sumario-bt {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    text-decoration: none;
    font-size: 1.3em;
    font-family: Miso;
    color: white;
    display: inline-block;
    margin-top: 7px;
    border-radius: 10px;
    padding: 5px;
    width: 150px;
    border: 3px solid #f04f54;
    background-color: #f04f54;
    -webkit-transition: background-color 1s;
    transition: background-color 1s; }
    .controle .sumario-bt:hover, .controle .sumario-bt:focus {
      background-color: #f69598;
      -webkit-transition: background-color 1s;
      transition: background-color 1s; }
    .controle .sumario-bt.inativo {
      border-color: transparent;
      background-color: rgba(0, 0, 0, 0.5);
      color: rgba(255, 255, 255, 0.3); }
  .controle .seta {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid #f04f54;
    -webkit-transition: background-color 1s;
    transition: background-color 1s; }
    .controle .seta:hover, .controle .seta:focus {
      background-color: #fac4c6;
      -webkit-transition: background-color 1s;
      transition: background-color 1s; }
    .controle .seta.up {
      float: left;
      background-image: url("../img/seta.svg");
      background-size: 25px;
      background-repeat: no-repeat;
      background-position: center center; }
    .controle .seta.down {
      float: right;
      background-image: url("../img/seta.svg");
      background-size: 25px;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    .controle .seta.prox {
      float: right;
      background-image: url("../img/seta.svg");
      background-size: 25px;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    .controle .seta.ant {
      float: left;
      background-image: url("../img/seta.svg");
      background-size: 25px;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }

.fullheight .controle .seta {
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-transition: background-color 1s;
  transition: background-color 1s; }
  .fullheight .controle .seta:hover, .fullheight .controle .seta:focus {
    background-color: #fac4c6;
    -webkit-transition: background-color 1s;
    transition: background-color 1s; }

.sumario {
  padding-top: 60px;
  padding-bottom: 0; }
  .sumario .controle {
    padding-top: 30px; }
  .sumario .sumario-gde .coluna_1-2 {
    font-size: 14px; }
  @media (max-width: 600px) {
    .sumario .coluna_1-2 a {
      border-radius: 0; }
    .sumario .coluna_1-2:first-of-type a:first-of-type {
      border-radius: 15px 15px 0  0; }
    .sumario .coluna_1-2:last-of-type a:last-of-type {
      border-radius: 0 0 15px 15px; } }
  @media (max-width: 800px) and (min-width: 601px) {
    .sumario.sumario-m4 .controle {
      position: relative;
      top: -50px; } }
  .sumario.bg1 {
    background-image: url("../img/bg1.jpg");
    background-position: center;
    background-size: cover; }
    @media (max-width: 600px) {
      .sumario.bg1 {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)), url("../img/bg1.jpg");
        background: linear-gradient(rgba(255, 255, 255, 0), white), url("../img/bg1.jpg"); } }
  .sumario.bg2 {
    background-image: url("../img/bg2.jpg");
    background-position: center;
    background-size: cover; }
    @media (max-width: 600px) {
      .sumario.bg2 {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)), url("../img/bg2.jpg");
        background: linear-gradient(rgba(255, 255, 255, 0), white), url("../img/bg2.jpg"); } }
  .sumario.bg3 {
    background-image: url("../img/bg3.jpg");
    background-position: center;
    background-size: cover; }
    @media (max-width: 600px) {
      .sumario.bg3 {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)), url("../img/bg3.jpg");
        background: linear-gradient(rgba(255, 255, 255, 0), white), url("../img/bg3.jpg"); } }
  .sumario.bg4 {
    background-image: url("../img/bg4.jpg");
    background-position: center;
    background-size: cover; }
    @media (max-width: 600px) {
      .sumario.bg4 {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)), url("../img/bg4.jpg");
        background: linear-gradient(rgba(255, 255, 255, 0), white), url("../img/bg4.jpg"); } }
  .sumario.bg5 {
    background-image: url("../img/bg5.jpg");
    background-position: center;
    background-size: cover; }
    @media (max-width: 600px) {
      .sumario.bg5 {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)), url("../img/bg5.jpg");
        background: linear-gradient(rgba(255, 255, 255, 0), white), url("../img/bg5.jpg"); } }
  .sumario.bg6 {
    background-image: url("../img/bg6.jpg");
    background-position: center;
    background-size: cover; }
    @media (max-width: 600px) {
      .sumario.bg6 {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)), url("../img/bg6.jpg");
        background: linear-gradient(rgba(255, 255, 255, 0), white), url("../img/bg6.jpg"); } }
  .sumario.bg7 {
    background-image: url("../img/bg7.jpg");
    background-position: center;
    background-size: cover; }
    @media (max-width: 600px) {
      .sumario.bg7 {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)), url("../img/bg7.jpg");
        background: linear-gradient(rgba(255, 255, 255, 0), white), url("../img/bg7.jpg"); } }
  .sumario.bg8 {
    background-image: url("../img/bg8.jpg");
    background-position: center;
    background-size: cover; }
    @media (max-width: 600px) {
      .sumario.bg8 {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)), url("../img/bg8.jpg");
        background: linear-gradient(rgba(255, 255, 255, 0), white), url("../img/bg8.jpg"); } }
  .sumario h1 {
    background: rgba(255, 255, 255, 0.6); }
  .sumario a {
    font-weight: 700;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #cccccc), color-stop(51%, #b3b3b3), to(#e6e6e6));
    background: linear-gradient(to bottom, white 0%, #cccccc 50%, #b3b3b3 51%, #e6e6e6 100%);
    background-color: white;
    color: #333333;
    border: 1px solid white;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    padding: 10px;
    border-radius: 15px;
    text-decoration: none;
    -webkit-transition: all 1s;
    transition: all 1s;
    margin-bottom: 3px; }
    .sumario a:hover, .sumario a:focus {
      -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
              box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
      color: black;
      background: #f04f54;
      -webkit-transition: all 1s;
      transition: all 1s; }

.botao-padrao {
  font-weight: 700;
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #cccccc), color-stop(51%, #b3b3b3), to(#e6e6e6));
  background: linear-gradient(to bottom, white 0%, #cccccc 50%, #b3b3b3 51%, #e6e6e6 100%);
  background-color: white;
  color: #333333 !important;
  border: 1px solid white;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  padding: 10px;
  border-radius: 15px;
  text-decoration: none;
  -webkit-transition: all 1s;
  transition: all 1s;
  margin-bottom: 3px; }
  .botao-padrao:hover, .botao-padrao:focus {
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
            box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
    color: black;
    background: #f04f54;
    -webkit-transition: all 1s;
    transition: all 1s; }

.diagrama {
  padding-top: 30px;
  position: relative;
  margin: 0 auto 60px; }
  .diagrama .botoes {
    z-index: 2;
    position: absolute;
    margin: 0 auto;
    max-width: 400px;
    width: 100%;
    height: 5%;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto; }
    .diagrama .botoes .botao {
      position: absolute; }
      .diagrama .botoes .botao:first-of-type {
        right: 0; }
      .diagrama .botoes .botao:last-of-type {
        right: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        bottom: -300px; }
  .diagrama .hm {
    z-index: 3;
    top: 130px;
    position: absolute;
    width: 50px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all 1s;
    transition: all 1s; }
    .diagrama .hm:hover {
      -webkit-transition: all 1s;
      transition: all 1s;
      height: 60px;
      width: 60px; }
  .diagrama .circulos {
    margin: 0 auto;
    width: 300px;
    height: 300px;
    position: relative;
    padding: 30px; }
    .diagrama .circulos .circulo {
      background: rgba(1, 174, 240, 0.5);
      position: absolute;
      border-radius: 50%;
      height: 170px;
      width: 170px;
      border: 7px double white;
      -webkit-transition: all 1s;
      transition: all 1s; }
      .diagrama .circulos .circulo:first-of-type {
        background: rgba(60, 184, 121, 0.5);
        right: 30px; }
      .diagrama .circulos .circulo:last-of-type {
        background: rgba(134, 96, 169, 0.5);
        right: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        top: 85px; }
      .diagrama .circulos .circulo:hover {
        -webkit-transition: all 1s;
        transition: all 1s;
        height: 180px;
        width: 180px; }

.silueta img, .silueta-modal img {
  margin: 0 auto;
  width: 240px; }
  .silueta img.larga, .silueta-modal img.larga {
    width: 100%;
    max-width: 400px; }

.silueta .linha, .silueta-modal .linha {
  position: relative; }
  .silueta .linha.linha1, .silueta-modal .linha.linha1 {
    height: 70px; }
  .silueta .linha.linha2, .silueta-modal .linha.linha2 {
    height: 120px; }
  .silueta .linha.linha3, .silueta-modal .linha.linha3 {
    height: 170px; }
  .silueta .linha.linha4, .silueta-modal .linha.linha4 {
    height: 200px; }
  .silueta .linha.linha5, .silueta-modal .linha.linha5 {
    height: 230px; }
  .silueta .linha.linha6, .silueta-modal .linha.linha6 {
    height: 250px; }

.colunas .silueta {
  padding-top: 0; }

.figura.decorativa {
  display: block;
  margin: 60px auto;
  width: 100%;
  max-width: 800px;
  border-radius: 20px; }

.figura.decorativa + figcaption {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }
  .figura.decorativa + figcaption p {
    text-align: left; }

.videolink {
  min-height: 200px; }

.website {
  margin-top: 60px;
  text-align: center; }
  .website img {
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

@-webkit-keyframes pulse_animation {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  60% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes pulse_animation {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  60% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.pulse {
  -webkit-animation-name: pulse_animation;
          animation-name: pulse_animation;
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms; }

@-webkit-keyframes shake_animation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  10% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg); }
  20% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  30% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg); }
  40% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  50% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg); }
  60% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  70% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg); }
  80% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  90% {
    -webkit-transform: rotate(1);
            transform: rotate(1); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes shake_animation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  10% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg); }
  20% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  30% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg); }
  40% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  50% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg); }
  60% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  70% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg); }
  80% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  90% {
    -webkit-transform: rotate(1);
            transform: rotate(1); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

.shake {
  -webkit-animation-name: shake_animation;
          animation-name: shake_animation;
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms; }

.hide {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.5s;
  transition: visibility 0s, opacity 0.5s; }
  @media (max-width: 600px) {
    .hide {
      display: none; } }

.show {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s, opacity 0.5s;
  transition: visibility 0s, opacity 0.5s; }
  @media (max-width: 600px) {
    .show {
      display: block; } }

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

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.texto-centro {
  text-align: center !important; }

.texto-direita {
  text-align: right !important; }

.texto-esquerda {
  text-align: left !important; }

.direita {
  margin-left: 15px;
  float: right; }
  @media (max-width: 600px) {
    .direita {
      float: none;
      margin-left: 0;
      margin-bottom: 15px; } }

.esquerda {
  margin-right: 15px;
  float: left; }
  @media (max-width: 600px) {
    .esquerda {
      float: none;
      margin-right: 0;
      margin-bottom: 15px; } }

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

.vertical-align-middle {
  vertical-align: middle; }

.vertical-align-bottom {
  vertical-align: bottom; }

.vertical-align-text-bottom {
  vertical-align: text-bottom; }

.padding-topo1 {
  padding-top: 5px; }

.padding-topo2 {
  padding-top: 30px; }

.legenda {
  font-style: normal !important;
  font-size: 1em !important;
  font-weight: 400 !important;
  line-height: 1.3em !important; }
  .legenda.txt-menor {
    font-size: 12px !important; }

.borda10px {
  border-radius: 10px; }

.borda20px {
  border-radius: 20px; }

.no-border {
  border-top: none;
  border-bottom: none; }

.dont-break-out {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

.fake-it {
  display: inline-block;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg); }

.botao {
  cursor: pointer;
  font-family: Miso;
  font-size: 27px;
  line-height: 1em;
  font-weight: 400;
  display: inline-block;
  background: #f04f54;
  border-radius: 15px;
  padding: 3px;
  -webkit-box-shadow: 0px 0px 10px black;
          box-shadow: 0px 0px 10px black; }
  .botao a {
    text-align: center;
    display: block;
    width: 100%;
    border-radius: 13px;
    border: 3px solid white;
    padding: 10px 10px 6px;
    color: white !important;
    text-decoration: none;
    -webkit-transition: background-color 1s;
    transition: background-color 1s; }
    .botao a:hover, .botao a:focus {
      background-color: #df1319;
      -webkit-transition: background-color 1s;
      transition: background-color 1s; }
  .botao.grande {
    width: 120px; }
  .botao.pequeno {
    font-size: 21px; }
  .botao.fixa1 {
    width: 120px; }
  .botao.fixa2 {
    width: 150px; }
  .botao.fixa3 {
    width: 180px; }
  .botao.fixa4 {
    width: 210px; }
  .botao.fixa5 {
    width: 240px; }
  .botao.fixa6 {
    width: 270px; }
  .botao.fixa7 {
    width: 300px; }
  .botao.fixa8 {
    display: block;
    width: 100%; }

.botao-grupo {
  margin: 60px 0; }
  .botao-grupo div.botao {
    margin-bottom: 15px;
    max-height: 55px;
    overflow: hidden;
    -webkit-transition: max-height 1s;
    transition: max-height 1s; }
    .botao-grupo div.botao.acordeao {
      -webkit-transition: max-height 1s;
      transition: max-height 1s;
      height: auto;
      max-height: 300px; }
    .botao-grupo div.botao p {
      border-radius: 10px;
      margin: 10px;
      padding: 10px;
      background: white;
      line-height: 1em; }

.margem-topo0 {
  margin-top: 0 !important; }

.margem-topo1 {
  margin-top: 15px !important; }

.margem-topo2 {
  margin-top: 30px !important; }

.margem-topo3 {
  margin-top: 60px !important; }

.margem-topo4 {
  margin-top: 90px !important; }

.margem-topo5 {
  margin-top: 120px !important; }

.margem-topo6 {
  margin-top: 150px !important; }

.margem-topo7 {
  margin-top: 180px !important; }

.margem-topo8 {
  margin-top: 210px !important; }

.margem-base-negativa {
  margin-top: 30px;
  margin-bottom: -20px; }

.margem-topo-negativa {
  margin-top: -40px;
  margin-bottom: 30px; }

.margem-base1 {
  margin-bottom: 15px; }

.margem-base2 {
  margin-bottom: 30px; }

.margem-base3 {
  margin-bottom: 60px; }

.margem-esquerda1 {
  margin-left: 15px; }

.margem-esquerda2 {
  margin-left: 30px; }

.no-pointer {
  pointer-events: none;
  cursor: default; }

.sombra {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.not-rounded {
  border-radius: 0 !important; }

.fio {
  border: 1px solid; }

.tabela-conteiner {
  max-width: 100%;
  overflow-x: auto; }

table.tabela {
  margin-top: 30px;
  display: inline-block;
  padding: 2px;
  border-radius: 20px;
  background: #f04f54; }
  table.tabela tr {
    border-top: 2px solid #f04f54;
    border-bottom: 2px solid #f04f54; }
    table.tabela tr:first-child, table.tabela tr:last-child {
      border: none; }
    table.tabela tr td, table.tabela tr th {
      vertical-align: middle;
      background: white;
      text-align: center;
      padding: 15px;
      font-weight: 300; }
    table.tabela tr th {
      background: #f8adaf;
      font-weight: 700; }
      table.tabela tr th:first-child {
        border-right: 2px solid #f04f54;
        border-radius: 18px 0 0 0; }
      table.tabela tr th:last-child {
        border-left: 2px solid #f04f54;
        border-radius: 0 18px 0 0; }

.canto-inferior-esquerdo {
  border-radius: 0 0 0 18px;
  border-bottom: none; }

.canto-inferior-direito {
  border-radius: 0 0 18px 0;
  border-bottom: none; }

.canto-superior-esquerdo {
  border-radius: 18px 0 0 0; }

.canto-superior-direito {
  border-radius: 0 18px 0 0; }

.borda-lateral-esquerda {
  border-left: 2px solid #f04f54; }

.borda-lateral-direita {
  border-right: 2px solid #f04f54; }

.sem-borda-inferior {
  border-bottom: none !important; }

.sem-borda-superior {
  border-top: 2px none; }

.borda-superior {
  border-top: 2px solid #f04f54; }

.borda-inferior {
  border-bottom: 2px solid #f04f54 !important; }

a.checkbox {
  cursor: pointer;
  padding-left: 35px;
  color: inherit;
  display: block;
  position: relative; }
  a.checkbox:after {
    top: -5px;
    left: 0px;
    position: absolute;
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 3px solid #f04f54; }
  a.checkbox:hover, a.checkbox:focus {
    text-decoration: none; }
  a.checkbox.checked:after {
    top: -5px;
    left: 0px;
    position: absolute;
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 3px solid #f04f54;
    background: #f04f54; }

.calculo_consumo {
  min-width: 400px; }
  .calculo_consumo .popover-trigger {
    font-weight: 700;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #cccccc), color-stop(51%, #b3b3b3), to(#e6e6e6));
    background: linear-gradient(to bottom, white 0%, #cccccc 50%, #b3b3b3 51%, #e6e6e6 100%);
    background-color: white;
    color: #333333;
    border: 1px solid white;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    padding: 10px;
    border-radius: 15px;
    text-decoration: none;
    -webkit-transition: all 1s;
    transition: all 1s;
    margin-bottom: 3px; }
    .calculo_consumo .popover-trigger:hover, .calculo_consumo .popover-trigger:focus {
      -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
              box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
      color: black;
      background: #f04f54;
      -webkit-transition: all 1s;
      transition: all 1s; }
  .calculo_consumo td, .calculo_consumo th {
    padding: 5px !important; }
  @media (max-width: 460px) {
    .calculo_consumo {
      -webkit-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto;
      font-size: .7em; }
      .calculo_consumo td, .calculo_consumo th {
        padding: 3px; } }
  @media (max-width: 350px) {
    .calculo_consumo {
      -webkit-hyphens: none;
          -ms-hyphens: none;
              hyphens: none;
      font-size: .6em; }
      .calculo_consumo td, .calculo_consumo th {
        padding: 2px; } }

.calculo_consumo + .legenda {
  margin-left: auto;
  margin: auto;
  margin-top: -15px;
  margin-bottom: 30px;
  max-width: 750px; }

.gestao-recursos {
  font-weight: 900; }
  .gestao-recursos .modal-trigger {
    font-weight: 700;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #cccccc), color-stop(51%, #b3b3b3), to(#e6e6e6));
    background: linear-gradient(to bottom, white 0%, #cccccc 50%, #b3b3b3 51%, #e6e6e6 100%);
    background-color: white;
    color: #333333;
    border: 1px solid white;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    padding: 10px;
    border-radius: 15px;
    text-decoration: none;
    -webkit-transition: all 1s;
    transition: all 1s;
    margin-bottom: 3px; }
    .gestao-recursos .modal-trigger:hover, .gestao-recursos .modal-trigger:focus {
      -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
              box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
      color: black;
      background: #f04f54;
      -webkit-transition: all 1s;
      transition: all 1s; }
  .gestao-recursos img {
    max-width: 100px; }
  .gestao-recursos .arrow-right {
    margin: 0 auto; }
  @media (max-width: 770px) {
    .gestao-recursos {
      font-size: .8em; }
      .gestao-recursos td, .gestao-recursos th {
        padding: 5px; } }
  @media (max-width: 460px) {
    .gestao-recursos {
      -webkit-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto;
      font-size: .7em; }
      .gestao-recursos td, .gestao-recursos th {
        padding: 3px; } }
  @media (max-width: 350px) {
    .gestao-recursos {
      -webkit-hyphens: none;
          -ms-hyphens: none;
              hyphens: none;
      font-size: .6em; }
      .gestao-recursos td, .gestao-recursos th {
        padding: 2px; } }

@media (max-width: 770px) {
  .tabela-arcabouco {
    font-size: .8em; }
    .tabela-arcabouco td, .tabela-arcabouco th {
      padding: 5px; } }

@media (max-width: 460px) {
  .tabela-arcabouco {
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    font-size: .7em; }
    .tabela-arcabouco td, .tabela-arcabouco th {
      padding: 3px; } }

@media (max-width: 350px) {
  .tabela-arcabouco {
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
    font-size: .6em; }
    .tabela-arcabouco td, .tabela-arcabouco th {
      padding: 2px; } }

.tabela-arcabouco .no-padding {
  padding: 0 3px; }
  .tabela-arcabouco .no-padding .popover-trigger {
    font-weight: 700;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #cccccc), color-stop(51%, #b3b3b3), to(#e6e6e6));
    background: linear-gradient(to bottom, white 0%, #cccccc 50%, #b3b3b3 51%, #e6e6e6 100%);
    background-color: white;
    color: #333333;
    border: 1px solid white;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    padding: 10px;
    border-radius: 15px;
    text-decoration: none;
    -webkit-transition: all 1s;
    transition: all 1s;
    margin-bottom: 3px; }
    .tabela-arcabouco .no-padding .popover-trigger:hover, .tabela-arcabouco .no-padding .popover-trigger:focus {
      -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
              box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
      color: black;
      background: #f04f54;
      -webkit-transition: all 1s;
      transition: all 1s; }

table.fluxograma {
  margin: 60px auto;
  font-family: Miso;
  text-transform: uppercase;
  max-width: 600px;
  width: 100%; }
  table.fluxograma caption {
    font-weight: bold;
    font-size: 1.5em;
    margin: 30px 0; }
  table.fluxograma td .fluxo-campo {
    border: 3px solid #f8adaf;
    border-radius: 10px;
    vertical-align: middle;
    display: block;
    margin: 3px;
    padding: 10px; }
  table.fluxograma.fluxograma1 td {
    width: 33.3333%; }
  table.fluxograma.fluxograma2 td {
    width: 25%; }
  table.fluxograma.fluxograma3 td {
    width: 50%; }

.fluxograma-atencao .fluxograma-seta {
  vertical-align: middle;
  padding: 0;
  margin: 0; }

#fornecimento_hemocomponentes .txt-maior {
  font-size: 1.5em; }

.tabela-interativa a {
  cursor: pointer;
  font-weight: 700;
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #cccccc), color-stop(51%, #b3b3b3), to(#e6e6e6));
  background: linear-gradient(to bottom, white 0%, #cccccc 50%, #b3b3b3 51%, #e6e6e6 100%);
  background-color: white;
  color: #333333;
  border: 1px solid white;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  padding: 10px;
  border-radius: 15px;
  text-decoration: none;
  -webkit-transition: all 1s;
  transition: all 1s;
  margin-bottom: 3px; }
  .tabela-interativa a:hover, .tabela-interativa a:focus {
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
            box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
    color: black;
    background: #f04f54;
    -webkit-transition: all 1s;
    transition: all 1s; }

.tabela-interativa span {
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s; }

.tabela-interativa .mostrar span {
  opacity: 1; }

@media (max-width: 768px) {
  .tabela-interativa tr th, .tabela-interativa tr td {
    padding: 7px; } }

table.tabela.tabela-tipos-reacao tr td, table.tabela.tabela-tipos-reacao tr th {
  width: 50%;
  padding: 7px; }
  table.tabela.tabela-tipos-reacao tr td .modal-trigger, table.tabela.tabela-tipos-reacao tr th .modal-trigger {
    font-weight: 700;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #cccccc), color-stop(51%, #b3b3b3), to(#e6e6e6));
    background: linear-gradient(to bottom, white 0%, #cccccc 50%, #b3b3b3 51%, #e6e6e6 100%);
    background-color: white;
    color: #333333;
    border: 1px solid white;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    padding: 10px;
    border-radius: 15px;
    text-decoration: none;
    -webkit-transition: all 1s;
    transition: all 1s;
    margin-bottom: 3px; }
    table.tabela.tabela-tipos-reacao tr td .modal-trigger:hover, table.tabela.tabela-tipos-reacao tr td .modal-trigger:focus, table.tabela.tabela-tipos-reacao tr th .modal-trigger:hover, table.tabela.tabela-tipos-reacao tr th .modal-trigger:focus {
      -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
              box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
      color: black;
      background: #f04f54;
      -webkit-transition: all 1s;
      transition: all 1s; }

.tabela-reacao-transfusional tr td, .tabela-reacao-transfusional tr th {
  width: 50%;
  padding: 7px; }

.tabela-sintomas td {
  text-align: left; }

table.tabela.tabela-exames tr:first-of-type th:last-child {
  border-left: none;
  border-right: none;
  border-radius: 18px 18px 0 0; }

header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 90px;
  z-index: 1000; }

.navbar.affix-top {
  background: white;
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(80%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0) 100%); }

.navbar.affix .conteudo, .navbar.affix-top.instrucoes-nav .conteudo {
  background: white;
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(80%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.1)));
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.9) 80%, rgba(255, 255, 255, 0.1) 100%); }

.navbar.affix-atividades .conteudo {
  background: white;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdeaeb), color-stop(80%, rgba(253, 234, 235, 0.9)), to(rgba(253, 234, 235, 0.1)));
  background: linear-gradient(to bottom, #fdeaeb 0%, rgba(253, 234, 235, 0.9) 80%, rgba(253, 234, 235, 0.1) 100%); }

.navbar.sem-sumario {
  background: white;
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(80%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.1)));
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.9) 80%, rgba(255, 255, 255, 0.1) 100%); }

.navbar.apresentacao.affix-top {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.5s;
  transition: visibility 0s, opacity 0.5s; }

.navbar.apresentacao.affix {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s, opacity 0.5s;
  transition: visibility 0s, opacity 0.5s; }

.navbar.affix-top.instrucoes-nav {
  background: transparent; }

nav {
  position: absolute;
  bottom: 15px;
  font-family: Miso;
  font-weight: 400;
  color: white;
  letter-spacing: -1px; }
  nav .nav-bt-conteiner {
    background-color: #f04f54;
    border-radius: 27px;
    width: 74px;
    height: 57px;
    padding: 3px; }
    nav .nav-bt-conteiner .nav-bt {
      cursor: pointer;
      width: 100%;
      border-radius: 25px;
      padding: 10px 10px 5px;
      border: 3px solid white;
      display: block;
      -webkit-transition: background-color 1s;
      transition: background-color 1s; }
      nav .nav-bt-conteiner .nav-bt:hover, nav .nav-bt-conteiner .nav-bt:focus {
        background-color: #df1319;
        -webkit-transition: background-color 1s;
        transition: background-color 1s; }
      nav .nav-bt-conteiner .nav-bt .menu-stripe {
        display: block;
        background: white;
        height: 4px;
        width: 40px;
        margin-bottom: 6px; }
  nav .menu {
    position: absolute;
    z-index: 2; }
    nav .menu li {
      position: relative;
      font-size: 30px;
      width: 270px;
      padding: 3px;
      border-radius: 15px;
      background-color: #f04f54; }
      nav .menu li a {
        color: white;
        cursor: pointer;
        display: block;
        border: 3px solid white;
        border-radius: 13px;
        padding: 5px 8px 2px;
        color: white;
        text-decoration: none;
        -webkit-transition: background-color 1s;
        transition: background-color 1s; }
        nav .menu li a:hover, nav .menu li a:focus {
          color: white;
          background-color: #df1319;
          -webkit-transition: background-color 1s;
          transition: background-color 1s; }
    nav .menu .menu-sub {
      position: absolute;
      z-index: 3;
      left: 255px;
      top: 10px; }
      nav .menu .menu-sub li {
        width: 120px;
        text-align: center;
        background-color: #f47e82; }
        nav .menu .menu-sub li a {
          -webkit-transition: background-color 1s;
          transition: background-color 1s; }
          nav .menu .menu-sub li a:hover, nav .menu .menu-sub li a:focus {
            background-color: #f04f54;
            -webkit-transition: background-color 1s;
            transition: background-color 1s; }
      @media (max-width: 600px) {
        nav .menu .menu-sub {
          position: static; }
          nav .menu .menu-sub li {
            width: auto;
            text-align: left; } }

.breadcrumb {
  text-align: right;
  font-family: Miso;
  font-size: 1.55em;
  padding: 2em 0 30px;
  color: #f04f54; }

.inicio {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%; }

.capa {
  text-align: center;
  position: relative;
  height: 100%;
  padding-bottom: 0;
  padding-top: 0; }
  .capa.fullheight {
    background-image: url("../img/bg-capa2.jpg");
    background-position: center bottom;
    background-size: cover; }
    .capa.fullheight div {
      position: absolute;
      z-index: 2;
      margin-top: 8.5%;
      left: 0;
      right: 0; }
      .capa.fullheight div h1 {
        margin: 0 20%;
        padding: 0;
        font-size: 3.5em;
        border: none; }
      .capa.fullheight div p {
        margin: 5% 15px 30px; }
    .capa.fullheight .isbn {
      z-index: 2;
      font-size: 1em;
      position: absolute;
      bottom: 5%;
      right: 5%;
      margin-bottom: 0;
      color: white;
      font-weight: 500;
      text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); }
    @media (max-width: 900px) {
      .capa.fullheight div h1 {
        margin: 0 15px; } }
    @media (max-width: 768px) {
      .capa.fullheight div h1 {
        margin: 5% 20% 15px; }
      .capa.fullheight div .marcas {
        margin-bottom: 30px; } }
    @media (max-width: 400px) {
      .capa.fullheight div h1 {
        margin: 15px;
        font-size: 2.5em; } }

.bolha1 {
  background-image: url("../img/bolha1.png");
  background-size: cover;
  left: 5%;
  opacity: .8;
  z-index: 1;
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  -webkit-animation: animaBolha1 10s forwards;
          animation: animaBolha1 10s forwards; }
  @media (max-width: 900px) {
    .bolha1 {
      left: -10px;
      width: 150px;
      height: 150px; } }

@-webkit-keyframes animaBolha1 {
  0% {
    bottom: 100%; }
  100% {
    bottom: -30px; } }

@keyframes animaBolha1 {
  0% {
    bottom: 100%; }
  100% {
    bottom: -30px; } }

.bolha2 {
  background-image: url("../img/bolha2.png");
  background-size: cover;
  right: 10%;
  opacity: .8;
  z-index: 1;
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  -webkit-animation: animaBolha2 10s forwards;
          animation: animaBolha2 10s forwards;
  -webkit-animation-delay: 2s;
          animation-delay: 2s; }
  @media (max-width: 900px) {
    .bolha2 {
      right: -20px;
      width: 200px;
      height: 200px; } }

@-webkit-keyframes animaBolha2 {
  0% {
    bottom: 120%; }
  100% {
    bottom: -50px; } }

@keyframes animaBolha2 {
  0% {
    bottom: 120%; }
  100% {
    bottom: -50px; } }

.bolha3 {
  background-image: url("../img/bolha3.png");
  background-size: cover;
  left: 30%;
  opacity: .8;
  z-index: 1;
  position: absolute;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  -webkit-animation: animaBolha2 10s forwards;
          animation: animaBolha2 10s forwards;
  -webkit-animation-delay: 4s;
          animation-delay: 4s; }
  @media (max-width: 900px) {
    .bolha3 {
      left: 20%;
      width: 120px;
      height: 120px; } }

@-webkit-keyframes animaBolha3 {
  0% {
    bottom: 100%; }
  100% {
    bottom: -10px; } }

@keyframes animaBolha3 {
  0% {
    bottom: 100%; }
  100% {
    bottom: -10px; } }

.bolha4 {
  background-image: url("../img/bolha4.png");
  background-size: cover;
  left: 42%;
  opacity: .8;
  z-index: 1;
  position: absolute;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  -webkit-animation: animaBolha4 10s forwards;
          animation: animaBolha4 10s forwards;
  -webkit-animation-delay: 7s;
          animation-delay: 7s; }
  @media (max-width: 900px) {
    .bolha4 {
      width: 110px;
      height: 110px; } }

@-webkit-keyframes animaBolha4 {
  0% {
    bottom: 100%; }
  100% {
    bottom: -5px; } }

@keyframes animaBolha4 {
  0% {
    bottom: 100%; }
  100% {
    bottom: -5px; } }

/* CSS talk bubble */
.talk-bubble, .talk-bubble-modal {
  border-radius: 5px;
  margin: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: inline-block;
  position: absolute;
  width: 290px;
  height: auto;
  background-color: #fac4c6; }
  .talk-bubble .circle, .talk-bubble-modal .circle {
    position: absolute;
    bottom: -25%;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: 2px solid white;
    background: #f8adaf; }
    .talk-bubble .circle.peq, .talk-bubble-modal .circle.peq {
      bottom: -43%;
      width: 15px;
      height: 15px; }
  .talk-bubble .circle1, .talk-bubble-modal .circle1 {
    position: absolute;
    bottom: -14%;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: 2px solid white;
    background: #f8adaf; }
    .talk-bubble .circle1.peq, .talk-bubble-modal .circle1.peq {
      bottom: -22%;
      width: 15px;
      height: 15px; }

/* Right triangle placed top left flush. */
.tri-right.border.left-top:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -40px;
  right: auto;
  top: -8px;
  bottom: auto;
  border: 32px solid;
  border-color: #666 transparent transparent transparent; }

.tri-right.left-top:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -20px;
  right: auto;
  top: 0px;
  bottom: auto;
  border: 22px solid;
  border-color: #fac4c6 transparent transparent transparent; }

/* Right triangle, left side slightly down */
.tri-right.border.left-in:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -40px;
  right: auto;
  top: 30px;
  bottom: auto;
  border: 20px solid;
  border-color: #666 #666 transparent transparent; }

.tri-right.left-in:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -20px;
  right: auto;
  top: 38px;
  bottom: auto;
  border: 12px solid;
  border-color: #fac4c6 #fac4c6 transparent transparent; }

/*Right triangle, placed bottom left side slightly in*/
.tri-right.border.btm-left:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -8px;
  right: auto;
  top: auto;
  bottom: -40px;
  border: 32px solid;
  border-color: transparent transparent transparent #666; }

.tri-right.btm-left:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 0px;
  right: auto;
  top: auto;
  bottom: -20px;
  border: 22px solid;
  border-color: transparent transparent transparent #fac4c6; }

/*Right triangle, placed bottom left side slightly in*/
.tri-right.border.btm-left-in:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 30px;
  right: auto;
  top: auto;
  bottom: -40px;
  border: 20px solid;
  border-color: #666 transparent transparent #666; }

.tri-right.btm-left-in:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 38px;
  right: auto;
  top: auto;
  bottom: -20px;
  border: 12px solid;
  border-color: #fac4c6 transparent transparent #fac4c6; }

/*Right triangle, placed bottom right side slightly in*/
.tri-right.border.btm-right-in:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: auto;
  right: 30px;
  bottom: -40px;
  border: 20px solid;
  border-color: #666 #666 transparent transparent; }

.tri-right.btm-right-in:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: auto;
  right: 200px;
  bottom: -20px;
  border: 12px solid;
  border-color: #fac4c6 #fac4c6 transparent transparent; }

/*Right triangle, placed bottom right side slightly in*/
.tri-right.border.btm-right:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: auto;
  right: -8px;
  bottom: -40px;
  border: 20px solid;
  border-color: #666 #666 transparent transparent; }

.tri-right.btm-right:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: auto;
  right: 0px;
  bottom: -20px;
  border: 12px solid;
  border-color: #fac4c6 #fac4c6 transparent transparent; }

/* Right triangle, right side slightly down*/
.tri-right.border.right-in:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: auto;
  right: -40px;
  top: 30px;
  bottom: auto;
  border: 20px solid;
  border-color: #666 transparent transparent #666; }

.tri-right.right-in:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: auto;
  right: -20px;
  top: 38px;
  bottom: auto;
  border: 12px solid;
  border-color: #fac4c6 transparent transparent #fac4c6; }

/* Right triangle placed top right flush. */
.tri-right.border.right-top:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: auto;
  right: -40px;
  top: -8px;
  bottom: auto;
  border: 32px solid;
  border-color: #666 transparent transparent transparent; }

.tri-right.right-top:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: auto;
  right: -20px;
  top: 0px;
  bottom: auto;
  border: 20px solid;
  border-color: #fac4c6 transparent transparent transparent; }

/* talk bubble contents */
.talktext {
  padding: 1em;
  text-align: left; }
  .talktext p {
    font-family: Miso;
    font-size: 1.4em;
    line-height: 1em;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em; }
    @media (max-width: 600px) {
      .talktext p {
        font-size: 1.4em;
        line-height: 1em; } }
  .talktext a.modal-trigger {
    font-weight: 700;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #cccccc), color-stop(51%, #b3b3b3), to(#e6e6e6));
    background: linear-gradient(to bottom, white 0%, #cccccc 50%, #b3b3b3 51%, #e6e6e6 100%);
    background-color: white;
    color: #333333;
    border: 1px solid white;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    padding: 10px;
    border-radius: 15px;
    text-decoration: none;
    -webkit-transition: all 1s;
    transition: all 1s;
    margin-bottom: 3px; }
    .talktext a.modal-trigger:hover, .talktext a.modal-trigger:focus {
      -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
              box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
      color: black;
      background: #f04f54;
      -webkit-transition: all 1s;
      transition: all 1s; }

.smartphone-conteiner {
  margin: 30px auto;
  max-width: 600px; }
  .smartphone-conteiner .smartphone {
    position: relative;
    padding-bottom: 55%;
    background-image: url("../img/iphone8.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }
    .smartphone-conteiner .smartphone .infografico {
      font-family: Miso;
      font-size: 18px;
      text-align: center;
      max-width: 445px;
      margin: 40px auto;
      right: 0;
      left: 0;
      position: absolute; }
      .smartphone-conteiner .smartphone .infografico .infografico-campo {
        font-style: normal;
        text-decoration: none;
        background: rgba(255, 255, 255, 0.5);
        display: inline-block;
        padding: 10px;
        border-radius: 20px;
        margin-bottom: 10px;
        -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
                box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); }
        .smartphone-conteiner .smartphone .infografico .infografico-campo.campo-solo {
          margin: 60px; }
      .smartphone-conteiner .smartphone .infografico a.infografico-campo {
        background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #cccccc), color-stop(51%, #b3b3b3), to(#e6e6e6));
        background: linear-gradient(to bottom, white 0%, #cccccc 50%, #b3b3b3 51%, #e6e6e6 100%);
        background-color: white;
        color: black;
        border: 1px solid white;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
        font-weight: bold;
        position: relative; }
        .smartphone-conteiner .smartphone .infografico a.infografico-campo:hover, .smartphone-conteiner .smartphone .infografico a.infografico-campo:focus {
          -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
                  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
          color: black;
          background: #f04f54;
          -webkit-transition: all 1s;
          transition: all 1s; }
      .smartphone-conteiner .smartphone .infografico .infografico-grupo {
        -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
                box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
        background: rgba(255, 255, 255, 0.4);
        border-radius: 10px;
        padding-top: 10px;
        margin: 0 10px 10px; }
  @media (max-width: 600px) {
    .smartphone-conteiner {
      max-width: none; }
      .smartphone-conteiner .smartphone {
        background-image: none;
        padding-bottom: 0; }
        .smartphone-conteiner .smartphone .infografico {
          border: 1px solid gray;
          border-radius: 12px;
          font-size: 12px;
          position: relative;
          max-width: 100%; }
          .smartphone-conteiner .smartphone .infografico .infografico-grupo {
            margin: 0 0 10px 0; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.95);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.95); }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.95);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.95); }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }

.close {
  float: right;
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  color: white;
  text-shadow: 0 1px 0 #fff; }

.close:hover,
.close:focus {
  outline: none;
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5; }

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

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%); }

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(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;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0; }

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5; }

.modal-header {
  border-radius: 5px 5px 0 0;
  padding: 10px 15px 5px;
  background: #f04f54; }

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

.modal-title {
  font-family: Miso;
  font-size: 2em;
  line-height: 1em;
  color: white;
  margin: 0; }

.modal-body {
  position: relative;
  padding: 15px; }
  .modal-body h3 {
    font-size: 1.2em;
    color: #f04f54; }
  .modal-body p, .modal-body ul, .modal-body ol {
    font-size: 1.1em; }
  .modal-body .box {
    margin: 15px 0; }
    .modal-body .box p:last-child {
      margin-bottom: 0; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px; }

.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 {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

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

.modal-body {
  max-height: calc(100vh - 120px);
  overflow-y: auto; }
  .modal-body blockquote p, .modal-body blockquote ul {
    font-size: 1.25em; }
  .modal-body.hemocentros {
    line-height: 1.5em; }
    .modal-body.hemocentros .glyphicon {
      color: #f04f54;
      display: inline-block;
      padding-right: 10px; }

.modal-trigger {
  text-decoration: none;
  cursor: pointer;
  color: #f47e82; }
  .modal-trigger:hover, .modal-trigger:focus {
    color: #c81117; }

@media (min-width: 850px) {
  .modal-bigger .modal-dialog {
    width: 800px; } }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 3px solid #f04f54;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover p {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #cccccc; }
    .popover p:last-child {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0; }
    .popover p .glyphicon {
      display: inline-block;
      padding-right: 5px;
      color: #f04f54; }

.popover.top {
  margin-top: -10px; }

.popover.right {
  margin-left: 10px; }

.popover.bottom {
  margin-top: 10px; }

.popover.left {
  margin-left: -10px; }

.popover-title {
  font-family: Miso;
  font-size: 16px !important;
  line-height: 16px;
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  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: #f04f54;
  bottom: -11px; }

.popover.top > .arrow:after {
  content: " ";
  bottom: 4px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #f04f54; }

.popover.right > .arrow:after {
  content: " ";
  left: 4px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #f04f54;
  top: -11px; }

.popover.bottom > .arrow:after {
  content: " ";
  top: 4px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #f04f54; }

.popover.left > .arrow:after {
  content: " ";
  right: 4px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px; }

.popover-trigger {
  cursor: pointer;
  color: #f04f54;
  -webkit-transition: color 1s;
  transition: color 1s; }
  .popover-trigger:hover, .popover-trigger:focus {
    color: #c81117;
    -webkit-transition: color 1s;
    transition: color 1s; }

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto; }

.carousel {
  position: relative;
  background: transparent;
  margin: 60px auto 30px;
  max-width: 700px; }
  .carousel .item {
    padding-bottom: 75%; }
    .carousel .item:nth-child(1) {
      border-radius: 20px;
      background: url("../img/hemocentro-produtor-macroprocesso01.jpg");
      background-size: contain;
      background-position: top center;
      background-origin: border-box; }
    .carousel .item:nth-child(2) {
      border-radius: 20px;
      background: url("../img/hemocentro-produtor-macroprocesso02.jpg");
      background-size: contain;
      background-position: top center;
      background-origin: border-box; }
    .carousel .item:nth-child(3) {
      border-radius: 20px;
      background: url("../img/hemocentro-produtor-macroprocesso03.jpg");
      background-size: contain;
      background-position: top center;
      background-origin: border-box; }
    .carousel .item:nth-child(4) {
      border-radius: 20px;
      background: url("../img/hemocentro-produtor-macroprocesso04a.jpg");
      background-size: contain;
      background-position: top center;
      background-origin: border-box; }
    .carousel .item:nth-child(5) {
      border-radius: 20px;
      background: url("../img/hemocentro-produtor-macroprocesso05.jpg");
      background-size: contain;
      background-position: top center;
      background-origin: border-box; }
    .carousel .item:nth-child(6) {
      border-radius: 20px;
      background: url("../img/hemocentro-produtor-macroprocesso06.jpg");
      background-size: contain;
      background-position: top center;
      background-origin: border-box; }
    .carousel .item:nth-child(7) {
      border-radius: 20px;
      background: url("../img/_MG_5653.jpg");
      background-size: contain;
      background-position: top center;
      background-origin: border-box; }
    .carousel .item:nth-child(8) {
      border-radius: 20px;
      background: url("../img/hemocentro-produtor-macroprocesso08.jpg");
      background-size: contain;
      background-position: top center;
      background-origin: border-box; }
    .carousel .item:nth-child(9) {
      border-radius: 20px;
      background: url("../img/hemocentro-produtor-macroprocesso09.jpg");
      background-size: contain;
      background-position: top center;
      background-origin: border-box; }
    .carousel .item:nth-child(10) {
      border-radius: 20px;
      background: url("../img/hemocentro-produtor-macroprocesso10.jpg");
      background-size: contain;
      background-position: top center;
      background-origin: border-box; }
    .carousel .item:nth-child(11) {
      border-radius: 20px;
      background: url("../img/hemocentro-produtor-macroprocesso11.jpg");
      background-size: contain;
      background-position: top center;
      background-origin: border-box; }
    .carousel .item:nth-child(12) {
      border-radius: 20px;
      background: url("../img/hemocentro-produtor-macroprocesso12.jpg");
      background-size: contain;
      background-position: top center;
      background-origin: border-box; }
    .carousel .item:nth-child(13) {
      border-radius: 20px;
      background: url("../img/hemocentro-produtor-macroprocesso13.jpg");
      background-size: contain;
      background-position: top center;
      background-origin: border-box; }
    .carousel .item:nth-child(14) {
      border-radius: 20px;
      background: url("../img/hemocentro-produtor-macroprocesso14.jpg");
      background-size: contain;
      background-position: top center;
      background-origin: border-box; }

.carousel-inner {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden; }

.carousel-inner > .item {
  position: relative;
  height: 100%;
  display: none;
  -webkit-transition: .6s ease-in-out left;
  transition: .6s ease-in-out left; }

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1; }

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px; }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.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;
  bottom: 0;
  left: 0;
  width: 5%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: transparent;
  filter: alpha(opacity=50); }

.carousel-control.left {
  left: 0; }

.carousel-control.right {
  right: 0;
  left: auto; }

.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9; }

.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;
  margin-top: -10px; }

.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;
  font-family: serif;
  line-height: 1; }

.carousel-control .icon-prev:before {
  content: '\2039'; }

.carousel-control .icon-next:before {
  content: '\203a'; }

.carousel-indicators {
  border-radius: 0 0 20px 20px;
  background: #f04f54;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 15;
  width: 100%;
  padding-left: 0;
  margin: 0 auto;
  text-align: center;
  list-style: none;
  bottom: -25px; }

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 10px; }

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff; }

.carousel-caption {
  padding: 10px;
  background: #f04f54;
  position: absolute;
  bottom: 0;
  z-index: 10;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption p {
    font-size: 1.1em;
    line-height: 1.2em; }
    @media (max-width: 600px) {
      .carousel-caption p {
        font-size: 12px; } }

.carousel-caption .btn {
  text-shadow: none; }

.carousel + .legenda {
  margin: 45px auto 0;
  max-width: 700px;
  text-align: left; }

.chat .post {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 20px;
  margin-bottom: 20px; }
  .chat .post.no-border {
    border-bottom: none;
    padding-bottom: 0; }
  .chat .post p {
    margin: 0; }
    .chat .post p .nome {
      font-weight: 700;
      color: #f04f54; }
  .chat .post .avatar {
    border: 2px solid #f04f54;
    border-radius: 10px;
    width: 65px;
    height: 65px;
    float: left;
    margin-right: 15px;
    background: #f04f54; }
    .chat .post .avatar.avatar1 {
      background-image: url("../img/ricardo.png");
      background-size: cover; }
    .chat .post .avatar.avatar2 {
      background-image: url("../img/aline.png");
      background-size: cover; }
    .chat .post .avatar.avatar3 {
      background-image: url("../img/carlos.png");
      background-size: cover; }
    .chat .post .avatar.avatar4 {
      background-image: url("../img/marcia.png");
      background-size: cover; }
  .chat .post .pergunta {
    border-top: 1px solid #e6e6e6;
    min-height: 85px;
    padding-top: 20px;
    margin-top: 20px; }
    .chat .post .pergunta.no-border {
      border-top: none;
      padding-top: 0; }
  .chat .post .resposta {
    border-top: 1px solid #e6e6e6;
    padding-top: 20px;
    padding-left: 20px;
    margin-top: 20px;
    min-height: 75px; }
    .chat .post .resposta .avatar {
      height: 55px;
      width: 55px; }
  .chat .post .mais-comentarios {
    color: gray;
    margin-top: 30px; }

.linha-do-tempo {
  margin: 90px auto;
  width: 290px; }
  .linha-do-tempo a {
    font-family: Miso;
    font-size: 24px;
    position: absolute;
    color: white;
    padding-top: 31px;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
    .linha-do-tempo a:hover, .linha-do-tempo a:focus {
      -webkit-transform: scale(1.05);
              transform: scale(1.05); }
  .linha-do-tempo .lt1 {
    position: relative;
    height: 700px;
    background: url("../img/lt1.svg") center top no-repeat; }
    .linha-do-tempo .lt1 a:nth-child(1) {
      top: -33px;
      left: 50px; }
    .linha-do-tempo .lt1 a:nth-child(2) {
      top: 12px;
      left: 170px; }
    .linha-do-tempo .lt1 a:nth-child(3) {
      top: 47px;
      left: 35px; }
    .linha-do-tempo .lt1 a:nth-child(4) {
      top: 152px;
      left: 155px; }
    .linha-do-tempo .lt1 a:nth-child(5) {
      top: 320px;
      left: 40px; }
    .linha-do-tempo .lt1 a:nth-child(6) {
      top: 370px;
      left: 40px; }
    .linha-do-tempo .lt1 a:nth-child(7) {
      top: 490px;
      left: 196px; }
    .linha-do-tempo .lt1 a:nth-child(8) {
      top: 650px;
      left: 30px; }
  .linha-do-tempo .lt2 {
    position: relative;
    height: 320px;
    background: url("../img/lt2.svg") center top no-repeat; }
    .linha-do-tempo .lt2 a:nth-child(1) {
      top: -32px;
      left: 35px; }
    .linha-do-tempo .lt2 a:nth-child(2) {
      top: 230px;
      left: 185px; }
    .linha-do-tempo .lt2 a:nth-child(3) {
      top: 270px;
      left: 25px; }
  .linha-do-tempo .lt3 {
    position: relative;
    height: 400px;
    background: url("../img/lt3.svg") center top no-repeat; }
    .linha-do-tempo .lt3 a {
      width: 100px;
      height: 100px;
      padding-top: 20px;
      -webkit-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out; }
      .linha-do-tempo .lt3 a:hover, .linha-do-tempo .lt3 a:focus {
        -webkit-transform: scale(1.05) !important;
                transform: scale(1.05) !important; }
      .linha-do-tempo .lt3 a:nth-child(1) {
        top: -42px;
        left: 20px; }
      .linha-do-tempo .lt3 a:nth-child(2) {
        top: 13px;
        left: 185px; }
      .linha-do-tempo .lt3 a:nth-child(3) {
        top: 65px;
        left: 0px; }
      .linha-do-tempo .lt3 a:nth-child(4) {
        top: 340px;
        left: 180px; }
      .linha-do-tempo .lt3 a .ano-rotulo {
        font-size: 16px;
        line-height: .9em;
        font-weight: 300;
        display: block; }

.hemocomponentes {
  max-width: 600px;
  border-top: 2px solid #f04f54;
  margin: 15px auto; }
  .hemocomponentes figure {
    border: 2px solid #f04f54;
    border-radius: 10px;
    margin-top: 5px;
    background: #e6e6e6;
    padding: 15px 5px 5px;
    position: relative;
    text-align: center;
    float: left;
    width: 24.25%;
    margin-right: 1%;
    height: 195px;
    opacity: 0; }
    .hemocomponentes figure.animacao {
      -webkit-animation: surgindo 2s;
              animation: surgindo 2s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards; }
      .hemocomponentes figure.animacao:nth-child(2) {
        -webkit-animation-delay: 1s;
                animation-delay: 1s; }
      .hemocomponentes figure.animacao:nth-child(3) {
        -webkit-animation-delay: 2s;
                animation-delay: 2s; }
      .hemocomponentes figure.animacao:nth-child(4) {
        -webkit-animation-delay: 3s;
                animation-delay: 3s; }
      .hemocomponentes figure.animacao:last-of-type {
        margin-right: 0; }
    .hemocomponentes figure:after {
      top: -15px;
      right: 20%;
      left: 20%;
      margin: auto;
      position: absolute;
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: #f04f54;
      border: 2px solid #f04f54; }
    .hemocomponentes figure img {
      border: 2px solid #f04f54;
      border-radius: 50%;
      margin-bottom: 5px; }
    .hemocomponentes figure figcaption {
      font-family: Miso;
      -webkit-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto; }
      @media (max-width: 600px) {
        .hemocomponentes figure figcaption {
          font-size: .8em; } }

.hemocomponentes + .legenda {
  margin-left: auto;
  margin-right: auto;
  max-width: 600px; }

@-webkit-keyframes surgindo {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes surgindo {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.infografico-rh {
  font-size: 1.4em;
  max-width: 600px;
  margin: 60px auto; }
  .infografico-rh .infografico-rh-meio {
    background-image: url("../img/seta-ida-volta.svg");
    background-position: center;
    background-size: 120px;
    background-repeat: no-repeat;
    margin: 30px auto; }
    .infografico-rh .infografico-rh-meio .infografico-rh-botao:first-of-type {
      float: left; }
    .infografico-rh .infografico-rh-meio .infografico-rh-botao:last-of-type {
      float: right; }
  .infografico-rh .infografico-rh-base {
    background-image: url("../img/seta-ida-volta1.svg");
    background-position: center top;
    background-size: 380px;
    background-repeat: no-repeat; }
  .infografico-rh .infografico-rh-botao {
    text-align: center;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    margin: auto;
    width: 222px;
    font-family: Miso;
    color: white;
    background: #f04f54;
    border: 6px double white;
    border-radius: 15px; }
    .infografico-rh .infografico-rh-botao a {
      color: white;
      cursor: pointer;
      text-align: center;
      display: block;
      background-color: #f04f54;
      border-radius: 10px;
      -webkit-transition: background-color 1s;
      transition: background-color 1s; }
      .infografico-rh .infografico-rh-botao a:hover, .infografico-rh .infografico-rh-botao a:focus {
        background-color: #c81117;
        text-decoration: none; }
      .infografico-rh .infografico-rh-botao a.rotulo {
        padding: 8px; }
      .infografico-rh .infografico-rh-botao a.info {
        border-radius: 0 10px 10px 0;
        font-family: Georgia, serif;
        text-align: right;
        padding: 8px; }
        .infografico-rh .infografico-rh-botao a.info img {
          display: block;
          width: 22px; }
  @media (max-width: 600px) {
    .infografico-rh {
      font-size: 1em;
      max-width: 300px; }
      .infografico-rh .infografico-rh-meio {
        background-image: url("../img/seta-ida-volta2.svg");
        background-size: 30px; }
      .infografico-rh .infografico-rh-base {
        background-image: url("../img/seta-ida-volta4.svg");
        background-position: center top;
        background-size: 220px;
        background-repeat: no-repeat; }
      .infografico-rh .infografico-rh-botao {
        width: 133px; }
        .infografico-rh .infografico-rh-botao a.rotulo {
          margin: 0 auto;
          width: 82px; }
        .infografico-rh .infografico-rh-botao a.info {
          padding: 13px 8px; } }

.infografico-gerenciamento_estoque_1 .arrow-right {
  margin-left: 3px;
  margin-right: 3px; }

@media (max-width: 380px) {
  .infografico-gerenciamento_estoque_1 .arrow-right {
    margin-left: 0;
    margin-right: 0; }
  .infografico-gerenciamento_estoque_1 .botao.pequeno a {
    padding: 5px; } }

.infografico-gerenciamento_estoque_2 .botao a {
  padding-top: 100%; }
  .infografico-gerenciamento_estoque_2 .botao a span {
    display: block;
    width: 100%;
    text-shadow: 0 0 3px #000; }

.infografico-gerenciamento_estoque_2 .botao:nth-child(1) a {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("../img/hemacias.jpg"); }

.infografico-gerenciamento_estoque_2 .botao:nth-child(3) a {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("../img/plaquetas.jpg"); }

.infografico-gerenciamento_estoque_2 .botao:nth-child(5) a {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("../img/pfc.jpg"); }

.infografico-gerenciamento_estoque_2 .arrow-right {
  margin-left: 3px;
  margin-right: 3px; }

@media (max-width: 380px) {
  .infografico-gerenciamento_estoque_2 .arrow-right {
    margin-left: 0;
    margin-right: 0; }
  .infografico-gerenciamento_estoque_2 .botao.pequeno a {
    font-size: .8em;
    padding: 5px; } }

.infografico-responsabilidade-usuario {
  max-width: 290px;
  margin: 30px auto;
  position: relative;
  border-radius: 20px;
  padding-top: 20px;
  padding-bottom: 30%;
  background-image: url("../img/centrifuga.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center; }
  .infografico-responsabilidade-usuario .clearfix {
    padding: 20px;
    width: 100%;
    position: absolute;
    bottom: 0; }
    .infografico-responsabilidade-usuario .clearfix .botao {
      position: absolute; }
      .infografico-responsabilidade-usuario .clearfix .botao:nth-child(1) {
        bottom: 20px;
        left: 20px; }
      .infografico-responsabilidade-usuario .clearfix .botao:nth-child(2) {
        bottom: 20px;
        right: 20px; }

.infografico-prontuario {
  max-width: 600px;
  margin: 60px auto; }
  .infografico-prontuario .prontuario {
    margin: 0 auto;
    width: 30%;
    min-width: 150px; }
  .infografico-prontuario .botao {
    display: block;
    margin-left: 30px; }
    @media (max-width: 450px) {
      .infografico-prontuario .botao {
        margin-left: 0; } }

.infografico-equipamentos {
  position: relative;
  border-radius: 20px;
  width: 450px;
  height: 480px;
  margin: 60px auto 15px;
  background-image: url("../img/equipamento.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top; }
  .infografico-equipamentos .botoes {
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(20%, white), to(white));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 20%, white 100%);
    padding-top: 10px;
    text-align: right;
    right: 0;
    width: 60%;
    height: 100%;
    position: absolute; }
  @media (max-width: 500px) {
    .infografico-equipamentos {
      width: 290px;
      height: 480px; }
      .infografico-equipamentos .fixa4 {
        width: 150px; }
        .infografico-equipamentos .fixa4 a {
          font-size: 14px; } }

.planta {
  background-image: url("../img/planta.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  padding-bottom: 50%; }
  @media (max-width: 600px) {
    .planta {
      background-image: url("../img/planta1.jpg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      padding-bottom: 300%; } }

.infografico-mapa_do_curso {
  margin: 30px auto;
  max-width: 600px;
  font-family: Miso;
  font-size: 1.5em; }
  .infografico-mapa_do_curso a {
    display: block;
    color: #f04f54; }
    .infografico-mapa_do_curso a:hover, .infografico-mapa_do_curso a:focus {
      text-decoration: none; }
  .infografico-mapa_do_curso .unidade {
    margin-top: 15px;
    margin-bottom: 60px;
    border-radius: 20px;
    border: 3px solid #f8adaf;
    padding: 20px;
    -webkit-transition: background 1s;
    transition: background 1s; }
    .infografico-mapa_do_curso .unidade:hover, .infografico-mapa_do_curso .unidade:focus {
      background: #f8adaf; }
    .infografico-mapa_do_curso .unidade > a {
      -webkit-transition: color 1s;
      transition: color 1s;
      margin-bottom: 10px; }
      .infografico-mapa_do_curso .unidade > a:hover, .infografico-mapa_do_curso .unidade > a:focus {
        color: white; }
  .infografico-mapa_do_curso .modulos {
    border-radius: 20px;
    border: 3px solid #f8adaf;
    background: #fcdcdd; }
    .infografico-mapa_do_curso .modulos .modulo {
      padding: 15px; }
      .infografico-mapa_do_curso .modulos .modulo.modulo1, .infografico-mapa_do_curso .modulos .modulo.modulo3, .infografico-mapa_do_curso .modulos .modulo.modulo6 {
        border-bottom: 3px solid #f8adaf;
        -webkit-transition: background 1s;
        transition: background 1s;
        border-radius: 20px 20px 0 0; }
        .infografico-mapa_do_curso .modulos .modulo.modulo1:hover, .infografico-mapa_do_curso .modulos .modulo.modulo1:focus, .infografico-mapa_do_curso .modulos .modulo.modulo3:hover, .infografico-mapa_do_curso .modulos .modulo.modulo3:focus, .infografico-mapa_do_curso .modulos .modulo.modulo6:hover, .infografico-mapa_do_curso .modulos .modulo.modulo6:focus {
          background: white; }
      .infografico-mapa_do_curso .modulos .modulo.modulo4 {
        border-bottom: 3px solid #f8adaf;
        -webkit-transition: background 1s;
        transition: background 1s; }
        .infografico-mapa_do_curso .modulos .modulo.modulo4:hover, .infografico-mapa_do_curso .modulos .modulo.modulo4:focus {
          background: white; }
      .infografico-mapa_do_curso .modulos .modulo.modulo2, .infografico-mapa_do_curso .modulos .modulo.modulo5, .infografico-mapa_do_curso .modulos .modulo.modulo7 {
        -webkit-transition: background 1s;
        transition: background 1s;
        border-radius: 0 0 20px 20px; }
        .infografico-mapa_do_curso .modulos .modulo.modulo2:hover, .infografico-mapa_do_curso .modulos .modulo.modulo2:focus, .infografico-mapa_do_curso .modulos .modulo.modulo5:hover, .infografico-mapa_do_curso .modulos .modulo.modulo5:focus, .infografico-mapa_do_curso .modulos .modulo.modulo7:hover, .infografico-mapa_do_curso .modulos .modulo.modulo7:focus {
          background: white; }
      .infografico-mapa_do_curso .modulos .modulo .modulo-titulo {
        position: relative;
        display: block;
        margin-bottom: 3px; }
        .infografico-mapa_do_curso .modulos .modulo .modulo-titulo strong {
          display: block;
          text-transform: none;
          border-bottom: 1px solid #f04f54;
          margin-bottom: 5px; }
        .infografico-mapa_do_curso .modulos .modulo .modulo-titulo .carga-horaria {
          font-size: 1rem;
          position: absolute;
          top: 0;
          right: 0;
          text-transform: normal;
          margin-bottom: 5px;
          color: #f47e82;
          display: block; }
      .infografico-mapa_do_curso .modulos .modulo .atividade {
        font-size: 1.25rem;
        margin-right: 6px;
        color: #666666;
        border-radius: 15px;
        display: inline-block;
        padding-right: 10px; }
        .infografico-mapa_do_curso .modulos .modulo .atividade i {
          margin: 0 3px 0 -8px;
          display: inline-block;
          background: #f8adaf;
          color: white;
          border-radius: 50% 0 0  50%;
          padding: 3px 6px 0 8px; }

.infografico-gerencia-operacoes {
  height: 100%;
  margin: 30px auto;
  max-width: 600px; }
  .infografico-gerencia-operacoes .info-go-campo {
    width: 30%;
    height: 100px;
    display: table;
    float: left; }
    .infografico-gerencia-operacoes .info-go-campo.seta-abaixo {
      margin-top: 3px;
      height: 122px;
      padding-top: 4%;
      background-image: url("../img/triangulo2.svg");
      background-size: 22%;
      background-position: top center;
      background-repeat: no-repeat; }
    .infografico-gerencia-operacoes .info-go-campo a {
      font-style: normal;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
              box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      text-decoration: none;
      background-color: #f04f54;
      font-family: Miso;
      font-size: 1.3em;
      text-align: center;
      display: table-cell;
      color: white;
      vertical-align: middle;
      border: 6px double white;
      padding: 5px;
      border-radius: 10px;
      -webkit-transition: background-color 1s;
      transition: background-color 1s;
      cursor: default; }
      .infografico-gerencia-operacoes .info-go-campo a:hover, .infografico-gerencia-operacoes .info-go-campo a:focus {
        background-color: #c81117;
        cursor: pointer;
        text-decoration: none; }
      @media (max-width: 600px) {
        .infografico-gerencia-operacoes .info-go-campo a {
          font-size: 1em; } }
      @media (max-width: 365px) {
        .infografico-gerencia-operacoes .info-go-campo a {
          font-size: 0.8em; } }
  .infografico-gerencia-operacoes .infografico-espaco {
    height: 100px;
    width: 3%;
    margin: 0 1%;
    float: left; }
    .infografico-gerencia-operacoes .infografico-espaco.seta-esquerda {
      background-image: url("../img/triangulo.svg");
      background-position: center;
      background-repeat: no-repeat; }
    .infografico-gerencia-operacoes .infografico-espaco.seta-direita {
      background-image: url("../img/triangulo1.svg");
      background-position: center;
      background-repeat: no-repeat; }

.m1-ig-1 {
  width: 100%;
  margin: 30px auto;
  max-width: 600px;
  background-image: url("../img/uni1_mod1_AtPRIMARIa.jpg");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  padding-bottom: 36%; }
  @media (max-width: 600px) {
    .m1-ig-1 {
      background-image: url("../img/uni1_mod1_001_AtPRIMARIa.jpg");
      padding-bottom: 80%; } }

.m1-ig-2 {
  width: 100%;
  margin: 30px auto;
  max-width: 600px;
  background-image: url("../img/uni1_mod1_002_DesHemot.jpg");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  padding-bottom: 66%; }
  @media (max-width: 600px) {
    .m1-ig-2 {
      padding-bottom: 100%; } }

.m1-ig-3 {
  width: 100%;
  margin: 30px auto;
  max-width: 500px;
  background-image: url("../img/uni1_mod1_003_SINASAN.jpg");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  padding-bottom: 37%; }
  @media (max-width: 600px) {
    .m1-ig-3 {
      padding-bottom: 70%; } }

.m1-ig-4 {
  width: 100%;
  margin: 30px auto;
  max-width: 600px;
  background-image: url("../img/uni1_mod1_004_HC-SES.jpg");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  padding-bottom: 36%; }
  @media (max-width: 600px) {
    .m1-ig-4 {
      padding-bottom: 50%; } }

.m2-ig-1 {
  position: relative;
  width: 100%;
  margin: 0 auto 30px;
  max-width: 600px;
  background-image: url("../img/uni1_mod2_cena844.jpg");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  padding-bottom: 47%; }
  .m2-ig-1 a {
    height: 50px;
    position: absolute; }
    .m2-ig-1 a:nth-child(1) {
      top: 2.5%;
      width: 47%;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .m2-ig-1 a:nth-child(2) {
      width: 35%;
      bottom: 6%;
      left: 5%; }
    .m2-ig-1 a:nth-child(3) {
      width: 25%;
      bottom: 6%;
      right: 5%; }

.m2-ig-1 + .legenda {
  margin-left: auto;
  margin: auto;
  max-width: 600px;
  text-align: left; }

.m3-ig-1 {
  max-width: 800px;
  width: 100%;
  margin: 30px auto 0;
  background-image: url("../img/uni2_mod3_001_HemProdutor.jpg");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  padding-bottom: 60%; }
  @media (max-width: 600px) {
    .m3-ig-1 {
      background-image: url("../img/uni2_mod3_001_HemProdutorCEL.jpg");
      padding-bottom: 100%; } }
  .m3-ig-1 + .legenda {
    margin: auto;
    max-width: 800px;
    text-align: left; }

.m3-ig-2 {
  max-width: 800px;
  width: 100%;
  margin: 30px auto 0;
  background-image: url("../img/uni2_mod3_002_coracao.jpg");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  padding-bottom: 64%; }
  @media (max-width: 600px) {
    .m3-ig-2 {
      background-image: url("../img/uni2_mod3_002_coracaoCEL.jpg");
      padding-bottom: 100%; } }
  .m3-ig-2 + .legenda {
    margin: auto;
    max-width: 800px;
    text-align: left; }

.m3-ig-3 {
  max-width: 500px;
  margin: auto;
  position: relative;
  width: 100%;
  height: 100%; }
  .m3-ig-3 .popover-trigger {
    position: absolute;
    display: block;
    opacity: .1;
    width: 20%;
    padding-bottom: 12%; }
  .m3-ig-3 .exames01 {
    top: 11%;
    right: 31%; }
  .m3-ig-3 .exames01-2 {
    top: 22%;
    left: 15%;
    width: 23%; }
  .m3-ig-3 .exames02 {
    top: 31%;
    left: 42%;
    padding-bottom: 6%;
    width: 34%; }
  .m3-ig-3 .exames02-2 {
    top: 47.5%;
    left: 22%;
    padding-bottom: 6%;
    width: 34%; }
  .m3-ig-3 .exames02-3 {
    top: 47.5%;
    right: 4%;
    padding-bottom: 6%;
    width: 34%; }
  .m3-ig-3 .exames04 {
    top: 70%;
    left: 6%;
    padding-bottom: 6%;
    width: 24%;
    height: 5%; }
  .m3-ig-3 .exames05 {
    top: 70%;
    left: 45%;
    padding-bottom: 6%;
    width: 22%;
    height: 5%; }

.m3-ig-4 {
  position: relative;
  margin: 60px auto 0;
  background-image: url(../img/uni2_mod3_004_Macroprocesso.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  padding-bottom: 70%; }
  .m3-ig-4 div {
    position: absolute;
    width: 20%;
    height: 100%; }
    .m3-ig-4 div:first-child {
      top: 13%;
      left: 25%; }
      .m3-ig-4 div:first-child a {
        margin-top: 13%; }
        .m3-ig-4 div:first-child a:nth-child(2) {
          height: 15%; }
        .m3-ig-4 div:first-child a:nth-child(3) {
          height: 15%; }
    .m3-ig-4 div:last-child {
      top: 12%;
      right: 2%; }
      .m3-ig-4 div:last-child a {
        margin-top: 18%; }
        .m3-ig-4 div:last-child a:nth-child(1) {
          margin-bottom: 86%; }
    .m3-ig-4 div a {
      height: 10%;
      width: 100%;
      display: block; }
  @media (max-width: 600px) {
    .m3-ig-4 {
      margin: 30px auto 0px;
      background-image: url(../img/uni2_mod3_004_MacroprocessoCEL.jpg);
      padding-bottom: 100%; }
      .m3-ig-4 div {
        position: absolute;
        width: 20%;
        height: 100%; }
        .m3-ig-4 div:first-child {
          top: 13%;
          left: 29%; }
          .m3-ig-4 div:first-child a {
            margin-top: 20%; }
            .m3-ig-4 div:first-child a:nth-child(2) {
              height: 15%; }
            .m3-ig-4 div:first-child a:nth-child(3) {
              height: 15%; }
        .m3-ig-4 div:last-child {
          top: 11%;
          right: 3.5%; }
          .m3-ig-4 div:last-child a {
            margin-top: 30%; }
            .m3-ig-4 div:last-child a:nth-child(1) {
              margin-bottom: 128%; }
        .m3-ig-4 div a {
          height: 10%;
          width: 100%;
          display: block; } }

.m3-fig1 {
  max-width: 600px;
  margin: auto; }

.m3-fig2 {
  max-width: 600px;
  margin: auto; }

.m4-fig1 {
  margin: 60px auto;
  max-width: 600px;
  position: relative; }
  .m4-fig1 .popover-trigger {
    position: absolute;
    display: block;
    opacity: .1;
    width: 22%;
    padding-bottom: 9%; }
  .m4-fig1 .prod01 {
    top: 12%;
    left: 47%; }
  .m4-fig1 .prod02 {
    top: 31.5%;
    left: 39%;
    width: 39%;
    padding-bottom: 7%; }
  .m4-fig1 .prod03 {
    top: 48%;
    left: 60%;
    width: 39%;
    padding-bottom: 7%; }
  .m4-fig1 .prod04 {
    top: 69%;
    left: 7.5%; }
  .m4-fig1 .prod05 {
    top: 22%;
    left: 11%;
    width: 25%;
    padding-bottom: 13%; }
  .m4-fig1 .prod06 {
    top: 69%;
    left: 44%; }
  .m4-fig1 .prod07 {
    top: 76%;
    left: 17%;
    padding-bottom: 13%; }
  .m4-fig1 .prod07-2 {
    top: 60%;
    left: 75%; }
  .m4-fig1 .prod08 {
    top: 54%;
    left: 75%; }
  .m4-fig1 .prod09 {
    top: 85%;
    left: 17%;
    padding-bottom: 13%; }
  .m4-fig1 .prod09-2 {
    top: 66%;
    left: 75%; }
  .m4-fig1 .prod10 {
    top: 78%;
    left: 54%; }
  .m4-fig1 .prod11 {
    top: 84%;
    left: 54%; }
  .m4-fig1 .prod12 {
    top: 91%;
    left: 54%;
    padding-bottom: 13%; }

.fluxogramaresiduos {
  margin: auto;
  position: relative;
  max-width: 532px;
  padding: 0; }
  .fluxogramaresiduos p {
    margin: 0; }
  .fluxogramaresiduos .fluxored01 {
    position: absolute;
    top: 5%;
    right: 9%;
    width: 40%;
    height: 6%; }
  .fluxogramaresiduos .fluxored02 {
    position: absolute;
    top: 15%;
    right: 9%;
    width: 40%;
    height: 6%; }
  .fluxogramaresiduos .fluxored03 {
    position: absolute;
    top: 30%;
    right: 9%;
    width: 40%;
    height: 6%; }
  .fluxogramaresiduos .fluxored04 {
    position: absolute;
    top: 45%;
    right: 9%;
    width: 40%;
    height: 6%; }
  .fluxogramaresiduos .fluxored05 {
    position: absolute;
    top: 75%;
    right: 29%;
    width: 17%;
    height: 10%; }
  .fluxogramaresiduos .fluxored06 {
    position: absolute;
    top: 75%;
    right: 10%;
    width: 17%;
    height: 10%; }

.tubo img {
  width: 70px; }

.sim-nao .botao-padrao {
  padding-top: 0px;
  padding-bottom: 0px; }

.mapa-brasil-conteiner {
  max-width: 500px;
  margin: 0 auto; }

.mapa-brasil {
  margin: 60px auto;
  padding-bottom: 100%;
  padding-right: 100%;
  width: 0;
  height: 0;
  position: relative;
  background-image: url("../img/MapaBrasil.png");
  background-color: #dedede;
  border-radius: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center; }
  .mapa-brasil .pin {
    text-decoration: none;
    position: absolute;
    background-image: url("../img/pin.svg");
    background-repeat: no-repeat;
    width: 18px;
    height: 25px;
    display: box; }
    .mapa-brasil .pin:hover:after, .mapa-brasil .pin:focus:after {
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
              box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      padding: 5px;
      border-radius: 5px;
      background: black;
      display: box;
      z-index: 100;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
      position: absolute;
      top: 20%;
      left: 120%;
      color: white;
      font-family: Miso;
      content: attr(data-title); }
    .mapa-brasil .pin.manaus {
      left: 36%;
      top: 19%; }
    .mapa-brasil .pin.belem {
      left: 63%;
      top: 18%; }
    .mapa-brasil .pin.rio-branco {
      left: 15%;
      top: 35%; }
    .mapa-brasil .pin.boa-vista {
      left: 35%;
      top: 6%; }
    .mapa-brasil .pin.macapa {
      left: 57%;
      top: 12%; }
    .mapa-brasil .pin.porto-velho {
      left: 26%;
      top: 34%; }
    .mapa-brasil .pin.palmas {
      left: 63%;
      top: 36%; }
    .mapa-brasil .pin.cuiaba {
      left: 44%;
      top: 49%; }
    .mapa-brasil .pin.campo-grande {
      left: 45%;
      top: 62%; }
    .mapa-brasil .pin.goiania {
      left: 57%;
      top: 56%; }
    .mapa-brasil .pin.brasilia {
      left: 62%;
      top: 52%; }
    .mapa-brasil .pin.salvador {
      left: 84%;
      top: 47%; }
    .mapa-brasil .pin.maceio {
      left: 92%;
      top: 40%; }
    .mapa-brasil .pin.aracaju {
      left: 89%;
      top: 43%; }
    .mapa-brasil .pin.joao-pessoa {
      left: 95%;
      top: 33%; }
    .mapa-brasil .pin.sao-luis {
      left: 74%;
      top: 21%; }
    .mapa-brasil .pin.natal {
      left: 93%;
      top: 30%; }
    .mapa-brasil .pin.teresina {
      left: 77%;
      top: 28%; }
    .mapa-brasil .pin.recife {
      left: 94%;
      top: 37%; }
    .mapa-brasil .pin.fortaleza {
      left: 87%;
      top: 25%; }
    .mapa-brasil .pin.curitiba {
      left: 56%;
      top: 75%; }
    .mapa-brasil .pin.florianopolis {
      left: 56%;
      top: 81%; }
    .mapa-brasil .pin.porto-alegre {
      left: 52%;
      top: 85%; }
    .mapa-brasil .pin.vitoria {
      left: 77%;
      top: 65%; }
    .mapa-brasil .pin.rj {
      left: 72%;
      top: 70%; }
    .mapa-brasil .pin.bh {
      left: 70%;
      top: 61%; }
    .mapa-brasil .pin.sp {
      left: 62%;
      top: 70%; }
    .mapa-brasil .pin.campinas {
      left: 61%;
      top: 67%; }
    .mapa-brasil .pin.marilia {
      left: 55%;
      top: 67%; }
    .mapa-brasil .pin.botocatu {
      left: 58%;
      top: 68%; }
    .mapa-brasil .pin.ribeirao {
      left: 58%;
      top: 64%; }
    .mapa-brasil .pin.santos {
      left: 65%;
      top: 71%; }
    .mapa-brasil .pin.sao-jose {
      left: 55%;
      top: 64%; }

.drag-drop {
  margin-top: 60px; }
  .drag-drop .drag-drop-diagrama {
    background-size: contain;
    text-align: center;
    border-radius: 20px;
    padding: 1%;
    background-color: #f8adaf;
    display: block;
    width: 50%;
    float: left;
    margin: 0 auto 15px; }
  .drag-drop .drag-drop-opcoes {
    width: 48%;
    margin-left: 2%;
    margin-bottom: 15px;
    float: right; }
  .drag-drop .botao {
    clear: both;
    display: block;
    margin: auto; }
  @media (max-width: 767px) {
    .drag-drop .drag-drop-diagrama {
      width: 100%;
      float: none;
      max-width: 500px;
      clear: both;
      border-radius: 10px; }
    .drag-drop .drag-drop-opcoes {
      width: 100%;
      float: none;
      margin-left: 0; } }

.drag-drop-diagrama-campo {
  opacity: .9;
  position: relative;
  margin-right: 2%;
  margin-bottom: 2%;
  float: left;
  display: block;
  border-radius: 10px;
  width: 32%;
  padding-bottom: 32%;
  vertical-align: middle;
  background-color: white;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
  .drag-drop-diagrama-campo.ui-droppable-hover {
    background-color: rgba(223, 223, 223, 0.4); }
  .drag-drop-diagrama-campo:nth-last-child(-n+3) {
    margin-bottom: 0; }
  .drag-drop-diagrama-campo:nth-child(3n) {
    margin-right: 0; }
  .drag-drop-diagrama-campo:before {
    position: absolute;
    content: '1';
    font-size: 60px;
    color: #fcdcdd;
    font-weight: 700;
    margin: auto;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .drag-drop-diagrama-campo:nth-child(2):before {
    content: '2'; }
  .drag-drop-diagrama-campo:nth-child(3):before {
    content: '3'; }
  .drag-drop-diagrama-campo:nth-child(4):before {
    content: '4'; }
  .drag-drop-diagrama-campo:nth-child(5):before {
    content: '5'; }
  .drag-drop-diagrama-campo:nth-child(6):before {
    content: '6'; }
  .drag-drop-diagrama-campo:nth-child(7):before {
    content: '7'; }
  .drag-drop-diagrama-campo:nth-child(8):before {
    content: '8'; }
  .drag-drop-diagrama-campo:nth-child(9):before {
    content: '9'; }
  .drag-drop-diagrama-campo .glyphicon {
    font-size: 16px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 1%;
    right: 1%; }
    .drag-drop-diagrama-campo .glyphicon.glyphicon-ok {
      color: #3cb879; }
    .drag-drop-diagrama-campo .glyphicon.glyphicon-remove {
      color: red; }
  .drag-drop-diagrama-campo .drag-drop-content {
    font-size: 12px;
    position: absolute;
    top: 10%;
    width: 90%;
    left: 0;
    right: 0;
    margin: auto; }
  .drag-drop-diagrama-campo i {
    display: none; }
  .drag-drop-diagrama-campo.verificar i {
    display: block; }
  @media (max-width: 1300px) {
    .drag-drop-diagrama-campo {
      overflow-y: auto;
      overflow-x: hidden; } }

.drag-drop-opcao {
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border: 2px solid #f8adaf;
  background: white;
  cursor: -webkit-grab;
  cursor: grab; }
  .drag-drop-opcao.ui-draggable-dragging {
    width: 100px;
    height: 100px;
    overflow: hidden;
    cursor: -webkit-grabbing;
    cursor: grabbing; }

.drag-drop-botoes {
  text-align: center;
  clear: both; }
  .drag-drop-botoes .botao {
    display: inline-block;
    margin: 0 10px; }

.feedback {
  width: 100%;
  font-size: 14px;
  line-height: 17px; }
  .feedback tr {
    border-collapse: collapse;
    border-bottom: 1px solid #e6e6e6; }
    .feedback tr.correto {
      background-color: #d0f0e0; }
  .feedback td {
    padding: 5px; }
    .feedback td.feedback-icon {
      padding-left: 10px;
      padding-right: 10px;
      vertical-align: middle;
      font-size: 24px; }
  .feedback .glyphicon-ok {
    color: #3cb879; }
  .feedback .glyphicon-remove {
    color: red; }

.checkbox-grupo p {
  margin: 0; }

.checkbox-grupo a {
  padding-left: 30px;
  position: relative;
  cursor: pointer;
  color: #f04f54;
  text-decoration: none; }
  .checkbox-grupo a:hover {
    color: #c81117; }
  .checkbox-grupo a:before {
    position: absolute;
    left: 0;
    content: '\e081';
    font-family: 'Glyphicons Halflings'; }

.checkbox-grupo p + p {
  display: none; }

.checkbox-grupo.mostrar a:before {
  content: '\e082';
  font-family: 'Glyphicons Halflings'; }

.checkbox-grupo.mostrar p + p {
  display: block; }