/*consts*/
@font-face {
  font-family: 'petrobras_sansbold';
  src: url("../fonts/petrobrassans_bd-webfont.eot");
  src: url("../fonts/petrobrassans_bd-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/petrobrassans_bd-webfont.woff") format("woff"), url("../fonts/petrobrassans_bd-webfont.ttf") format("truetype"), url("../fonts/petrobrassans_bd-webfont.svg#petrobras_sansbold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'petrobras_sansbold_italic';
  src: url("../fonts/petrobrassans_bdit-webfont.eot");
  src: url("../fonts/petrobrassans_bdit-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/petrobrassans_bdit-webfont.woff") format("woff"), url("../fonts/petrobrassans_bdit-webfont.ttf") format("truetype"), url("../fonts/petrobrassans_bdit-webfont.svg#petrobras_sansbold_italic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'petrobras_sansitalic';
  src: url("../fonts/petrobrassans_it-webfont.eot");
  src: url("../fonts/petrobrassans_it-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/petrobrassans_it-webfont.woff") format("woff"), url("../fonts/petrobrassans_it-webfont.ttf") format("truetype"), url("../fonts/petrobrassans_it-webfont.svg#petrobras_sansitalic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'petrobras_sanslight';
  src: url("../fonts/petrobrassans_lt-webfont.eot");
  src: url("../fonts/petrobrassans_lt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/petrobrassans_lt-webfont.woff") format("woff"), url("../fonts/petrobrassans_lt-webfont.ttf") format("truetype"), url("../fonts/petrobrassans_lt-webfont.svg#petrobras_sanslight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'petrobras_sanslight_italic';
  src: url("../fonts/petrobrassans_ltit-webfont.eot");
  src: url("../fonts/petrobrassans_ltit-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/petrobrassans_ltit-webfont.woff") format("woff"), url("../fonts/petrobrassans_ltit-webfont.ttf") format("truetype"), url("../fonts/petrobrassans_ltit-webfont.svg#petrobras_sanslight_italic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'petrobras_sansregular';
  src: url("../fonts/petrobrassans_rg-webfont.eot");
  src: url("../fonts/petrobrassans_rg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/petrobrassans_rg-webfont.woff") format("woff"), url("../fonts/petrobrassans_rg-webfont.ttf") format("truetype"), url("../fonts/petrobrassans_rg-webfont.svg#petrobras_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'petrobras_sansxbold';
  src: url("../fonts/petrobrassans_xbd-webfont.eot");
  src: url("../fonts/petrobrassans_xbd-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/petrobrassans_xbd-webfont.woff") format("woff"), url("../fonts/petrobrassans_xbd-webfont.ttf") format("truetype"), url("../fonts/petrobrassans_xbd-webfont.svg#petrobras_sansxbold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'petrobras_sansxbold_italic';
  src: url("../fonts/petrobrassans_xbdit-webfont.eot");
  src: url("../fonts/petrobrassans_xbdit-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/petrobrassans_xbdit-webfont.woff") format("woff"), url("../fonts/petrobrassans_xbdit-webfont.ttf") format("truetype"), url("../fonts/petrobrassans_xbdit-webfont.svg#petrobras_sansxbold_italic") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

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

body {
  line-height: 1;
  text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.01);
  text-rendering: optimizeLegibility;    
  -webkit-font-smoothing: antialiased;
}

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

/*misc*/
* {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

/*
:not(input)  {  -webkit-user-select:none; -khtml-user-select:none;  -moz-user-select:none;  -ms-user-select:none; -o-user-select:none;  user-select:none; }
*/
a {
  color: #008c4f;
  text-decoration: none; }

a:focus, a:active {
  outline: none; }

strong {
  font-weight: bold; }

p > span {
  display: inline-block;
}

sub {
  font-size: .8em;
  margin-right: .1em;
}

.rel {
  position: relative; }

.abs {
  position: absolute; }

.fix {
  position: fixed; }

.ib {
  display: inline-block; }

.i {
  display: inline; }

.b {
  display: block; }

.m2 {
  margin: 2px; }

.m4 {
  margin: 4px; }

.m6 {
  margin: 6px; }

.m10 {
  margin: 10px; }

.fl {
  float: left; }

.mv1 {
  margin-top: 1px;
  margin-bottom: 1px; }

.mv2 {
  margin-top: 2px;
  margin-bottom: 2px; }

.mv3 {
  margin-top: 3px;
  margin-bottom: 3px; }

.mv4 {
  margin-top: 4px;
  margin-bottom: 4px; }

.mv6 {
  margin-top: 6px;
  margin-bottom: 6px; }

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

.mh1 {
  margin-left: 1px;
  margin-right: 1px; }

.mh2 {
  margin-left: 2px;
  margin-right: 2px; }

.mh3 {
  margin-left: 3px;
  margin-right: 3px; }

.mh4 {
  margin-left: 4px;
  margin-right: 4px; }

.mh6 {
  margin-left: 6px;
  margin-right: 6px; }

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

.mh20 {
  margin-left: 20px;
  margin-right: 20px; }

.mh25 {
  margin-left: 25px;
  margin-right: 25px; }

.mh30 {
  margin-left: 30px;
  margin-right: 30px; }

.ml2 {
  margin-left: 2px; }

.ml4 {
  margin-left: 4px; }

.ml6 {
  margin-left: 6px; }

.ml8 {
  margin-left: 8px; }

.ml10 {
  margin-left: 10px; }

.mr2 {
  margin-right: 2px; }

.mr4 {
  margin-right: 4px; }

.mr6 {
  margin-right: 6px; }

.mr8 {
  margin-right: 8px; }

.mr10 {
  margin-right: 10px; }

.mb30 {
  margin-bottom: 30px; }

.mt10 {
  margin-top: 10px; }

.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

.mt35 {
  margin-top: 35px; }

.mt50 {
  margin-top: 50px; }

.mb10 {
  margin-bottom: 10px; }

.mb20 {
  margin-bottom: 20px; }

.oh {
  overflow: hidden; }

.ohx {
  overflow-x: hidden; }

.ohy {
  overflow-y: hidden; }

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

.fill-w {
  width: 100%; }

.fill-h {
  height: 100%; }

.fill-wh {
  width: 100%;
  height: 100%; }

.fill-vw {
  width: 100%;
  width: 100vw; }

.fill-vh {
  height: 100%;
  height: 100vh; }

.fill-vwh {
  width: 100%;
  width: 100vw;
  height: 100%;
  height: 100vh; }

.tc {
  text-align: center; }

.tl {
  text-align: left; }

.tr {
  text-align: right; }

.anim-all {
  transition: all 0.0 0.4 ease-out; }

/*debug*/
.dbg-red {
  background-color: rgba(255, 0, 0, 0.4) !important; }

.dbg-yellow {
  background-color: rgba(255, 255, 0, 0.4) !important; }

.dbg-green {
  background-color: rgba(0, 255, 0, 0.4) !important; }

.dbg-cyan {
  background-color: rgba(0, 255, 255, 0.4) !important; }

.dbg-blue {
  background-color: rgba(0, 0, 255, 0.4) !important; }

.dbg-magenta {
  background-color: rgba(255, 0, 255, 0.4) !important; }

/*colors*/
.bkg-white {
  background-color: #fff; }

.green {
  color: #2d9964; }

.yellow {
  color: #fcc72e; }

.white {
  color: #fff; }

.ldark {
  color: #333;
}

.dark {
  color: #282828; }

.brown {
  color: #695e54;
}

.blue {
  color: #016196;
}

.color-caption {
  color: #4d4d4d; }

.border-yellow {
  border-color: #fcc72e; }

/*text*/
body {
  font-family: 'petrobras_sansregular', arial, helvetica, sans-serif;
  color: #000;
  background-color: #333;
}

.pure-g [class *= "pure-u"] {
  font-family: 'petrobras_sansregular', arial, helvetica, sans-serif; }

.psr11 {
  font-family: 'petrobras_sansregular';
  font-size: 11px; }

.psr12 {
  font-family: 'petrobras_sansregular';
  font-size: 12px; }

.psr16 {
  font-family: 'petrobras_sansregular';
  font-size: 16px; }

.psi12 {
  font-family: 'petrobras_sansitalic';
  font-size: 12px; }

.psi14 {
  font-family: 'petrobras_sansitalic'; }

.psb16 {
  font-family: 'petrobras_sansbold';
  font-size: 16px; }

.psxbi60 {
  font-family: 'petrobras_sansxbold_italic';
  font-size: 60px; }

.psxbi98 {
  font-family: 'petrobras_sansxbold_italic';
  font-size: 98px; }

.psli13 {
  font-family: 'petrobras_sanslight_italic';
  font-size: 13px; }

.psli14 {
  font-family: 'petrobras_sanslight_italic';
  font-size: 14px; }

.psli16 {
  font-family: 'petrobras_sanslight_italic';
  font-size: 16px; }

.psli20 {
  font-family: 'petrobras_sanslight_italic';
  font-size: 20px; }

.psli25 {
  font-family: 'petrobras_sanslight_italic';
  font-size: 25px; }

.psli60 {
  font-family: 'petrobras_sanslight_italic';
  font-size: 60px; }

.psli98 {
  font-family: 'petrobras_sanslight_italic';
  font-size: 98px; }

.psl {
  font-family: 'petrobras_sanslight'}
.psli {
  font-family: 'petrobras_sanslight_italic';}
.pslib {
  font-family: 'petrobras_sanslight_italic';font-weight: bold;letter-spacing:-0.01em;}
.psr {
  font-family: 'petrobras_sansregular'}
.psri {
  font-family: 'petrobras_sansregular';font-style: italic;}
.psi {
  font-family: 'petrobras_sansitalic';}
.psb {
  font-family: 'petrobras_sansbold'}
.psbi {
  font-family: 'petrobras_sansbold_italic';}
.psxb {
  font-family: 'petrobras_sansxbold';}
.psxbi {
  font-family: 'petrobras_sansxbold_italic';}

.fs11 {font-size: 0.688em} /*11px*/
.fs12 {font-size: 0.75em}
.fs14 {font-size: 0.875em} /*14px*/
.fs15 {font-size: 0.938em} /*15px*/
.fs18 {font-size: 1.125em;line-height: 1.222em;} /*18px|22px*/
.fs19 {font-size: 1.188em;line-height: 1.211em;} /*19px|23px*/
.fs20 {font-size: 1.250em;line-height: 1.1em;} /*20px|22px*/
.fs21 {font-size: 1.313em;}
.fs24 {font-size: 1.5em;line-height: 1.167em;} /*24px|28px*/
.fs26 {font-size: 1.625em;}
.fs28 {font-size: 1.75em} /*28px*/
.fs30 {font-size: 1.875em} /*30px*/
.fs32 {font-size: 2em} /*32px*/
.fs40 {font-size: 2.500em;letter-spacing: -0.05em} /*40px*/
.fs50 {font-size: 3.125em} /*50px*/
.fs60 {font-size: 3.750em} /*60px*/
.fs76 {font-size: 4.750em} /*76px*/
.fs90 {font-size: 5.625em} /*90px*/

.safari5 .fill-vwh {
  width: 100%;
  width: 100vw;
  height: 960px;
  height: 100vh; }
.safari5 .container .sections {
  width: 100%; }

html {
  overflow-y: scroll;
  overflow-x: hidden; 
}

html, body {
  width: 100%;  
  height: 100% !important;
}

.container {
  /*overflow-x: hidden;*/
  height: 100%;
}

.mobile-only {
  display: none !important;
}

section .arrow {
  transition: all 0.5s ease-out;
  bottom: 3%;
  left: 50%;
  margin-left: -26px;
  cursor: pointer; }
section video {
  transition: opacity 0.8s ease-out; }
section .down {
  margin-bottom: -8px; }

.sections {
  width: 100%;
  height: 100%;
  /*
  .sep-yellow5:after 
  {
    position: relative;
    display: block;
    content: "";
    width: 100px;       
    border-top: 5px solid $color_yellow;    
    top: 20px;
  }
  //*/ }
  .sections .pattern {
    left: 0px;
    top: 0px;
    background-image: url("../image/bkg-pattern-dot.png");
    background-repeat: repeat; }
  .sections .section-size {
    /*width: 100vw;*/
    width: 100%;
    /*height: 100vh;*/
    height: 100%;
    overflow: hidden;
    display: table;  }
  .sections .section-size .pure-g {
    display: block;
  }
  .sections .section-auto {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block;  }
  .sections .title .sep {
    margin-top: 5px; }
  .sections .field-box {
    font-family: "petrobras_sanslight_italic";
    font-size: 18px;
    line-height: 20px; }
  .sections .field-light {
    font-family: "petrobras_sanslight_italic";
    font-size: 45px; }
  .sections .field-bold {
    font-family: "petrobras_sansxbold_italic";
    font-size: 45px; }
  .sections .box {
    left: 0px;
    bottom: 0px;
    border: 1px solid #fff;
    padding: 10px 30px 30px 30px;
    background-size: cover; }
    .sections .box a {
      font-family: 'petrobras_sansbold_italic';
      text-decoration: none; }
    .sections .box a:hover {
      text-decoration: underline; }
  .sections .l-box {
    padding: 1em;
  }
  .sections .l-box p {
    margin: 1em 0;
  }
  .sections .title-sep {
    letter-spacing: -0.12em;
  }
  .sections .title {
    right: 0px;
    top: 0px; }
  .sections .content-middle {
    display: table-row;
    height: 100%;
  }
  .sections .content {
    left: 50%;
    top: 50%; }
  .sections .content-middle .content {
    position: relative;
      display: table-cell;
      vertical-align: middle;
      top: auto;
      left: auto; }
  .sections .content-center {
    width: 100%;
    max-width: 1632px;
    margin: 0 auto;
  }
  .sections .content-paragraph {
    width: 100%;
    margin: 0 auto;
  }
  .sections .content-end > img {
    display: block; 
    width: 100%;
  }
  .sections h3 span,
  .sections h4 span {
    display: block;
  }
  .sections .inln span {
    display: inline;
  }
  .sections .ib span {
    display: inline-block;
  }
  .sections .ibnw {
    display: inline-block;
    white-space: nowrap;
  }
  .sections .title-box {
    text-align: center;
    border-top: 2px solid #80a0b2;
    border-top: 2px solid rgba(255,255,255,.5);
    padding: 5.625em 0 2em;
  }

  .sections .s0 {
    background-image: url("../image/section/00/bkg00.jpg");
    background-position: left center;
    min-height: 680px;
    -webkit-background-size: cover;
    background-size: cover;}
    .sections .s0.video-playing {
      background: none;
    }
    .sections .s0 .second-line span {
      display: inline-block;
      white-space: nowrap;
    }
    .sections .s0 .video {
      /*left: 0px;*/
      /*bottom: -50px;*/
      /*width: 130%;*/
      /*height: auto; */
      min-height: 100%;
      min-width: 100%; }
    .sections .s0 .l-box {
      text-align: center;
      padding: 1em 0;
    }
    .sections .s0 .call-box {
      position: relative;
      display: inline-block;
      padding: 1em 0;
      border-top: 2px solid #fdc82f;
      line-height: 1.15em;
     }
    .sections .s0 h2 > span {
      display: block;
    }
    .sections .s0 .call-box .line {
      position: absolute;
      display: block;
      width: 35%;
      bottom: 2px;
      border-bottom: 2px solid #fdc82f;
    }
    .sections .s0 .call-box .line-l {left: 0;}
    .sections .s0 .call-box .line-r {right: 0;}
    .sections .s0 .play-box {
      position: absolute;
      width: 100%;
      height: 1.45em;
      bottom: -0.725em;
      text-align: center;
    }
    .sections .s0 .play-box a {
      display: inline-block;
      height: 100%;
      border-radius: 50%;
      -webkit-transition: all .1s ease-in-out;
      -moz-transition: all .1s ease-in-out;
      -ms-transition: all .1s ease-in-out;
      -o-transition: all .1s ease-in-out;
      transition: all .1s ease-in-out;
    }
      .sections .s0 .play-box a:hover {
        -webkit-transform: scale(.95,.95);
        -moz-transform: scale(.95,.95);
        -ms-transform: scale(.95,.95);
        -o-transform: scale(.95,.95);
        transform: scale(.95,.95);
        -webkit-box-shadow: 0 0 10px #fff;
        box-shadow: 0 0 10px #fff;
      }

    .sections .s0 .play-box img {
      display: block;
      height: 100%;
    }
    .sections .s0 h3 {
      margin-left: 100px;
      margin-top: 5px; }
    .sections .s0 .sep {
      margin-left: 100px;
      margin-top: -5px; }
    .sections .s0 .pattern {
      background: rgba(0,0,0,.4);
    }
    .sections .s0 .content-center {
      /*max-width: 848px;*/
    }
    .sections .bg-figure {
      position: absolute;
      left: 0; right: 0;
      overflow: hidden;
    }
    .sections .bg-figure img {
      position: relative;
      display: block;
      width: 100%;
      min-width: 1600px;
      left: 50.05%;
      -webkit-transform: translate(-50.05%,0);
      -moz-transform: translate(-50.05%,0);
      -ms-transform: translate(-50.05%,0);
      -o-transform: translate(-50.05%,0);
      transform: translate(-50.05%,0);
    }

  .sections .s0_1 {
    background: url("../image/section/00_1/bg-pattern.jpg") 0 0 repeat fixed;}

    .sections .s0_1 .content-top {
      position: relative;
      left: 0; top: 0;
      background: #4f88d9;
    }
      .sections .s0_1 .content-top .bg-figure {
        bottom: 0;
      }
      .sections .s0_1 .content-end .bg-figure {
        overflow: visible;
        top: 0;
      }
    .sections .s0_1 .content-top .content-center {
      text-align: center; 
    }
    .sections .s0_1 .content-top .content-center {
      position: relative; 
      max-width: 1082px;
      padding: 4em 0 9em;
    }
    .sections .s0_1 .pure-title {
      text-shadow: 1px 0 15px #3263ba;
    }
    .sections .s0_1 .arrow {
      bottom: 5%;
    }

    .sections .s0_1 .content-top .bg-figure img {
      /*min-width: 1903px;*/
    }

    .sections .s0_1 .content-tail .bg-figure {
      position: relative;
      top: -1px;
    }

    .sections .s0_1 .content-end .bg-figure img,
    .sections .s0_1 .content-tail .bg-figure img {
      min-width: 0;
    }

    .sections .s0_1 .content-end .bg-figure .fundo {
      position: absolute;
      top: -3.814064362336114%; left: 0; right: 0;
    }

    .sections .s0_1 .content-barcos-wrap {
      position: relative;
      left: 0;
      width: 100%;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }

    .sections .s0_1 .content-barcos-wrap .bg-figure {
      position: relative;
    }

    .sections .s0_1 .content-barcos-wrap .bg-figure img {
      left: 0;
      -webkit-transform: translate(0,0);
      -moz-transform: translate(0,0);
      -ms-transform: translate(0,0);
      -o-transform: translate(0,0);
      transform: translate(0,0);
    }

    .sections .s0_1 .content-barcos {
      position: absolute;
      top: 0; bottom: 0;
      left: 0; right: 0;
    }
    .sections .s0_1 .content-barcos .content-center {
      height: 100%;
      max-width: none;
    }

    .sections .s0_1 .barco {
      position: absolute;
      top: 0; bottom: 0;
    }

    .sections .s0_1 .barco .barco-img {
      position: relative;
      height: 100px;
      margin-top: -100px;
      text-align: center; 
    }

    .sections .s0_1 .barco .barco-img img {
      position: absolute;
      display: block;
      width: 100%;
      bottom: 0;
    }

    .sections .s0_1 .barco .barco-img .shadow {
      top: 100%;
      bottom: auto;
    }

    .sections .s0_1 .barco.plataforma-tp1 {
      width: 6.5625% ;
    }

    .sections .s0_1 .barco.plataforma-tp2 {
      width: 10%;
    }

    .sections .s0_1 .barco .barco-texto {
      position: absolute;
      /*opacity: 0;*/
      width: 175%;
      padding-left: 1em;
      top: 2%; left: 50%;
      text-transform: uppercase;
      color: #fcc72e; 
      /*
      -webkit-transition: opacity .5s ease-in-out;
      -moz-transition: opacity .5s ease-in-out;
      -ms-transition: opacity .5s ease-in-out;
      -o-transition: opacity .5s ease-in-out;
      transition: opacity .5s ease-in-out;
      */
    }
      .sections .s0_1 .plataforma-tp2 .barco-texto {
        padding-left: .5em;
      }

    .sections .s0_1 .barco .barco-arrow {
      position: relative;
      width: 100%;
      height: 0;
      opacity: 0;
      -webkit-transition: height 1s ease-in-out, opacity .5s ease-in-out;
      -moz-transition: height 1s ease-in-out, opacity .5s ease-in-out;
      -ms-transition: height 1s ease-in-out, opacity .5s ease-in-out;
      -o-transition: height 1s ease-in-out, opacity .5s ease-in-out;
      transition: height 1s ease-in-out, opacity .5s ease-in-out;
    }

    .sections .s0_1 .barco.plataforma-tp1 .barco-arrow {
      left: .5em;
    }

    .sections .s0_1 .barco .barco-arrow-line {
      position: absolute;
      width: 2px;
      background: #fdc82f;
      margin: auto;
      top: 0; bottom: 0;
      left: 0; right: 0;
    }

    .sections .s0_1.barcos-animate .barco .barco-texto,
    .sections .s0_1.barcos-animate .barco .barco-arrow {
      opacity: 1;
    }

    .sections .s0_1 .barco .barco-arrow-line > div {
      display: block;
      position: absolute;
      width: 8px; height: 8px;
      left: 50%; margin-left: -4px;
      border-radius: 50%;
      background: #fdc82f;
    }

    .sections .s0_1 .barco .barco-arrow-line > div span {
      line-height: 3em;
      position: absolute;
      top: 50%;
      margin-top: -1.5em;
      right: 100%;
      padding-right: .75em;
      text-align: right;
      min-width: 100px;
      opacity: 0;
      -webkit-transition: opacity .5s ease-in-out;
      -moz-transition: opacity .5s ease-in-out;
      -ms-transition: opacity .5s ease-in-out;
      -o-transition: opacity .5s ease-in-out;
      transition: opacity .5s ease-in-out;
      
    }

    .sections .s0_1 .barco .barco-arrow-line .arrow-up {top: -4px;}
    .sections .s0_1 .barco .barco-arrow-line .arrow-down {bottom: -4px;}

    .sections .s0_1 .barco .barco-texto span,
    .sections .s0_1 .barco .barco-texto strong {
      display: block; 
    }

    .sections .s0_1 .barco .barco-texto strong {font-family: 'petrobras_sansbold';}
    .sections .s0_1 .barco .barco-texto span {font-family: 'petrobras_sanslight';}

    .sections .s0_1 .barcos-info {
      position: absolute;
      top: 87.5%; right: 4em;
      text-align: right;
    }

    .sections .s0_1 .barco-01 {left:7.916666666666666%;}
    .sections .s0_1 .barco-02 {left:21.78125%;}
    .sections .s0_1 .barco-03 {left:40%;}
    .sections .s0_1 .barco-04 {left:55.16875%;}
    .sections .s0_1 .barco-05 {left:70.20833333333333%;}
    .sections .s0_1 .barco-06 {left:84.89583333333334%;}

    .sections .s0_1.barcos-animate .barco-01 .barco-arrow {height: 39.09415971394517%;}
    .sections .s0_1.barcos-animate .barco-02 .barco-arrow {height: 31.942789034564957%;
      -webkit-transition-delay: .5s, .25s;
      -moz-transition-delay: .5s, .25s;
      -ms-transition-delay: .5s, .25s;
      -o-transition-delay: .5s, .25s;
      transition-delay: .5s, .25s;
      
    }
    .sections .s0_1.barcos-animate .barco-03 .barco-arrow {height: 35.87604290822408%;
      -webkit-transition-delay: 1s, .75s;
      -moz-transition-delay: 1s, .75s;
      -ms-transition-delay: 1s, .75s;
      -o-transition-delay: 1s, .75s;
      transition-delay: 1s, .75s;
    }
    .sections .s0_1.barcos-animate .barco-04 .barco-arrow {height: 39.17795%;
      -webkit-transition-delay: 1.5s, 1.25s;
      -moz-transition-delay: 1.5s, 1.25s;
      -ms-transition-delay: 1.5s, 1.25s;
      -o-transition-delay: 1.5s, 1.25s;
      transition-delay: 1.5s, 1.25s;
      
    }
    .sections .s0_1.barcos-animate .barco-05 .barco-arrow {height: 64.12395709177592%;
      -webkit-transition-delay: 2s, 1.75s;
      -moz-transition-delay: 2s, 1.75s;
      -ms-transition-delay: 2s, 1.75s;
      -o-transition-delay: 2s, 1.75s;
      transition-delay: 2s, 1.75s;
      
    }
    .sections .s0_1.barcos-animate .barco-06 .barco-arrow {height: 72.46722288438617%;
      -webkit-transition-delay: 2.5s, 2.25s;
      -moz-transition-delay: 2.5s, 2.25s;
      -ms-transition-delay: 2.5s, 2.25s;
      -o-transition-delay: 2.5s, 2.25s;
      transition-delay: 2.5s, 2.25s;
      
    }

    .sections .s0_1.barcos-animate .barco-arrow-line > div span {
      opacity: 1;
    }

    .sections .s0_1.barcos-animate .barco-01 .barco-texto,
    .sections .s0_1.barcos-animate .barco-01 .barco-arrow-line > div span {
      -webkit-transition-delay: .75s;
      -moz-transition-delay: .75s;
      -ms-transition-delay: .75s;
      -o-transition-delay: .75s;
      transition-delay: .75s;
      
    }    
    .sections .s0_1.barcos-animate .barco-02 .barco-texto,
    .sections .s0_1.barcos-animate .barco-02 .barco-arrow-line > div span {
      -webkit-transition-delay: 1.25s;
      -moz-transition-delay: 1.25s;
      -ms-transition-delay: 1.25s;
      -o-transition-delay: 1.25s;
      transition-delay: 1.25s;
      
    }
    .sections .s0_1.barcos-animate .barco-03 .barco-texto,
    .sections .s0_1.barcos-animate .barco-03 .barco-arrow-line > div span {
      -webkit-transition-delay: 1.75s;
      -moz-transition-delay: 1.75s;
      -ms-transition-delay: 1.75s;
      -o-transition-delay: 1.75s;
      transition-delay: 1.75s;
      
    }
    .sections .s0_1.barcos-animate .barco-04 .barco-texto,
    .sections .s0_1.barcos-animate .barco-04 .barco-arrow-line > div span {
      -webkit-transition-delay: 2.25s;
      -moz-transition-delay: 2.25s;
      -ms-transition-delay: 2.25s;
      -o-transition-delay: 2.25s;
      transition-delay: 2.25s;
      
    }
    .sections .s0_1.barcos-animate .barco-05 .barco-texto,
    .sections .s0_1.barcos-animate .barco-05 .barco-arrow-line > div span {
      -webkit-transition-delay: 2.75s;
      -moz-transition-delay: 2.75s;
      -ms-transition-delay: 2.75s;
      -o-transition-delay: 2.75s;
      transition-delay: 2.75s;
      
    }
    .sections .s0_1.barcos-animate .barco-06 .barco-texto,
    .sections .s0_1.barcos-animate .barco-06 .barco-arrow-line > div span {
      -webkit-transition-delay: 3.25s;
      -moz-transition-delay: 3.25s;
      -ms-transition-delay: 3.25s;
      -o-transition-delay: 3.25s;
      transition-delay: 3.25s;
    }

    .sections .s0_1.barcos-animate .barco-01 .step-1 {top: 5%}
    .sections .s0_1.barcos-animate .barco-01 .step-2 {top: 88.5%}


    .sections .s0_1.barcos-animate .barco-02 .step-1 {top: 13.5%}
    .sections .s0_1.barcos-animate .barco-02 .step-2 {top: 84%}

    .sections .s0_1.barcos-animate .barco-03 .step-1 {top: 59%}
    .sections .s0_1.barcos-animate .barco-03 .step-2 {top: 86.5%}

    .sections .s0_1.barcos-animate .barco-04 .step-1 {top: 56%}
    .sections .s0_1.barcos-animate .barco-04 .step-2 {top: 92%}

    .sections .s0_1.barcos-animate .barco-05 .step-1 {top: 36.5%}
    .sections .s0_1.barcos-animate .barco-05 .step-2 {top: 87.5%}

    .sections .s0_1.barcos-animate .barco-06 .step-1 {top: 33.5%}
    .sections .s0_1.barcos-animate .barco-06 .step-2 {top: 83%}

  .sections .s1 {
    /*background-image: url("../image/section/01/bkg00.jpg");*/
    background: url("../image/section/00_1/bg-pattern.jpg") 0 0 repeat fixed; }
    .sections .s1 > .content {
      padding: 5em 0 4em;
      text-align: center; }
    .sections .s1 .content-title {
      max-width: 1060px;
    }
      .sections .s1 .content-title h3 {
        padding-bottom: .4em;
      }
    .sections .s1 .content-subtitle {
      max-width: 840px;
    }
    .sections .s1 .carousel-wrap {
      max-width: 1600px;
    }
    .sections .s1 .carousel-wrap p {
    }
        .sections .s1 .carousel-wrap .premio-01,
        .sections .s1 .carousel-wrap .premio-02,
        .sections .s1 .carousel-wrap .premio-03 {
          opacity: 0;
          -webkit-transition: opacity .25s ease-out, transform .5s ease-out;
             -moz-transition: opacity .25s ease-out, transform .5s ease-out;
              -ms-transition: opacity .25s ease-out, transform .5s ease-out;
               -o-transition: opacity .25s ease-out, transform .5s ease-out;
                  transition: opacity .25s ease-out, transform .5s ease-out;
        }

        .sections .s1 .carousel-wrap .premio-01 {
          opacity: 1;
          -webkit-transform:  translate(10em,0);
          -moz-transform:  translate(10em,0);
          -ms-transform:  translate(10em,0);
          -o-transform:   translate(10em,0);
          transform:  translate(10em,0);
          
        }

        .sections .s1 .carousel-wrap .premio-02 {
          opacity: 1;
          -webkit-transform:  translate(-10em,0);
          -moz-transform:  translate(-10em,0);
          -ms-transform:  translate(-10em,0);
          -o-transform:   translate(-10em,0);
          transform:  translate(-10em,0);
          
        }

        .sections .s1 .carousel-wrap .premio-03 {
          -webkit-transform:  translate(0,5em);
          -moz-transform:  translate(0,5em);
          -ms-transform:  translate(0,5em);
          -o-transform:   translate(0,5em);
        }

        body[data-step="2"] .sections .s1 .carousel-wrap .premio-01,
        body[data-step="2"] .sections .s1 .carousel-wrap .premio-02,
        body[data-step="2"] .sections .s1 .carousel-wrap .premio-03,

        body[data-step="3"] .sections .s1 .carousel-wrap .premio-01,
        body[data-step="3"] .sections .s1 .carousel-wrap .premio-02,
        body[data-step="3"] .sections .s1 .carousel-wrap .premio-03 {
          opacity: 1;
          -webkit-transform:  translate(0,0);
          -ms-transform:  translate(0,0);
          -o-transform:   translate(0,0);
          transform:  translate(0,0);

        }

    .sections .s1 figure {
      max-width: 116px;
      margin: 0 auto; 
    }
    .sections .s1 figure img {
      max-width: 100%; }
    .sections .s1 .item-feat {
      margin-top: 3.125em;
    }
    .sections .s1 .item-feat figure {
      max-width: 202px;
    }
    .sections .s1 .bg-figure {
      bottom: 0;
    }

  .sections .s2 {}

  .sections .s3 {
    background: #004165; }
    .sections .s3 .bg-figure {
      background: url("../image/section/00_1/bg-pattern.jpg") 0 0 repeat fixed;
      top: 0;
    }
    .sections .s3 .bg-figure .bgphoto-wrap {
      position: relative;
    }
    .sections .s3 .bg-figure .bottom-solid {
      background: #004165;
      position: absolute;
      height: 50%;
      bottom: 0;
      left: 0; right: 0;
    }
    .sections .s3 .bg-figure .bottom-gradient {
      position: absolute;
      height: 20em;
      bottom: 0;
      left: 0; right: 0;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNDE2NSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQxNjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, rgba(0,65,101,0) 0%, rgba(0,65,101,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,65,101,0)), color-stop(100%,rgba(0,65,101,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(0,65,101,0) 0%,rgba(0,65,101,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(0,65,101,0) 0%,rgba(0,65,101,1) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(0,65,101,0) 0%,rgba(0,65,101,1) 100%); /* IE10+ */
      background: linear-gradient(to bottom, rgba(0,65,101,0) 0%,rgba(0,65,101,1) 100%); /* W3C */
    }
    .sections .s3 > .content {
      position: relative;
      left: 0; right: 0;
      padding: 8em 0 0;
    }
    .sections .s3 .content-center {
      max-width: 812px;
    }
    .sections .s3 .content > .content-center {
      max-width: 1632px;
    }
    .sections .s3 .content-inner {
      max-width: 1055px
    }
    .sections .s3 p {
      margin: 1em 0;
    }

    .sections .s3 .box-empreitada {
      padding-top: 2em;
    }

    .sections .s3 .box-empreitada .l-box {
      padding-bottom: 2em;
    }

    .sections .s3 .box-desafios-title {
      padding: 0 1em;
      text-shadow: 0 0 3px #000;
    }
    .sections .s3 .box-desafios {
      padding: 2em 1em;
      text-shadow: 0 0 3px #000;
    }
      .sections .s3 .box-desafios > div {
        border-left: 1px solid #004165;
      }
        .sections .s3 .box-desafios > div:first-child {
          border-left: 0;
        }
      .sections .s3 .box-desafios .l-box {
        padding-top: 0;
      }
      .sections .s3 .box-desafios p {
        margin: 0;
      }
    .sections .s3 .plano-wrap {
      max-width: 264px;
      margin: 0 auto;
    }
    .sections .s3 .plano-radius {
      position: relative;
      width: 100%;
      padding-top: 100%;
    }
    .sections .s3 .plano-radius > .l-box {
      position: absolute;
      top: 0; bottom: 0;
      left: 0; right: 0;
      padding: 0;
      margin: 1em;
      padding: 1em;
      border-radius: 50%;
      background: rgba(0,45,70,.5);
    }
    .sections .s3 .plano-radius > .l-box img,
    .sections .s3 .plano-radius > .l-box object {
      display: block;
      max-width: 100%;
      margin: 0 auto;
    }

      .sections .s3 .plano-radius .l-box .lazy-line {
        margin: 0 auto;
      }
      .sections .s3 .plano-radius .l-box .lazy-line img {
        display: none;
      }
    .sections .s3 .plano-radius p span {
      display: block;
    }

  .sections .s4 {
    background: #fff; }
    .sections .s4 .content {
      padding: 4em 0; }
      .sections .s4 p {
        line-height: 1.2em;
      }
    .sections .s4 .box-brown {
      background: #695e54;
      padding-bottom: 2em; }
    .sections .s4 .box-gray {
      background: #e1e1e1;
      padding-bottom: 2em; }
    .sections .s4 .title-bar {
      text-align: center;
      margin: 0 2em; }
      .sections .s4 .title-bar h4 {margin: .8em 0;}
      .sections .s4 .box-brown .title-bar{ border-bottom: 1px solid #958d86; }
      .sections .s4 .box-gray .title-bar { border-bottom: 1px solid #bebbb8; }
      .sections .s4 .title-bar span,
      .sections .s4 .title-bar strong {
        display: block; }
    .sections .s4 .astr {
      position: absolute;
      bottom: 1em; right: 1em;
      font-size: 0.75em; }
    .sections .s4 .box-charts {
      text-align: center;
    }
    .sections .s4 .box-charts figure {
      position: relative;
      max-width: 136px;
      margin: 0 auto;
    }
    .sections .s4 .box-charts figure img {
      display: block;
      width: 100%;
    }
    .sections .s4 .box-charts figure .chart-mask {
      position: absolute;
      top: 0; right: 0;
      -webkit-transition: -webkit-transform 1s ease-in-out;
         -moz-transition: -moz-transform 1s ease-in-out;
           -o-transition: -o-transform 1s ease-in-out;
              transition: transform 1s ease-in-out;
      -webkit-transform: rotate(-4deg);
      -moz-transform: rotate(-4deg);
      -ms-transform: rotate(-4deg);
      -o-transform: rotate(-4deg);
      transform: rotate(-4deg);
    }
    body[data-step="4"] .sections .s4 .box-charts figure .chart-mask {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); 
    }
    .sections .s4 .box-bars {
      margin-top: 1em;
    }
    .sections .s4 .box-bars figure {
      max-width: 112px;
      margin: .3em auto;
    }
    .sections .s4 .box-bars figure img {
      width: 100%;
    }
    .sections .s4 .box-bars li {
      margin: .9em 0;
    }
    .sections .s4 .box-bars span {
      display: inline-block; text-align: right;
      width: 65px;
      margin-right: 5px;
    }
    .sections .s4 .box-bars strong {
      display: inline-block;
    }

  .sections .s5 {
    background: #004165; }
    .sections .s5 .content-center {
      max-width: 1632px;
    }
    .sections .s5 .content-center .l-box {
      padding-top: 0;
    }
    .sections .s5 .title-box h3 span {
      white-space: nowrap;
    }
    .sections .s5 .title-box p {
      max-width: 1032px;
      margin: 1em auto;
    }
    .sections .s5 .block-enlarge {
      vertical-align: middle;
    }
    .sections .s5 .block-enlarge > .l-box {
      padding: 0 2em 0 0;
    }
    .sections .s5 .block-enlarge p {
      line-height: 1.15em;
      margin-bottom: 0;
    }
    .sections .s5 figure {
      position: relative;
    }
    .sections .s5 figure img {
      display: block;
      width: 100%;
    }
    .sections .s5 figcaption {
      position: absolute;
      top: 0; bottom: 0;
      left: 0; right: 0;
      background: rgba(0,0,0,.8);
      text-align: center;
      color: #fff;
      opacity: 0;
      overflow: hidden;
      -webkit-transition: opacity .3s ease-in-out;
         -moz-transition: opacity .3s ease-in-out;
           -o-transition: opacity .3s ease-in-out;
              transition: opacity .3s ease-in-out;
    }
    .sections .s5 figcaption .l-box {
      display: table;
      width: 100%; height: 100%;
    }
    .sections .s5 figcaption .content {
      -webkit-transform: translate(0,2.5em);
      -ms-transform: translate(0,2.5em);
      -o-transform: translate(0,2.5em);
      transform: translate(0,2.5em);
      -webkit-transition: -webkit-transform .3s ease-in-out;
         -moz-transition: -moz-transform .3s ease-in-out;
           -o-transition: -o-transform .3s ease-in-out;
              transition: transform .3s ease-in-out;
    }
    .sections .s5 figure:hover figcaption {
      opacity: 1;
    }
    .sections .s5 figure:hover figcaption .content {
      -webkit-transform: translate(0,0);
      -ms-transform: translate(0,0);
      -o-transform: translate(0,0);
      transform: translate(0,0);
    }
    .sections .s5 figcaption p {
      max-width: 15em;
      display: inline-block;
    }

  .sections .s5_1 {
    background: #004165; }
    .sections .s5_1 .content-center {
      max-width: 1632px;
    }
    .sections .s5_1 .box-numeros-title {
      padding: 2em 0;
      text-align: center;
    }
    .sections .s5_1 .box-numeros {
      max-width: 1664px;
      padding: 0 2em;
    }
    .sections .s5_1 .box-numeros p span {
      white-space: nowrap;
    }
    .sections .s5_1 h4 span {
      display: inline-block;
    }
    .sections .s5_1 h4 > span:first-child {
      display: block;
      line-height: .8em; 
    }
    .sections .s5_1 h4 .subtitle {
      min-height: 2.5em;
      padding: .5em 1em 0 0;
    }
    .sections .s5_1 .content-end {
      background: #008542;
    }

/*    .sections .s5_1 .box-numeros .l-box {
      opacity: 0;
        -webkit-transform:  translate(0,10%);
        -ms-transform:  translate(0,10%);
        -o-transform:   translate(0,10%);
        transform:  translate(0,10%);
      -webkit-transition: opacity .25s ease-out, transform .25s ease-out;
         -moz-transition: opacity .25s ease-out, transform .25s ease-out;
          -ms-transition: opacity .25s ease-out, transform .25s ease-out;
           -o-transition: opacity .25s ease-out, transform .25s ease-out;
              transition: opacity .25s ease-out, transform .25s ease-out;
    }

      .sections .s5_1 .box-numeros .item-02 {
        -webkit-transition-delay: .1s,.1s;
        -o-transition-delay: .1s,.1s;
        transition-delay: .1s,.1s;
      }

      .sections .s5_1 .box-numeros .item-03 {
        -webkit-transition-delay: .2s,.2s;
        -o-transition-delay: .2s,.2s;
        transition-delay: .2s,.2s;
      }

      .sections .s5_1 .box-numeros .item-04 {
        -webkit-transition-delay: .3s,.3s;
        -o-transition-delay: .3s,.3s;
        transition-delay: .3s,.3s;
      }*/


      body[data-step="5"] .sections .s5_1 .box-numeros .item-01,
      body[data-step="5"] .sections .s5_1 .box-numeros .item-02,
      body[data-step="5"] .sections .s5_1 .box-numeros .item-03,
      body[data-step="5"] .sections .s5_1 .box-numeros .item-04,

      body[data-step="6"] .sections .s5_1 .box-numeros .item-01,
      body[data-step="6"] .sections .s5_1 .box-numeros .item-02,
      body[data-step="6"] .sections .s5_1 .box-numeros .item-03,
      body[data-step="6"] .sections .s5_1 .box-numeros .item-04 {
        opacity: 1;
        -webkit-transform:  translate(0,0);
        -ms-transform:  translate(0,0);
        -o-transform:   translate(0,0);
        transform:  translate(0,0);

      }

    .pure-middle {
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

  .sections .s6 {
    background: #008542; }
    .sections .s6 > .content {
      padding: 4em 0;
    }
    .sections .s6 .content-paragraph {
      max-width: 1180px;
      padding: 0 3em;
    }
    .sections .s6 .content-tecnologias > li {
      position: relative;
      border-top: 2px solid #fdc82f;
      -webkit-background-size:  cover;
      background-size:  cover;
      background-position:  top center;
      background-repeat:  no-repeat;
      -webkit-transition: all .4s cubic-bezier(0, 1, 0.5, 1);
      -moz-transition: all .4s cubic-bezier(0, 1, 0.5, 1);
      -ms-transition: all .4s cubic-bezier(0, 1, 0.5, 1);
      -o-transition: all .4s cubic-bezier(0, 1, 0.5, 1);
      transition: all .4s cubic-bezier(0, 1, 0.5, 1);
    }
      .sections .s6 .content-tecnologias > .tec-reached {
        border-top: 0;
        cursor: pointer;
      }
    .sections .s6 .content-tecnologias .content-center {
      position: relative;
    }
    .sections .s6 .content-tecnologias .content-tec-title {
      padding: 0 3em;
    }
    .sections .s6 .content-tecnologias .content-tec-item > div {
      padding:  8em 3em;
    }

    .sections .s6 .content-tecnologias .content-reached-bg {
      position: absolute;
      top: 0; bottom: 0;
      left: 0; right: 0;
      background: rgba(0,133,66,0);
      -webkit-transition: all .4s cubic-bezier(0, 1, 0.5, 1);
      -moz-transition: all .4s cubic-bezier(0, 1, 0.5, 1);
      -ms-transition: all .4s cubic-bezier(0, 1, 0.5, 1);
      -o-transition: all .4s cubic-bezier(0, 1, 0.5, 1);
      transition: all .4s cubic-bezier(0, 1, 0.5, 1);
    }

      .sections .s6 .content-tecnologias .tec-reached .content-reached-bg {
        background: rgba(0,133,66,1);

      }

      .sections .s6 .content-tecnologias .content-tec-item {
        /*overflow-y: hidden;*/
        max-height: 1920px;
        opacity: 1; 
        -webkit-transition: all .4s cubic-bezier(0, 1, 0.5, 1);
        -moz-transition: all .4s cubic-bezier(0, 1, 0.5, 1);
        -ms-transition: all .4s cubic-bezier(0, 1, 0.5, 1);
        -o-transition: all .4s cubic-bezier(0, 1, 0.5, 1);
        transition: all .4s cubic-bezier(0, 1, 0.5, 1);
      }

      .sections .s6 .content-tecnologias .tec-reached .content-tec-item {
        max-height: 0;
        opacity: 0; 
      }

    .sections .s6 .content-tecnologias .content-tec-title-wrap {
      padding: 0 8em 0 5em;
      max-height: 0;
      opacity: 0;
      -webkit-transition: all .4s cubic-bezier(0, 1, 0.5, 1);
      -moz-transition: all .4s cubic-bezier(0, 1, 0.5, 1);
      -ms-transition: all .4s cubic-bezier(0, 1, 0.5, 1);
      -o-transition: all .4s cubic-bezier(0, 1, 0.5, 1);
      transition: all .4s cubic-bezier(0, 1, 0.5, 1);
      overflow: hidden;
      border-top: 0;
    }

      .sections .s6 .content-tecnologias .tec-reached .content-tec-title-wrap {
        max-height: 40em;
        opacity: 1;
        padding: 0 8em 0 10em;
        border-top: 1px solid #4eaa7b;
      }

      .sections .s6 .content-tecnologias .content-tec-title-wrap h4 {
        padding: 2em 0;
      }

      .sections .s6 .content-tecnologias .content-tec-title-wrap h4 span {
        display: inline-block;
      }


    .sections .s6 .content-tecnologias .tec-number {
      position: absolute;
      top: 0;
      width: 2em;
      line-height: 2em;
      background: #fdc82f;
      text-align: center;
      border-radius: 50%;
      margin-top: -.25em;
      margin-left: 0;
      color: #2d9964;
      font-size: 3.750em;
      -webkit-transition: all .4s cubic-bezier(0, 1, 0.5, 1);
      -moz-transition: all .4s cubic-bezier(0, 1, 0.5, 1);
      -ms-transition: all .4s cubic-bezier(0, 1, 0.5, 1);
      -o-transition: all .4s cubic-bezier(0, 1, 0.5, 1);
      transition: all .4s cubic-bezier(0, 1, 0.5, 1);

      box-sizing: border-box;
    }
      .sections .s6 .content-tecnologias .tec-reached .tec-number {
        top: 50%;
        font-size: 2.5em;
        margin-left: .5em;
        width: 2.1em;
        margin-top: -1em;
        background: transparent;
        border: 2px solid #fdc82f;
        color: #fdc82f;
      }

      .sections .s6 .content-tecnologias .tec-reached:hover .content-tec-title-wrap h4 {
        color: #fdc82f;
      }

    .sections .s6 .content-tecnologias .tec-text {
      text-shadow:  1px 1px 2px rgba(0,41,64,.7);
    }
      .sections .s6 .content-tecnologias .tec-text h4 {
        padding-bottom: .75em;  
      }

      .sections .s6 .content-tecnologias .tec-text h4 > span {
        display: inline-block;
      }
      .sections .s6 .content-tecnologias .tec-text .tec-tooltip-wrap {
        display: inline-block;
        position: relative;
      }

      .sections .s6 .content-tecnologias .tec-text .tec-tooltip {
        text-decoration: underline;
        cursor: pointer;
      }

      .sections .s6 .content-tecnologias .tec-text .tec-tooltip-box {
        position: absolute;
        font-size: 0.8em;
        letter-spacing: 0;
        color: #fff;
        font-family: 'petrobras_sanslight_italic';
        display: block;
        min-width: 16.5em;
        background: rgba(0, 65, 101,.9);
        bottom: 2.25em; left: 50%;
        border-radius: 6px;
        opacity: 0;
        -webkit-transform: translate(-50%,-15%);
        transform: translate(-50%-15%);
        -webkit-transition: -webkit-transform .25s ease-in-out, opacity .25s ease-in-out;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out;
        pointer-events: none;
        z-index: 2;
      }

      .sections .s6 .content-tecnologias .tec-text h4 .tec-tooltip-box {
        font-size: 0.4em;
        bottom: 3em;
      }

      .sections .s6 .content-tecnologias .tec-text .tec-tooltip:hover {
        color: #fcc72e;
      }
        
      .sections .s6 .content-tecnologias .tec-text .tec-tooltip:hover + .tec-tooltip-box {
        opacity: 1;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
      }

      .sections .s6 .content-tecnologias .tec-text .tec-tooltip-box > span {
        display: block; 
        padding: 1em;
      }

      .sections .s6 .content-tecnologias .tec-text .tec-tooltip-box:after {
        content:'';
        width: 0; 
        height: 0; 
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid rgba(0, 65, 101,.9);
        position: absolute;
        bottom: -20px;
        left: 50%; margin-left: -20px;
      }

    .sections .s6 .content-tecnologias .tec-video {
      position: relative;
      padding-top:  56.25%;
      -webkit-box-shadow: 0 5px 10px rgba(21,12,23,.3);
      box-shadow: 0 5px 10px rgba(21,12,23,.3);
      -webkit-background-size: cover;
      background-size: cover;
      background-position:  50% 50%;
      background-repeat:  no-repeat;
    }

    .sections .s6 .content-tecnologias .tec-video iframe {
      position: absolute;
      top: 0; bottom: 0;
      left: 0; right: 0;
      width: 100%; height: 100%;
    }

    .sections .s6 .content-tecnologias .tec-video > a {
      position: absolute;
      display: block; 
      width: 90px;
      top: 50%; left: 50%;
      margin-top: -45px;
      margin-left: -45px;     
    }
        .sections .s6 .content-tecnologias .tec-video > a img {
          display: block;
          width: 100%;  
        }

    .sections .s6 .content-tecnologias .tec-01 {
      background-image: url("../image/section/06/Tecnologia-1.jpg");
    }
      .sections .s6 .content-tecnologias .tec-01 .tec-video {
        background-image: url("../image/section/06/tec-01-video.jpg");
      }

    .sections .s6 .content-tecnologias .tec-02 {
      background-image: url("../image/section/06/Tecnologia-2.jpg");
    }
      .sections .s6 .content-tecnologias .tec-02 .tec-video {
        background-image: url("../image/section/06/tec-02-video.jpg");
      }

    .sections .s6 .content-tecnologias .tec-03 {
      background-image: url("../image/section/06/Tecnologia-3.jpg");
    }
      .sections .s6 .content-tecnologias .tec-03 .tec-video {
        background-image: url("../image/section/06/tec-03-video.jpg");
      }

    .sections .s6 .content-tecnologias .tec-04 {
      background-image: url("../image/section/06/Tecnologia-4.jpg");
    }
      .sections .s6 .content-tecnologias .tec-04 .tec-video {
        background-image: url("../image/section/06/tec-04-video.jpg");
      }

    .sections .s6 .content-tecnologias .tec-05 {
      background-image: url("../image/section/06/Tecnologia-5.jpg");
    }
      .sections .s6 .content-tecnologias .tec-05 .tec-video {
        background-image: url("../image/section/06/tec-05-video.jpg");
      }

    .sections .s6 .content-tecnologias .tec-06 {
      background-image: url("../image/section/06/Tecnologia-6.jpg");
    }
      .sections .s6 .content-tecnologias .tec-06 .tec-video {
        background-image: url("../image/section/06/tec-06-video.jpg");
      }

    .sections .s6 .content-tecnologias .tec-07 {
      background-image: url("../image/section/06/Tecnologia-7.jpg");
    }
      .sections .s6 .content-tecnologias .tec-07 .tec-video {
        background-image: url("../image/section/06/tec-07-video.jpg");
      }

    .sections .s6 .content-tecnologias .tec-08 {
      background-image: url("../image/section/06/Tecnologia-8.jpg");
    }
      .sections .s6 .content-tecnologias .tec-08 .tec-video {
        background-image: url("../image/section/06/tec-08-video.jpg");
      }

    .sections .s6 .content-tecnologias .tec-09 {
      background-image: url("../image/section/06/Tecnologia-9.jpg");
    }
      .sections .s6 .content-tecnologias .tec-09 .tec-video {
        background-image: url("../image/section/06/tec-09-video.jpg");
      }

    .sections .s6 .content-tecnologias .tec-10 {
      background-image: url("../image/section/06/Tecnologia-10.jpg");
      background-position: bottom center;
    }
      .sections .s6 .content-tecnologias .tec-10.tec-reached .content-tec-title-wrap {
        border-bottom: 2px solid #4eaa7b;
      }
      .sections .s6 .content-tecnologias .tec-10 .tec-video {
        background-image: url("../image/section/06/tec-10-video.jpg");
      }

  .sections .s7 {
    background: #008542; }
    .sections .s7 > .content {
      padding-top: 4em;
    }

    .sections .s7 .depo-carousel-wrap,
    .sections .s7 .content-paragraph {
      padding: 0 3em;
    }

    .sections .s7 .depotxt-carousel {
      padding: 0 4em;
    }

    .sections .s7 .depotxt-carousel .owl-stage {
      display: table;
      height: 100%;
    }
    .sections .s7 .depotxt-carousel .owl-item {
      display: table-cell;
      vertical-align: middle;
      float: none;
    }
    .sections .s7 .depo-carousel {
      max-width: 1422px;
      padding: 5em 3em 4em;
      margin-top: 1em;
      background: url("../image/section/07/depo-arrow.png") top center no-repeat;
    }
        .sections .s7 .depo-carousel .owl-dots {
          padding-top:  4em;
        }
        .sections .s7 .depotxt-carousel .owl-nav {
          position: absolute;
          top: 50%; margin-top: -32px;
          left: 0;  right: 0;
        }
        .sections .s7 .depotxt-carousel .owl-nav > div {
          position: absolute;
          display: block; 
          overflow: hidden;
          text-indent: -99999px;  
          width: 35px; height: 64px;
        }
        .sections .s7 .depotxt-carousel .owl-prev {
          left: 0;
          background: url("../image/section/07/depo-prev.png") center center no-repeat;
        }
        .sections .s7 .depotxt-carousel .owl-next {
          right: 0;
          background: url("../image/section/07/depo-next.png") center center no-repeat;
        }
    .sections .s7 .depo-carousel .depo-item {
      padding: 1em;
      text-align: center;
    }
    .sections .s7 .depo-carousel .depo-item > strong,
    .sections .s7 .depo-carousel .depo-item > span {
      display: block; 
    }

    .sections .s7 .depo-carousel .owl-item {
      color: #fff;
    }

    .sections .s7 .depo-carousel .owl-item.center {
      color: #fdc82f
    }

    .sections .s7 .depotxt-p {
      line-height: 1.15em;
    }

  .sections .s8 {
    background-image: url("../image/section/08/bkg00.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat }
    .sections .s8 > .content {
      position: relative;
      padding: 32em 0 8em;
      left: 0; right: 0;
    }
    .sections .s8 .content-grafico {
      padding-bottom: 8em;
    }

    .sections .s8 .graph-wrap {
      position: relative;
      padding-top: 2em;
      margin: 0 auto;
    }

    .sections .s8 .graph-wrap img {
      display: block;
      width: 100%;
      -webkit-transition: opacity .5s, -webkit-transform .5s;
      -moz-transition: opacity .5s, -moz-transform .5s;
      -ms-transition: opacity .5s, -ms-transform .5s;
      -o-transition:opacity .5s, -o-transform .5s;
      transition: opacity .5s, transform .5s;
    }

    .sections .s8 .graph-figure {
      position: relative; 
      max-width: 771px;
      margin: 0 auto;
    }

    .sections .s8 .graph-figure.lazy-line img {
      position: absolute; 
      /*visibility: hidden;*/
      max-width: 771px;
    }

    .sections .s8 .graph-figure.lazy-line object {
      display: block; 
      width: 101%;
      position:relative;
      top:-6px;
    }

    .sections .s8 .graph-figure .graph-base {
      opacity: 0;
      -webkit-transform: translate(0,5%);
      -moz-transform: translate(0,5%);
      -ms-transform: translate(0,5%);
      -o-transform: translate(0,5%);
      transform: translate(0,5%);
    }

    .sections .s8 .graph-figure .graph-point {
      opacity: 0;
      -webkit-transform: translate(-2.5%,0);
      -moz-transform: translate(-2.5%,0);
      -ms-transform: translate(-2.5%,0);
      -o-transform: translate(-2.5%,0);
      transform: translate(-2.5%,0);      
    }

      .sections .s8 .graph-figure.graph-play .graph-base,
      .sections .s8 .graph-figure.graph-play .graph-point {
        opacity: 1;
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
      }

      .sections .s8 .graph-figure .graph-point-01 {
        -webkit-transition-delay: 1s ;
        -moz-transition-delay: 1s;
        -ms-transition-delay: 1s;
        -o-transition-delay: 1s;
        transition-delay: 1s ;
      }

      .sections .s8 .graph-figure .graph-point-02 {
        -webkit-transition-delay: 1.75s ;
        -moz-transition-delay: 1.75s;
        -ms-transition-delay: 1.75s;
        -o-transition-delay: 1.75s;
        transition-delay: 1.75s ;
      }

      .sections .s8 .graph-figure .graph-point-03 {
        -webkit-transition-delay: 2s ;
        -moz-transition-delay: 2s;
        -ms-transition-delay: 2s;
        -o-transition-delay: 2s;
        transition-delay: 2s ;
      }

      .sections .s8 .graph-figure .graph-point-04 {
        -webkit-transition-delay: 2.75s ;
        -moz-transition-delay: 2.75s;
        -ms-transition-delay: 2.75s;
        -o-transition-delay: 2.75s;
        transition-delay: 2.75s ;
      }

      .sections .s8 .graph-figure .graph-point-05 {
        -webkit-transition-delay: 3s ;
        -moz-transition-delay: 3s;
        -ms-transition-delay: 3s;
        -o-transition-delay: 3s;
        transition-delay: 3s ;
      }

      .sections .s8 .graph-figure .graph-point-06 {
        -webkit-transition-delay: 3.5s ;
        -moz-transition-delay: 3.5s;
        -ms-transition-delay: 3.5s;
        -o-transition-delay: 3.5s;
        transition-delay: 3.5s ;
      }

      .sections .s8 .graph-figure .graph-point-07 {
        -webkit-transition-delay: 4s ;
        -moz-transition-delay: 4s;
        -ms-transition-delay: 4s;
        -o-transition-delay: 4s;
        transition-delay: 4s ;
      }

      .sections .s8 .graph-figure .graph-point-08 {
        -webkit-transition-delay: 4.5s ;
        -moz-transition-delay: 4.5s;
        -ms-transition-delay: 4.5s;
        -o-transition-delay: 4.5s;
        transition-delay: 4.5s ;
      }      

    .sections .s8 .graph-wrap h3 {
      position: absolute;
      left: 1em;
      bottom: 9em;
    }

    .sections .s8 .graph-wrap .l-box {
      padding:  1em 4em 4em 1em;
    }

    .sections .s8 .content-links {
      text-align: center;
      max-width: 1500px;
      margin: 0 auto;
      display: block;
    }
    .sections .s8 .content-links .title-box {
      padding: 8em 0 6em;
    }
    .sections .s8 .content-links ul {
      display: table;
      text-align: center;
      margin: 0 auto;
    }
    .sections .s8 .content-links li {
      display: table-cell;
      text-align: left;
      vertical-align: top;
      border-left: 1px solid #fff;
      min-height: 5em;
    }
    .sections .s8 .content-links ul > li:first-child {
      border-left: 0;
    }
    .sections .s8 .content-links a,
    .sections .s8 .content-links a > span {display: block;}
    .sections .s8 .content-links a span span {
      display: block;
      white-space: nowrap;
    }
    .sections .s8 .content-links .l-box {
      text-align: left;
      padding: 0 2em;
    }
    .sections .s8 .content-links a .sep {
      display: block;
      width: 26px;
      height: 3px; background: #fdc82f;
      margin: 1em 0 0;
      -webkit-transition: width .3s ease-in-out;
      -o-transition: width .3s ease-in-out;
      transition: width .3s ease-in-out;
    }

    .sections .s8 .content-links a:hover .sep {
      width: 100%;
    }

.nav {
  right: 1em;
  top: 50%;
  margin-top: -150px;
  width: 22px;
  line-height: 18px;
  z-index: 100; }
  .nav .pages {
    left: 0px;
    line-height: 19px;
    margin-bottom: -5px; }
  .nav .page {
    transition: opacity 0.5s ease-out; }
    .nav .page img {
      width: 10px;
      height: 10px; }
  .nav .social {
    margin-top: 0px; }
  .nav li, .nav ul {
    transition: all 0.2s ease-out; }
  .nav .close ul {
    top: 30px; }
  .nav .close li {
    margin-top: -30px;
    opacity: 0.0; }
  .nav .open ul {
    top: 0px; }
  .nav .open li {
    margin-top: 10px;
    opacity: 1.0; }
  .nav .on {
    opacity: 1.0; }
  .nav .off {
    opacity: 0.3; }

.header {
  border-bottom: solid 1px #999;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 30px;
  z-index: 100; }
  .header .title {
    left: 30px;
    top: 6px; }
  .header .logo {
    top: 30px;
    left: 15px;
    width: 397px; }
    .header .logo img {
      width: 100%;
    }

.footer {
  height: 65px; }
  .footer .logo {
    top: 24px;
    left: 35px;
    width: 104px;
    z-index: 2; }
    .footer .logo img {
      width: 100%;
    }
  .footer .rights {
    top: 8px;
    color: #999; }
  .footer .social {
    position: absolute;
    top: 20px;
    right: 25px;
    z-index: 2; }
    .footer .social .text {
      top: -10px; }
    .footer .social a {
      display: inline-block;
    }
    .footer .social .button {
      position: relative;
      background-color: #2d9964;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      overflow: hidden;
      -webkit-transition: all 0.25s ease-out;
      -ms-transition: all 0.25s ease-out;
      -o-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
    }
    .footer .social .button:hover {
      background-color: #fcc72e; }
    .footer .social .button img {
      position: absolute;
      width: 100%;
      top: 0; left: 0;
      -webkit-transition: all 0.25s ease-out;
      -ms-transition: all 0.25s ease-out;
      -o-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
    }
    .footer .social .button:hover img {
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%);
    }

.mobile section video {
  display: none; }

.show-on-carousel,
.mobile-share {
  display: none;
}

@media (max-width: 1784px) {
  .sections .s5 .block-enlarge > .l-box {
    padding: 0 2em;
  }
}

@media (min-width: 1280px) and (max-width: 1784px) {
  .sections .s5 .block-hide {
    display: none;
  }
  .sections .s5 .block-enlarge {
    width: 50%;
  }
}

@media (max-width: 1610px) {
  .sections .s6 .igr-txt {
    font-size: 0.75em;
  }
}

@media (max-width: 1279px) {

    .sections .s0 .l-box {
      font-size: .8em;
    }

    .sections .s6 .igr-txt {
      font-size: 0.67em;
      line-height: 1.1em;
    }
    .footer .rights {
      padding-right: 375px;
      text-align: right;
    }
    .sections .s5 .block-enlarge > .l-box {
      padding: 2em;
    }
    .hide-on-carousel {
      display: none;
    }
    .show-on-carousel {
      display: block;
    }

    .sections .s8 .content-links {
      font-size: .8em;
    }

    .sections .s5_1 h4 .subtitle {
      min-height: 0;
    }

}

@media (max-width: 1023px) {
    .sections .s8 .content-links {
      font-size: .7em;
    }

    .sections .s8 {
      background-image: url("../image/section/08/bkg00_mobile.jpg");
      -webkit-background-size:  100%;
      background-size:  100%;
      background-position: top center;
      background-color: #000b26;
    }
      .sections .s8 > .content {
        padding: 12em 0; 
      }  
}

@media (min-width: 992px) {
    .sections .s8 .content-links li:first-child .l-box {
      padding-left: 0;
    }
    .sections .s8 .content-links li.last .l-box {
      padding-right: 0;
    }
}

@media (max-width: 991px) {
  body {
    font-size: 14px;
  }
  .footer {
    height: auto; }
    .footer .rights {
      top: 0;
      margin-top: 50px;
      padding: 10px;
      color: #fff;
      background-color: #999;
      text-align: center; }
  
  .sections .s0 {
    min-height: 540px;
  }

  .sections .s0 .l-box {
    font-size: .7em;
  }

  .sections .l-box {
    padding: 1em 2em;
  }

  .sections .s2 .desktop-only {
    display: none !important;
  }
  .sections .s2 .mobile-only {
    display: block !important;
  }

  .sections .s5 figcaption {
    font-size: 1.2em;
  }

  .sections .s6 .content-tecnologias .tec-text .tec-tooltip-box {
    max-width: 14em;
  }

  .sections .s7 .l-box {
    padding: .5em 2em;
  }

  .sections .s7 .u-img,
  .sections .s7 .u-txt {
    display: block;
    width: 100%;
  }

  .sections .s7 .u-txt {
    border-left: 0;
    border-top: 1px solid #bcbdbc;
    font-size: 1.4em;
  }

  .sections .s8 .content-center {
    padding: 0;
  }

  .sections .s8 .title-box {
    text-align: left;
  }

  .sections .s8 .content-links a {
    float: left;
  }

  .sections .s8 .content-links a span span {
    display: inline;
    white-space: normal;
  }

  .sections .s8 .content-links li .l-box {
    padding: 0;
  }

  .sections .s8 .content-links ul {display: block;}
  .sections .s8 .content-links li {
    display: block;
    border: 0;
    margin: 1em 0;
  }

    .sections .s8 .content-links {
      font-size: 1.2em;
    }
}

/* Overlay style */
.modal-overlay {
  position: fixed;
  display: table;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #333;
  background: rgba(0, 0, 0, 0.85);
  z-index: 100;}
  .modal-overlay nav,
  .modal-overlay .modal-middle {
    display: table-cell;
    text-align: center;
    position: relative;
    vertical-align: middle;
/*    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);*/
  }
  .lt-ie10 .modal-overlay {
    display: table;
  }
  .lt-ie10 .modal-overlay nav,
  .lt-ie10 .modal-overlay .modal-middle {
    display: table-cell;
    vertical-align: middle;
    top: 0;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .lt-ie10 .modal-overlay .modal-middle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .modal-overlay ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .modal-overlay ul li {
    display: block;
    margin: .25em 0;
  }
  .modal-overlay ul li.active a {
    color: #00deff;
  }
  .modal-overlay ul a {
    font-family: 'verlagbold', sans-serif;
    font-size: 4em;
    line-height: 1.5em;
    letter-spacing: -1px;
    display: block;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    background: none;
  }
  .modal-overlay ul a:hover, .modal-overlay ul a:focus {
    background: url(../img/pattern-fill.png) repeat #838383;
  }
  .modal-overlay .modal-middle {
    height: 100%;
  }
  .modal-overlay .modal-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .modal-overlay .modal-wrapper iframe {
    width: 100%;
    height: 100%;
  }
  .modal-overlay .modal-info {
    position: absolute;
    top: 0;
    right: 0;
    text-align: left;
  }
  .modal-overlay .modal-info h4 {
    font-size: 1em;
    font-family: 'verlagbold', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 45px;
    color: #00deff;
  }
  /*.modal-overlay .modal-info span {
    font-family: 'verlagbook', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
  }*/
  .modal-close {
    display: block;
    position: relative;
    border: 0;
    padding: 0;
    margin: 0;
    width: 60px;
    height: 45px;
    background: transparent;
    float: right;
    color: #fff;
    cursor: pointer;
    z-index: 102;
    overflow: visible;
  }
  .modal-close > i {
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    width: 25px;
    height: 4px;
    margin-top: -2px;
    margin-left: -25%;
    background-color: transparent;
    font-size: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .modal-close > i:before, .modal-close > i:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    content: '';
  }
  .modal-close > i:before {
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -webkit-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
  }
  .modal-close > i:after {
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -webkit-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
  .modal-close span {
    position: relative;
    right: 55px;
    font-family: 'verlagblack', sans-serif;
    font-size: 15px;
    line-height: 45px;
    padding-right: 10px;
    text-transform: uppercase;
  }
  .modal-close.open > i {
    background-color: transparent;
  }
  .modal-close.open > i:before, .modal-close.open > i:after {
    background-color: #fff;
  }
  .modal-close.open > i:before {
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -webkit-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
  }
  .modal-close.open > i:after {
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -webkit-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }

/* Effects */
.modal-overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  -moz-transition: opacity 0.3s, visibility 0s 0.3s;
  -o-transition: opacity 0.3s, visibility 0s 0.3s;
  -webkit-transition: opacity 0.3s, visibility 0s;
  -webkit-transition-delay: 0s, 0.3s;
  transition: opacity 0.3s, visibility 0s 0.3s;}
  .modal-overlay nav {
    -webkit-perspective: 1200px;
    perspective: 1200px;
  }
  .modal-overlay nav ul {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -moz-transform: translateY(-25%) rotateX(35deg);
    -ms-transform: translateY(-25%) rotateX(35deg);
    -webkit-transform: translateY(-25%) rotateX(35deg);
    transform: translateY(-25%) rotateX(35deg);
  }
  .modal-overlay.open {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .modal-overlay.open nav ul {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  .modal-overlay.close nav ul {
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }


@media (max-width: 767px) {
  .desktop-only {
    display: none !important;
  }
  .mobile-only {
    display: block !important;
  }
  body {
    font-size: 13px;
  }
  .fs20 {
    line-height: 1.3em;
  }
  .nav {
    display: none;
  }
  .header {height: 0;position: fixed;}
  .header a, .header span {
    display: none;
  }
  .header .logo {
    display: block;
    top: 0; left: auto; right: 0;
    max-width: 60%;
    width: 301px;
  }
  .mobile-share {
    position: fixed;
    display: block;
    width: 12em;
    top: 8px; left: 8px;
    z-index: 10;
  }
  .mobile-share a {
    display: block;
  }
  .mobile-share #button-share-mobile {
    position: relative;
    display: block;
    line-height: 40px;
    padding: 0 4.5em 0 1.5em;
    background: url(../image/header/mobile-share.png) right center no-repeat #008542;
    border-radius: 6px;
    color: #fff;
    z-index: 2;
  }
  .mobile-share ul {
    position: relative;
    display: none;
    margin-top: -0.5em;
    padding: 1em 0 0.5em;
    background: rgba(255,255,255,.75);
    border-radius: 0 0 6px 6px;
  }
  .mobile-share.active ul {
    display: block;
  }
  .mobile-share li {
    display: inline-block;
    width: 50%;
    text-align: center;
  }

  .mobile-share li a {
    padding: .5em;
  }
  .mobile-share li a img {
    width: 100%;
  }

  section .arrow {
    display: none;
  }

  .sections .s0 {
    min-height: 390px;
  }

  .sections .s0 .l-box {
    font-size: .8em;
  }

  .sections .s0 .arrow {
    display: block;
  }

    .sections .s0 .call-box {
      display: block;
      line-height: 1em;
    }

    .sections .s0 .first-line {
      font-size: .6em;
    }
    .sections .s0 .second-line {
      font-size: .8em;
    }

    .sections .s1 .item-feat {
      margin-top: 0;
    }

  .sections .s0_1 .content-barcos-wrap {
    padding-top: 80px;
  }

  .sections .s0_1 .content-top .content-center,
  .sections .s1 > .content,
  .sections .s6 > .content {
    padding-top: 8em;
  }

  .sections .s0_1 .content-top .content-center {
    padding-bottom: 4em;
  }

  .sections .s0_1 .content-top .bg-figure {
    bottom: -80px;
  }

  .sections .s0_1 .content-tail .gray-bg {
    height: 40px;
    background: #617077;
  }

  .sections .s0_1 .content-barcos-wrap .content-barcos {
    top: 80px;
  }

  .sections .s0_1 .content-top .bg-figure img {
    min-width:  1280px;
  }

  .sections .s0_1 .content-tail {
    font-size: 1.3em;
  }

  .sections .s0_1 .content-barcos-arrow a {
    display: block;
  }

  .sections .s0_1 .content-barcos-arrow a img {
    display: block;
    width: 100%;
  }

  .sections .s0_1 .content-barcos-arrow {
    position: absolute;
    right: 4em;
    bottom: 1em;
  }

    .sections .s0_1 .barcos-info {
      top: 90%; right: 2em;
    }


    .sections .s0_1 .barco.plataforma-tp1 {width: 10.3125%;}

    .sections .s0_1 .barco.plataforma-tp2 {width: 11.5625%;}

    .sections .s0_1 .barco-01 {left:2.65625%;}
    .sections .s0_1 .barco-02 {left:20.15625%;}
    .sections .s0_1 .barco-03 {left:36.71875%;}
    .sections .s0_1 .barco-04 {left:53.125%;}
    .sections .s0_1 .barco-05 {left:69.84375%;}
    .sections .s0_1 .barco-06 {left:85.46875%;}

    .sections .s0_1 .barco .barco-texto {top: 0; left: -.5em; right: -.5em; padding-left: 0; margin-top: -7em; width: auto; min-width: 0; text-align: center; color: #004165; }
    .sections .s0_1 .barco .barco-texto span {font-family: 'petrobras_sansregular';}

    .sections .s0_1 .barco .barco-arrow-line .arrow-up,
    .sections .s0_1 .barco .barco-arrow-line .arrow-down {width: 6px; height: 6px; margin-left: -3px;}

    .sections .s0_1.barcos-animate .barco-01 .barco-arrow {height: 43.53508771929825%;}
    .sections .s0_1.barcos-animate .barco-02 .barco-arrow {height: 36.34210526315789%;}
    .sections .s0_1.barcos-animate .barco-03 .barco-arrow {height: 39.5%;}
    .sections .s0_1.barcos-animate .barco-04 .barco-arrow {height: 44.41228070175438%;}
    .sections .s0_1.barcos-animate .barco-05 .barco-arrow {height: 72.65789473684211%;}
    .sections .s0_1.barcos-animate .barco-06 .barco-arrow {height: 80.55263157894737%;}

    .sections .s0_1 .barco .barco-arrow-line {
      background: none;
      width: 100%;  
    }

    .sections .s0_1 .barco .barco-arrow-line .step-1,
    .sections .s0_1 .barco .barco-arrow-line .step-2 {
      width: 100%; height: 1.5em;
      left: 0; right: 0; margin-left: 0;
      text-align: center; 
      background: none;
    }

    .sections .s0_1 .barco .barco-arrow-line > div span {
      top: 0;
      left: 0; right: 0;
      padding-right: 0; 
      text-align: center;
      min-width: 0;
      line-height: 1.5em;
      margin-top: 0;
    }

    .sections .s0_1 .barco .arrowline {
      position: absolute;
      width: 2px;
      margin: auto;
      left: 0;  right: 0; 
    }

    .sections .s0_1 .barco .arrowline.al-top {
      background: #fdc82f;
    }

    .sections .s0_1 .barco .arrowline.al-middle:after,
    .sections .s0_1 .barco .arrowline.al-bottom:after {
      content: '';
      position: absolute;
      top: 1.5em; left: 0; right: 0; bottom: 0;
      background: #fdc82f;
    }

/*    .sections .s0_1.barcos-animate .barco-01 .step-1 {top: 5%}
    .sections .s0_1.barcos-animate .barco-01 .step-2 {top: 88.5%}


    .sections .s0_1.barcos-animate .barco-02 .step-1 {top: 13.5%}
    .sections .s0_1.barcos-animate .barco-02 .step-2 {top: 84%}

    .sections .s0_1.barcos-animate .barco-03 .step-1 {top: 59%}
    .sections .s0_1.barcos-animate .barco-03 .step-2 {top: 86.5%}

    .sections .s0_1.barcos-animate .barco-04 .step-1 {top: 56%}
    .sections .s0_1.barcos-animate .barco-04 .step-2 {top: 92%}

    .sections .s0_1.barcos-animate .barco-05 .step-1 {top: 36.5%}
    .sections .s0_1.barcos-animate .barco-05 .step-2 {top: 87.5%}

    .sections .s0_1.barcos-animate .barco-06 .step-1 {top: 33.5%}
    .sections .s0_1.barcos-animate .barco-06 .step-2 {top: 83%}*/

    .sections .s0_1.barcos-animate .barco-01 .step-2 {top: 86.5%}
    .sections .s0_1.barcos-animate .barco-01 .al-top {top: 0; height: 5%;}
    .sections .s0_1.barcos-animate .barco-01 .al-middle {top: 5%; bottom: 13.5%;}
    .sections .s0_1.barcos-animate .barco-01 .al-bottom {top: 86.5%; height: 13.5%;}

    .sections .s0_1.barcos-animate .barco-02 .step-2 {top: 83%}
    .sections .s0_1.barcos-animate .barco-02 .al-top {top: 0; height: 13.5%;}
    .sections .s0_1.barcos-animate .barco-02 .al-middle {top: 13.5%; bottom: 17%;}
    .sections .s0_1.barcos-animate .barco-02 .al-bottom {top: 83%; height: 17%;}

    .sections .s0_1.barcos-animate .barco-03 .step-2 {top: 84.5%}
    .sections .s0_1.barcos-animate .barco-03 .al-top {top: 0; height: 59%;}
    .sections .s0_1.barcos-animate .barco-03 .al-middle {top: 59%; bottom: 15.5%;}
    .sections .s0_1.barcos-animate .barco-03 .al-bottom {top: 84.5%; height: 15.5%;}

    .sections .s0_1.barcos-animate .barco-04 .step-2 {top: 87%}
    .sections .s0_1.barcos-animate .barco-04 .al-top {top: 0; height: 56%;}
    .sections .s0_1.barcos-animate .barco-04 .al-middle {top: 56%; bottom: 13%;}
    .sections .s0_1.barcos-animate .barco-04 .al-bottom {top: 87%; height: 13%;}

    .sections .s0_1.barcos-animate .barco-05 .al-top {top: 0; height: 36.5%;}
    .sections .s0_1.barcos-animate .barco-05 .al-middle {top: 36.5%; bottom: 12.5%;}
    .sections .s0_1.barcos-animate .barco-05 .al-bottom {top: 87.5%; height: 12.5%;}

    .sections .s0_1.barcos-animate .barco-06 .al-top {top: 0; height: 33.5%;}
    .sections .s0_1.barcos-animate .barco-06 .al-middle {top: 33.5%; bottom: 17%;}
    .sections .s0_1.barcos-animate .barco-06 .al-bottom {top: 83%; height: 17%;}


  .sections .s3 .plano-radius #ico-3 img, .sections .s3 #ico-3 object {
    max-height: 50px;
  }

  .sections .s1 .bg-figure img,
  .sections .s3 .bg-figure img {
    min-width: 420px;
  }

  .sections .s3 .box-desafios > div:before {
    content: '';
    position: absolute;
    display: block;
    width: .5em; height: .5em;
    border-radius: 50%;
    margin: .5em;
    background: #fff;
  }


  .sections .s4 .box-graficos.l-box {
    padding: 0 0 2em 0;
  }
  .sections .s4 .astr {
    position: absolute;
    left: 1em;
    bottom: -2em;
    color: #695e54;
    font-size: 1em; 
    white-space: nowrap;  
  }
  .sections .s4 .title-bar {
    margin: 0;  
  }
  .sections .s4 .box-charts figure,
  .sections .s4 .box-bars figure {
    max-width: 96px;
  }
  .sections .s4 .box-charts p {
    font-size: 1.125em;
    padding: 0 0.4em;
    max-width:  145px;
    margin: 1em auto;
  }
  .sections .s4 .box-bars li {
    font-size:  1em;
  }
  .sections .s4 .title-bar {
    display: table;
    width: 100%;
    min-height: 73px;
  }
  .sections .s4 .title-bar h4 {
    display: table-cell;
    vertical-align: middle; 
  }
  .sections .s4 .title-charts {
    margin-bottom: 2em; 
  }
  .sections .s5 .block-enlarge > .l-box {
    padding: 1em 2em;
  }
  .sections .s5 figcaption {
    font-size: 1.5em;
  }

  .sections .s5_1 .box-numeros {
    padding: 0;
  }

  .sections .s6 .content-tecnologias .content-tec-item > div {
    padding: 8em 1em;
  }

  .sections .s7 .depo-carousel {
    -webkit-background-size: 200%;
    background-size: 200%;
  }

  .sections .s7 .depotxt-carousel {
    padding: 0;
  }

  .sections .s7 .depotxt-carousel .owl-nav {
    left: -1.5em;
    right: -1.5em;
  }

  .sections .s7 .depotxt-carousel .owl-nav > div {
    width: 20px;
    height: 37px;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .modal-overlay .modal-middle {
    height: auto;  }
    .modal-overlay .modal-wrapper {
      position: relative;
      padding: 56.25% 0 0;
      margin: 0 0.625em;
      top: 0;
    }
    .modal-overlay .modal-wrapper iframe {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
    }
    .modal-overlay .modal-info {
      position: relative;
/*      margin: 0 0.625em;
      padding: 1.25em 3em 1.25em 0;*/
      min-height: 4em;
    }
    .modal-overlay .modal-info h4 {
      font-size: 1.8em;
      line-height: 1.8em;
      color: #fff;
    }
    /*.modal-overlay .modal-info span {
      font-size: 1.6em;
      color: #00deff;
    }*/
    .modal-close {
      position: absolute;
      top: 0;
      right: 0;
    }
    .sections .s6 .content-tecnologias .tec-reached .content-tec-title-wrap {
      padding: 4em 4em 4em 10em;
    }
    .sections .s8 .graph-wrap .l-box {
      padding: 1em 2em 4em;
    }
}

@media (max-width: 567px) {
  body {
    font-size: 12px;
  }
  .footer {
    text-align: center;
  }
  .footer .logo {
    position: static;
    display: block;
    margin: 1em auto;
    top: 0; left: 0;
  }
  .footer .social {
    position: static;
    display: block;
    margin: 1em auto;
    top: 0; left: 0;
  }
  .footer .rights {
    margin-top: 1em;
  }
  .sections .s4 .astr {
    position: absolute;
    bottom: 1em; right: 1em; left: auto;  
    font-size: 0.625em;
    color: #fff;
  }
  .sections .s4 .box-bars span {
    width: 80px;
  }
  .sections .s8 .content-center {
    padding: 0 1.5em;
  }
  .sections .s4 .title-bar,
  .sections .s4 .box-bars {
    font-size: 1.4em;
  }
  .sections .s6 .igr-count {
    margin: 0 0.4em;
  }
  .sections .s7 .u-wrap {
    padding: 3em 2em;
  }

  .footer .social .text {
    display: none;
  }
}

@media (max-width: 480px) {
  body {
    font-size: 10px;
  }
}

@media (max-width: 320px) {
  body {
    font-size: 8px;
  }
}

/*# sourceMappingURL=main.css.map */

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

.owl-dot {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: rgba(255,255,255,.2);
  border-radius: 50%;
  margin: 1em;
}

.owl-dot.active {
  background: #fff;
}

.sections .s7 .owl-responsive-992 .owl-stage,
.sections .s7 .owl-responsive-992 .owl-item {
  width: auto !important;
}

.sections .s1 .owl-carousel .owl-item > div,
.sections .s5 .owl-carousel .owl-item > div {
  width: 100% !important;
}

.sections .s5 .owl-dots {
  /*background: #fff;*/
  padding: 1em 0;
  /*border-top: 1px solid #c2c2c2;*/
  /*border-bottom: 1px solid #c2c2c2;*/
}

.sections .s5 .owl-responsive-1280 .owl-item {
  width: 25% !important;
}

#jquery-fullsizable {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 999;
}
#jquery-fullsizable.fullsized_spinner {
  background-image: url(data:image/gif;base64,R0lGODlhEAAQAPIAAAAAAP///zw8PLy8vP///5ycnHx8fGxsbCH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQACgABACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkEAAoAAgAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkEAAoAAwAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkEAAoABAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQACgAFACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQACgAGACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAAKAAcALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
#jquery-fullsizable #fullsized_image_holder {
  position: absolute;
  top: 0; bottom: 0;
  left: 0; right: 0;
}

#jquery-fullsizable #fullsized_image_holder img {
  display: block;
  margin: 0 auto;
}

#fullsized_go_prev, #fullsized_go_next {
  position: absolute;
  top: 40%;
  display: block;
  width: 6em;
  height: 126px;
}
#fullsized_go_prev {
  left: 0;
  background: url('../image/section/05/modal-prev.png') center center no-repeat;
}
/*#fullsized_go_prev:hover {
    background-position: 0 -126px;
}*/
#fullsized_go_next {
  right: 0;
  background: url('../image/section/05/modal-next.png') center center no-repeat;
}
  /*#fullsized_go_next:hover {
    background-position: -32px -126px;
  }*/
#fullsized_fullscreen {
  position: absolute;
  top: 0;
  display: block;
  width: 32px;
  height: 32px;
}
#fullsized_close {
  position: absolute;
  top: 0;
  right: 0;
  /*background: url('../image/section/05/jquery-fullsizable.png') -64px 0;*/
}
#fullsized_close:hover {
  background-position: -64px -32px;
}
#fullsized_fullscreen {
  right: 40px;
  background: url('jquery-fullsizable.png') -96px 0;
}
#fullsized_fullscreen:hover {
  background-position: -96px -32px;
}
:fullscreen #fullsized_fullscreen { background-position: -96px -64px; &:hover {background-position: -96px -96px;} }
:-webkit-full-screen #fullsized_fullscreen { background-position: -96px -64px; &:hover {background-position: -96px -96px;} }
:-moz-full-screen #fullsized_fullscreen { background-position: -96px -64px; &:hover {background-position: -96px -96px;} }

#fullsized_image_label {
  position: absolute;
  bottom: .5em;
  left: 0; right: 0;
  text-align: center;
  padding: 1em;
  text-shadow: 1px 1px 4px #000;
}

#fullsized_image_label h3 + p {
  margin: .2em 0 .8em;
}

  .fixed-share {
    position: fixed;
    top: 40px;
    right: 8px;
    width: 27px;
    padding: 0;
    background-color: #FFFFFF;
    z-index: 10;
  }
  .fixed-share.fixed-share-addthis {
    width: auto;
  }
  .fixed-share.fixed-share-addthis .addthis {
    background: none;
    margin: 0;
    padding: 0;
  }
  .fixed-share.fixed-share-addthis .addthis .addthis_toolbox {
    width: auto;
  }
  .fixed-share.fixed-share-addthis .addthis .addthis_toolbox .addthis_counter {
    float: none !important;
    margin-bottom: 10px;
    margin-left: 2px;
  }
  .fixed-share ul {
    float: right;
    padding:  0 16px;
  }
  .fixed-share ul li {
    float: none;
    list-style: none;
    border-bottom: 1px solid #DDDDDB;
    margin-bottom: 0;
    padding: 0 1px;
  }
  .fixed-share ul li.max {
    display: none;
  }
  .fixed-share ul li.last {
    border-bottom: none;
  }
  .fixed-share ul li.addthis {
    display: block;
    width: 22px;
    height: 20px;
    margin: 2px 3px;
    /*overflow:hidden;*/
    text-indent: -999999px;
    float: left;
    background: none !important;
  }
  .fixed-share ul li.addthis a {
    background: none !important;
    width: 24px;
  }
  .fixed-share ul li a {
    background: url('../image/header/fixed-share.png') no-repeat 0 0;
    display: block;
    width: 22px;
    height: 24px;
    margin: 2px 0;
    text-indent: -999999px;
  }
  .fixed-share ul li a.facebook {
    background-position: 0 2px;
    margin-top: 0;
  }
  .fixed-share ul li a.twitter {
    background-position: 0 -28px;
  }
  .fixed-share ul li a.google {
    background-position: 1px -56px;
  }
  .fixed-share ul li a.linkedin {
    background-position: 0 -86px;
  }
  .fixed-share ul li a.whatsapp {
    background: url(../image/header/ico-whatsapp.png) no-repeat 0px 0px;
    margin-left: 2px;
  }
  .fixed-share ul li a.addthis {
    background-position: 0 -143px;
    margin-bottom: 0;
  }
  .fixed-share ul li a.opener {
    background-position: 0 -173px;
    margin-top: 0;
  }
  .fixed-share ul li a:focus {
    outline: none;
  }

  .fixed-share {
    position: fixed;
    top: 8em;
    left: -192px;
    width: 230px;
    height: 38px;
    border-radius: 19px;
  }
  .fixed-share ul li {
    border-bottom: 0 none !important;
    display: inline-block;
    float: left;
    margin: 6px 0 0 0;
    width: 24px;
  }
  .fixed-share ul li.max {
    display: block!important;
    border-left: 1px solid #CCCCCC;
    padding-left: 7px;
    margin-left: 5px; 
  }
  .fixed-share ul li.addthis {
    display: inline-block;
    clear: none;
    margin: 6px 0 0 0!important;
  }